@charset "utf-8";

article {overflow-y:auto;}

body { background:#fff;}
p, li, dt, dl, span { color:#444;}
.spTit{ *display:none; display:none\9;}
#tebraHead{ background:#FFFFFF; box-shadow:0 2px 2px #aaa; z-index:10;}
#tebraNav{ height:70px; background:#fff; *border-bottom: solid 1px #eee; border-bottom: solid 1px #eee\9;}
.tebraNav li{ width:11%; height:70px; float:left; text-align:center; display:inline; position:relative; z-index:1;}
.tebraNav li div{ position:absolute; left:0; top:70px; z-index:11; display:none;}
.tebraNav li div p{ width:100%; float:left; text-align:center;}
.tebraNav li div p a, 
.tebraNav li.now div p a{ display:block; background:rgba(67,170,255,0.8); color:#fff; line-height:36px; height:36px; font-size:11px; padding:0; border-bottom:solid 1px #87C8FC; font-family:"Times New Roman","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.tebraNav li div p.now a, 
.tebraNav li div p a:hover { background:#0561AB; color:#fff; opacity:1; filter: alpha(opacity=100);}
.tebraNav li a{ display:block; height:40px; padding:20px 0 10px; line-height:20px; font-family: 'Cinzel', serif; color:#444;}
.tebraNav li a span { font-size:9px; color:#666; display:block; line-height:1.4em;}
.tebraNav li.now a, 
.tebraNav li a:hover{ *color:#aa9a00; color:#aa9a00\9; *background:#efefef; background:#efefef\9;}
.tebraNav li.now a span, 
.tebraNav li a:hover span{ *color:#aa9a00; color:#aa9a00\9;}
#tebraHead.PC #tebraNav{ margin-top:60px; opacity: 0.3; filter: alpha(opacity=30);}
#tebraHead p.Other_menu{ display:none;}

@media screen and (min-width: 681px) {
#Other:hover ul li span{ display:block;}
.tebraNav li div{ top:70px;}

#tebraHead h2, .spTit, .tebraBtn, #tebraHead p.Other_menu{ display:none;}
header, #tebraHead { display:block !important;}
.tebraNav li.now a, 
.tebraNav li a:hover{
color:#aa9a00;
background: #efefef;
background: -moz-linear-gradient(top,  #ffffff 30%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top,  #ffffff 30%,#eaeaea 100%);
background: -o-linear-gradient(top,  #ffffff 30%,#eaeaea 100%);
background: -ms-linear-gradient(top,  #ffffff 30%,#eaeaea 100%);
background: linear-gradient(to bottom,  #ffffff 30%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.tebraNav li.now a span, 
.tebraNav li a:hover span{ color:#aa9a00;}
}
@media screen and (max-width: 900px) {
#tebraNav { height:66px;}
.tebraNav li{height:66px;}
.tebraNav li a { padding:16px 0 10px;}
.tebraNav li a span { font-size:8px; letter-spacing:0;}
.tebraNav li div{ top:66px;}
.tebraNav li div p a{ font-size:10px; letter-spacing:0;}
}
@media screen and (max-width: 680px) {
header, 
#Other ul li.now{ display:none;}
#tebraHead{box-shadow:none;}
#tebraNav ul li div{ display:none !important;}
.spTit { width:100%; height:44px; float:left; position:relative; z-index:1;}
.spTit h2{ float:left; display:block; height:24px; margin:10px 5px; float:left; line-height:1em; display:block;}
.spTit h2 img{ height:23px; width:auto;}
.tebraBtn { width:44px; height:44px; position:absolute; right:0; top:0; z-index:10; display:block; background: url(../img/nav_on.png) left top no-repeat; background-size:100% auto;}
.tebraBtn.down{ background-position: bottom left;}
#tebraHead { display:none; background:#eee;}
#tebraNav{ height:auto; background:none; margin-top:0;}
.tebraNav li{ width:100%; height:45px; float:left; border-bottom: solid 1px #fff; text-align:left;}
.tebraNav li a span { font-size:11px; color:#333; line-height:18px;}
.tebraNav li a{ width:80%; height:31px; padding:10px; background:url(../img/icon/sp_menu.gif) no-repeat; background-size:45px auto; font-size:8px; line-height:12px; color:#888;}
.tebraNav li.title{ width:90%; height:24px; padding:0 5%; background:#2861A4; color:#fff; line-height:24px; font-size:13px; font-family:"Times New Roman", Times, serif;}

#tebraHead.PC #tebraNav{ margin-top:0px; opacity:1; filter: alpha(opacity=100);}
#tebraHead p.Other_menu{ width:100%; float:left; display:block; line-height:33px; text-align:center; background: url(../img/common/other_menu.png) left top no-repeat #244E74; background-size:33px 33px; color:#fff; box-shadow:0 -4px 8px #1F364D inset;}

#Other{ height:auto; position:static; background:#fff;}
#Other ul{}
#Other ul li em{ display:none;}
#Other ul li{ width:100%; height:30px; line-height:30px; font-size:11px; border-bottom:solid 1px #ccc;}
#Other ul li.none{ display:block;}
#Other ul li a span{ display:block; line-height:30px; font-size:10.5px; color:#244E74;}
#Other ul li a{ width:80%; padding:0 10%; background:url(../img/common/menu.gif) left top no-repeat; background-size:auto 30px; text-align:left; display:block; text-align:left; font-size:10.5px; color:#244E74; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
}
/*==========================
 CONTACT BOX
==========================*/
#tebraContact{ background:#F6F6F6; padding:40px 0; margin-top:10px;}
#tebraContact ul{}
#tebraContact ul li{ width:33%; height:215px; float:left; display:inline; margin-right:4%;}
#tebraContact ul li *{-webkit-transition: 0.8s ease-in-out; -moz-transition: 0.8s ease-in-out; -o-transition: 0.8s ease-in-out; transition: 0.8s ease-in-out;}
#tebraContact ul li.faq{ width:26%; margin-right:0;}
#tebraContact ul li a{ min-height:215px; display:block;}
#tebraContact ul li a > *{ width:100%; float:left; display:block; text-align:center;}
#tebraContact ul li a em{ height:50px; line-height:50px; padding-top:75px; font-size:18px; letter-spacing:3px; position:relative; color:#fff;
border-top-left-radius: 8px;  
border-top-right-radius: 8px;  
-webkit-border-top-left-radius: 8px;  
-webkit-border-top-right-radius: 8px;  
-moz-border-radius-topleft: 8px;  
-moz-border-radius-topright: 8px;
box-shadow:0px 1px 2px #555;
}

#tebraContact ul li.contact a em{ background:#34A0FA;}
#tebraContact ul li.request a em{ background:#6EBDFB;}
#tebraContact ul li.faq a em{ background:#E0CA29;}
#tebraContact ul li.contact a:hover em,
#tebraContact ul li.request a:hover em{ background:#009;} 
#tebraContact ul li.faq a:hover em{ background:#B59100;}
#tebraContact ul li a em span{ width:54px; height:54px; position:absolute; z-index:10; left:50%;}
#tebraContact ul li a em .icon{ top:15px; margin-left:-27px; background-image:url(../img/common/contact_pc.png); margin-left:-27px;}
#tebraContact ul li.contact a em .icon{background-position:0 0;background-size:100% auto;}
#tebraContact ul li.request a em .icon{ background-position:0 -54px; background-size:100% auto;}
#tebraContact ul li.faq a em .icon{ background-position:0 -108px; background-size:100% auto;}
#tebraContact ul li a em .Circle{top:12px; margin-left:-30px; border:solid 3px #fff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
#tebraContact ul li a:hover em .Circle{
 border: dashed 4px #fff;
margin-left:-31px;
-webkit-animation-duration:12s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-webkit-animation-name:rectRotate;
-moz-animation-duration:12s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-moz-animation-name:rectRotate;
-o-animation-duration:12s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
-o-animation-name:rectRotate;
-ms-animation-duration:12s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-ms-animation-name:rectRotate;
}
@-webkit-keyframes rectRotate{	0% {-webkit-transform:rotate(0deg);}	99%,100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes rectRotate{ 0%{-moz-transform:rotate(0deg);} 99%,100%{-moz-transform:rotate(360deg);}}
@-o-keyframes rectRotate{ 0%{-o-transform:rotate(0deg);} 99%,100%{-o-transform:rotate(360deg);}}
@-ms-keyframes rectRotate { 0%{-ms-transform:rotate(0deg);} 99%,100%{-ms-transform:rotate(360deg);}}
#tebraContact ul li a .text{
background:#fff;
font-size:13px;
color:#0686EE;
margin:0;
line-height:20px;
border-bottom-left-radius:8px;  
border-bottom-right-radius:8px;  
-webkit-border-bottom-left-radius:8px;  
-webkit-border-bottom-right-radius:8px;  
-moz-border-radius-bottomleft:8px;  
-moz-border-radius-bottomright:8px;  
box-shadow:0px 1px 2px #555;
}
#tebraContact ul li.contact a .text{padding:10px 0;}
#tebraContact ul li.request a .text{padding:20px 0;}
#tebraContact ul li.faq a .text{padding:20px 0; color:#8C6800;}
#tebraContact ul li.contact a:hover .text, 
#tebraContact ul li.request a:hover .text{ color:#009;}
#tebraContact ul li.faq a:hover .text{ color:#B59100;}
@media screen and (max-width:1250px) {
#tebraContact{width:96%; padding:40px 2%;}
}
@media screen and (max-width: 960px) {
#tebraContact ul li{ width:35%; margin-right:1%;}
#tebraContact ul li.faq{ width:28%; margin-right:0;}
#tebraContact ul li a .text { font-size:12px;}
}
@media screen and (max-width: 800px) {
#tebraContact ul li{ width:46%; margin:0 2%;}
#tebraContact ul li.faq{ display:none;}
}
@media screen and (max-width: 680px) {
#tebraContact{ width:100%; padding:20px 0%;}
#tebraContact ul li { height:165px;}
#tebraContact ul li a { min-height:165px;}
#tebraContact ul li a em{ height:30px; line-height:30px; padding-top:55px; font-size:14px;}
#tebraContact ul li a em span{ width:40px; height:40px;}
#tebraContact ul li a em .icon{ top:10px; margin-left:-20px;}
#tebraContact ul li.contact a em .icon{background-position:0 0;background-size:100% auto;}
#tebraContact ul li.request a em .icon{ background-position:0 -40px; background-size:100% auto;}
#tebraContact ul li a em .Circle{top:7px; margin-left:-23px;}
#tebraContact ul li a:hover em .Circle{margin-left:-24px;}
#tebraContact ul li.contact a em{ background:#0075F0;}
#tebraContact ul li.request a em{ background:#34A0FA;}
#tebraContact ul li a .text{ width:90%; font-size:10px; line-height:14px; text-align:left; color:#666;}
#tebraContact ul li a .text br { display:none;}
#tebraContact ul li.contact a .text{padding:10px 5%; height:60px;}
#tebraContact ul li.request a .text{padding:20px 5%; height:40px;}
}
@media screen and (max-width: 480px) {
#tebraContact { margin-top:0px;}
}
/*==========================
 FOOT NAV
==========================*/
.footNav{ width:100%; height:21px; float:left; background:#1796D2; position:relative;}
.footNav ol{ height:21px;}
.footNav ol li{ width:auto; height:21px; display:inline-block; float:left; position:relative;}
.footNav ol li img{ width:10px; height:21px; position:absolute; right:-10px; top:0; z-index:10;}
.footNav ol li a{ display:block;}
.footNav ol li a span { color:#fff; line-height:21px; font-size:11px; display:block; padding:0 25px;}
.footNav ol li.nav2 { background:#46ADDD;}
.footNav ol li.nav3 { background:#62BBE4;}
.footNav ol li.nav4 { background:#78C6E9;}
.footNav ol li.nav5 { background:#91D2EF;}
/*tebraNav*/
.footNav .tebraNav{ display:none;}
.footNav .tebraNav{ width:1100px; height:82px; position:absolute; top:-420px; left:50%; margin-left:-550px; display:block;}
.footNav .tebraNav li{ width:14%; height:80px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.footNav .tebraNav li.title{ border-left:1px solid #ccc; padding:0; line-height:80px; font-size:15px; font-family: 'Cinzel', serif; font-weight:normal; color:#0D91F8; background:#f6f6f6;}
.footNav .tebraNav li a{ height:50px; line-height:25px; font-size:11px; color:#888; letter-spacing:4px; background:#fff;}
.footNav .tebraNav li a span { color:#555;}
.footNav .tebraNav li.now a, 
.footNav .tebraNav li a:hover{ color:#eee; background:#0D91F8;}
.footNav .tebraNav li.now a span, 
.footNav .tebraNav li a:hover span { color:#fff;}
.footNav .tebraNav li.topNav,
.footNav .tebraNav li.faqNav{ display:none;}
@media screen and (max-width: 1196px) {
.footNav .tebraNav{ width:92%; left:4%; margin-left:0; padding:0;}
}
@media screen and (max-width: 960px) {
.footNav .tebraNav{ height:96px;}
.footNav .tebraNav li{ height:70px;}
.footNav .tebraNav li a{ height:40px; line-height:20px; letter-spacing:1px; padding:20px 0 10px;}
.footNav .tebraNav li a span {letter-spacing:1px;}
}
@media screen and (max-width: 680px) {
.footNav .tebraNav{ top:-330px;}
.footNav .tebraNav li{border-top:none; width:14%; height:70px; text-align:center;}
.footNav .tebraNav li.conceptNav{ border-left:1px solid #ccc;}
.footNav .tebraNav li.faqNav{ display:block;}
.footNav .tebraNav li a span { font-size:9px; color:#777; line-height:15px;}
.footNav .tebraNav li a{ width:100%; height:50px; padding:15px 0 5px; background:none; line-height:15px; color:#999; font-size:9px; letter-spacing:0;}
.footNav .tebraNav li.title{ width:98.5%; height:24px; padding:0; background:#aa9a00; color:#fff; line-height:24px; font-size:11px;}
.footNav .tebraNav li a{  background:#fff;}
}
@media screen and (max-width: 480px) {
.footNav{ height:auto; background:#EEE;}
.footNav ol{ display:none;}
.footNav .tebraNav li.topNav,
.footNav .tebraNav li.faqNav, 
.footNav .tebraNav{ display:block;}
.footNav .tebraNav{ width:100%; height:auto; position:static; float:left;}
.footNav .tebraNav li{ width:100%; height:45px; text-align:left;border-right:none;}
.footNav .tebraNav li.title{ width:90%; padding:0 5%; background:#2861A4; font-size:13px;}
.footNav .tebraNav li a{ width:80%; height:31px; padding:7px 5% 7px 15%;  background-size:45px auto; font-size:8px; line-height:12px; color:#888;}
.footNav .tebraNav li.now a, 
.footNav .tebraNav li a:hover{background-size:45px auto; color:#0D91F8;}
.footNav .tebraNav li a:hover span, 
.footNav .tebraNav li.now a span{ color:#0D91F8;}
}





.contact_inner{
	max-width:980px;
	margin:0 auto;
	padding-bottom:20px;
	overflow:hidden;
}
.contact_inner div{
	text-align:center;
	width:33%;
	float:left;
}
.contact_inner div:nth-child(1){
	width:100%;
}
.contact_inner div:nth-child(1) h4{
	border-top:1px solid #fff6e5;
	border-bottom:1px solid #fff6e5;
	padding:10px 0;
	margin:10px 0;
}
.contact_inner h4{	color:#7f7869; font-size:13px; margin-bottom:10px;}
.contact_inner p{margin:0 0 5px 0;}
.contact_inner p a {color:#aa9a00;  font-size:15px;}
.contact_inner {
	font-size:11px;
}



@media screen and (max-width: 600px) {

.contact_inner{
	margin:0 auto;
	padding-bottom:20px;
	overflow:hidden;
}
.contact_inner div{
	text-align:center;
	width:100%;
}

}