@CHARSET "utf-8";
/* ============================= */
/* common */
.c_red {
	color: #bb0000;
}
div#container {
	margin: 0 auto;
	width: 980px;
	color: #000;
	font-weight: normal;
	text-align: left;
}
div#base {
	width: 980px;
	height: auto;
	background: url("../../image/landing/index/index_bg_default.jpg") repeat-y 1px 0;
}
div#main {
	position: relative;
	width: 980px;
}
.mb20 { margin-bottom: 20px;}

/* ========================================= */
/* arrow */
#mod_contents {
	position: relative;
	width: 978px;
	border-right: 1px solid #62660c;
	border-left: 1px solid #62660c;
}
#arrow_control {
	position: absolute;
	right: 3px;
	width: 35px;
	z-index: 5;
}
#arrow_top {
	width: 35px;
	height: 331px;
	background: url("../../image/landing/index/index_bg_arrow_top.jpg") no-repeat;
}
#arrow_middle {
	width: 35px;
	height: 3120px;
	background: url("../../image/landing/index/index_bg_arrow_mid.jpg") repeat-y;
}
#arrow_bottom {
	width: 35px;
	height: 371px;
	background: url("../../image/landing/index/index_bg_arrow_btm.jpg") no-repeat;
}

/* ============================= */
/* header */
div#header {
	position: relative;
	width: 980px;
	height: 348px;
	background: url("../../image/landing/index/index_bg_header.jpg") no-repeat bottom left;
}
div#header h1 {
	position: relative;
	width: 980px;
	height: 40px;
	background: url("../../image/landing/index/index_img_header.jpg") no-repeat top left;
}
div#header h1 img {
	position: absolute;
	top: 0;
}
div#header h1 #fukurou	{ left: 0;}
div#header h1 #st		{ right: 0;}

div#movie {
	position: absolute;
	top: 60px;
	left: 20px;
}
#catchcopy {
	position: absolute;
	top: 46px;
	right: 8px;
}
div#header .imgover {
	position: absolute;
	right: 138px;
	bottom: 46px;
}

/* ============================= */
/* contents module */
/* privilege */
#privilege img {
	margin-left: 64px;
}

/* screen */
#screen {
	margin-bottom: 11px;
	padding: 5px 0 0 12px;
}

/* section */
.section {
	position: relative;
	margin: 0 0 10px 14px;
	padding: 0 0 25px 0;
	width: 918px;
	height: auto;
	text-align: center;
	background: url("../../image/landing/index/index_bg_section_mid.jpg") repeat-y;
	z-index: 5;
}
.section h2 {
	position: relative;
	width: 918px;
	height: 73px;
	background: url("../../image/landing/index/index_bg_cap.jpg") no-repeat bottom left;
}
.section p,
.section h2,
.section h3 {
	text-align: left;
}
.section p {
	line-height: 1.4;
}

.section .section_footer {
	position: absolute;
	bottom: 0;
	_bottom: -1px;
	left: 0;
	width: 918px;
	height: 20px;
	background: url("../../image/landing/index/index_bg_section_btm.jpg") no-repeat bottom left;
	z-index: 4;
}
#section01 { padding-bottom: 30px;}
#section02 { height: 290px;}
#section03 { padding-bottom: 30px;}
#section04 { padding-bottom: 30px;}

#section01 h2 img { margin-left: 193px;}
#section02 h2 img { margin-left: 197px;}
#section03 h2 img { margin-left: 183px;}
#section04 h2 img { margin-left: 191px;}

#section01 h2,
#section02 h2,
#section03 h2,
#section04 h2 { margin-bottom: 20px;}
#section02 h3 { margin: 0 0 20px 30px;}

#section02 p {
	margin: 0 0 15px 33px;
	padding-left: 3em;
	text-indent: -3em;
	font-weight: normal;
	font-size: 28px;
}

#img07,
#img10 {
	position: absolute;
	top: 93px;
	right: 37px;
	text-align: center;
}
#img10 {
	top: 88px;
	right: 40px;
}
#img07 span {
	font-weight: bold;
	font-size: 15px;
	letter-spacing: -1px;
}
#img10 span {
	color: #bb0000;
	font-weight: bold;
	font-size: 19px;
}

.article {
	position: relative;
	margin: 0 0 0 54px;
	*margin: 0;
	width: 811px;
	text-align: center;
	background: url("../../image/landing/index/index_bg_article.jpg") no-repeat bottom left;
}
#article01,
#article03 { height: 366px; margin-bottom: 30px;}
#article02 { height: 416px;}
#article04 { height: 338px;}

.article h3 {
	margin-bottom: 5px;
}
.article p {
	margin: 0;
	font-weight: bold;
}
.article p.img {
	float: left;
	display: inline;
	text-align: center;
}
#article01 #article01_01 {
	margin: 0 0 10px 23px;
	*margin: 0 0 0 23px;
}
#article01 #article01_02 {
	margin: 0 0 10px 30px;
	*margin: 0 0 0 30px;
}
#article01 #article01_03,
#article02 #article02_03 {
	clear: both;
	margin: 0;
	color: #bb0000;
	text-align: center;
	line-height: 1;
}
#article02 #article02_01 {
	margin: 0 0 8px 26px;
	*margin: 0 0 0 26px;
}
#article02 #article02_02 {
	margin: 0 0 8px 39px;
	*margin: 0 0 0 39px;
}
#article03 #article03_01 {
	float: left;
	display: inline;
	margin: 0 0 0 29px;
}
#article03 #article03_02 {
	margin: 0 0 0 380px;
}
#article03 #article03_02 p {
	padding-left: 1em;
	text-indent: -1em;
}
#article03 #article03_02 p.c_red {
	margin: 25px 0 0 22px;
	padding: 0;
	text-indent: 0;
}
#article04 #article04_01 {
	margin: 0 auto 20px;
	width: 500px;
}
#article04 #article04_02 {
	text-align: center;
}

#separete {
	position: relative;
	margin: 18px 0 25px 0;
	width: 940px;
	height: 153px;
	background: url("../../image/landing/index/index_bg_wave.jpg") no-repeat top left;
}
#separete .imgover {
	position: absolute;
	top: 38px;
	left: 269px;
}

/* mail */
div#mail_send {
	margin: 0 0 15px 12px;
	width: 916px;
	height: 297px;
	text-align: center;
	background: url("../../image/landing/index/index_bg_mailform.jpg") no-repeat;
}

div#mail_send h3 {
	margin-bottom: 15px;
	padding-top: 26px;
}

div#mail_send p#mail_txt_01 {
	font-weight: normal;
	font-size: 27px;
}

div#mail_form {
	position: relative;
	margin: 21px 0 20px 0;
}
div#mail_form img {
	margin: 0 0 -12px 0;
}
* html div#mail_form { margin: 23px 0 20px 0;}
* html div#mail_form img { margin: 0 0 -6px 0;}
*:first-child+html div#mail_form img { margin: 0 0 -6px 0;}

div#mail_form input#input_mail {
	margin: 3px 8px 0 3px;
	padding: 3px 8px;
	*padding: 10px 0 0 13px;
	width: 521px;
	*width: 524px;
	height: 44px;
	*height: 40px;
	font: normal 30px "ＭＳ ゴシック";
	background: url("../../image/landing/index/index_bg_input_address.jpg") no-repeat;
	border: none;
}
* html div#mail_form input#input_mail {
	margin-top: 3px;
}

div#mail_form input#input_send {
	margin-bottom: -12px;
}
* html div#mail_form input#input_send { margin-bottom: -6px;}
*:first-child+html div#mail_form input#input_send { margin-bottom: -6px;}

div#mail_send p#mail_txt_02 {
	margin-left: 185px;
	font-size: 20px;
	text-align: left;
	line-height: 1.5;
}

#success,
#error {
	position: absolute;
	top: 55px;
	_top: 51px;
	left: 193px;
	_left: 162px;
	width: 519px;
	height: 36px;
	line-height: 36px;
	background: #fff;
	border: 2px solid red;
}
html>/**/body #success, x:-moz-any-link, x:default,
html>/**/body #error, x:-moz-any-link, x:default {
	left: 194px;
}

#success,
#error p {
	padding-left: 8px;
	letter-spacing: 0;
	font-size: 24px;
	color: red;
	text-align: left;
}

/* portal_section */
#portal_section {
	position: relative;
	margin: 0 auto;
	padding: 20px 0;
	width: 754px;
	height: auto;
	background: url("../../image/landing/index/index_bg_portal_box_mid.jpg") repeat-y;
}

#portal_section_top,
#portal_section_btm {
	position: absolute;
	width: 754px;
	height: 10px;
}
#portal_section_top {
	top: 0;
	left: 0;
	background: url("../../image/landing/index/index_bg_portal_box_top.jpg") no-repeat;
}
#portal_section_btm {
	bottom: 0;
	_bottom: -13px;
	left: 0;
	background: url("../../image/landing/index/index_bg_portal_box_btm.jpg") no-repeat;
}
#portal_section h3 {
	clear: both;
	margin-bottom: 5px;
	font-size: 20px;
	text-align: center;
}
#portal_section p {
	clear: both;
	font-size: 16px;
	line-height: 1.4;
	text-align: center;
}
#portal_section ul {
	margin: 0 0 10px 0;
	width: 754px;
	height: 40px;
	text-align: center;
}

#portal_section ul li {
	display: inline;
	line-height: 40px;
}

/* ============================= */
/* footer */
div#contents_footer {
	position: relative;
	clear: both;
	padding: 15px 0 0 0;
	width: 978px;
	min-height: 105px;
	height: auto !important;
	height: 105px;
	background: url("../../image/landing/index/index_bg_footer.jpg") no-repeat bottom left;
}

p#attention {
	margin-bottom: 25px;
	width: 978px;
	font-weight: normal;
	font-size: 22px;
	text-align: center;
	letter-spacing: -1px;
}

p#attention span {
	font-size: 19px;
	letter-spacing: 0px;
}

ul#company_info {
	padding-bottom: 5px;
	text-align: center;
}

ul#company_info li {
	display: inline;
	margin: 0 5px;
	line-height: 1.4;
	font-weight: normal;
	font-size: 20px;
}

ul#company_info li a {
	display: -moz-inline-box;
	display: inline-block;
}

/* ============================= */