@charset "UTF-8";
/* ****************************************************************** 

	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Main styles
		2-5. Side styles
		2-6. Footer styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
a:link, a:visited { text-decoration: none; }
a:hover, a:active {	text-decoration: underline; }
body {
	background: url("/images/common/bg_main.jpg");
	color: #001c32;
	font-family: '游ゴシック', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	font-size: 15px;
	line-height: 1.7;
	min-width: 1020px;
	overflow: hidden;
}


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.wrapHline {
	position: relative;
	text-align: center;
}
.wrapHline > img {
	min-width: 100%;
}
.wrapHline .hline01 {
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
}
.hline02 {
	text-align: center;
	margin-bottom: 54px;
}



/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
.section, .inner {
	margin: 0 auto;
	width: 1000px;
}
.breadcrumb {
	margin: 20px auto 55px;
	width: 1000px;
}
.breadcrumb li {
	background: url("/images/common/icon_bread.png") no-repeat right center;
	color: #002746;
	float: left;
	font-size: 12px;
	line-height: 1;
	margin-right: 12px;
	padding-right: 15px;
}
.breadcrumb li:last-child {
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.breadcrumb li a {
	border-bottom: 2px solid #bdc7ce;
	color: #002746;
	display: block;
	text-decoration: none;
}
.breadcrumb li a:hover {
	border-bottom: 2px solid transparent;
}
.bl-hover {
	opacity: 0.8;
	transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
}
.pagination {
	text-align: center;
}
.pagination ul {
	display: table;
	margin: auto;
}
.pagination li {
	float: left;
}
.pagination li a {
	border: 1px solid #e6e8eb;
	color: #001c32;
	display: block;
	font-size: 15px;
	height: 53px;
	line-height: 53px;
	margin: 0 5px;
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	width: 53px;
}
.pagination li span, .pagination li a:hover {
	background-color: #001c32;
	border: 1px solid #001c32;
	color: #fff;
	display: block;
	height: 53px;
	line-height: 53px;
	margin: 0 5px;
	text-align: center;
	width: 53px;
}
img{max-width: 100%;}

/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	background: url("/images/common/bg_header.png") repeat left top;
	left: 0;
	padding: 20px 0 15px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
	min-width: 1020px;
}
#header:before{
	content: "";
	background: url("/images/common/border_img.gif") repeat-x left top;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 4px;
}
#header h1{
	color: #000;
	font-size: 12px;
	margin-bottom: 10px;
	width: 50%;
}
.headerInner {
	margin: auto;
	width: 1000px;
}
#header .leftBox, #header .rightBox{
	width: 50%;
}
#header .rightBox{
	margin-top: -30px;
}
#header .contactHeader{
	margin-bottom: 15px;
	text-align: right;
}
#header .inlineBlock{
	margin-left: 18px;
	vertical-align: middle;
}

/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
#navTop{
	
float: right;
	
width: 700px;
}
#navTop li{
	float: left;
	margin-left: 40px;
}
#navTop li:first-child{
	margin-left: 0;
}
#navTop li a{
	background-image: url("/images/common/navi.png");
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}
#navTop li.navi01 a{
	background-position: 0 0;
	width: 54px;
}
#navTop li.navi02 a{
	background-position: -87px 0;
	width: 84px;
}
#navTop li.navi03 a{
	background-position: -207px 0;
	width: 84px;
}
#navTop li.navi04 a{
	background-position: -328px 0;
	width: 64px;
}
#navTop li.navi05 a{
	background-position: -428px 0;
	width: 54px;
}
#navTop li.navi06 a{
	background: url("/images/common/navi_app.png") no-repeat;
	width: 159px;
}


/* ------------------------------------------------------------------
	2-4. Main styles
-------------------------------------------------------------------*/
#main {
	margin: auto;
	width: 1000px;
}
#main.wrap-full{
	width: 100%;
}

/* ------------------------------------------------------------------
	2-5. Side styles
-------------------------------------------------------------------*/


/* ------------------------------------------------------------------
	2-6. Footer styles
-------------------------------------------------------------------*/
#footer {
	margin-top: 70px;
	position: relative;
}
.tfooter {
	background: url("/images/common/bg_footer.jpg") repeat center top;
}
.finner {
	margin: 0 auto;
	padding: 8px 0;
	width: 1000px;
}
.flogo1 {
	float: left;
}
.finfo {
	float: right;
	padding-right: 108px;
}
.fmail {
	float: left;
	margin-right: 28px;
	padding: 21px 0;
}
.ftel {
	float: left;
	padding: 4px 0;
}
.pagetop {
	right: 0;
}
.cfooter {
	background: url("/images/common/bg_cfoot.jpg") no-repeat center top;
	background-size: 100% 100%;
	padding: 75px 0 80px;
}
.cinner {
	margin: 0 auto;
	text-align: center;
	width: 516px;
}
.flogo {
	margin-bottom: 25px;
}
.link1 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.link1 li {
	display: inline-block;
	padding: 20px 16px;
}
.link2 {
	padding: 20px 0;
}
.link2 li {
	display: inline-block;
	padding: 0 10px;
}
.link2 li a {
	color: #fff;
	font-size: 13px;
}
.copyright {
	background: #000;
	padding: 19px 0;
	text-align: center;
}
.copyright a {
	color: #fff;
	font-size: 12px;
}