@charset "utf-8";
/*
==================================================

    CSS File Name - layout.css
    Last-updated: 2010-05-14

==================================================
*/
div#header {
	margin-bottom:51px;
}
div#mainBody div.mainContent {
	max-width:750px;
}
p.pagetop_mid {
	float:right;
	padding:0px 0px 22px 0;
}

/*------ .box ------*/
div.box {
	clear:both;
	overflow:hidden;
	padding-bottom:27px;
	text-align: center;
}
div.box p.img {
	padding-bottom:23px;
}
div.box p.tit {
	padding:0 0 8px 62px;
}
div.box p.tit2 {
	padding-left:64px;
}
div.box ul.pic {
	padding-left:0px;
	clear:both;
	overflow:hidden;
}
div.box ul.pic li {
	float:left;
}
div.box ul.txt {
	padding:0 0 20px 0px;
	clear:both;
	overflow:hidden;
	max-width:740px;
}
div.box ul.txt li {
	max-width:135px;
	padding-right:40px;
	float:left;
	line-height:1.8;
}
div.box ul.txt li.first {
	max-width:140px;
	margin-right:15px;
}
div.box ul.txt li.last {
	padding-right:10px;
}
div.box div.cont {
	clear:both;
	overflow:hidden;
	padding-left:33px;
}
div.box div.cont ul.btn {
	max-width:520px;
	float:left;
}
div.box div.cont ul.btn li {
	float:left;
	padding-right:10px;
}
div.box div.cont p.btn2 {
	float:right;
	padding:12px 25px 0 0;
}
.topBtn img {
	height: auto;
	max-height: 50px;
}
.topBtn {
	margin-top: 25px;
}
/*------ .box2 ------*/
div.box2 {
	height:432px;
	position:relative;
	clear:both;
	background:url(../images/box2_bg.jpg) no-repeat left top;
}
div.box2 p.tit1 {
	position:absolute;
	top:49px;
	left:191px;
}
div.box2 p.tit2 {
	position:absolute;
	top:100px;
	left:91px;
}
div.box2 p.tit3 {
	position:absolute;
	top:150px;
	left:151px;
}
div.box2 p.img2 {
	position:absolute;
	top:207px;
	left:69px;
}
div.box2 p.img {
	position:absolute;
	top:206px;
	left:285px;
}
div.box2 p.img3 {
	position:absolute;
	top:307px;
	left:285px;
}
/*------ .titl ------*/
div.titl {
	height:80px;
	clear:both;
	position:relative;
}
div.titl p.img {
	position:absolute;
	top:0px;
	left:0px;
}
div.titl p.lk {
	position:absolute;
	top:16px;
	right:54px;
}

/*------ .box3 ------*/
div.box3 {
	margin:0 auto 25px auto;
	clear:both;
	overflow:hidden;
}
div.box3 p.btn {
	padding-bottom:12px;
	text-align: center;
}

/*------ .box4 ------*/
div.box4 {
	margin:0 auto 20px auto;
	clear:both;
	overflow:hidden;
}
div.box4 p.tit {
	padding:10px 0 12px 0;
}
div.box4 ul {
	clear:both;
	overflow:hidden;
	padding-left:20px;
}
div.box4 ul li {
	background:url(../images/box4_ico.jpg) no-repeat left;
	line-height:2.5;
	padding-left:23px;
}
div.box4 ul li a {
	text-decoration:none;
}
div.box4 ul li a:link {
	text-decoration:none;
}
div.box4 ul li a:visited {
	text-decoration:none;
}
div.box4 ul li a:hover {
	text-decoration:underline;
}
div.box4 ul li a:active {
	text-decoration:none;
}
div.box4 p.txt {
	padding-left:40px;
}

/*------ .box5 ------*/

div.box5 dl.nophoto {
	background:url(../images/box5_ln.jpg) no-repeat left bottom;
	padding:0 5px 25px 5px;
	clear:both;
	overflow:hidden;
	margin-bottom:25px;
	margin-left:20px;
}
div.box5 dl.nophoto dd.name {
	float:left;
	padding:0px 18px 0 10px;
	font-weight:bold;
}
div.box5 dl {
	background:url(../images/box5_ln.jpg) no-repeat left bottom;
	padding:0 5px 25px 5px;
	clear:both;
	overflow:hidden;
	margin-bottom:25px;
}
div.box5 dl.no_last {
	background:none;
	padding:0 5px 0 5px;
	margin-bottom:0px;
}
div.box5 dl dt {
	max-width:94px;
	float:left;
	padding-right:17px;
}
div.box5 dl dd {
	max-width:460px;
	float:right;
}
div.box5 dl dd.name {
	max-width:98px;
	float:left;
	padding:8px 18px 0 0;
}

/*------ .box6 ------*/
div.box6 {
	margin:0 auto;
	clear:both;
	overflow:hidden;
	padding: 0 20px;
}
div.box6 dl {
	clear:both;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 14px;
}
div.box6 dt {
	width: 12%;
}
div.box6 dd {
	width: 88%;
}
div.box6 dd a {
	text-decoration:none;
}
div.box6 dd a:link {
	text-decoration:none;
}
div.box6 dd a:visited {
	text-decoration:none;
}
div.box6 dd a:hover {
	text-decoration:underline;
}
div.box6 dd a:active {
	text-decoration:none;
}
/*------ .box7 ------*/
div.box7 {
	height:300px;
	margin:0 auto 25px auto;
	clear:both;
	overflow:hidden;
}
div.box7 p {
	text-align:center;
	font-size:14px;
	padding-top:150px;
}
@media screen and (max-width: 620px) {
	div.box6 dl {
		display: block;
	}
	div.box6 dd {
		width: 100%;
	}
	.page_ttl.ttl_link {
		font-size: 14px;
		padding-right: 10px;
	}
}