@charset "utf-8";

header{
	width:100%;
	background:url(../img/bg_main.jpg) repeat-x top center;
}
header h1{
	font-weight:normal;
	color:#fff;
	float:right;
	font-size:10px;
	padding:2px 0 0 0;
}
.head_b{
	width:100%;
	max-width:1200px;
	min-width:960px;
	min-height:500px;
	margin:0 auto;
	overflow:hidden;
	background:url(../img/pic_01.png) no-repeat top right;
}
.head_b img.logo{
	float:left;
}
.head_b img.head_t{
	clear:both;
	float:left;
	margin:0 0 0 5px;
}
.head_b img.head_link{
	float:left;
	margin:150px 0 0 15px;
}

.sub{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}



/* =======================================
	���[�v�X���C�_�[
======================================= */
#loopslider{
	margin: 0 auto;
	width: 100%;
	height:190px;
	text-align: left;
	position: relative;
	overflow: hidden;
	background:url(../img/bg_01.jpg) repeat-x top left;
}

#loopslider ul{
	height: 180px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li{
	width: 240px;
	height: 180px;
	padding:10px 0 0 0;
	float: left;
	display: inline;
	overflow: hidden;
}

/********** navi **********/
#bg_navi{
	width: 100%;
	background:#fff;
}
#navi{
	width: 840px;
	margin: 0 auto;
	padding:0 60px;
	overflow: hidden;
	background: url(../img/bg_bnr_navi.jpg) no-repeat top center;
}

#navi li{
	float: left;
	width:140px;
	margin-right:93px;
}
#navi li:nth-child(4){
	margin-right:0;
}
#navi a{
	display: block;
	height: 70px;
	text-indent: -9999px;
}

#navi a{
	background: url(../img/bnr_navi.png) no-repeat top left;
}

#navi #n01 a{
	width: 140px;
}
#navi #n02 a{
	width: 140px;
}
#navi #n03 a{
	width: 140px;
}
#navi #n04 a{
	width: 140px;
}

#navi #n01 a{
	background-position:  0 0;
}
#navi #n02 a{
	background-position:  -233px 0;
}
#navi #n03 a{
	background-position:  -462px 0;
}
#navi #n04 a{
	background-position:  -700px 0;
}

#navi #n01 a:hover{
	background-position:  0 -70px;
}
#navi #n02 a:hover{
	background-position:  -233px -70px;
}
#navi #n03 a:hover{
	background-position:  -462px -70px;
}
#navi #n04 a:hover{
	background-position:  -700px -70px;
}

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

.con1{
	width:100%;
	max-width:1200px;
	min-width:940px;
	margin:0 auto;
	padding:100px 10px 100px 10px;
	background:url(../img/bg_02.png) no-repeat top center;
}
.con1_sub{
	width:565px;
	margin:0 auto;
	padding:30px 0 0 375px;
	min-height:326px;
	background:url(../img/pic_02.png) no-repeat top left;
}
.con1_sub2{
	width:610px;
	margin:0 auto;
	padding:0 0 0 330px;
	min-height:240px;
	background:url(../img/pic_03.png) no-repeat top left;
}
.con1_sub3{
	width:940px;
	min-height:320px;
	margin:0 auto;
	background:url(../img/pic_04.png) no-repeat top right;
}

.con2{
	overflow:hidden;
	min-width:940px;
	min-height:870px;
	margin:0 auto;
	padding:100px 10px 110px 10px;
	background:url(../img/bg_04.jpg) no-repeat top center;
	-moz-background-size:100% 1080px;
	background-size:100% 1080px;
}
.con2_sub1{
	width:600px;
	margin:0 auto 48px auto;
	padding:0 0 0 340px;
	height:230px;
	background:url(../img/pic_06.jpg) no-repeat top left;
}
ul.flow{
	width:940px;
	margin:0 auto;
	overflow:hidden;
}
ul.flow li{
	float:left;
	margin-right:20px;
}
ul.flow li:nth-child(1){
	clear:both;
}
ul.flow li:nth-child(2){
	clear:both;
	width:274px;
	margin-bottom:27px;
	padding:205px 13px 0 13px;
	background:url(../img/pic_07.png) no-repeat top center;
}
ul.flow li:nth-child(3){
	width:274px;
	margin-bottom:27px;
	padding:205px 13px 0 13px;
	background:url(../img/pic_08.png) no-repeat top center;
	text-align:center;
}
ul.flow li:nth-child(4){
	width:274px;
	margin-bottom:27px;
	margin-right:0;
	padding:205px 13px 0 13px;
	background:url(../img/pic_09.png) no-repeat top center;
	text-align:center;
}
ul.flow li:nth-child(5){
	clear:both;
	width:274px;
	padding:205px 13px 0 13px;
	background:url(../img/pic_10.png) no-repeat top center;
	text-align:center;
}
ul.flow li:nth-child(6){
	width:274px;
	padding:205px 13px 0 13px;
	background:url(../img/pic_11.png) no-repeat top center;
	text-align:center;
}
ul.flow li:nth-child(7){
	width:274px;
	margin-right:0;
	padding:205px 13px 0 13px;
	background:url(../img/pic_12.png) no-repeat top center;
}
.contact{
	width:900px;
	height : 204px;
	padding:25px 30px;
	margin:0 auto 60px auto;
	overflow:hidden;
	background:url(../img/pic_13.jpg) no-repeat top center;
}
.contact ul li{
	float:left;
	color:#00003F;
}
.contact ul li:nth-child(2){
	float:right;
}
.contact ul li:nth-child(3){
	clear:both;
	font-size:20px;
}
.contact ul li:nth-child(3) span{
	font-size:18px;
}
.contact ul li:nth-child(4){
	float:right;
}
.contact ul li:nth-child(5){
	float:right;
	margin-right:12px;
}

#item{
	padding-top:40px;
}
.itemlist{
	overflow:hidden;
	width:585px;
	float:left;
}
.itemlist li{
	display:block;
	overflow:hidden;
	float:left;
	width:190px;
	height:240px;
	background:#0D2250;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin-right:5px;
	margin-bottom:3px;
}
.itemlist li:nth-child(4){
	clear:both;
	margin-bottom:0;
}
.itemlist li:nth-child(5){
	margin-bottom:0;
}
.itemlist li:nth-child(6){
	margin-bottom:0;
}
.itemlist li p{
	padding:10px;
}
.itemlist a{
	color:#fff;
}

.fb{
	overflow:hidden;
	width:340px;
	float:right;
	text-align:center;
	font-size:18px;
}

#access{
	padding-top:40px;
}
.con4_sub{
	width:940px;
	margin:0 auto;
	padding:0 10px;
	overflow:hidden;
}
.con4_sub table{
	width:398px;
	overflow:hidden;
	border:solid 1px #888;
}
.con4_sub table td:nth-child(odd){
	display:block;
	float:left;
	background:#0D2250;
	color:#fff;
	padding:5px 10px;
	width:70px;
}

.con4_sub table td:nth-child(even){
	width:285px;
	float:left;
	padding:5px 10px;
	border-left:1px solid #888;
	background:#fff;
}
.con4_sub table td{
	border-bottom:1px solid #888;
}
.con4_sub table td.last{
	border-bottom:none;
}
.con4_sub table td.td4{
	padding:93px 10px;
}
.con4_sub table td.td2{
	padding:16px 10px;
}
a.gmapbnr{
	width:495px;
	display:block;
	background:#0D2250;
	color:#fff;
	text-align:center;
	padding:15px 0;
	font-size:18px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:double #fff 5px;
}
.left{
	float:left;
	width:400px;
}
.right{
	float:right;
	width:505px;
}
.top{
	width:960px;
	margin:0 auto;
	text-align:center;
}

#foot{
	width:100%;
	background:#0D2250;
	padding:20px 0 10px 0;
}
.f_navi{
	background:url(../img/f_navibg.jpg) no-repeat center 3px;
	color:#fff;
	width:740px;
	margin:0 auto 25px auto;
	padding:0 100px;
	overflow:hidden;
}
.f_navi a{
	color:#fff;
	font-size:14px;
}
.li1{
	width:195px;
	text-align:center;
	float:left;
}
.li2{
	width:195px;
	text-align:center;
	float:left;
}
.li3{
	width:165px;
	text-align:center;
	float:left;
}
.li4{
	width:95px;
	text-align:right;
	float:left;
}



p.copy{
	width:960px;
	clear:both;
	text-align:center;
	color:#fff;
	background:#0D2250;
	margin:0 auto;
	font-size:12px;
}