@charset "UTF-8";

/*--------------------------------------------------------------------------
  service
--------------------------------------------------------------------------*/
#top #service 

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

#top #service .TabbedPanels {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 664px;
}

/* タブ枠 */

#top #service .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* デフォルトタブ1～4 */

#top #service .TabbedPanelsTab {
	position: relative;
	top: 1px;
	float:left;
	width:164px;
	height:31px;
	line-height :31px;/*縦のセンタリング用*/
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #cad9e7;
	border-bottom: solid 1px #cad9e7;
	border-top: solid 1px #cad9e7;
	border-right: solid 1px #cad9e7;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display: block; 
	overflow: hidden;
	text-align:center;
	background:url(../../images/new/top/tab_off.gif) no-repeat;
	font-size:116%;
	font-weight:bold;
	color:#02717a;
	background-position:1px 5px
}

/* タブマウスオーバー時 */

#top #service .TabbedPanelsTabHover {
	background:url(../../images/new/top/tab_on.gif) no-repeat;
	text-decoration: none;
	background-position:1px 2px
}

/* タブセレクト時 */

#top #service .TabbedPanelsTabSelected {
	color:#02717a;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #7da301;
	background:url(../../images/new/top/tab_select.gif) no-repeat;
	background-position:0px -1px
}

/* タブ内リンク */

#top #service .TabbedPanelsTab a {
}

/* コンテンツ枠 */

#top #service .TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #cad9e7;
	border-bottom: solid 1px #cad9e7;
	border-top: solid 1px #cad9e7;
	border-right: solid 1px #cad9e7;
	background-color: #fff;
	background-color:#fff;
}

/* コンテンツ1～4 */

#top #service .TabbedPanelsContent1 {
	background:url(../../images/new/top/contents1_bg.gif) repeat-x bottom;
	height:264px;
	padding:4px;
	position:relative
}

#top #service .TabbedPanelsContent2 {
	background:url(../../images/new/top/contents2_bg.gif) repeat-x bottom;
	height:264px;
	padding:4px;
	position:relative
}
#top #service .TabbedPanelsContent3 {
	background:url(../../images/new/top/contents3_bg.gif) repeat-x bottom;
	height:264px;
	padding:4px;
	position:relative
}
#top #service .TabbedPanelsContent4 {
	background:url(../../images/new/top/contents4_bg.gif) repeat-x bottom;
	height:264px;
	padding:4px;
	position:relative
}

.serviceLink{
	position: absolute;
	bottom:0px;
	right:0px;
	padding:8px;
	margin:8px;
	width:620px;
	background-color:#f8f8f8;
	border:1px solid #ccc;
}
.serviceLink li{
	text-indent:20px;
	background-image: url(../../images/new/common/cate_koumoku.gif);
	background-position:0px 50%;
	background-repeat:no-repeat;
	font-size:108%;
	font-weight:bold;
	float:right;
	margin-left:25px;
}

/*--------------------------------------------------------------------------
  brandList
--------------------------------------------------------------------------*/


#brandList .TabbedPanels {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 664px;
}

/* タブ枠 */

#brandList .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* デフォルトタブ1～4 */

#brandList .TabbedPanelsTab {
	position: relative;
	top: 1px;
	float:left;
	width:63px;
	height:29px;
	line-height :29px;/*縦のセンタリング用*/
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #96bad8;
	border-bottom: solid 1px #96bad8;
	border-top: solid 1px #96bad8;
	border-right: solid 1px #96bad8;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display: block; 
	overflow: hidden;
	text-align:center;
	background:url(../../images/new/top/tab_off.gif) no-repeat;
	font-weight:bold;
	color:#02717a;

}

/* タブマウスオーバー時 */

#brandList .TabbedPanelsTabHover {
	background:url(../../images/new/top/tab_on.gif) no-repeat;
	text-decoration: none;
}

/* タブセレクト時 */

#brandList .TabbedPanelsTabSelected {
	color:#02717a;
	border-bottom: 1px solid #fff;
	background:url(../../images/new/top/tab_select.gif) no-repeat;
}

/* タブ内リンク */

.TabbedPanelsTab a {

}

/* コンテンツ枠 */

#brandList .TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #96bad8;
	border-bottom: solid 1px #96bad8;
	border-top: solid 1px #96bad8;
	border-right: solid 1px #96bad8;
	background-color: #fff;
	background-color:#fff;
}

/* コンテンツ1～4 */

#brandList .TabbedPanelsContent{
	padding:10px;
}



/*--------------------------------------------------------------------------
  media
--------------------------------------------------------------------------*/
#media .TabbedPanels {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 664px;
}

/* タブ枠 */

#media .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* デフォルトタブ1～4 */

#media .TabbedPanelsTab {
	position: relative;
	top: 1px;
	float:left;
	width:70px;
	height:29px;
	line-height :29px;/*縦のセンタリング用*/
	background-color: #DDD;
	list-style: none;
	border-left: dotted 1px #fff;
	border-bottom:  solid 1px #96bad8;
	border-top: dotted 1px #96bad8;
	border-right: dotted 1px #96bad8;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display: block; 
	overflow: hidden;
	text-align:center;
	font-weight:bold;
	color:#02717a;
	background-color:#f5f5f5

}

/* タブマウスオーバー時 */

#media .TabbedPanelsTabHover {
	text-decoration: none;
	background-color:#FFFFFF;

}

/* タブセレクト時 */

#media .TabbedPanelsTabSelected {
	color:#02717a;
	border-left: solid 1px #96bad8;
	border-top: solid 1px #96bad8;
	border-right: solid 1px #96bad8;
	border-bottom: 1px solid #fff;
	background-color:#FFFFFF;
	/*background:url(../../images/new/top/tab_select.gif) no-repeat;*/
}

/* タブ内リンク */

.TabbedPanelsTab a {

}

/* コンテンツ枠 */

#media .TabbedPanelsContentGroup {
	clear: both;
	border-top: solid 1px #96bad8;
	padding-top:5px

}

/* コンテンツ1～4 */

#media .TabbedPanelsContent{
	padding:10px;
}





/*--------------------------------------------------------------------------
  よくある質問
--------------------------------------------------------------------------*/
/* タブ枠 */

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 230px;
	height:auto;
	position: relative;
	cursor: pointer;
	text-align:left;
	text-indent:15px;
	}

/* デフォルトタブ1～5 */

.VTabbedPanels .TabbedPanelsTab {
	float: none; 
	margin: 0px;
	padding: 8px;
	font-weight:bold;
	text-indent:14px;
	border-top: dotted 1px #96bad8;
	background:url(../../images/new/top/tab_select.gif) repeat-x 0px -3px;

	
	
}


 /* タブセレクト時 */

.VTabbedPanels .TabbedPanelsTabSelected {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: url(../../images/new/top/news_icn_arrow.gif) no-repeat 98% 50%;
	background-color:#f8f8f8;
}
.VTabbedPanels .TabbedPanelsTabSelected a{
	color:#02717a;
}
/* コンテンツ枠 */

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 655px;
	height:auto;
	border-left: dotted 1px #96bad8;
	border-right: dotted 1px #96bad8;
	text-align:left;
	padding:0px 20px
}