@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/pc/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/pc/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/pc/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/pc/new/top/contents1_bg.gif) repeat-x bottom;
  height:264px;
  padding:4px;
  position:relative
}

#top #service .TabbedPanelsContent2 {
  background:url(/images/pc/new/top/contents2_bg.gif) repeat-x bottom;
  height:264px;
  padding:4px;
  position:relative
}
#top #service .TabbedPanelsContent3 {
  background:url(/images/pc/new/top/contents3_bg.gif) repeat-x bottom;
  height:264px;
  padding:4px;
  position:relative
}
#top #service .TabbedPanelsContent4 {
  height:264px;
  padding:4px;
  position:relative
}
  #top #service .TabbedPanelsContent4 .topic_left {
    background: none;
    float: left;
    width: 320px;
  }
  #top #service .TabbedPanelsContent4 h3 {
    background-image: url("/images/pc/new/common/cate_koumoku.gif");
    background-color: #fff;
    border: none;
    clear: both;
    margin: 10px 0 0 5px;
    padding: 0;
    text-align: left;

  }
  .TabbedPanelsContent4 h3 a{
    color: #5b9e34;
  }
  #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;
  }
  .TabbedPanelsContent4 span {
    font-size: 14px;
  }
    #top #service .TabbedPanelsContent4 .topic_right ul {
    margin: 10px 10px 0 0;
    float: right;
  }
    #top #service .TabbedPanelsContent4 .topic_right li {
    background: url(/images/pc/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/pc/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;
}


/*タブNEW*/
#brandList .TabbedPanelsTabGroup a{
position: relative;
top: 1px;
float:left; 
height:20px;
width:30px;
border:1px solid #cccccc;
padding:4px 4px;
color:#666666;
font-size:10px;
text-align:center;
margin: 2px;
}

/* タブマウスオーバー時NEW */
#brandList .TabbedPanelsTabGroup a:hover {
position: relative;
top: 1px;
float:left;   
height:20px;
width:30px;
border:1px solid #cccccc;
background-color:#cccccc;
color:#FFFFFF;
color:#666666;
text-decoration:none;
margin: 2px;
}


/* タブ内リンク */

.TabbedPanelsTabGroup 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/pc/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/pc/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/pc/new/top/tab_select.gif) repeat-x 0px -3px;

  
  
}


 /* タブセレクト時 */

.VTabbedPanels .TabbedPanelsTabSelected {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: url(/images/pc/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/pc/new/top/tab_off.gif) repeat-x;
  font-weight:bold;
  color: #666666;
  font-size:12px

}

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

#brandList_senmonten .TabbedPanelsTabHover {
  background:url(/images/pc/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/pc/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/pc/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/pc/new/results/btn_bg02.jpg) no-repeat;
  background-position:3px 3px
}

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

#results #service .TabbedPanelsTabHover {
  background:url(/images/pc/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
}

/*--------------------------------------------------------------------------
  　sidenaviありタブレイアウト　　※使用参考/kakosatei/brand/
--------------------------------------------------------------------------*/

#tab01 .TabbedPanels {
  margin: 0 0 10px 0;
  padding: 0;
  width: 664px;
}

/* タブ枠 */

#tab01 .TabbedPanelsTabGroup {
  margin-top: 20px;
  padding: 0;
}

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

#tab01 .TabbedPanelsTab {
  position: relative;
  top: 1px;
  float:left;
  width:100px;
  height:29px;
  line-height :29px;/*縦のセンタリング用*/
  background-color: #e5e5e5;
  list-style: none;
  border-left: dotted 1px #ffffff;
  border-bottom:  solid 1px #808080;
  border-top: dotted 1px #808080;
  border-right: dotted 1px #808080;
  -moz-user-select: none;
  -khtml-user-select: none;
  cursor: pointer;
  display: block; 
  overflow: hidden;
  text-align:center;
  font-weight:bold;
  color:#808080;
  background-color:#f5f5f5
}

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

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

}

/* タブセレクト時 */

#tab01 .TabbedPanelsTabSelected {
  color:#02717a;
  border-left: solid 1px #808080;
  border-top: solid 1px #808080;
  border-right: solid 1px #808080;
  border-bottom: 1px solid #fff;
  background-color:#FFFFFF;
}

/* タブ内リンク 

.TabbedPanelsTab a {

}
*/
/* コンテンツ枠 */

#tab01 .TabbedPanelsContentGroup {
  clear: both;
  border-top: solid 1px #808080;
  padding:24px 0;

}

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

#tab01 .TabbedPanelsContent{
  padding:10px;
}