@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: #003399;}
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:#003366;
}
.resp-tabs-container {background-color: #fff;}
h2.resp-accordion {
background:#003366;
color:#FFF;
}
.resp-tab-active {
background:#CCDEEE !important;
color:#414141 !important;
}
h2.resp-tab-active {background:#CCDEEE !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 #00284A;
border-width:1px 1px 1px 0;
background-color: #003869;
background-image: -moz-linear-gradient(top, #004883, #003869);
background-image: -ms-linear-gradient(top, #004883, #003869);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004883), to(#003869));
background-image: -webkit-linear-gradient(top, #004883, #003869);
background-image: -o-linear-gradient(top, #004883, #003869);
background-image: linear-gradient(top, #004883, #003869);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004883', endColorstr='#003869', GradientType=0);
}
#header nav ul li{
border-right:1px solid #00284A;
border-left:1px solid #5D8BB0;
box-shadow: 0px 2px 1px 0px rgba(122,157,187,0.9) inset;
-moz-box-shadow: 0px 2px 1px 0px rgba(122,157,187,0.9) inset;
-webkit-box-shadow: 0px 2px 1px 0px rgba(122,157,187,0.9) inset;
-o-box-shadow: 0px 2px 1px 0px rgba(122,157,187,0.9) inset;
-ms-box-shadow: 0px 2px 1px 0px rgba(122,157,187,0.9) inset;
}
#header nav ul li:first-child{border-left:1px solid #00284A;}
#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: #0C6AB7;
background-image: -moz-linear-gradient(top, #0C6AB7, #0550A4);
background-image: -ms-linear-gradient(top, #0C6AB7, #0550A4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0C6AB7), to(#0550A4));
background-image: -webkit-linear-gradient(top, #0C6AB7, #0550A4);
background-image: -o-linear-gradient(top, #0C6AB7, #0550A4);
background-image: linear-gradient(top, #0C6AB7, #0550A4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0C6AB7', endColorstr='#0550A4', GradientType=0);
box-shadow: 0px 2px 1px 0px rgba(122,157,187,0.9) inset;
-moz-box-shadow: 0px 2px 1px 0px rgba(122,157,187,0.9) inset;
-webkit-box-shadow: 0px 2px 1px 0px rgba(122,157,187,0.9) inset;
-o-box-shadow: 0px 2px 1px 0px rgba(122,157,187,0.9) inset;
-ms-box-shadow: 0px 2px 1px 0px rgba(122,157,187,0.9) inset;}

#header  .headerBox .logo dl dd span{color:#414141;}
.subHeaderBox{color:#003C88;}
/*--------- サブナビゲーション ---------*/
.members,
.leftContentsArea{border:1px solid #1E4A77;}
.members h2{
background:#003366;
color:#FFF;}
.leftContentsArea h2{
background:#003366;
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:#DDE9F4;
color:#414141;
}
.home .boxBlue h2,
.home .boxBorder h2{background:none;}
.home .boxBorder h2{color:#666;}

#mainContents h3{
border-left:6px solid #003366;
border-bottom:1px dotted #003366;
}
#mainContents .boxBlue h3{
border-left:none;
border-bottom:1px solid #DDE9F4;
}


.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:#003366 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:#D8E4F0;}

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

.newsInformationBox .newsContents{border-bottom:1px dotted #D0D4D8;}
.newsInformationBox2 .newsContents{border-bottom:none;}
.assayBox li{
background:#E9E9E9;
border:1px solid #CCC;
}
.admissionBox li{
background:#E9E9E9;
border:1px solid #CCC;
}
.homeBox h3{color:#003399;}
#mainContents h4{color:#003366;}
#mainContents .attentionBox{background:#CCDEEE;}

.recommendContents{border-top:1px solid #CCDEEE;}
.recommendContents h3{color:#003399;}

.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.gif)no-repeat left 3px;}
.townMenu ul.sub-menu li{background:url(img/icon_list.gif)no-repeat left 10px;}

div#backToTop{background:#1F4A77;}