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



.clear {
 clear:both;
}


h1 {
}


.bodyWrap {
	margin:0!important;
}

#topics {
	margin: 0 auto 6px auto;
	padding: 0 0 30px 0;
	font-family:"メイリオ", "ＭＳ Ｐゴシック";
	font-size:14px;
}

.content {
	text-align:center;
}

.content_in980 {
	width:980px;
	margin: 0 auto;
}


.menu {
	width:100%;
	background:#002a46;
	position: fixed;
	z-index: 999;

}

.menu02 {
	width:100%;
	background:#b2bfc7;
	position:relative;
	z-index: 998;

}


.logoWrap {
	width:8%;
	margin:0 0 0 10%;
	float:left;
}

.logoWrap img {
	vertical-align:text-top;
}

.menu ul {
	width:85%;
	margin:0 auto;
	text-align:right;
	z-index:100;	
}

.menu li{
	display:inline-block;
	padding:0 10px;
	color:#FFF;
	list-style:none;
	font-size:130%;
	font-family:"Adobe Garamond Pro";
	padding:2%;
	}

.menu li a {
	color:#FFF;
	display:block;
	text-decoration:none;
}


.menu li a:hover {
	color: #888888;

}
	
.menu li.white {
	background:#FFF;
	color:#002a46;
}

.menu li.white a:hover {
	color: #CCC;

}

.menu li.white a{
	color:#002a46;
}




.menu02 ul {
	width:85%;
	margin:0 auto;
	text-align:center;
	z-index:99;	
}

.menu02 li{
	display:inline-block;
	padding:0 10px;
	color:#000;
	list-style:none;
	font-size:130%;
	font-family:"Adobe Garamond Pro";
	padding:2%;
	}
.menu02 .on_menu{
	display:inline-block;
	padding:0 10px;
	color:#EEEEEE;
	list-style:none;
	font-size:160%;
	font-family:"Adobe Garamond Pro";
	padding:2%;
	}

.menu02 li a {
	color:#000;
	display:block;
	text-decoration:none;
}


.menu02 li a:hover {
	color: #888888;

}
	


.menu02 li.white a:hover {
	color: #CCC;

}

.menu02 li.white a{
	color:#002a46;
}

.txt_imgbox {
	width:391px;
	margin:0 0 10px 10px;
	float:right;
}
.txt_area {
	padding:0 10%;
	text-align:left;
	display:inline-block;
}



.txt_area02 {
	padding: 3% 3% 3% 0;
	text-align:left;
}
.txt_area03a {
	width: 80%;
	text-align:left;
	margin: 0 2% 0 0;
	float:left;
}
.txt_area03b {
	width: 18%;
	text-align: center;
	float:left;
}

.lines-on-sides, h2 {
  display: table;
  text-align: center;
  white-space: nowrap;
  font-size:160%;
  width: 80%;
	margin: 50px auto 0 auto;
}

.lines-on-sides:after, h2:after, .lines-on-sides:before, h2:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 2px), transparent -webkit-calc(50% + 2px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 2px)), to(transparent calc(50% + 2px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 2px), transparent calc(50% + 2px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.lines-on-sides:after, h2:after {
  border-left: 1em solid transparent;
}
.lines-on-sides:before, h2:before {
  border-right: 1em solid transparent;
}


.leftbox {
	width:40%;
	display:inline-block;
	vertical-align: top;
}

.rightbox {
	width:50%;
	display:inline-block;
}

.shopbox {
	padding-bottom:5px;
	border-bottom: #000000 1px dotted;
	margin: 0 0 40px 0;
	}

.leftbox02 {
	width:50%;
	margin: 0 5% 0 0;
	display:inline-block;
	vertical-align: top;
	text-align:left;
}

.rightbox02 {
	width:40%;
	display:inline-block;
}

.rightbox img {
	vertical-align:bottom;
}

.leftbox.btn {
	margin:3% 0;
}

.overH {overflow: hidden;}
.T_center {text-align: center;}
.T_right {text-align: right;}
.float_L {float: left;}
.float_R {float: right;}
.float_C {clear: both;}

.mar_T20 {margin: 20px 0px 0px 0px;}
.mar_T30 {margin: 30px 0px 0px 0px;}
.mar_T50 {margin: 50px 0px 0px 0px;}
.mar_T100 {margin: 100px 0px 0px 0px;}
.mar_TB20 {margin: 20px 0px 20px 0px;}
.mar_T5B10 {margin: 5px 0px 10px 0px;}
.mar_T15R10 {margin: 15px 10px 0px 0px;}
.mar_L20 {margin: 0px 0px 0px 20px;}
.mar_B10 {margin: 0px 0px 10px 0px;}
.mar_B20 {margin: 0px 0px 20px 0px;}
.mar_B30 {margin: 0px 0px 30px 0px;}
.mar_B40 {margin: 0px 0px 40px 0px;}
.mar_R20 {margin: 0px 20px 0px 0px;}
.mar_RB6 {margin: 0px 6px 6px 0px;}
.mar_L250 {margin: 0px 0px 0px 250px;}
.mar_L225B40 {margin: 0px 0px 40px 225px;}
.pad_T65L90 {padding: 65px 0px 0px 90px;}

.ft120 {font-size: 120%;}
.ft_bd {font-weight: bold; text-align:left;}



a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#item {
	margin: 0 auto 85px auto;
	font-size: 15px;
}

#entire {
	padding:0;position: relative;
    min-height: 100%; 
    height: auto !important;
    height: 100%
}

.line {
	border: none;
	border-top: dotted 2px #69C;
	height: 2px;
	color: #FFFFFF;
	margin:0 auto;
	text-align:center;
	width: 85%;
}
.footer_wap {
width: 100%;
border-top: 1px solid #777777;
padding-top: 5px;
font-family:"Adobe Garamond Pro";
}
.footer_wap_in {
width: 980px;
margin: 0 auto 0 auto;
}
.footer_l {
	width:50%;
	font-size:80%;
	float:left;
	margin-bottom:20px;
}
.footer_r {
	width:50%;
	font-size:80%;
	float: right;
	text-align:right;
	margin-bottom:20px;
}
.sns_r {
	width:35px;
	margin: 0 0 5px 945px;
}
.footer_wap a:link { color: #000000; }
.footer_wap a:visited { color: #003366; }
.footer_wap a:hover { color: #000000; }
.footer_wap a:active { color: #000000; }

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

.bodyWrap {
	margin-top:0!important;
	padding-top:0!important;
}

.logoWrap {
	width:20%;
	margin:0 auto;
	float:none;
}

.menu ul {
	width:100%;
	text-align:center;
}

.menu li{
	padding:0 7px;
	font-size:95%;
	font-family:"Adobe Garamond Pro";
	padding:2%;
	}
	
	
img {
	display:inline!important;
}

.leftbox {
	width:100%;
	margin-bottom: 15%;
}

.rightbox {
	width:100%;

}
.content_in980 {
	width:90%;
	margin: 0 auto;
}
.menu02 li{
	display:inline-block;
	padding:0 10px;
	color:#000;
	list-style:none;
	font-size:90%;
	font-family:"Adobe Garamond Pro";
	padding:2%;
	}
.menu02 .on_menu{
	display:inline-block;
	padding:0 10px;
	color:#EEEEEE;
	list-style:none;
	font-size:110%;
	font-family:"Adobe Garamond Pro";
	padding:2%;
	}

.txt_imgbox {
	width:100%;
	margin:0 0 10% 0;
	float: none;
}
.footer_wap {
width: 100%;
border-top: 1px solid #777777;
padding-top: 2%;
font-family:"Adobe Garamond Pro";
}
.footer_wap_in {
width: 90%;
margin: 0 auto 2% auto;
}
.footer_l {
	width:100%;
	font-size:80%;
	float: none;
	margin: 0 0 5% 0;
	text-align: center;
}
.footer_r {
	width:100%;
	font-size:80%;
	float: none;
	text-align: center;
}
.sns_r {
	width:10%;
	margin: 0 0 0.5% 90%;
}
}

#footer_copyright {
position: absolute;
bottom: 0;
width: 100%;
height: 80px;
background-image: url(/common/img/base/bg_navy.gif);
background-position: center center;
background-color: #05344F;
}

.clear {
 clear:both;
}