@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong,  tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, span,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline;}
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
html{ overflow-y:scroll;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none;}
input, textarea{ margin:0; padding:0;}
ol, ul{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
caption, th{ text-align:left;}
a:focus { outline:none;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix { display:inline-table; }  
/* Hides from IE-mac \*/  
* html .clearfix { height:1%; }  
.clearfix { display:block; }  
/* End hide from IE-mac */  
 
* { box-sizing:border-box;}

a { color:#006AB6; text-decoration:none;}
a:hover { color:#408FC8; text-decoration:none;}
a:hover img { opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)";}
a, a:hover { -webkit-transition:0.1s; -moz-transition:0.1s; -o-transition:0.1s; transition:0.1s;}

img { max-width:100%; height:auto; vertical-align: bottom;}
h4{font-weight:bold;}
.mincho { font-weight:bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.center{text-align:center;}
.small{font-size:80%;}
.midi{font-size:110%;}
.big{font-size:140%;}
.bold{font-weight:bold;}
.catch{font-size:115%; margin:20px auto;}
.catchBig{font-size:130%; margin:10px;}
.catchLarge{font-size:40px; font-weight:bold; margin:10px;}
.red{color:red;}
.white{color:#fff;}
.migi{float:right;}
.hidari{float:left;}
.right{text-align: right;}
.line{border:1px solid #ccc;}

/*---- body, wrap, inner ----*/

body { min-width:960px; text-align:center; font-size:16px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important; width:100%;  z-index:2000; color:#333;}
.inner { position:relative; width:960px; margin:0 auto;}
.Cinner {width:920px; margin:0 auto; text-align:left;}
	.pc{display:block;}
	.mb{display: none;}
@media screen and (max-width: 980px){
	body { min-width:1px;}
	.inner { position:relative; width:auto; margin:0 10px;}
}
@media screen and (max-width: 768px){
	body {}
	.Cinner {width:98%; margin:0 auto;}
	.pc{display:block;}
	.mb{display: none;}
}
@media screen and (max-width: 600px){
	body {font-size:14px;}
	.pc{display:none;}
	.mb{display: inline;}
	.inner { width:96%; margin:0 2%;}
	.catchLarge{font-size:20px;}
	.center{text-align:left;}
}



/*---- header ----*/

#headerWrap { position:fixed; width:100%; height:106px; background:url(../image/common/header_base.gif) repeat-x; z-index:9999; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;}
#headerInner { position:relative; width:960px; margin:0 auto; text-align: left;}
#headerLogo { position:absolute; top:10px; left:10px; width:206px;}
#bread{position:absolute; top:84px; right:0; font-size: 14px;}

#gNavi { position:absolute; top:36px; right:0px;font-size: 18px;}
#gNavi > .menuBtn:hover { opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)";}
#gNavi > ul { }
#gNavi > ul li { float:left; text-align:left;}
#gNavi > ul li .mb{ display: none;}
#gNavi > ul li.mb a{ display: none;}
#gNavi > ul li a { padding:6px 30px; display:block; color:#000;}
#gNavi > ul li a:hover { text-decoration:none; background:#ddd; color: #1499c5;}
#gNavi > ul li.close{display:none;}
#gNavi > ul li.close a:before{ content:'';}

#sNavi { position:absolute; top:0px; right:0px; font-size: 15px;}
#sNavi > ul { }
#sNavi > ul li { float:left; text-align:left;}
#sNavi > ul li a { padding:3px 20px; display:block; width:100%;  background:#ddd;}
#sNavi > ul li a:hover { text-decoration:none; background:#ddd;}
#sNavi > ul li a.co {background:#0058a8; color:#fff;}
#sNavi > ul li a.en {background:#1499c5; color:#fff;}
#sNavi > ul li a:hover { text-decoration:none; background:#ccc;}

@media screen and (max-width: 768px){
	#headerWrap { position:fixed; width:100%; height:106px; background:url(../image/common/header_base.gif) repeat-x; z-index:9999; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;}
	#headerInner { position:relative; width:768px; margin:0 auto; text-align: left;}
	#headerLogo { position:absolute; top:10px; left:10px;}
	#bread{position:absolute; top:84px; right:0; font-size: 14px;}
	#gNavi { position:absolute; top:36px; right:0px;font-size: 18px;}
	#gNavi > ul li a { padding:6px 15px; display:block; color:#000;}
}

@media screen and (max-width: 600px){
	#headerWrap { position:fixed; width:100%; height:60px; background:#fff; z-index:9999; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;}
	#headerInner { position:relative; width:100%; margin:0 auto; text-align: left;}
	#headerLogo { position:absolute; top:0; left:0; width:160px; margin:0 10px;}
	#bread{display: none}

	#gNavi { position:relative; top:1px; left:0px; width:100%; height:34px;}
	#gNavi >.menuBtn { display:block; width:100%; height:60px; line-height:24px; color:#333; text-align:right; }
	#gNavi >.menuBtn > span:before{ margin-top:-60px; margin-right:20px; content:url(../image/common/menu.png);}
	#gNavi >.menuBtn:hover { opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)";}
	#gNavi > ul { display:none; -moz-box-shadow: 1px 1px 3px #ddd; -webkit-box-shadow: 1px 1px 3px #ddd; box-shadow: 1px 1px 3px #ddd;}
	#gNavi > ul li {  float:none; text-align:left;}
	#gNavi > ul li a { display:block; width:100%; height:40px; line-height:40px; padding-left:10px; color:#000; background:rgba(255,255,255,0.90);}
	#gNavi > ul li a:before { margin-right:10px; content:'●'; color:#006AB6;}
	#gNavi > ul li a:hover { text-decoration:none; background:rgba(237,237,237,0.75);}
	#gNavi > ul li.mb a{ display: block;}
	#gNavi > ul li.close a{ height:24px; line-height:24px; text-align:center;}
	#gNavi > ul li.close a:before{ content:'▲';}
	
	#sNavi { position:absolute; top:36px; left:0px; width:220px; height:34px;}
	#sNavi > ul { display:none; -moz-box-shadow: 1px 1px 3px #ddd; -webkit-box-shadow: 1px 1px 3px #ddd; box-shadow: 1px 1px 3px #ddd;}
	#sNavi > ul li {  float:none; text-align:left;}
	#sNavi > ul li a { display:block; width:100%; height:40px; line-height:40px; padding-left:10px; color:#000; background:rgba(255,255,255,0.90);}
	#sNavi > ul li a:before { margin-right:10px; content:'●'; color:#006AB6;}
	#sNavi > ul li a.pc {display:block;}
	#sNavi > ul li a.pc:before { margin-right:10px; content:'〇'; color:#006AB6;}
	#sNavi > ul li a:hover { text-decoration:none; background:rgba(237,237,237,0.75);}
}

@media print{	#headerWrap { position:static; height:106px;}
	.pc{display:block;}
	.mb{display: none; height:0;} 
	#pTitle{position:static;}
}
/*---- title ----*/
#pTitle{position:relative; width:100%; height:326px; padding-top:106px; background-color:#0058a8; z-index:2000;}
#newsTinner{background:url(../image/common/news_title.jpg) no-repeat; height:220px; text-align:left;}
#exTinner{background:url(../image/ex/title.jpg) no-repeat; height:220px; text-align:left;}
#coTinner{background:url(../image/common/co_title.jpg) no-repeat; height:220px; text-align:left;}
#saTinner{background:url(../image/common/sale_title.jpg) no-repeat; height:220px; text-align:left;}
#fTinner{background:url(../image/common/bosyu_title.jpg) no-repeat; height:220px; text-align:left;}
#qTinner{background:url(../image/common/qa_title.jpg) no-repeat; height:220px; text-align:left;}
#pTinner{background:url(../image/products/title.jpg) no-repeat; height:220px; text-align:left;}
#tTinner{background:url(../image/tech/title.jpg) no-repeat; height:220px; text-align:left;}
#x1Title{position:relative; width:100%; height:326px; padding-top:106px; background-color:#1499C5; z-index:2000;}
#x1Tinner{background:url(../image/x1/title.jpg) no-repeat; height:220px; text-align:left;}
#x2Title{width:100%; height:326px; padding-top:106px; background-color:#34A966; z-index:2000;}
#x2Tinner{background:url(../image/x2/title.jpg); height:220px;}
#s1Title{width:100%; height:326px; padding-top:106px; background-color:#CE4943; z-index:2000;}
#s1Tinner{background:url(../image/s1/title.jpg); height:220px;}
#pNavi {width:100%; height:60px; font-size:90%;}
#pNavi > ul {padding-left:2%; padding-top:10px;}
#pNavi > ul li { float:left; text-align:center; width:32%; margin:0 1% 0 0; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;}
#pNavi > ul li a:after{ content:'▶';}
#pNavi > ul li.red a:after{ content:'';}
li.blueA a{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#1499c5; font-weight: bold;}
li.blueA a:hover{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#86CBE6; font-weight: bold;}
li.blue a{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#86CBE6; font-weight: bold;}
li.blue a:hover{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#1499c5; font-weight: bold;}
li.greenA a{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#34A966; font-weight: bold;}
li.greenA a:hover{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#89C9A3; font-weight: bold;}
li.green a{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#89C9A3; font-weight: bold;}
li.green a:hover{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#34A966; font-weight: bold;}
li.redA a{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#CE4943; font-weight: bold;}
li.redA a:hover{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#E39995; font-weight: bold;}
li.red a{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#E39995; font-weight: bold;}
li.red a:hover{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#CE4943; font-weight: bold;}

/*---- top title ----*/
#iNavi {width:100%; height:60px; font-size:90%;}
#iNavi > ul {padding-left:2%; padding-top:10px;}
#iNavi > ul li {  float:left; text-align:center; width:32%; margin:0 1% 0 0; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;}

.cate{ position:absolute; top:70px; left:20px; display:block; font-size:24px; font-weight:bold;}
h1{ position:absolute; top:105px; left:20px;  font-size:48px;  font-weight:bold;}
h1.red{font-size:60px;}
h1.blue{font-size:60px;}
h1.green{font-size:60px;}
.engT{ position:absolute; top:170px; left:240px; font-size:30px; font-weight:bold;}
.engT2{ position:absolute; top:180px; left:300px; font-size:28px; font-weight:bold;}
.jaT{ position:absolute; top:60px; left:320px; font-size:30px; font-weight:bold;}
.tCatch{ position:absolute; top:80px; left:450px;  font-size:36px;}
.tCatch2{ position:absolute; top:70px; left:130px;  font-size:32px; text-align:left; line-height:120%;}
.tMore{ position:absolute; top:150px; left:450px;  font-size:20px; line-height:120%;}
.tMore2{ position:absolute; top:180px; left:20px;  font-size:20px; line-height:120%;}
.tMore3{ position:absolute; top:140px; left:500px;  font-size:20px; line-height:120%;}
.blue{ color:#1499c5;}
.green{color:#34A966;}
.red{color:#CE4943;}
.tLine{border-top:1px solid #999;}

@media screen and (max-width: 768px){
	#pTitle{width:100%; height:276px;}
	#exTinner{background-size:99%;}
	#newsTinner{background-size:99%;}
	#coTinner{background-size:99%;}
	#saTinner{background-size:99%;}
	#fTinner{background-size:99%;}
	#qTinner{background-size:99%;}
	#pTinner{background-size:99%;}
	#tTinner{background-size:99%;}
	#x1Title{width:100%; height:276px;}
	#x1Tinner{background-size:99%;}
	#x2Title{width:100%; height:276px;}
	#x2Tinner{background-size:99%;}
	#s1Title{width:100%; height:276px;}
	#s1Tinner{background-size:99%;}
	
	.cate{ position:absolute; top:60px; left:16px; font-size:22px;}
	h1{ position:absolute; top:80px; left:16px;  font-size:48px;}
	.engT{ position:absolute; top:130px; left:180px; font-size:26px;}
	.jaT{ position:absolute; top:60px; left:200px; font-size:24px; font-weight:bold;}
	.tCatch{ position:absolute; top:60px; left:340px;  font-size:34px;}
	.tCatch2{ position:absolute; top:60px; left:240px;  font-size:34px;}
	.tMore{ position:absolute; top:120px; left:340px;  font-size:15px;}
	.tMore2{ position:absolute; top:140px; left:50px;  font-size:15px;}
	.tMore3{ position:absolute; top:140px; left:50px;  font-size:15px;}

}
@media screen and (max-width: 600px){
	#pNavi > ul li { font-size:12px;-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
	#pTitle{width:100%; height:160px; padding-top:60px;}
	#exTinner{ background:#ccc; height:100px; }
	#newsTinner{ background:#ccc; height:100px; }
	#coTinner{ background:#ccc; height:100px;}
	#saTinner{ background:#ccc; height:100px;}
	#fTinner{ background:#ccc; height:100px;}
	#qTinner{ background:#ccc; height:100px;}
	#pTinner{ background:#ccc; height:100px;}	
	#tTinner{ background:#ccc; height:100px;}	
	#x1Title{width:100%; height:160px; padding-top:60px;}
	#x1Tinner{ background:#1499C5; height:100px;}
	#x2Title{width:100%; height:160px; padding-top:60px;}
	#x2Tinner{background:#34A966; height:100px;}
	#s1Title{width:100%; height:160px; padding-top:60px;}
	#s1Tinner{background:#CE4943; height:100px;}
	
	.cate{ position:absolute; top:50px; left:0; margin:10px; font-size:22px;}
	h1{display:none;}
	.engT{ display:none;}
	.engT2{display:none;}
	.jaT{ display:none;}
	.tCatch{ display:none;}
	.tCatch2{display:none;}
	.tMore{ display:none;}
	.tMore2{ display:none;}
	.tMore3{ display:none;}
}


/*---- cateNavi ----*/

#cNavi {font-size: 105%;}
#cNavi > ul li { float:left; text-align:left; border:1px solid #ccc; border-bottom:2px solid #8A0A0C; width:31%; margin:1%; height:70px;  background:#ccc;
background-image:-webkit-gradient(linear,52% 0%,52% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.52, rgb(255,255,255)),color-stop(1, rgb(204,204,204)));
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 52%,rgb(204,204,204) 100%);
background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 52%,rgb(204,204,204) 100%);
background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(255,255,255) 52%,rgb(204,204,204) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0);
 }
#cNavi > ul li a { padding:6px 10px; display:block; color:#333; font-weight:bold;}
#cNavi > ul li a:hover { text-decoration:underline; color: #1499c5;}
#cNavi > ul li a:after{ content:'▶';}

@media screen and (max-width: 768px){
	#cNavi {font-size: 100%;}
}

@media screen and (max-width: 600px){
	#cNavi {font-size: 100%;}
	#cNavi > ul li { float:none; text-align:left; border:1px solid #ccc; border-bottom:2px solid #8A0A0C; width:98%; margin:1%; height:auto;  background:#ccc;
	background-image:-webkit-gradient(linear,52% 0%,52% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.52, rgb(255,255,255)),color-stop(1, rgb(204,204,204)));
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 52%,rgb(204,204,204) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,255,255) 52%,rgb(204,204,204) 100%);
	background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(255,255,255) 52%,rgb(204,204,204) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffcccccc,GradientType=0);
	 }
	#cNavi > ul li a { padding:5px; display:block; color:#333; font-weight:normal;}
	#cNavi > ul li a:hover { text-decoration:underline; color: #1499c5;}
	#cNavi > ul li a:before{ content:'▸';}
	#cNavi > ul li a:after{ content:'';}
}

/*---- contents MainIImage ----*/
.mainImage{position:relative; z-index:1;}
.catchL{position:absolute; top:40px; left:0; z-index:10; font-size:130%;}

@media screen and (max-width: 600px){
	.catchL{position:static; z-index:10; font-size:130%;}
}


/*---- Box ----*/
.Box{ -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; padding:20px; line-height:180%; margin:5px 0;}
.yellowB{ background-color:#FFE599; }
.rengaB{ background:#FF7F00;}
.blueB{ background-color:#1499c5;}
.greenB{ background-color:#34A966;}
.redB{ background-color:#CE4943;}
.grayB{ background-color:#dddddd;}
.haiB{ background-color:#888888;}
.haiB a{color:#fff;}
.haiB a:hover{text-decoration:underline;}
.orangeB{background-color:#FFCC99;}
.konB{ background-color:#0058a8;}
.BoxLine{ -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; padding:20px; line-height:180%; margin:5px 0; border:1px solid #ccc; background:#fff;}
/*---- midashi ----*/
h2{font-size:140%; padding:10px; color:#ffffff; margin-top:10px; text-align:center;}
h2 a{color:#fff;}
h2 a:hover{text-decoration:underline; color:#fff;}
h2 .left{text-align:left;}
h3{font-size:130%; font-weight:bold; margin:20px 0 5px 0;}
.h3blue{ color:#1499c5;}
.h3blue span{ background-color:#1499c5; color:#fff;  -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:2px 10px; font-weight:bold;}
.h3green{ color:#34A966;}
.h3green span{ background-color:#34A966; color:#fff;  -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:2px 10px; font-weight:bold;}
.h3red{ color:#CE4943;}
.h3red span{ background-color:#CE4943; color:#fff;  -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:2px 10px; font-weight:bold;}
.h3hai{ color:#666;}
.h3hai span{ background-color:#666; color:#fff;  -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:2px 10px; font-weight:bold;}
.h3kon{ color:#0058a8;}
.h3kon span{ background-color:#0058a8; color:#fff;  -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:2px 10px; font-weight:bold;}

.h3greyB{background-color:#dddddd; padding:2px; margin-bottom:0;}

/*---- 製品情報 ----*/
.sportImg{float:left; margin:5px; text-align:center; font-size:90%;}
.raceImg{float:left; margin:2px; text-align:center; font-size:90%;}

/*---- 技術情報 ----*/
.profT{text-align:right; font-weight:bold; font-size:120%;}
.profT span{background:#888; color:#fff; padding:0 5px;}


/*---- 体験談 ----*/
.taiT a{text-align:left; font-weight:bold; color:#0058a8; font-size:120%; text-decoration:underline;}
.taiDate{text-align:right;}
.taiDate span{background:#888; color:#fff; padding:0 5px;}
.large{font-size:large;}
.medi{font-size:medium;}

/*---- 販売代理店 ----*/
.shopTable{width:100%;}
.shopTable caption{color:#fff; background:#666; padding:5px; text-align:center;}
.shopTable th{color:#fff; padding:5px;}
.shopTable td{ border-bottom:1px solid #666; padding:5px;}
.listB{background:#ccc; padding:5px; margin:5px; width:150px;}

.shopList{width:60%;}
.shopList dt{background:#FFC463; padding:5px;}
.shopList dd{padding:5px;}

.shopListW{width:100%;}
.shopListW dt{color:#fff; background:#666; padding:5px;}
.shopListW dd{padding:5px;}

.harf{width:32%; background:#FFC463; padding:5px; float:left; margin-bottom:1%; margin-left:1%;}

/*---- サイトマップ ----*/
#site{ padding:20px; line-height:160%; margin:5px 0;}
#site > ul li a:hover { text-decoration:underline; color: #1499c5;}
#site > ul li a:before{ content:'・';}
#site > h3 a:before{ content:'';}

@media screen and (max-width: 768px){
.shopList{width:50%;}
}
@media screen and (max-width: 600px){
.Box{ padding:10px; margin:5px 0;}
.shopList{width:100%;}
.harf{font-size:90%; height:50px;}
h2{font-size:120%; text-align:left;}
}

/*---- 会社情報 ----*/
.coList dl{display:table; width:100%;}
.coList dt{background:#ccc; padding:5px; padding-left:10px;width:20%; float:left; clear:left;}
.coList dd{padding:5px; padding-left:10px; width:80%; border-bottom:1px dotted #666; float:left;}

/*---- お問い合わせ ----*/
.foList dl{display:table; width:100%;}
.foList dt{background:#FFE599; padding:5px; padding-left:10px;width:30%; float:left; clear:left;}
.foList dd{padding:5px; padding-left:10px; width:70%; border-bottom:1px dotted #666; float:left;}
.foList input{padding:5px;}
.foList textarea{padding:5px;}
.send{ padding:10px; color:#fff; background:#666; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius:6px;}



/*---- footerBanner----*/
#bannerBox{-moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; background:#ddd; height:250px; margin-top:20px;}
.sBox{ float:left; width:40%; margin:3% 5%; text-align: center; font-size:120%;}
.sBox a:hover{opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)";}
#redBanner { background-image:-moz-linear-gradient(50% 0% -90deg,rgb(206,73,67) 0%,rgb(178,0,0) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(206,73,67)),color-stop(1, rgb(178,0,0)));
background-image:-webkit-linear-gradient(-90deg,rgb(206,73,67) 0%,rgb(178,0,0) 100%);
background-image:-ms-linear-gradient(-90deg,rgb(206,73,67) 0%,rgb(178,0,0) 100%);
background-image:linear-gradient(180deg,rgb(206,73,67) 0%,rgb(178,0,0) 100%);
border-color:rgb(136,136,136);
border-width:2px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
border-style:solid;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffce4943,endColorstr=#ffb20000,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffce4943,endColorstr=#ffb20000,GradientType=0);
padding:50px 10px; font-weight:bold; color:#fff; font-size:140%;}
#blueBanner {
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(20,153,197) 0%,rgb(0,105,140) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(20,153,197)),color-stop(1, rgb(0,105,140)));
background-image:-webkit-linear-gradient(-90deg,rgb(20,153,197) 0%,rgb(0,105,140) 100%);
background-image:-ms-linear-gradient(-90deg,rgb(20,153,197) 0%,rgb(0,105,140) 100%);
background-image:linear-gradient(180deg,rgb(20,153,197) 0%,rgb(0,105,140) 100%);
border-color:rgb(136,136,136);
border-width:2px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
border-style:solid;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1499c5,endColorstr=#ff00698c,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1499c5,endColorstr=#ff00698c,GradientType=0);
padding:50px 10px; font-weight:bold; color:#fff; font-size:140%;}

@media screen and (max-width: 600px){
#bannerBox{height:180px; margin-top:10px;}
.sBox{ float:left; width:98%; margin:1%; text-align: center; font-size:100%;}
.sBox a:hover{opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)";}
#redBanner {padding:10px; font-weight:bold; color:#fff; font-size:140%;}
#blueBanner {padding:10px; font-weight:bold; color:#fff; font-size:140%;}
}

/*---- topBanner newsArea ----*/

#newsArea{width:66%; padding-left:2%; float:left;}
#newsArea dl{width:100%;}
#newsArea dt{padding:5px;}
#newsArea dd{padding:5px; border-bottom:1px solid #ccc;}
#newsArea dd a:after{ content:'▶';}
#bannerArea{width:32%; padding-left:1%; float:left; margin-top:10px;}
#bannerArea .banner{margin-bottom:5px;}

@media screen and (max-width: 600px){
	#newsArea{width:100%; float:none;}
	#newsArea dl{width:100%;}
	#newsArea dt{padding:5px;}
	#newsArea dd{padding:5px; border-bottom:1px solid #ccc;}
	#bannerArea{width:98%; float:none;}
	#bannerArea .banner{margin-bottom:5px;}
}



.banner_gray{
margin-bottom:2px; padding:8px 5px;
background-image:-moz-linear-gradient(47% 0% -90deg,rgb(255,255,255) 0%,rgb(206,206,206) 96%); 
background-image:-webkit-gradient(linear,47% 0%,47% 132%,color-stop(0, rgb(255,255,255)),color-stop(0.96, rgb(206,206,206)));
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(206,206,206) 96%);
background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(206,206,206) 96%);
width:100%;
height:56px;
border-color:rgb(255,255,255);
border-width:2px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border-style:solid;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
box-shadow:1px 1px 2px rgba(0,0,0,0.6);
}

.banner_yellow{
margin-bottom:2px; padding:8px 5px;
background-image:-moz-linear-gradient(47% 0% -90deg,rgb(255,255,255) 0%,rgb(255,193,8) 96%); 
background-image:-webkit-gradient(linear,47% 0%,47% 132%,color-stop(0, rgb(255,255,255)),color-stop(0.96, rgb(255,193,8)));
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(255,193,8) 96%);
background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(255,193,8) 96%);
width:100%;
height:56px;
border-color:rgb(255,255,255);
border-width:2px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border-style:solid;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
box-shadow:1px 1px 2px rgba(0,0,0,0.6);
}

.banner_blue{
margin-bottom:2px; padding:8px 5px;
background-image:-moz-linear-gradient(51% -12% -90deg,rgb(155,211,230) 0%,rgb(20,153,197) 96%); 
background-image:-webkit-gradient(linear,51% -12%,51% 108%,color-stop(0, rgb(155,211,230)),color-stop(0.96, rgb(20,153,197)));
background-image:-webkit-linear-gradient(-90deg,rgb(155,211,230) 0%,rgb(20,153,197) 96%);
background-image:linear-gradient(180deg,rgb(155,211,230) 0%,rgb(20,153,197) 96%);
width:100%;
height:56px;
border-color:rgb(255,255,255);
border-width:2px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border-style:solid;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
box-shadow:1px 1px 2px rgba(0,0,0,0.6);
}
.banner_green{
margin-bottom:2px; padding:8px 5px;
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(152,211,177) 0%,rgb(44,143,86) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(152,211,177)),color-stop(1, rgb(44,143,86)));
background-image:-webkit-linear-gradient(-90deg,rgb(152,211,177) 0%,rgb(44,143,86) 100%);
background-image:linear-gradient(180deg,rgb(152,211,177) 0%,rgb(44,143,86) 100%);
width:100%;
height:100px;
border-color:rgb(255,255,255);
border-width:2px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border-style:solid;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
box-shadow:1px 1px 2px rgba(0,0,0,0.6);
}
.banner_red{
margin-bottom:2px; padding:8px 5px;
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(221,128,124) 0%,rgb(190,57,50) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(221,128,124)),color-stop(1, rgb(190,57,50)));
background-image:-webkit-linear-gradient(-90deg,rgb(221,128,124) 0%,rgb(190,57,50) 100%);
background-image:linear-gradient(180deg,rgb(221,128,124) 0%,rgb(190,57,50) 100%);
width:100%;
height:56px;
border-color:rgb(255,255,255);
border-width:2px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border-style:solid;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
box-shadow:1px 1px 2px rgba(0,0,0,0.6);
}
.bannerTextW{font-weight:bold; color:#fff; font-size:15px;}
 a:hover .bannerTextW{ text-decoration:underline; color: #333;}
 a:after .bannerTextW{ content:'▶';}
.bannerText{font-weight:bold; font-size:15px;}
 a:hover .bannerText{ text-decoration:underline; color: #999;}
 a:after .bannerText{ content:'▶';}
.bannerTextS{font-size:14px; line-height:1.0; color:#333;}
.black{color:#333;}

@media screen and (max-width: 768px){
	.bannerTextW{font-size:13px;}
	.bannerText{font-size:13px;}
	.bannerTextS{font-size:13px;}
}


/*---- newsPage ----*/

#newsAreaW{width:100%; padding-left:2%; float:left;}
#newsAreaW dl{width:100%;}
#newsAreaW dt{padding:5px;}
#newsAreaW dt a:after{ content:'▶';}
#newsAreaW dd{padding:5px; border-bottom:1px solid #ccc;}
#newsAreaW dd a:after{ content:'▶';}



/*---- pagetop ----*/
#pagetopA{position:fixed; width:960px; bottom: 80px;}
.gotop a{display:block; float:right; width:60px; text-align: center; background:#aaaaaa; line-height: 120%; padding:10px;}
.gotop a:hover{ opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)";}



@media screen and (max-width: 768px){
	#pagetopA{width:100%; bottom: 60px;}	
}
/*---- footer ----*/
#footerWrap{width:100%; background: #aaa; text-align: center; padding:20px; font-size:90%; margin-top:50px;}