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

	+ main_01
		- box01
		- box02
		- box03
		- box04

----------------------------------------*/

/*----------------------------------------

	+ main

----------------------------------------*/

#main > h1 {
	position: relative;
	min-height: 126px;
}

#main > h1 img {
	position: absolute;
	bottom: 0;
	padding-bottom: 20px;
}

/*----------------------------------------
	main_01
-----------------------------------------*/

#main_01 {
}

#main_01 h1#tit01 {
	text-align: center;
}

#main_01 h1#tit01 span {
	display: block;
}

#main_01 h1#tit01 span:first-child {
	line-height: 0.9;
}

#main_01 .lnav01 ul li {
	float: left;
	width: 186px;
	margin-left: 2px;
	text-align: center;
}

#main_01 .lnav01 ul li:first-child {
	margin-left: 0;
}

#main_01 .lnav01 ul li:last-child {
	width: 188px;
}

#main_01 .lnav01 ul li a {
	display: block;
	padding: 5px 0 4px;
	background: #d7d7d8;
	vertical-align: middle;
}

#main_01 .lnav01 ul li a:link,
#main_01 .lnav01 ul li a:visited {
	color: #29292a;
	text-decoration: none;
}

#main_01 .lnav01 ul li a:hover,
#main_01 .lnav01 ul li a:active {
	color: #965c10;
	text-decoration: underline;
}

#main_01 .lnav01 ul li span {
	display: block;
	padding: 5px 0 4px;
	background: #000000;
	vertical-align: middle;
}

/*----------------------------------------
	box01
-----------------------------------------*/

#box01 {
	margin-bottom: 80px;
	background: #000000 url(../img/ino_style_series01.gif) no-repeat right 15px bottom 15px;
}

#box01 #box01_l {
	float: left;
}

#box01 #box01_l img {
	float: left;
}

#box01 #box01_l img.off {
	display: none;
}

#box01 #box01_r {
	position: relative;
	float: right;
	overflow: hidden;
	width: 325px;
	padding-bottom: 15px;
}

#box01 #box01_r ul {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 100;
}

#box01 #box01_r ul li {
	float: left;
	width: 28px;
	padding: 4px 0 3px;
	border: 1px solid #b38e5e;
	background: #b38e5e;
	text-align: center;
	cursor: pointer;
}

#box01 #box01_r ul li:first-child {
	margin-right: 8px;
}

#box01 #box01_r ul li.on {
	padding: 4px 0 3px;
	border: 1px solid #616161;
	background: #000000;
	cursor: default;
}

#box01 #box01_r #box01_r_01 {
	width: 650px;
}

#box01 #box01_r #box01_r_01 div {
	position: relative;
	z-index: 10;
	float: left;
	width: 271px;
	padding: 79px 15px 0 39px;
}

#box01 #box01_r #box01_r_01 div p {
	padding-right: 25px;
}

/*----------------------------------------
	box02
----------------------------------------*/

#box02 {
	position: relative;
	margin: 70px auto 0;
	width: 940px;
	height: 536px;
	background: url(../../style/img/mega_p02.jpg) no-repeat left top;
}

#box02 div {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 40px;
}

/*----------------------------------------
	box03
----------------------------------------*/

#box03 {
	width: 940px;
	margin: 0 auto;
}

#box03 > h1,
#box03 > p {
	text-align: center;
}

#box03m {
	position: relative;
	min-height: 582px;
	background: #000000;
}

#box03m section {
	width: 400px;
	margin: 0 0 10px 0;
	padding: 30px 70px 30px 30px;
}

#box03m section:last-of-type {
	margin-bottom: 0;
}

#box03m figure {
	position: absolute;
	top: 40px;
	left: 453px;
}

/*----------------------------------------
	box04
-----------------------------------------*/

#box04 h1 {
	text-align: center;
}