@charset "UTF-8";
/*
Theme Name: CCI
Theme URI: http:///
Author: CCI
Author URI: http:///
Description: CCI
*/
/* ===================================================================
 style info : カラー読み込み用
 author     : CCI
=================================================================== */

/*============= ベースカラー設定 =============*/

body{color:#414141;}
a {color: #3A7ED3;}
a:focus,
a:hover {color: #ef6465;}

/*--------- 入会案内ボタン ---------*/
#header .admission{
border:1px solid #A4A400;
border-width:0 1px 1px;
background:#D9E46E;
}
#header .admission a{color:#414141;}

/*--------- easy-responsive-tabs ---------*/
.resp-tabs-list li {
color:#FFF;
background:#4387AE;
}
.resp-tabs-container {background-color: #fff;}
h2.resp-accordion {
background:#4387AE;
color:#FFF;
}
.resp-tab-active {
background:#99cfff !important;
color:#414141 !important;
}
h2.resp-tab-active {background:#99cfff !important;}

#itemTab{border:1px solid #999;}
#serviceTab{border:1px solid #999;}
.resp-tabs-list li {
border:1px solid #FFF;
border-width:1px 0 0 1px;
}
h2.resp-accordion {
border: 1px solid #c1c1c1;
border-top: 0px solid #c1c1c1;
}
h2.resp-tab-active {
border-bottom: 0px solid #c1c1c1 !important;
color:#414141;
}
h2.resp-tab-title:last-child {
border-bottom: 12px solid #c1c1c1 !important;
background: blue;
}
.resp-vtabs .resp-tabs-container {
background-color: #fff;
border: 1px solid #c1c1c1;
}
.resp-vtabs li.resp-tab-active {
border: 1px solid #c1c1c1;
background-color: #fff;
}
.resp-arrow {border-top: 12px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow {border-bottom: 12px solid #9B9797;}
h2.resp-tab-active {border-bottom: 1px solid #c1c1c1 !important;}
.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1 !important;}

/*--------- グローバルナビゲーション ---------*/
#header nav ul {
border:1px solid #4387AE;
border-width:1px 1px 1px 0;
background-color: #4387AE;
background-image: -moz-linear-gradient(top, #5CC4F9, #4493D6);
background-image: -ms-linear-gradient(top, #5CC4F9, #4493D6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5CC4F9), to(#4493D6));
background-image: -webkit-linear-gradient(top, #5CC4F9, #4493D6);
background-image: -o-linear-gradient(top, #5CC4F9, #4493D6);
background-image: linear-gradient(top, #5CC4F9, #4493D6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5CC4F9', endColorstr='#4493D6', GradientType=0);
}
#header nav ul li{
border-right:1px solid #4387AE;
border-left:1px solid #73CCF6;
box-shadow: 0px 2px 1px 0px rgba(115,204,246,0.9) inset;
-moz-box-shadow: 0px 2px 1px 0px rgba(115,204,246,0.9) inset;
-webkit-box-shadow: 0px 2px 1px 0px rgba(115,204,246,0.9) inset;
-o-box-shadow: 0px 2px 1px 0px rgba(115,204,246,0.9) inset;
-ms-box-shadow: 0px 2px 1px 0px rgba(115,204,246,0.9) inset;
}
#header nav ul li:first-child{border-left:1px solid #4387AE;}
#header nav ul li a{color:#FFF;}
#header nav ul li a:hover{background:url(img/icon_gnavi-active.png) no-repeat center bottom;}
#header nav ul li:hover {
background-color: #84B74E;
background-image: -moz-linear-gradient(top, #50A0E7, #418ED6);
background-image: -ms-linear-gradient(top, #50A0E7, #418ED6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#50A0E7), to(#418ED6));
background-image: -webkit-linear-gradient(top, #50A0E7, #418ED6);
background-image: -o-linear-gradient(top, #50A0E7, #418ED6);
background-image: linear-gradient(top, #50A0E7, #418ED6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50A0E7', endColorstr='#418ED6', GradientType=0);
box-shadow: 0px 2px 1px 0px rgba(117,182,236,0.9) inset;
-moz-box-shadow: 0px 2px 1px 0px rgba(117,182,236,0.9) inset;
-webkit-box-shadow: 0px 2px 1px 0px rgba(117,182,236,0.9) inset;
-o-box-shadow: 0px 2px 1px 0px rgba(117,182,236,0.9) inset;
-ms-box-shadow: 0px 2px 1px 0px rgba(117,182,236,0.9) inset;}

#header .headerBox .logo dl dd span{color:#414141;}
.subHeaderBox{color:#065fa3;}
/*--------- サブナビゲーション ---------*/
.members,
.leftContentsArea{border:1px solid #67C3F4;}
.members h2{
background:#67C3F4;
color:#FFF;}
.leftContentsArea h2{
background:#67C3F4;
color:#FFF;
}
.members ul li{
border:1px dotted #D0D4D8;
border-width:0 0 1px 0;
}
.members ul li:last-child{border-bottom:none;}
.members ul li a span,
.members ul li a{color:#424242;}

/*--------- フッターエリア ---------*/
footer{
background:#000 url(img/bg_dotted.png) repeat ;
color:#FFF;
 }
footer .wrapper ul {}
footer .wrapper ul li{}
footer .wrapper ul li a{color:#ED7127;}
footer address{color:#FFF;}

/*--------- コンテンツ内タイトル ---------*/
.membersMenu li.unit-50 h2,
.page h2,.home h2,
.home h2.sponsor{
background:#C8E8F5;
color:#3A7ED1;
}
.home .boxBlue h2,
.home .boxBorder h2{background:none;}
.home .boxBorder h2{color:#666;}

#mainContents h3{
border-left:6px solid #377DD3;
border-bottom:1px dotted #377DD3;
}
#mainContents .boxBlue h3{
border-left:none;
border-bottom:1px solid #C8E8F5;
}


.townInformation h4.restaurant{
color:#E93F7D !important;
background: url(img/icon_spot-rest.gif) no-repeat left;
}
.townInformation h4.hotel{
color:#EE8227 !important;
background: url(img/icon_spot-hotel.gif) no-repeat left;
}
.leftBox{border-right:1px dotted #C1C1C1;}

/*--------- コンテンツ内ボタン ---------*/
.home .recommendBtn,
#itemTab .recommendBtn,
#serviceTab .recommendBtn,
.recommendContents .recommendBtn,
#mainContents .recommendBtn{
background:#67C3F6 url(img/icon_arrow-btn.png) no-repeat 0.8em;
color:#FFF;
}
.membersMenu dl dd span.btn{background:#D9E46E;}

/*--------- コンテンツ内注し色 ---------*/
.membersMenu dl{border:2px solid #D9E46E;}
.membersMenu dl dt{background:#D9E46E;}
.enterpriseInner dl{border:2px solid #D9E46E;}
.enterpriseInner dl dt{background:#D9E46E;}
#mainContents table th{
background:#F6F6F6;
border:1px solid #C1C1C1;
}
#mainContents table td{
background:#FFF;
border:1px solid #C1C1C1;
}
.boxBlue{background:#C8E8F5;}

/*============= メインコンテンツエリアカラー設定 =============*/

.newsInformationBox .newsContents{border-bottom:1px dotted #D0D4D8;}
.newsInformationBox2 .newsContents{border-bottom:none;}
.newsInformationBox h4{color:#414141 !important;}

.assayBox li{
background:#E9E9E9;
border:1px solid #CCC;
}
.admissionBox li{
background:#E9E9E9;
border:1px solid #CCC;
}
.homeBox h3{color:#377DD3;}
#mainContents h4{color:#377DD3;}
#mainContents .attentionBox{background:#CCDEEE;}

.recommendContents{border-top:1px solid #C8E8F5;}
.recommendContents h3{color:#377DD3;}

.enterpriseInner h3 span a{color:#414141;}

.itemList h2{border-bottom:1px dotted #C1C1C1;}
.itemList li.unit-50{border:1px dotted #C1C1C1;}
.itemList li.unit-50 h3{color:#546EA7;}
.itemList p.pager span{ 
background:#CDCDCD; 
color:#FFF;
}
.itemList p.pager span.pager { background:#F5F5F5;}
.townShop dt{background:#DEDEDE;}

#mainContents a.link{background:url(img/icon_link-aqua.gif)no-repeat left 3px;}
.townMenu ul.sub-menu li{background:url(img/icon_list-aqua.gif)no-repeat left 10px;}
div#backToTop{background:#65C4F4;}