@charset "utf-8";



/* **************************************************



Name: service.css



Description: Setting of service page module



***************************************************** */







/* content===========================================



タブメニュー

一覧ページ

詳細ページ



===================================================== */





/* タブメニュー

=========================================================================================== */



div#ServiceTabContainer {

	position: relative;

	z-index: 1;

	margin: 0 auto 15px auto;

}

div#ServiceTabContainer ul#ServiceTabContainer-nav{

	display: block;

	z-index: 1;

	width: 664px;

	height:85px;

	background: url("../images/tabmenu/service_tab_bg.gif") no-repeat 0 0;

	overflow: hidden;

}

div#ServiceTabContainer ul#ServiceTabContainer-nav li{

  float:left;

}

div#ServiceTabContainer ul#ServiceTabContainer-nav li a{

	display: inline;

	float: left;

	width: 85px;

	height: 85px;

	text-indent: -9999px;

}

div#ServiceTabContainer ul#ServiceTabContainer-nav li#TabNavi01 a{ background: url("../images/tabmenu/service_tab01.gif") no-repeat 0 0; margin-right: 31px }

div#ServiceTabContainer ul#ServiceTabContainer-nav li#TabNavi02 a{ background: url("../images/tabmenu/service_tab02.gif") no-repeat 0 0; margin-right: 31px }

div#ServiceTabContainer ul#ServiceTabContainer-nav li#TabNavi03 a{ background: url("../images/tabmenu/service_tab03.gif") no-repeat 0 0; margin-right: 31px }

div#ServiceTabContainer ul#ServiceTabContainer-nav li#TabNavi04 a{ background: url("../images/tabmenu/service_tab04.gif") no-repeat 0 0; margin-right: 31px }

div#ServiceTabContainer ul#ServiceTabContainer-nav li#TabNavi05 a{ background: url("../images/tabmenu/service_tab05.gif") no-repeat 0 0; margin-right: 30px }

div#ServiceTabContainer ul#ServiceTabContainer-nav li#TabNavi06 a{ background: url("../images/tabmenu/service_tab06.gif") no-repeat 0 0; }



div#ServiceTabContainer ul#ServiceTabContainer-nav li a:hover,

div#ServiceTabContainer ul#ServiceTabContainer-nav li.activeli a{

 background-position: 0 100% !important;

}



div#ServiceTabContainer div.tabContetsArea {

	position: relative;

	z-index: 2;

}

div#ServiceTabContainer div.tab{

	z-index: 2;

	width: 664px;

	margin: -13px 0 0 0;

/* for IE 4-6 */

	_margin-top: -16px;

/* */

  padding: 0 0 10px 0;

	background: url("../images/tabmenu/service_box_bottom.gif") no-repeat 0 bottom;

}

div#ServiceTabContainer div.tab .tabTop {

	z-index: 2;

  padding: 43px 0 0 0;

}

div#ServiceTabContainer div#ServiceCat01 .tabTop {

	background: url("../images/tabmenu/service_box_top01.gif") no-repeat 0 0;

}

div#ServiceTabContainer div#ServiceCat02 .tabTop {

	background: url("../images/tabmenu/service_box_top02.gif") no-repeat 0 0;

}

div#ServiceTabContainer div#ServiceCat03 .tabTop {

	background: url("../images/tabmenu/service_box_top03.gif") no-repeat 0 0;

}

div#ServiceTabContainer div#ServiceCat04 .tabTop {

	background: url("../images/tabmenu/service_box_top04.gif") no-repeat 0 0;

}

div#ServiceTabContainer div#ServiceCat05 .tabTop {

	background: url("../images/tabmenu/service_box_top05.gif") no-repeat 0 0;

}

div#ServiceTabContainer div#ServiceCat06 .tabTop {

	background: url("../images/tabmenu/service_box_top06.gif") no-repeat 0 0;

}

div#ServiceTabContainer div.tab .Inner {

	padding: 0 0 0 10px;

	border: 1px solid #5db2b5;

	border-width: 0 1px;

	background: url("../images/tabmenu/service_box_bg.gif") repeat-x 0 0;

	height: 150px;

	overflow-y: scroll;

}



div#ServiceTabContainer div.tab .Inner ul.LinkListStyleH2 li {

	width: 185px;

}



.toggleContainer .Inner {

	padding: 5px 0 0 10px;

}

p.toggleSwitch {

	cursor:pointer;

}



/* 一覧ページ

=========================================================================================== */



/* 詳細ページ

=========================================================================================== */



/* [-] 共通クラス

=========================================================================================== */