@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
	-----------------------------------*/

/*
 common
==============================*/

/* body ----------*/
body { /*text-align:justify; text-justify:inter-word;*/ height:100%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#444; font-size:14px; line-height:1.8em; }
a:link, a:visited { color:#1288C0; }
a:hover, a:active { color:#B20000; }

a img { opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; }
a img.on-opacity { opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; }
html>/**/body a:hover img { display /*\**/:inline-block\9; zoom /*\**/: 1\9; }
a:hover img, x:-moz-any-link { background:#FFF; }
a:hover img, x:-moz-any-link, x:default { background:#FFF; }

/* wrap ----------*/
#wrap { height:100%; }

/* header ----------*/
#header { width:100%; }
#header .inner { height:132px; max-width:1000px; margin:0 auto; padding:0 10px; }
#h-logo { width:358px; float:left; margin-top:40px; }
#h-logo img { width:100%; -webkit-transition:all 0s; -moz-transition:all 0s; -o-transition:all 0s; }
#h-rightWrap { float:right; margin-top:32px; }
#h-rightWrap .h-r-cot { float:left; }
#h-tel { width:242px; margin-right:20px; }
#h-tel img { width:100%; }
#h-contact {}
#h-contact a { font-size:17px; display:block; background:#FF9F00; color:#FFF; font-weight:bold; padding:20px; line-height:20px; }
#h-contact a:hover { background:#FFBF00; }
#h-nav { display:none; }
#h-nav a { font-size:20px; color:#1B3A61; padding:16px; line-height:20px; border:solid 1px #DDD; box-sizing:border-box; }
@media screen and (max-width:816px) {
  #h-logo { width:110px; overflow:hidden; }
  #h-logo img { width:325%; }
}
@media screen and (max-width:615px) {
  #header .inner { height:92px; }
  #h-logo { margin-top:20px; }
  #h-rightWrap { margin-top:20px; }
  #h-tel { display:none; }
  #h-contact { display:none; }
  #h-nav { display:block; }
}

/* nav ----------*/
#nav { position:absolute; top:0; left:-100%; background:#1B3A61; width:78%; z-index:100; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 6px 3px; -webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 6px 3px; -moz-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 6px 3px; }
#nav.open { left:0; }
#nav ul li a { display:block; padding:15px; color:#FFF; text-decoration:none; font-weight:bold; position:relative; }
#nav ul li a:after { content:""; position:absolute; bottom:-10px; left:0px; margin-top:0px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#1B3A61 transparent transparent transparent; z-index:10; }
#nav ul .sub a { padding-left:30px; background:#FFF; color:#1B3A61; font-weight:normal; border-bottom:solid 1px #EEE; }
#nav ul .sub a:after { border:none; }
#nav ul .sub li.on a { background:#496181; color:#FFF; position:relative; }
#nav ul .sub li.on a:after { content:""; position:absolute; top:50%; left:100%; margin-top:-20px; display:block; width:0px; height:0px; border-style:solid; border-width:20px 0 20px 20px; border-color:transparent transparent transparent #496181; z-index:10; }
#nav-info { display:block; background:#FFF; padding:20px; }
#nav-info img { width:100%; }
#nav-tel { margin-bottom:20px; }
#nav-contact a { font-size:17px; display:block; background:#FF9F00; color:#FFF; font-weight:bold; padding:20px; line-height:20px; }
#nav-contact a:hover { background:#FFBF00; }
@media screen and (min-width:616px) {
	#nav { height:80px; border-top:solid 1px #E8E7E7; border-bottom:solid 1px #E8E7E7; box-sizing:border-box; position:inherit; width:100%; overflow:hidden; background-color:#FFF; box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px; -moz-box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px; }
	#nav .inner { width:100%; max-width:1000px; height:80px; margin:0 auto; position:relative; top:-1px; border-right:solid 1px #E8E7E7; border-left:solid 1px #E8E7E7; }
  #nav-info { display:none; }
  #nav ul { overflow:hidden; }
  #nav ul li { height:40px; float:left; width:20%; border-right:solid 1px #E8E7E7; border-bottom:solid 10px #E8E7E7; box-sizing:border-box; }
  #nav ul li.on { border-top:solid 4px #1B3A61; border-bottom:none; }
  #nav ul li.last { border-right:none; }
  #nav ul li a { height:38px; margin-top:1px; text-align:center; font-size:15px; font-weight:bold; line-height:40px; text-decoration:none; color:#333; padding:0;  border-bottom:none;
    background:#ffffff;
    background:-moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7));
    background:-webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
    background:-o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
    background:-ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
    background:linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%);
  }
  #nav ul li a:after { border:none; }
  #nav ul li.on a { line-height:36px; color:#1B3A61; background:none; }
  #nav ul .sub { position:absolute; top:40px; left:0; width:100%; display:none; }
  #nav .on .sub { display:block; }
  #nav ul .sub li { border:none; }
  #nav ul .sub li a { font-size:12px; font-weight:normal; position:relative; line-height:32px; padding:3px 4px 3px 3px; background:none; }
  #nav ul .sub li a span { display:block; width:100%; background:#FFF; }
  #nav ul .sub li.on a { background:#FFF; }
  #nav ul .sub li.on a:after { border:none; }
  #nav ul .sub li.on a span { background:#1B3A61; color:#FFF; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
  #nav ul .sub li a:before { content: ""; position:absolute; top:10px; right:-1px; margin-top:0px; display:block; width:1px; height:20px; background:#E8E7E7;  z-index:0; }
  #nav #nav-sub1 li { width:25%; }
  #nav #nav-sub2 li { width:16.66%; }
  #nav #nav-sub3 li { width:50%; }
  #nav #nav-sub4 li { width:20%; }
  #nav #nav-sub5 li { width:20%; }
}

/* mainPhotoWrap ----------*/
#mainPhotoWrap { width:100%; overflow:hidden; }
#mainPhotoWrap .inner { max-width:1000px; margin:0 auto; }
#mainPhotoWrap .inner #mainPhotoPage, #mainPhotoWrap .inner ul { width:160%; position:relative; left:-46%; }
#mainPhotoWrap .inner #mainPhotoPage span, #mainPhotoWrap .inner ul li { display:block; width:100%; padding-top:26.04%; background-repeat:no-repeat; background-size:contain; -ms-behavior:url(/_js/backgroundsize.min.htc); }
#mainPhotoWrap .inner #mainPhotoPage span { padding:0 30% 0  30%; position:relative; }
@media screen and (max-width:615px) {
  #mainPhotoWrap .inner #mainPhotoPage span { background-size:auto 100%; background-position:center center; }
  #mainPhotoWrap .inner #mainPhotoPage span img { width:70%; }
}

/* contents ----------*/
#contents {}
#contents .inner { max-width:1000px; margin:0 auto; padding:0 10px; padding-top:3.3%; overflow:hidden; }
#contents .bottomBorder { border-bottom:dotted 1px #DDD; }
#contents .h2 { background:url(../_img/common/h2_bg.jpg) no-repeat left top; background-size:25px 25px; padding-left:35px; color:#333; font-size:20px; line-height:25px; font-weight:bold; margin-bottom:2%; position:relative; -ms-behavior:url(/_js/backgroundsize.min.htc); }
#contents .inMor { padding-right:130px; }
#contents .h2 .morLink { display:block; position:absolute; top:0; right:0; }
#contents .h2 .morLink a { font-size:12px; color:#333; text-decoration:none; font-weight:normal; display:block; background:#F5F5F5; border:solid 1px #EAEAEA; padding:0 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contents .h2 .morLink a i { line-height:2em; }
#contents-left { width:74.16%; float:left; }
#contents-left .sec { margin-bottom:60px; }
#contents-left .h2 { margin-bottom:2.8%; }
#pankuzu { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; margin-bottom:8%; }
#pankuzuWrap { background:#F6F6F6; border-left:solid 5px #1B3A61; padding:10px; font-size:10px; color:#A6A6A6; }
#pankuzuWrap a { color:#1A3960; text-decoration:none; }
#pankuzuWrap span { color:#666; }
#contents-right { width:22.5%; float:right; }
#contents-right .sec { margin-bottom:14.81%; padding-bottom:14.81%; }
#side-nav-page { margin-bottom:15%; padding-bottom:15%; border-bottom:dotted 1px #DDD; }
#side-nav-pageWrap { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; }
#side-nav-page h2 a { display:block; background:#1B3A61; color:#FFF; text-align:center; padding:20px 10px; text-decoration:none; font-size:16px; margin-bottom:1px; }
#side-nav-page ul {}
#side-nav-page ul li {}
#side-nav-page ul li a { background:#F3F3F3; display:block; padding:12px 12px 12px 24px; margin-bottom:1px; color:#333; text-decoration:none; font-size:14px; text-indent:-6px; line-height:1.4em; }
#side-nav-page ul li i { line-height:1.4em; }
#side-nav-page ul.sub { display:none; }
#side-nav-page ul.sub li a { background:#FFF; color:#1285BF; border-bottom:dotted 1px #DDD; margin-bottom:0; }
#side-nav-page ul.sub li.nb a { border-bottom:none; padding-bottom:0; }
#side-nav-page ul.sub li.sub2 a { padding-left:36px; }
#side-nav-page ul li.on a { background:#496181; color:#FFF; }
#side-nav-page ul li.on ul.sub { display:block; }
#side-nav-page ul li.on ul.sub li a { background:#FFF; color:#1285BF; }
#side-nav-page ul li.st { font-size:10px; font-weight:bold; color:#496181; padding:3px 12px; border-bottom:dotted 1px #DDD; background:#FAFAFA; }
#side-banner { width:100%; }
#side-banner-list { width:100%; }
#side-banner-list li { width:100%; position:relative; margin-bottom:7.4%; overflow:hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#side-banner-list li.last { margin-bottom:0; }
#side-banner-list a { width:100%; }
#side-banner-list a img { width:100%; }
#side-banner-list i { position:absolute; bottom:10px; right:10px; display:block; background:#FFF; padding:2px 5px; font-size:10px; font-weight:bold; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#B9BAB4; }
#side-banner-list li:nth-child(2) i { color:#FFF; background-color:#1B3A61; }
#side-nav { width:100%; }
#side-nav-list { width:100%; }
#side-nav-list li { width:100%; margin-bottom:7.4%; border:solid 1px #EEE; box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; }
#side-nav-list li.last { margin-bottom:0; }
#side-nav-list li a { display:table; width:100%; text-decoration:none; font-size:14px; font-weight:normal; color:#333; position:relative; background-repeat:no-repeat; background-size:contain; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; }
#side-nav-list li a:hover { opacity:0.8; }
#side-nav-list li i { position:absolute; top:0; right:10px; bottom:0; margin:auto; width:10px; height:10px; line-height:10px; }
#side-nav-list li span { display:table-cell; vertical-align:middle; }
#side-nav-list li span.p { width:42%; }
#side-nav-list li span.p img { width:100%; }
#side-nav-list li span.t { width:58%; width:40%\9; padding:0 15% 0 4%; box-sizing:border-box; line-height:1.4em; }
* html #side-nav-list li span.t { display:inline; zoom:1; }
*:first-child+html #side-nav-list li span.t { display:inline; zoom:1; }
/*\*//*/
* html #side-nav-list li span.t { display:inline-block; }
/**/
#side-banner-bottom {}
#side-banner-bottom p { width:100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; }
#side-banner-bottom p img { width:100%; }
@media screen and (max-width:816px) {
  #contents-left { width:100%; }
  #contents-right { width:100%; }
  #contents-right .sec { margin-bottom:4.5%; padding-bottom:4.5%; }
  #side-nav-page { margin-bottom:4.5%; padding-bottom:4.5%; }
  #side-banner-list { overflow:hidden; }
  #side-banner-list li { width:48%; float:left; margin:1%; }
  #side-nav-list { overflow:hidden; }
  #side-nav-list li { width:31.33%; float:left; margin:1%; }
  #side-nav-list li a { font-size:12px; }
}
@media screen and (max-width:616px) {
  #side-nav-list li { width:48%; }
}

/* pageInfo ----------*/
#pageInfo { width:100%; overflow:hidden; margin-bottom:60px;
  background: #efe7dd;
  background: -moz-linear-gradient(left,  #efe7dd 0%, #f9f6f3 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#efe7dd), color-stop(100%,#f9f6f3));
  background: -webkit-linear-gradient(left,  #efe7dd 0%,#f9f6f3 100%);
  background: -o-linear-gradient(left,  #efe7dd 0%,#f9f6f3 100%);
  background: -ms-linear-gradient(left,  #efe7dd 0%,#f9f6f3 100%);
  background: linear-gradient(to right,  #efe7dd 0%,#f9f6f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe7dd', endColorstr='#f9f6f3',GradientType=1 );
}
#pageInfo h2 { padding:15px 15px 15px 20px; color:#7F6A52; font-size:14px; line-height:20px; margin:0;
  background: #f6f1ec;
  background: -moz-linear-gradient(left, #f6f1ec 0%, #faf7f4 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f6f1ec), color-stop(100%,#faf7f4));
  background: -webkit-linear-gradient(left, #f6f1ec 0%,#faf7f4 100%);
  background: -o-linear-gradient(left, #f6f1ec 0%,#faf7f4 100%);
  background: -ms-linear-gradient(left, #f6f1ec 0%,#faf7f4 100%);
  background: linear-gradient(to right, #f6f1ec 0%,#faf7f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f1ec', endColorstr='#faf7f4',GradientType=1 );
}
#pageInfo h2 i { line-height:20px; }
#pageInfo .fl { width:42%; padding:4%; }
#pageInfo .fl img { max-width:100%; }
#pageInfo .fr { width:42%; padding:4%; }
#pageInfo h3 { margin-bottom:10px; font-weight:bold; }
#pageInfo .sub { font-size:12px; font-weight:bold; }
#pageInfo .infoBt {}
#pageInfo .infoBt a { width:86%; font-size:17px; display:block; background:#FF9F00; color:#FFF; font-weight:bold; padding:7%; line-height:20px; }
#pageInfo .infoBt a:hover { background:#FFBF00; }
@media screen and (max-width:616px) {
  #pageInfo .fl { width:92%; padding:4%; }
  #pageInfo .fr { width:92%; padding:4%; }
}


/* footer ----------*/
#footer {}
#footer .inner { max-width:1000px; margin:0 auto; padding:0 10px; }
#footer-top { background:#1B3A61; padding:15px 0; }
#footer-top .fl {}
#footer-top .fr {}
#footer-top .fr li { display:inline-block; *display:inline; *zoom:1; margin-left:20px; }
#footer-top .fr li a { line-height:30px; font-size:10px; color:#FFF; text-decoration:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; }
#footer-top .fr li a:hover { opacity:0.8; }
#footer-top .fr li i { line-height:30px; font-size:14px; }
#footer-main { background:#EEE; }
#footer-main .inner { background:#FFF; padding:0; height:auto; position:relative; }
#footer-main .fl { width:52.5%; height:auto; }
#footer-main .fl ul { float:left; border-right:solid 1px #E8E7E7; box-sizing:border-box; padding-bottom:32767px; margin-bottom:-32767px; }
#footer-main .fl ul li { border-bottom:dotted 1px #E8E7E7; }
#footer-main .fl ul li a { display:block; font-size:12px; color:#333; padding:10px; line-height:20px; text-decoration:none; }
#footer-main .fl ul li a:hover { background:#F3F5F7; }
#footer-main .fl ul li i { line-height:20px; }
#footer-main .fl ul li.h { background:#F3F5F7; padding:1px; }
#footer-main .fl ul li.h a { border-top:solid 3px #465F7F; font-size:14ox; color:#1B3A61; font-weight:bold; }
#footer-main .fl ul li.h a:hover { background:#DAE0E7; }
#footer-main .fr { width:47.5%; padding-bottom:32767px; margin-bottom:-32767px;
  background: #efe7dd;
  background: -moz-linear-gradient(left,  #efe7dd 0%, #f9f6f3 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#efe7dd), color-stop(100%,#f9f6f3));
  background: -webkit-linear-gradient(left,  #efe7dd 0%,#f9f6f3 100%);
  background: -o-linear-gradient(left,  #efe7dd 0%,#f9f6f3 100%);
  background: -ms-linear-gradient(left,  #efe7dd 0%,#f9f6f3 100%);
  background: linear-gradient(to right,  #efe7dd 0%,#f9f6f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe7dd', endColorstr='#f9f6f3',GradientType=1 );
}
#footer-main .fr h2 { padding:15px 15px 15px 20px; color:#7F6A52; font-size:14px; line-height:20px;
  background: #f6f1ec;
  background: -moz-linear-gradient(left, #f6f1ec 0%, #faf7f4 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f6f1ec), color-stop(100%,#faf7f4));
  background: -webkit-linear-gradient(left, #f6f1ec 0%,#faf7f4 100%);
  background: -o-linear-gradient(left, #f6f1ec 0%,#faf7f4 100%);
  background: -ms-linear-gradient(left, #f6f1ec 0%,#faf7f4 100%);
  background: linear-gradient(to right, #f6f1ec 0%,#faf7f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f1ec', endColorstr='#faf7f4',GradientType=1 );
}
#footer-main .fr h2 i { line-height:20px; }
#footer-main .fr h3 { margin-bottom:10px; font-weight:bold; }
#footer-main .fr .sub { font-size:12px; font-weight:bold; }
#footer-main-tel { width:65%; }
#footer-main-tel img { width:100%; }
#footer-main-list1 { width:26.3%; }
#footer-main-list2 { width:42.4%; }
#footer-main-list3 { width:31.3%; }
#footer-main-infoImg { position:absolute; bottom:0; right:0; }
#footer-main-infoWrap { padding:20px; position:relative; z-index:100; }
#footer-main .infoBt {}
#footer-main .infoBt a { width:56%; font-size:17px; display:block; background:#FF9F00; color:#FFF; font-weight:bold; padding:20px; line-height:20px; }
#footer-main .infoBt a:hover { background:#FFBF00; }
#footer-main p { margin-left:20px; }
#footer-bottom { background:#333; padding:20px 0; }
#footer-bottom p { font-size:10px; color:#FFF; line-height:20px; opacity:0.8; }
@media screen and (max-width:816px) {
  #footer-main .fl { width:100%; }
  #footer-main .fr { width:100%; }
}
@media screen and (max-width:516px) {
  #footer-main .fr { text-align:center; }
  #footer-main-infoImg { display:none; }
  #footer-main-tel { width:100%; }
  #footer-main .infoBt a { width:90%; }
  #footer-main p { margin-left:0; }
}
@media print {
  #footer-main { display:none; }
}


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


/* PIE IE6～8のCSS3プロパティを表示可能にする ----------*/
/* url(“/_js/PIE.htc”); CSSのプロパティを使ったスタイルシートの末尾に、behaviorプロパティを記述する。設置場所によりパスを変える ------------------- */

/* display:inline-block; *display:inline; *zoom:1; */