@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

 File name:      default.css
 Author:         Your Name (admin)
 Style Info:     デフォルトのスタイルのリセット及び基本設定
----------------------------------------------------------- */

/*----------------------------------------------------
	Reset
----------------------------------------------------*/

html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/
caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

p {
	margin-bottom: 1em;
}


/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
	background: #FFF;
	color: #333;
	text-align: center;
	font: 0.9em/1.5 "ＭＳ Ｐゴシック", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", Sans-Serif;
}

* + html body {
	font-family: "ＭＳ Ｐゴシック";
/*	font-family: "メイリオ","Meiryo";*/
}

#page,
#header,
#header #dd,
#contents,
#footer {
	width: 720px;
}
#main {
	width: 440px;
}

#sub {
	width: 260px;
}

#sub .left_navi {
	width: 260px;
}

#category_main {
	width: 555px;
}

#category_sub {
	width: 155px;
}

#category_main .category_entry_box,
#category_main .entry_box,
#category_main .info_entry_box,
#category_main .info_category_body,
#category_main .info_category_entry_box,
#category_main #single_category_main,
#category_main #entry_more {
	width: 537px;
}

#category_main #search_result_wrapper {
	width: 532px;
}

#category_main #search_title {
	width:512px;
}

/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	color: #006600;
	text-decoration: underline;
}

a:visited {
	color: #7f7f7f;
/*	text-decoration: underline;*/
}

a:hover {
	color: #009E63;
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

/* -----------------------------------------------------------
CSS Information

 File name:      header.css
 Author:         Your Name (admin)
 Style Info:     ヘッダー、ナビゲーション
----------------------------------------------------------- */

/*----------------------------------------------------
	#header
----------------------------------------------------*/

#header h1 {
	float: left;
	font-weight: normal;
	font-size: 0.8em;
}

#guideNav {
	float: right;
	width: auto;
}

#guideNav li {
	padding-left: 5px;
	font-size: 0.8em;
	display: inline;
}

#header h2 {
	border-bottom: 1px solid #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 20px;
}
#header_kawashima {
	float: right;
}

#header_suncraft {
	float: left;
}

/*	gNav
----------------------------------------------------*/

#gNav a,#guideNav a {
	color: #202020;
	text-decoration: none;
}

#guideNav a:hover {
	color: #18c876;
}

#gNav a:hover {
	color: #00a776;
}

#gNav {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

#gNav li {
	padding-right: 15px;
	padding-left: 15px;
	display: inline;
	font-size: 0.9em;
}

#global_home a{
 background:url(http://www.suncraft.co.jp/img/share/home_normal.gif) no-repeat;
 width:50px;
 height:11px;
 line-height:11px;
 text-decoration:none;
  padding-left:14px;
}
#global_home a:hover{
 background:url(http://www.suncraft.co.jp/img/share/home_over.gif) no-repeat;
}
#global_privacy a{
 background:url(http://www.suncraft.co.jp/img/share/privacy_normal.gif) no-repeat;
 width:122px;
 height:13px;
 line-height:13px;
 text-decoration:none;
  padding-left:14px;
}
#global_privacy a:hover{
  background:url(http://www.suncraft.co.jp/img/share/privacy_over.gif) no-repeat;
}

/*	Mouse Over
----------------------------------------------------*/

#dd {
	margin-left:20px;
}

#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
	font-size: 0.9em;
}

#dd li a.menu {
  display: block;
  text-align: center;
  padding: 4px 10px;
  margin: 0 20px 0 0;
	color: #202020;
	text-decoration: none;
}

#dd li a.menu:hover {
  background: #efefef;
  color:#00a776;
}

.submenu {
  background: #efefef;
  visibility: hidden;
  position: absolute;
  z-index: 3;
  padding-bottom:15px;
}

.submenu a {
	display: block;
	text-align: left;
	text-decoration: none;
	color: #7f7f7f;
	padding-top: 4px;
/* IE6では横幅を決めておかないと一瞬表示異常が発生します */
	width:150px;
	padding-bottom: 4px;
	padding-left: 13px;
}

.submenu a:hover {
  background: #f8f8f8;
  color: #00a776;
	text-decoration: none;
}

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Your Name (admin)
 Style Info:     コンテンツエリア関係 他
----------------------------------------------------------- */

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

#news　dt {
	color: #738642;
}

/*----------------------------------------------------
	#navSkip (Navigation Skip)
----------------------------------------------------*/

span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/

#page {
	margin: 0 auto;
	text-align: left;
	background: #FFF;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	clear:both;
}

#contents .pageTop {
	clear: both;
	text-align: right;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main {
	float: left;
	padding-left: 10px;
	padding-top:10px;
}

#main dl {
	padding-top: 5px;
	padding-bottom: 5px;
}

#main .left_news {
	padding-right:10px;
	padding-bottom:20px;
	font-weight:bold;
}

#main .right_news {
	padding-bottom:20px;
}

#main .right_news a,
.pageTop a,
#pan a,
.info_category_entry_box a,
.back_ahead_top a,
.back_ahead_bottom a,
#category_main .category_entry_box a,
#category_main .entry_box a,
#category_main #entry_more a,
#category_main .info_entry_box a,
#search_result_wrapper a{
	color:#009e63;
}

#main .right_news a:visited,
.pageTop a:visited,
#pan a:visited,
.info_category_entry_box a:visited,
.back_ahead_top a:visited,
.back_ahead_bottom a:visited,
#category_main .category_entry_box a:visited,
#category_main .entry_box a:visited,
#category_main #entry_more a:visited,
#category_main .info_entry_box a:visited,
#search_result_wrapper a:visited {
	color:#009e63;
}

#main .right_news a:hover,
.pageTop a:hover,
#pan a:hover,
.info_category_entry_box a:hover,
.back_ahead_top a:hover,
.back_ahead_bottom a:hover,
#category_main .category_entry_box a:hover,
#category_main .entry_box a:hover,
#category_main #entry_more a:hover,
#category_main .info_entry_box a:hover,
#search_result_wrapper a:hover {
	color:#3ead00;
}

/*----------------------------------------------------
	#sub
----------------------------------------------------*/

#sub {
	float: right;
/*	width: auto;*/
	margin-bottom:49px;
}


#sub input#search-field {
	width: 187px;
	margin-top: 20px;
}

input#search-field {
	border:1px;
	border-style:solid;
	border-color:#313131;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:1px;
}

input#search-field-submit {
	border-width:1px;
	border-color:#313131;
	background-color:#e7e7e6;
	padding:1px;
}

#contents h3 a {
	color: #738642;
	font-size: 1.1em;
	font-weight: bold;
}

#contents h3 a:hover {
	color: #35AD00;
}

#sub h3 {
	margin-bottom:15px;
}

#sub h3,
#category_sub h3 {
	color: #738642;
	font-size: 1.1em;
	font-weight: bold;
	margin-top:30px;
	word-wrap: break-word;
}

/*----------------------------------------------------
	#left_navi
----------------------------------------------------*/

#sub .left_navi .text_link,
#category_sub #left_navi .text_link {
	font-size:0.87em;
	border-bottom: 1px solid #202020;
}

#sub .left_navi .text_link a,
#category_sub #left_navi .text_link a {
	display: block;
	height:100%;
	text-decoration:none;
}

#sub .left_navi .text_link a:hover,
#category_sub #left_navi .text_link a:hover {
	color:#009e63;
	background-color:#efefef;
}

#sub .left_navi .text_link .img,
#category_sub #left_navi .text_link .img {
	margin-left:1px;
	float:left;
}

#sub .left_navi .text_link .text .arrow_normal,
#sub .left_navi .text_link .text .arrow_over {
	margin-right:6px;
}

#sub .left_navi .arrow_over,
#category_sub #left_navi .arrow_over {
	display:none;
}

#sub .left_navi a:hover .arrow_normal,
#category_sub #left_navi a:hover .arrow_normal {
	display:none;
}

#sub .left_navi a:hover .arrow_over,
#category_sub #left_navi a:hover .arrow_over {
	display:inline;
}

#sub .left_navi .text_link .text {
	padding-top:30px;
}
#sub .left_navi .text_link .text:after {
  content : ""; 
  display : block; 
  height : 0; 
  clear : both; 
}

#category_sub .left_navi .left_navi_arrow_image,
#category_sub .left_navi .left_navi_text {
	border-bottom: 1px solid #202020;
}

#sub .left_navi .left_navi_text,
#category_sub .left_navi .left_navi_text {
	vartical-align:middle;
	font-size:0.87em;
}

#sub .left_navi .text_link .text, 
#category_sub .left_navi .left_navi_text a {
	text-decoration:none;
	color:#313031;
}

#sub .left_navi .text_link a:hover .text, 
#category_sub .left_navi .left_navi_text a:hover {
	text-decoration:none;
	color:#009e63;
}

/*#sub .left_navi .trhover .left_navi_left_border, 
#sub .left_navi .trhover .left_navi_text,
#sub .left_navi .trhover .left_navi_arrow_image,
#category_sub .left_navi .trhover .left_navi_text,
#category_sub .left_navi .trhover .left_navi_arrow_image {
	background-color:#efefef;
}

#sub .left_navi .trhover .left_navi_text a {
	color:#009e63;
}*/

#sub .left_navi .left_navi_arrow_image {
	width:16px;
}

#sub .left_navi .left_navi_arrow_image img{
	width:10px;
	height:10px;
	border:0px;
}

#contents ul {
	padding-top: 15px;
	padding-bottom: 15px;
}


#news li {
	line-height: 2.3em;
}

.left_space {
	padding-left: 10px;
}

#sub li {
	border-bottom: 1px solid #202020;
	padding-top: 1px;
	padding-left: 1px;
	vertical-align:middle;
	height: 75px;
}
#sub img {

}

/*----------------------------------------------------
	#category_main
----------------------------------------------------*/

#category_main {
	float: left;
	padding-top:25px;
}

#category_main #pan {
	font-size:0.85em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #212021;
	padding-bottom:2px;
	margin-right:18px;
}

.back_ahead_top,
.back_ahead_bottom {
	font-size:0.85em;
	text-align:right;
	margin-right:18px;
}

.back_ahead_top {
	padding-top:2px;
	margin-bottom:5px;
}

.back_ahead_bottom {
	margin-top:31px;
	margin-bottom:15px;
}

a.blink,
a.blink:visited {
	text-decoration: none; 
	font-weight:bold;
	color:#313031;
}

/*
#category_main #title {
	width:537px;
}

#category_main #title .left {
	float:left;
	width:90px;
	background-color:red;
	padding-bottom:20px;
}
#category_main #title .right {
	background-color:green;
	padding-bottom:20px;
}
*/

#category_title {
	margin-left:10px;
}

#category_title,
#entry_title,
#category_main #single_category_main #single_category_title {
	color:#738642;
	font-size:1.2em;
}

#category_main .category_entry_box {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #212021;
}

#category_main .category_entry_box,
#category_main .entry_box,
#category_main .info_entry_box,
#category_main #single_category_main {
	margin-top:25px;
}

#category_main .category_entry_box .left,
#category_main .entry_box .left {
	width:1px;
	vertical-align:top;
	padding-right:22px;
	padding-bottom:10px;
}

#category_main .category_entry_box .right,
#category_main .entry_box .right {
	width:100%;
	padding-bottom:10px;
	vertical-align:top;
}

#category_main .category_entry_box .right .title {
	font-weight:bold;
}

#category_main .category_entry_box .right .title p {
	margin-bottom:6px;
	padding:0;
}

#category_main .category_entry_box .right .body p,
#category_main .entry_box .right .body p {
	line-height:1.3em;
	margin:0;
}

#category_main .category_entry_box .right .more {
	margin-top:10px;
}

#category_main .category_entry_box .more {
	text-align:right;
	margin-right:12px;
}
/* 親ボックスからはみ出すバグを回避 */ 
/* 「The Holly Hack」と呼ばれる手法 */ 
#category_main .category_entry_box:after {
	content:".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
/* Mac版 IEではこの設定は無視されるのでWin版 IEのみ適用 \*/ 
* html .category_entry_box {
	height: 1%;
}
.category_entry_box {
	display:block
}
/* ここまで */ 

.pageTop {
	font-size:0.87em;
}

#category_main .pageTop {
	margin-bottom:25px;
	margin-right:18px;
}
/*----------------------------------------------------
	#category_sub
----------------------------------------------------*/

#category_sub {
	float: right;
	margin-bottom:49px;
}

#category_sub input#search-field {
	width: 140px;
	margin-top: 42px;
}

#category_sub #search_button {
	text-align:right;
	margin-right:5px;
	margin-top:5px;
}

#category_sub h3 {
	margin-bottom:15px;
}

#category_sub #left_navi {
	width:155px;
}

#category_sub #left_navi .text_link {
	width:155px;
}

#category_sub #left_navi .text_link a {
	color:#313031;
	padding-top:8px;
	padding-bottom:8px;
}

#category_sub #left_navi .text_link .arrow_normal,
#category_sub #left_navi .text_link .arrow_over {
	margin-left:8px;
	margin-right:6px;
}


#category_sub .left_navi .left_navi_arrow_image {
	height:30px;
	width:25px;
}

#category_sub .left_navi .left_navi_arrow_image img {
	margin-left:8px;
}

#category_sub .category_navi_link {
	font-size:0.87em;
}

#category_sub .category_navi_link a {
display:block;
width:130px;
 background:url(http://www.suncraft.co.jp/img/share/category_right_navi_bg_normal.gif) no-repeat;
 height:30px;
 line-height:30px;
 text-decoration:none;
	padding-left:25px;
	color:#313031;
}

#category_sub .category_navi_link a:hover{
 background:url(http://www.suncraft.co.jp/img/share/category_right_navi_bg_over.gif) no-repeat;
 color:#009e63;
}


/*----------------------------------------------------
	#entry_main
----------------------------------------------------*/
#entry_title {
	margin-top:15px;
}
 
#entry_more {
	margin-top:10px;
	margin-right:18px;
}

/*----------------------------------------------------
	#info_category_main
----------------------------------------------------*/
#category_main .info_category_entry_box {
	border-bottom-color:#212021;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-bottom:15px;
}

#category_main .info_category_entry_box .info_category_day {
	margin-top:26px;
	margin-bottom:13px;
	font-size:0.95em;
}

#category_main .info_category_entry_box .info_category_title,
#category_main .info_entry_box .info_category_title,
#category_main #single_category_main #single_category_title {
	margin-bottom:13px;
}

#category_main .info_category_entry_box .info_category_body,
#category_main .info_entry_box .info_category_body {
	margin-bottom:23px;
}

#category_main .info_category_entry_box .info_category_more {
	text-align:right;
}

/*----------------------------------------------------
	#info_entry_main
----------------------------------------------------*/

#category_main .info_entry_box .info_entry_more {
	margin-top:60px;
}

/*----------------------------------------------------
	#検索画面
----------------------------------------------------*/

#category_main #search_title {
	margin-top:15px;
	padding-left:25px;
	border-bottom: 1px solid #202020;
}

#category_main #search_result_wrapper {
	margin-left:5px;
	margin-top:40px;
	margin-bottom:40px;
}

#category_main #search_result_wrapper .search-results-container {
	margin-bottom:20px;
}

#category_main #search_result_wrapper .search-results-container .title {
	margin-left:8px;
	font-weight:bold;
}

#search_result_wrapper .search_second_title,
#search_result_wrapper .search_third_title {
	padding:5px 0 5px 15px; 
	border-bottom:#009e63 1px solid;
	font-weight: bold; 
}

#search_result_wrapper .search_second_title {
	border-left:#009e63 8px solid; 
	border-top:#009e63 1px solid; 
}

#search_result_wrapper .search_third_title {
	margin-top:30px;
	margin-bottom:10px;
}

#search_result_wrapper #no_match {
	margin-bottom:50px;
}

#search_result_wrapper p,
#search_result_wrapper pre {
	margin-left:20px;
	margin-right:20px;
}

/*----------------------------------------------------
	#文字スタイル
----------------------------------------------------*/
.text_new {
color:#EF4173;
}
#sub .cate_name {
	float: right;
}
/*.day {
	font-weight: bold;
}*/

/* -----------------------------------------------------------
CSS Information

 File name:      footer.css
 Author:         Your Name (admin)
 Style Info:     フッター
----------------------------------------------------------- */

/*----------------------------------------------------
	#footer
----------------------------------------------------*/

#footer {
	clear:both;
	text-align: center;
}

/*----------------------------------------------------
	#mailform
----------------------------------------------------*/
#pan {
	/*margin-left:3px;*/
/*	margin-bottom:5px;*/
}
#pan_mailform {
	text-align:right;
	margin-right:20px;
	margin-top:5px;
	/*margin-bottom: 20px;*/
}
#mailform_catchcopy {
	margin-bottom:20px;
}
#mailform_table { 
 border: 1px solid #666666; 
 border-collapse: collapse; 
 background: #FFFFFF; 
 width:100%; 
}
#mailform_table th { 
 border-right: 1px solid #666666; 
 border-bottom: 1px solid #666666; 
 padding: 5px 5px 5px 10px;
 text-align:left; 
} 
#mailform_table td { 
 border-right: 1px solid #666666; 
 border-bottom: 1px solid #666666; 
 padding: 5px 5px 5px 10px;
}
.red {
color: #FF0000;
}
#mailform_button {
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
#mailform_submit {
	margin-right:50px;
}
#indispensability_error {
	margin-top:10px;
	margin-bottom:10px;
	line-height:1.8em;
}
#mailform_sign {
	margin-bottom:10px;
}