@charset "utf-8";
/* ------------------------------------------------------------ common */
body { color: #000; min-width: 1200px; line-height: 150%; }
a:link 		{ color: #111; text-decoration: none; }
a:visited 	{ color: #111; text-decoration: none; }

a:hover,
a:hover img,
input[type="submit"]:hover { color: #111; text-decoration: none; 
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; }

@font-face {
font-family: 'GaramondPremrPro-It';
src: url('../fonts/GaramondPremrPro-It.eot');
src:
url('../fonts/GaramondPremrPro-It.eot?#iefix') format('embedded-opentype'),
url('../fonts/GaramondPremrPro-It.woff') format('woff'),
url('../fonts/GaramondPremrPro-It.ttf') format('truetype'),
url('../fonts/GaramondPremrPro-It.svg') format('svg');
}

/*
input[type="text"],
select,
textaera	{ border: 1px solid #b5b5b5; }
*/
input[type="submit"] { -webkit-appearance: button; cursor: pointer; padding: 0; /* border: 2px solid #b5b5b5; */ }
.inner { width: 1100px; margin: 0 auto; }

.SP { display: none; }
p.empty { text-align: center; font-size: 18px; }
/* ------------------------------------------------------------ header */

#fv { background: url(../images/index/fv.jpg) no-repeat center center; background-size: cover; color: #fff; }
#fv .fv_left { background: url(../images/index/fv_left.png) no-repeat left top; }
#fv .fv_right { background: url(../images/index/fv_right.png) no-repeat right bottom; }
#fv .header { padding: 0 30px; }
#fv .header .header_left { padding: 65px 0 0; float: left; }
#fv .header .header_left img { padding: 0 20px 0 0; float: left; }
#fv .header .header_left h1 { font-size: 12px; float: left; padding: 5px 0 0; }
#fv .header .header_right { float: right; padding: 20px 0 0; }
#fv .header .header_right .top ul { float: right; }
#fv .header .header_right .top li { padding: 4px 0; color: #005cac; width: 100px; text-align: center; border: 2px solid #fff; font-size: 13px; float: left; }

#fv .header .header_right .top li.left { border-radius: 15px 0 0 15px; float: left; }
#fv .header .header_right .top li.center { border-left: none; border-right: none; }
#fv .header .header_right .top li.right { border-radius: 0 15px 15px 0; }
#fv .header .header_right .top li.white { background: #fff; }

#fv .header .header_right .top a { }
#fv .header .header_right .top li a { color: #fff; }
#fv .header .header_right .top img { float: right; padding: 0 15px 0 0; }
#fv .header .header_right .bottom { padding: 20px 0 0; }
#fv .header .header_right .bottom a { float: left; }
#fv .header .header_right .bottom a li { text-align: center; color: #fff; width: 100px; font-size: 14px; }

/* ------------------------------------------------------------ bread */

#bread { padding: 20px 0 0; }
#bread ol { list-style: none; }
#bread ol li { float: left; font-size: 14px; }
#bread ol li a { background: url(../images/common/arrow_01.png) right center no-repeat; padding: 0 20px 0 0; margin: 0 10px 0 0; }

/* ------------------------------------------------------------ btn */

#btn { padding: 110px 0 125px; text-align: center; }
#btn a { display: block; color: #fff; width: 340px; margin: 0 auto; line-height: 55px; background: #042347; font-size: 15px; }

/* ------------------------------------------------------------------------------------------------ footer */

#footer { background: url(../images/common/bg_05.jpg) no-repeat center center; background-size: cover; padding: 50px 0 0; }
#footer .footer_nav { padding: 0 0 110px; width: 925px; margin: 0 auto; }
#footer .footer_nav h5 { font-size: 14px; padding: 0 0 10px; width: 185px; }
#footer .footer_nav h5 a { color: #fff; }
#footer .footer_nav ul li { font-size: 13px; padding: 4px 0 4px 15px; background: url(../images/common/arrow_02.png) no-repeat left center; }
#footer .footer_nav ul li a { color: #fff; }
#footer .float { float: left; }
#footer .footer_bottom { border-top: 1px solid #fff; padding: 80px 0 20px; text-align: center; position: relative; }
#footer .footer_bottom { float: none; }
#footer .footer_bottom p { color: #fff; font-size: 14px; padding: 20px 0 80px; }
#footer .footer_bottom address { font-size: 12px; color: #8a8a8a; }
#footer .footer_bottom .top { position: absolute; right: 0; top: 80px; }

/* ------------------------------------------------------------------------------------------------ footer */

#pager 				{ text-align: center; padding: 26px 0 0 25px; font-size: 16px; }
#pager ul span,
#pager ul .number a { display: inline-block; *display: inline; *zoom: 1; width: 40px; padding: 7px 0; margin: 0 2px;}
#pager ul span 		{ background: #042347; color: #fff; border-radius: 50%; }
#pager ul .number a { background: #fff; color: #3c1b84; border: 1px solid #3c1b84; border-radius: 50%; }
#house #pager ul .number	{ width: 100%; margin: 0; }
/* ------------------------------------------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

body { min-width: 100%; }
.SP { display: block; }
.PC { display: none; }

.inner { width: 94%; margin: 0 auto; }
/* ------------------------------------------------------------ header */

#header_sp { text-align: center; position: fixed; z-index: 100; width: 100%; background: #fff; }
#header_sp img { padding: 20px 0 0; float: none; }
#header_sp h1 { font-size: 12px; float: none; padding: 15px 0 10px; line-height: 140%; }
#header_bg { padding: 103px 0 0; }
#fv .fv_left { background-size: 50%; }
#fv .fv_right { background-size: 50%; }

/* ------------------------------------------------------------ btn */

#btn { padding: 40px 0; }
#btn a { width: 80%; line-height: 40px; }

/* ------------------------------------------------------------ footer */

#footer { background: #174171; padding: 20px 0 0; }
#footer .footer_nav a { display: inline-block; *display: inline; *zoom: 1; width: 80%; }
#footer .footer_nav { padding: 0; width: 100%; margin: 0 auto; }
#footer .footer_nav h5 { font-size: 14px; padding: 10px 3%; border-top: 1px solid #f4f4f0; width: 94%; }
#footer .footer_nav h5 img { float: right; margin: 6px 2px 0 0; }
#footer .footer_nav h5 a { color: #fff; }
#footer .footer_nav ul { display: none; }
#footer .footer_nav ul li { font-size: 12px; padding: 8px 0 8px 8%; background: url(../images/common/arw_00_sp.png) no-repeat 3% center; background-size: 6px 7px; }
#footer .footer_nav ul li a { color: #fff; }
#footer .float { float: none; }
#footer .footer_bottom { border-top: 1px solid #fff; padding: 80px 0 20px; text-align: center; position: relative; }
#footer .footer_bottom { float: none; }
#footer .footer_bottom p { color: #fff; font-size: 14px; padding: 20px 0 80px; }
#footer .footer_bottom address { font-size: 12px; color: #8a8a8a; }
#footer .footer_bottom .top { position: absolute; right: 0; top: 180px; }

#pager 				{ text-align: center; padding: 26px 0 0 0; font-size: 16px; }

/* ------------------------------------------------------------ maskmenu */

#menu-btn { display: block; position: absolute;  top: 0px; z-index: 999; right: 10px; }
#menu-btn img { width: 40px !important; height: auto; display: inline !important; }

#open_modal					{ cursor: pointer; display: block;}

.fixed 						{ position: fixed; }
#mask 						{ display: none; height: 100%; width: 100%; height: 100%; min-height: 100%; background: #acacac; position: fixed; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity:0.70; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

						
/* #open_modal 				{ cursor: pointer; right: 10px; top: 10px; z-index: 999; position: fixed; } */
#navigation 				{ text-align: center; margin: 0 auto; top: 0; right: 0; left: 0; margin: 0; z-index: 9999; position: absolute; display: none; background: #010101; }
#menu-header				{ padding: 20px 0; background: #174171; position: relative; width: 100%; }
#navigation #menu-header a img { width: 200px; height: auto; padding: 0 0 5px; max-width: 244px; }
#navigation #menu-header a { color: #fff; text-align: center; }
#navigation #menu-header img.close_modal { position: absolute; top: 20px; right: 6%; cursor: pointer; }
#navigation ul#main-menu 			{ font-size: 14px; z-index: 999; width: 80%; padding: 0 10% 75px; background: #174171; overflow: auto; }
#navigation ul#main-menu li.cfx 	{ width: 100%; font-size: 16px; color: #fff; border-bottom: 1px solid #fff; text-align: left; padding: 0 0 8px;  }
#navigation ul#main-menu li.cfx a 	{ color: #fff; text-align: left; padding: 25px 0 8px; display: inline-block; *display: inline; *zoom: 1; width: 80%; line-height: 100%; }
#navigation ul#main-menu li.cfx img { float: right; margin-top: 25px; cursor: pointer; }
#navigation ul#main-menu li.cfx ul { display: none; }
#navigation ul#main-menu li.cfx ul li a { display: block; width: 100%;  color: white; padding: 10px 6%; }
#navigation p#close 		{ background: #2d2d2d; color: #fff; padding: 15px 0; }
#header-close 				{ position: absolute; top:20px; right: 10px;}

}

@media only screen and (orientation : portrait) { 
	#navigation 			{ position: fixed; top:0; margin: 0 0 0; right: 0; left: 0; }
}