@charset "utf-8";
/* /////////////////////////////////////////////////////////
	トップページ
///////////////////////////////////////////////////////// */

/*====================================
	全ページ共通スタイル
=====================================*/
html {
   font-size: 62.5%; /* all browsers */
   font-size: 100%\9; /* IE8以下 */

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html {
    font-size: 62.5%; /* all browsers */
  }
}

body{
	margin:0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','IPAexゴシック','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 1.7rem;
	color:#000;
	background:#FFF;
}

img{
	border:none;
	margin:0px;
	padding:0px;
}

h1,h2,h3,h4,h5,h6,
table,tr,td,th,
ol,ul,li,
dl,dt,dd,
p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:100%;
	list-style:none;
}

/*=================================
	wrapper
==================================*/
#wrapper {
	width: 100%;
	margin: auto;
	
}
@media screen and (min-width: 800px) {
	#wrapper {
		background: none;
	}
}
@media screen and (min-width: 1300px) {
	#wrapper {
		background: url(../images/common/side-strap.jpg) top left repeat-y, url(../images/common/side-strap.jpg) top right repeat-y, #fff;
		background-size:70px auto, 70px auto;
	}  
	#contentsHead {
		max-width:90%;
	}
}    
@media screen and (min-width: 1480px) {
	#wrapper {
		background: url(../images/common/side-strap.jpg) top left repeat-y, url(../images/common/side-strap.jpg) top right repeat-y, #fff;
		background-size:100px auto, 100px auto;
	}  
	#contentsHead {
		max-width:90%;
	}
}
@media screen and (min-width: 1680px) {
	#wrapper {
		background: url(../images/common/side-strap.jpg) top left repeat-y, url(../images/common/side-strap.jpg) top right repeat-y, #fff;
		background-size:160px auto, 160px auto;
	}   
	#contentsHead {
		max-width:88%;
	}
}

/*=================================
	header
==================================*/
#header{
	width:100%;
	height:718px;
	background:url(../images/home/background.jpg) center top no-repeat;
}

/* h-con */
#header #h-con{
	width:1280px;
	margin:0 auto;
	padding-top:94px;
}

/* h1 */
#header #h-con h1{
	width:1040px;
	height:0px;
	padding-top:245px;
	background:url(../images/home/logo.png) no-repeat;
	display:block;
	overflow:hidden;
	margin-left:105px;
}

/* thumb-menu */
#thumb-menu{
	width:1100px;
	margin:0 auto;
}
#thumb-menu li{
	width:320px;
	float:left;
	margin-right:70px;
}
#thumb-menu li:nth-child(3n){
	margin-right:0;
}
#thumb-menu li a{
	width:320px;
	height:0;
	padding-top:320px;
	display:block;
	overflow:hidden;
}
#thumb-menu #t01 a{
	background:url(../images/home/thumb01.jpg) 0 0 no-repeat;
}
#thumb-menu #t02 a{
	background:url(../images/home/thumb02.jpg) 0 0 no-repeat;
}
#thumb-menu #t03 a{
	background:url(../images/home/thumb03.jpg) 0 0 no-repeat;
}
	#thumb-menu #t01 a:hover,
	#thumb-menu #t02 a:hover,
	#thumb-menu #t03 a:hover{
		background-position:-320px 0;
	}


/*=================================
	footer
==================================*/
#footer{
	width:100%;
	margin:0 auto 90px auto;
}

/* f-con */
#f-con{
	width:1280px;
	margin:0 auto;
}

/* main-menu */
#main-menu{
	width:1102px;
	height:274px;
	padding:28px 89px;
	background:url(../images/common/main-menu-bg.jpg) no-repeat;
}
#main-menu li{
	width:1102px;
	height:78px;
	margin-bottom:20px;
}
#main-menu li:last-child{
	margin-bottom:0;
}
#main-menu li a{
	width:1102px;
	height:0;
	padding-top:78px;
	display:block;
	overflow:hidden;
}
#main-menu #m01 a{
	background:url(../images/common/main-menu01.png) 0 0 no-repeat;
}
#main-menu #m02 a{
	background:url(../images/common/main-menu02.png) 0 0 no-repeat;
}
#main-menu #m03 a{
	background:url(../images/common/main-menu03.png) 0 0 no-repeat;
}
	#main-menu #m01 a:hover,
	#main-menu #m02 a:hover,
	#main-menu #m03 a:hover{
		background-position:0 -78px;
	}
	
/* another-menu */
#another-menu{
	width:1100px;
	height:80px;
	padding:0 90px;
	background:#0F57BF;
	margin-bottom:30px;
}
#another-menu li{
	float:left;
}
#another-menu li a{
	height:0;
	padding-top:80px;
	display:block;
	overflow:hidden;
	background:url(../images/common/another-menu.gif) no-repeat;
}

#another-menu #a01,
#another-menu #a02,
#another-menu #a03,
#another-menu #a04,
#another-menu #a05{
	width:220px;
}

	#another-menu #a01 a{
		width:220px;
		background-position:0 0;	
	}
	#another-menu #a01 a:hover,
	#another-menu #a01 a.ov{ 
		background-position:0 -80px;
	}
	
	#another-menu #a02 a{
		width:220px;
		background-position:-220px 0;
	}
	#another-menu #a02 a:hover,
	#another-menu #a02 a.ov{ 
		background-position:-220px -80px;
	}
	
	#another-menu #a03 a{
		width:220px;
		background-position:-440px 0;
	}
	#another-menu #a03 a:hover,
	#another-menu #a03 a.ov{ 
		background-position:-440px -80px;
	}
	
	#another-menu #a04 a{
		width:220px;
		background-position:-660px 0;
	}
	#another-menu #a04 a:hover,
	#another-menu #a04 a.ov{ 
		background-position:-660px -80px;
	}
	
	#another-menu #a05 a{
		width:220px;
		background-position:-880px 0;
	}
	#another-menu #a05 a:hover,
	#another-menu #a05 a.ov{ 
		background-position:-880px -80px;
	}
	
/* contact */
#contact{
	width:1096px;
	border:2px solid #FF7200;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	margin:0 auto 60px auto;
	background:url(../images/common/contact-or.png) center 218px no-repeat;
}
#contact h2{
	width:1096px;
	background:#FF7200;
	padding:23px 0 25px 0;
}
#contact h2 span{
	width:390px;
	height:0;
	padding-top:30px;
	background:url(../images/common/contact-title.png) no-repeat;
	display:block;
	overflow:hidden;
	margin:0 auto;
}

/* connection・entry-button */
#connection,
#entry-button{
	width:408px;
	height:181px;
	background:url(../images/common/contact-bg.png) no-repeat;
	padding:30px 31px;
}

/* connection */
#connection{
	float:left;
	margin:30px 0 30px 27px;
}
#connection h3{
	width:407px;
	height:0;
	padding-top:65px;
	background:url(../images/common/connection-title.png) no-repeat;
	display:block;
	overflow:hidden;
	margin:0 auto 16px auto;
}
#connection ul{
	width:333px;
	height:0;
	padding-top:64px;
	background:url(../images/common/connection-tel.png) no-repeat;
	display:block;
	overflow:hidden;
	margin-bottom:16px;
}
#connection p{
	width:155px;
	height:0;
	padding-top:20px;
	background:url(../images/common/connection-charge.png) no-repeat;
	display:block;
	overflow:hidden;
	float:right;
}

/* entry-button */
#entry-button{
	float:right;
	margin:30px 27px 30px 0;
}
#entry-button p{
	width:407px;
	text-align: center;
	/* text-align: center;は211104に加藤がつけた */
	/* margin:58px auto; */
}
#entry-button p a{
	width:407px;
	height:0;
	padding-top:30px;
	/* padding-top:40px;20220215変更前 */
	/* background:url(../images/common/footer-entry.png) 0 0 no-repeat; */
	/* background:は211104に加藤がコメントアウト */
	display:block;
	/* overflow:hidden; */
	/* overflow:hidden; は211104に加藤がコメントアウト */
}
	#entry-button p a:hover{
		background-position:0 -65px;
	}

/* information */
#information{
	width:1100px;
	margin:0 auto 70px auto;
}
#information .left{
	width:830px;
	float:left;
}
#information .left dl dt a{
	width:302px;
	height:0px;
	padding-top:30px;
	background:url(../images/common/f-logo.png) no-repeat;
	display:block;
	overflow:hidden;
	margin-bottom:15px;
}
	#information .left dl dt a:hover{
		-moz-opacity:0.8;
		opacity:0.8;
		filter: alpha(opacity=80);
	}
	
#information .right{
	width:209px;
	float:right;
}

/* scroller */
#footer #scroller{
	width:40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#footer #scroller a{
	width:40px;
	height:0;
	padding-top:40px;
	display:block;
	overflow:hidden;
	background:url(../images/common/scroller.gif) 0 0 no-repeat;
}
	#footer #scroller a:hover{
		background-position:0 -40px;
	}
	
#footer address{
	color:#000;
	line-height:1.3;
	font-style:normal;
}

/*=================================
	clearfix
==================================*/
/* For modern browsers */

.cf {
	overflow:hidden;
}

.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}

.cf {
    zoom:1;
}