@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_title.gif) 10px 10px no-repeat;

	height:264px;
	padding:4px;
	position:relative
}
	#top #service .TabbedPanelsContent4 .topic_left {
		background: none;
		float: left;
		width: 320px;
	}
	#top #service .TabbedPanelsContent4 h3 {
		border: none;
		clear: both;
		visibility: hidden;
		font-size:12px;
		margin: 10px 0 0 10px;
		padding: 0;
		text-align: left;
	}
	#top #service .TabbedPanelsContent4 img {
		float:left;
		padding:10px 10px 0 10px;
		position:relative;
	}
	#top #service .TabbedPanelsContent4 strong {
		font: 14px;
		font-weight:bold;
		color: #02717a;
		position: relative;
	}
	#top #service .TabbedPanelsContent4 p {
		padding: 10px 10px 0 10px;
		color: #02717a;
		position: relative;
		line-height: 1.8em;
	}
		#top #service .TabbedPanelsContent4 .topic_right ul {
		margin: 10px 10px 0 0;
		float: right;
	}
		#top #service .TabbedPanelsContent4 .topic_right li {
		background: url(../../images/new/top/contents4_icon.gif) 5px 13px no-repeat;
		border-bottom:1px dotted #03848e;
		padding:5px 0 5px 20px;
		width:300px;
		color: #02717a;
		line-height: 1.8em;
	}
		#top #service .TabbedPanelsContent4 .topic_right li.first {
		border-top:1px dotted #03848e;
	}
		#top #service .TabbedPanelsContent4 .topic_right .serviceLink {
		position: absolute;
		bottom:0px;
		right:0px;
		padding:8px;
		margin:8px;
		width:300px;
		background: none;
		border: none;
		text-align: right;
	}


.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 .TabbedPanelsTabPager {
	position: relative;
	top: 1px;
	float:left;
	width:30px;
	height:29px;
	line-height :29px;/*縦のセンタリング用*/
	background-color: #FFF;
	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;
	font-weight:bold;
	color:#02717a;
}


#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;
}


/*--------------------------------------------------------------------------
  shuunou
--------------------------------------------------------------------------*/
#shuunou .TabbedPanels {
	margin: 30px 0px 10px 0px;
	padding: 0px;
	float: left;
	clear: none;
	width:100%
}

/* タブ枠 */

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

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

#shuunou .TabbedPanelsTab1 {
	position: relative;
	top: 1px;
	float:left;
	width:240px;
	height:40px;
	line-height :40px;/*縦のセンタリング用*/
	background-color: #DDD;
	list-style: none;
	border-left: dotted 1px #96bad8;
	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:#f0f0f0;
	margin:0px 0px 0px 8px;

}
#shuunou .TabbedPanelsTab2 {
	position: relative;
	top: 1px;
	float:left;
	width:100px;
	height:40px;
	line-height :40px;/*縦のセンタリング用*/
	background-color: #DDD;
	list-style: none;
	border-left: dotted 1px #96bad8;
	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:#f0f0f0;
	margin:0px 0px 0px 8px;

}
#shuunou .TabbedPanelsTab3 {
	position: relative;
	top: 1px;
	float:left;
	width:290px;
	height:40px;
	line-height :40px;/*縦のセンタリング用*/
	background-color: #DDD;
	list-style: none;
	border-left: dotted 1px #96bad8;
	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: #FF3366;
	background-color: #fee3e8;
	margin:0px 0px 0px 8px;

}

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

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

}

/* タブセレクト時 */

#shuunou .TabbedPanelsTabSelected {
	color:#000000;
	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 {

}

/* コンテンツ枠 */

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

}

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

#shuunou .TabbedPanelsContent{
	padding:10px;
	clear:both
}



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

.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
}


/*--------------------------------------------------------------------------
  brandList_senmonten
--------------------------------------------------------------------------*/

#brandList_senmonten .TabbedPanels {
	margin: 0px 0px 10px 30px;
	padding: 0px;
	float: left;
	clear: none;
	width: 600px;
}

/* タブ枠 */

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

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

#brandList_senmonten .TabbedPanelsTab {
	position: relative;
	top: 1px;
	float:left;
	width:198px;
	height:29px;
	line-height :29px;/*縦のセンタリング用*/
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px  #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	-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) repeat-x;
	font-weight:bold;
	color: #666666;
	font-size:12px

}

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

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

/* タブセレクト時 */

#brandList_senmonten .TabbedPanelsTabSelected {
	color:#ffffff;
	border-bottom: 1px solid #fff;
	background: #333333;
}

/* タブ内リンク */

.TabbedPanelsTab a {

}

/* コンテンツ枠 */

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

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

#brandList_senmonten .TabbedPanelsContent{
	padding:10px 10px 10px 0px;
}


/*--------------------------------------------------------------------------
  results
--------------------------------------------------------------------------*/
#results #service 

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

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

/* タブ枠 */

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

/* デフォルトタブ */

#results #service .TabbedPanelsTab {
	position: relative;
	top: 1px;
	float:left;
	width:110px;
	height:33px;
	background-color: #DDD;
	list-style: none;
	border:none;
	padding:11px 0 0 55px;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display: block; 
	background:url(../../images/new/results/btn_bg01.jpg) no-repeat;
	color:#02717a;
	background-position:3px 3px;
	line-height:1.1em;
	overflow:hidden;

/*
	position: relative;
	top: 1px;
	float:left;
	width:110px;
	height:33px;
	background-color: #DDD;
	list-style: none;
	border:none;
	padding:11px 0 0 55px;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	display: block; 
	background:url(../../images/new/results/btn_bg01.jpg) no-repeat;
	color:#02717a;
	background-position:3px 3px;
	line-height:1.1em;*/

}

#results #service .TabbedPanelsTab img {
	position:absolute;
	top:4px;
	left:10px
	
/* margin: 4px 0 0 -10px;
  padding: 0 5px 0 0;
  vertical-align: -15px;*/
}

/* タブセレクト時 */

#results #service .TabbedPanelsTabSelected {
	color:#02717a;
	border:none;
	background:url(../../images/new/results/btn_bg02.jpg) no-repeat;
	background-position:3px 3px
}

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

#results #service .TabbedPanelsTabHover {
	background:url(../../images/new/results/btn_bg02.jpg) no-repeat;
	background-position:3px 3px;
	color:#02717a;
}

/* コンテンツ枠 */

#results #service .TabbedPanelsContentGroup {
	clear: both;
	background-color: #fff;
}

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

#results #service .TabbedPanelsContent {
	padding:20px 4px 4px 4px;
	position:relative
}