﻿/*サービス情報用CSS*/
@charset "utf-8";



/************************* 重要 *************************/

/*main.cssの干渉を防ぐためにサービス用のセンターカラム*/
#service_center_column {
	width:486px;
	float:left;
}


#service_center {
	width:486px;
	float:left;
}



/************************* サブ *************************/

.margin15 { margin-top:15px;}
.margin30 { margin-top:30px;}
.bold { font-weight:bold;}



/************************* サービス共通 *************************/

/*サービスナビ用左メニュー*/
#service_menu {
	float:left;
	width:193px;
	padding-right:19px;
}


#inner{
	background:url(../common/leftmenu_bg.gif) repeat-y scroll 0 0;
	overflow:hidden;
}


#service_menu #inner ul#layer_3rd{
width:175px;
padding:0 0 0 8px;
}

#service_menu #inner ul#layer_3rd li{
width:175px;
margin:1px;
padding-top:1px;
border-top:1px solid #e0e0e0;
}


/*cssハック ie6,7 start*/
* html #service_menu #inner ul#layer_3rd li{
margin:0px 1px;
}

*:first-child + html #service_menu #inner ul#layer_3rd li{
margin:0px 1px;
}
/*cssハック ie6,7 end*/


#service_menu #inner ul#layer_3rd li#layer_3rd_top{
border-top:none;
}



#service_menu #inner ul#layer_3rd li a,
#service_menu #inner ul#layer_3rd li a:link,
#service_menu #inner ul#layer_3rd li a:visited {
background-image:url(../service/images/off.gif);
background-position:0 center;
background-repeat:repeat-y;
color:#585858;
padding:6px 10px 6px 15px;
display:block;
min-height:10px; height: auto !important; height: 10px;
text-decoration:none;
font-size:x-small; /*サービス用に追加*/
font-weight:bold; /*サービス用に追加*/
}

#service_menu #inner ul#layer_3rd li a:hover,
#service_menu #inner ul#layer_3rd li #now{
background-image:url(../service/images/g.gif);
background-position:0 center;
background-repeat:repeat-y;
background-color:#f2efe8;
color:#585858;
padding:6px 10px 6px 15px;
min-height:10px; height: auto !important; height: 10px;
}

#service_menu #inner ul#layer_3rd li #now{
padding:8px 10px 8px 15px;
font-weight:bold;
}

#service_menu #inner ul#layer_3rd li #now_top{
background-image:url(../service/images/g.gif);
background-position:0 center;
background-repeat:repeat-y;
background-color:#f6f6f6;
}


#service_menu #inner ul#layer_4th li{
	border-top:none;
	/*border-top:1px dotted #e0e0e0;*/
	background:url(../common/menu_dot.gif) repeat-x scroll 0 0;
}


#service_menu #inner ul#layer_4th li a,
#service_menu #inner ul#layer_4th li a:link,
#service_menu #inner ul#layer_4th li a:visited{
	background:transparent url(../service/images/icon_inner_off.gif) no-repeat 10px center;
	padding:5px 10px 5px 20px;
	min-height:13px; height: auto !important; height: 13px;
	background-color:#f6f6f6;
	font-size:x-small;
	font-weight:normal; /*サービス用に追加*/
}

#service_menu #inner ul#layer_4th li a:hover{
	background:transparent url(../service/images/icon_inner_g.gif) no-repeat 10px center;
	background-color:#e9feee;
	padding:5px 10px 5px 20px;
	min-height:13px; height: auto !important; height: 13px;
}

#service_menu #inner ul#layer_4th li a#inner_on{
	background:transparent url(../service/images/icon_inner_g.gif) no-repeat 10px center;
	/*font-weight:bold;サービス用に削除*/
	background-color:#e9feee;
	padding:5px 10px 5px 20px;
	min-height:13px; height: auto !important; height: 13px;
}

#service_menu_top { width:193px; height:6px; background:url(../service/images/leftmenu_head.gif); overflow:hidden;}
/*サービスメニューここまで */


/* カテゴリータイトル */
#service_category { width:910px; height:66px; background:url(../service/images/data_title01bg.gif) no-repeat; margin:0 0 15px 0;}


/* サービスナビ ※パンくず右下 */
#service_navi { width:902px; text-align:right; margin:4px 0 6px 0;}

#service_navi_inn {
	height:18px;
	width:394px;
	overflow:hidden;
}

#service_navi_inn ul { margin:0; }
#service_navi_inn ul li { display:block; float:left; padding:0; border:0; list-style:none; }
#service_navi_inn ul li a	{ display:block; }
#service_navi_inn ul li a strong { display:none; }
#service_navi_inn ul li a.snavi01 { background-image:url(../service/images/service_navi04.gif); width:166px; height:18px; }
#service_navi_inn ul li a.snavi02 { background-image:url(../service/images/service_navi02.gif); width:102px; height:18px; }
#service_navi_inn ul li a.snavi03 { background-image:url(../service/images/service_navi03.gif); width:126px; height:18px; }
#service_navi_inn ul li a:hover { background-position:0px -18px; }






/************************* サービスナビ用右カラム *************************/

/*関連サービス・関連トピック*/
#service_r01 { width:193px; overflow:hidden; background:url(../service/images/service_bg.gif) repeat-y;}
#service_r01_inn { width:170px; margin:0 0 0 13px; overflow:hidden;}
#service_r01_inn td { vertical-align:top;}
#service_r01_inn td.dot { height:6px; width:170px; background:url(../service/images/dotline.gif) no-repeat;}
#service_r01_inn p { margin:4px 6px 6px 6px;}









/************************* センターカラム構成要素 *************************/

/* カテゴリ */
#service_category01 { width:486px; height:9px; overflow:hidden; background:url(../service/images/data_h1a.gif) no-repeat;}
#service_category02 { width:486px; overflow:hidden; background:url(../service/images/data_h1c.gif) repeat-y;}
#service_category02 h1 { color:#fff; font-weight:bold; margin:0 0 0 20px;}
#service_category03 { width:486px; height:9px; margin-bottom:3px; overflow:hidden; background:url(../service/images/data_h1b.gif) no-repeat;}


/* サービス名 */
#service_name01 { width:486px; height:9px; overflow:hidden; background:url(../service/images/data_h2a.gif) no-repeat;}
#service_name02 { width:486px; overflow:hidden; background:url(../service/images/data_h2c.gif) repeat-y;}
#service_name02 h2 { color:#000; font-weight:bold; margin:0 0 0 20px;}
#service_name03 { width:486px; height:9px; margin-bottom:3px; overflow:hidden; background:url(../service/images/data_h2b.gif) no-repeat;}



/* キャッチコピー */
#service_catch { width:469px; margin:14px 0 8px 8px;}
#service_catch h3{ margin:0 0 0 7px; color:#00995f; font-weight:bold; font-size:medium;}



/* ドットライン */
.service_bluedot { margin:0 0 10px 8px; width:469px; height:1px; background:url(../service/images/green_dot.gif) no-repeat; overflow:hidden;}



/* テキストボックス */
.textbox { margin:0 0 0 15px; width:455px;}



/* イメージボックス */
.imgbox { margin:15px 0 15px 8px; width:469px;}



/* 特長 */
#service_point_box { width:421px; overflow:hidden; float:right; padding-right:11px; margin-bottom:25px;}
#service_point00 { float:left;}

.service_point01 { width:421px; height:6px; overflow:hidden; background:url(../service/images/service_point_top2.gif) no-repeat;}
.service_point02 { width:421px; overflow:hidden; background:url(../service/images/service_point_bg2.gif) repeat-y;}
.service_point02 table { margin:0 0 2px 6px;}
.service_point02 td { vertical-align:top;}
.service_point02 strong { font-weight:bold; color:#00995f;}
.service_point03 { width:421px; height:6px; margin-bottom:3px; overflow:hidden; background:url(../service/images/service_point_bottom2.gif) no-repeat;}





/*中見出し h4*/
#service_center .title1 {
	width:486px;
	margin:0;
	display:block;
	background: url(../common/title_1st_bg.gif) no-repeat scroll left top;
}

#service_center h4{
	padding:8px 16px;
	font-weight:bold;
	display:block;
	background: url(../common/title_1st_footer.gif) no-repeat scroll left bottom;
}




/*サービス：小見出し h5*/
#service_center .title2 {
	width:470px;
	margin:15px 0px 10px 8px;
	display:block;
	background: url(../service/images/title_2nd_bg2.gif) no-repeat scroll left top;
	overflow:hidden;
}

#service_center h6{
	padding:8px 16px;
	font-weight:bold;
	display:block;
	background: url(../service/images/title_2nd_footer2.gif) no-repeat scroll left bottom;
	overflow:hidden;
	margin:0;
}




/* お問い合わせ */
#service_contact01 { width:486px; margin:25px 0 0 0; overflow:hidden; background:url(../service/images/service_contact_top.gif) no-repeat;}
#service_contact01 h5 { font-weight:bold; margin:6px 0 6px 18px; }
#service_contact02 { width:486px; overflow:hidden; background:url(../service/images/service_contact_bg.gif) no-repeat;}
#service_contact02 strong { display:none;}
#service_contact02inn { width:270px; overflow:hidden; padding:10px 0 10px 20px;}
#service_contact03 { width:486px; height:10px; margin-bottom:3px; overflow:hidden; background:url(../service/images/service_contact_bottom.gif) no-repeat;}

#service_contact04 { padding:10px 0 10px 20px; }

a.ir_sec_contact001 {
background: url(../ir/images/ir_sec_conta04.gif) no-repeat scroll top left;
display:block;
height:35px;
width:167px;
margin:8px 0 0 0;
}
a.ir_sec_contact001:hover { background-position: bottom left;}








/************************* 中カテゴリトップ用 *************************/

.scategory { width:341px; overflow:hidden; margin-bottom:15px;}

.scategory_top { width:341px; height:9px; background:url(../service/images/scategory_top.gif) no-repeat; overflow:hidden;}

.scategory_name { width:341px; background:url(../service/images/scategory_bg01.gif) repeat-y; overflow:hidden;}
.scategory_name strong { margin-left:15px; font-weight:bold; color:#fff;}

.scategory_mid { width:341px; height:18px; background:url(../service/images/scategory_middle.gif) no-repeat; overflow:hidden;}

.scategory_body { width:341px; background:url(../service/images/scategory_bg02.gif) repeat-y; overflow:hidden;}
.scategory_bodyin { width:300px; margin:0 0 0 20px; overflow:hidden;}

.scategory_bottom { width:341px; height:10px; background:url(../service/images/scategory_bottom.gif) no-repeat; overflow:hidden;}






