﻿@charset "utf-8";

/* master css */

/* +++++ キャンペーンページ用 +++++ */

/* レイアウト */
body {
	background:#fff;
}
div#Container {
	width:950px;
	margin:0 auto;
	background:#fff;
	text-align:left;
}
div#title {
	height:325px;
	margin-bottom:15px;
	background:url(../img/bg_title.jpg) no-repeat;
	position:relative;
}
div#content01 {
	height:420px;
	margin-bottom:20px;
}
* html div#content01 {
	margin-bottom:10px;
}
div#content02 {
	height:815px;
	margin-bottom:35px;
	position:relative;
}
div.body-button {
	height:150px;
	margin-bottom:35px;
	background:url(../img/bg_button.gif) no-repeat;
}
div#outline {
	margin-bottom:35px;
	position:relative;
}

/* title */
div#title h1 {
	font-size:10px;
	font-weight:normal;
	margin:0 0 0 5px;
	padding-top:12px;
	color:#555;
}
div.kikan {
	position:absolute;
	top:0;
	left:715px;
	width:235px;
	height:25px;
}
div.campaign-title {
	position:absolute;
	top:80px;
	left:10px;
	width:445px;
	height:135px;
}
div#title p.main-lead {
	position:absolute;
	top:225px;
	left:20px;
	color:#222;
	font-weight:normal;
	font-size:12px;
	line-height:1.4;
	width:500px;
}

div.button-pt01 {
	position:absolute;
	top:225px;
	left:620px;
	width:295px;
	height:100px;
	background:url(../img/bg_button-pt01.gif) no-repeat;
}
div.button-pt01 div { text-align:center; }

div.button-pt02 {
	position:absolute;
	top:225px;
	left:520px;
	width:420px;
	height:90px;
	background:url(../img/bg_button-pt02.gif) no-repeat;
}
div.button-pt02 div { text-align:center; padding-top:10px; }

div.button-pt03 {
	position:absolute;
	top:225px;
	left:550px;
	width:365px;
	height:100px;
	background:url(../img/bg_button-pt03.gif) no-repeat;
}
div.button-pt03 div { text-align:center; }

/* content01 */
div#content01 h2 {
	margin-bottom:10px;
}
div.present01 {
	float:left;
	width:465px;
	height:375px;
	background:url(../img/bg_present01.jpg) no-repeat top;
	position:relative;
}
div.present01 div.moji01 {
	position:absolute;
	top:200px;
	left:10px;
}
div.present01 p {
	position:absolute;
	top:225px;
	left:105px;
}
div.present01 a {
	display:block;
	position:absolute;
	top:260px;
	left:105px;
	width:85px;
	height:20px;
	text-indent:-9999px;
	background-image:url(../img/lead01_link.jpg);
}
div.present01 a:hover {
	background-image:url(../img/lead01_link_over.jpg);
}
div.present01 h3 {
	position:absolute;
	top:290px;
}

div.present02 {
	float:right;
	width:465px;
	height:375px;
	background:url(../img/bg_present02.jpg) no-repeat top;
	position:relative;
}
div.present02 div.moji02 {
	position:absolute;
	top:200px;
	left:10px;
}
div.present02 p {
	position:absolute;
	top:225px;
	left:105px;
}
div.present02 h3 {
	position:absolute;
	top:290px;
}

/* content02 */
div#content02 h2 {
	margin-bottom:10px;
}

div#content02 div.plus03 {
	position:absolute;
	top:45px;
	left:10px;
}
div#content02 h3.present03 {
	position:absolute;
	top:90px;
	left:110px;
}
div#content02 div.img-present03-01 {
	position:absolute;
	top:165px;
	left:10px;
}
div#content02 div.img-present03-02 {
	position:absolute;
	top:265px;
	left:260px;
}
div#content02 p.lead03 {
	position:absolute;
	top:165px;
	left:260px;
}
div#content02 div.hukidashi03 {
	position:absolute;
	top:320px;
	left:110px;
}

div#content02 div.plus04 {
	position:absolute;
	top:180px;
	left:550px;
}
div#content02 h3.present04 {
	position:absolute;
	top:300px;
	left:550px;
}
div#content02 div.img-present04-01 {
	position:absolute;
	top:420px;
	left:620px;
}
div#content02 p.lead04 {
	position:absolute;
	top:360px;
	left:550px;
}
div#content02 div.hukidashi04 {
	position:absolute;
	top:420px;
	left:425px;
}

div#content02 div.plus05 {
	position:absolute;
	top:470px;
	left:60px;
}
div#content02 h3.present05 {
	position:absolute;
	top:590px;
	left:60px;
}
div#content02 div.img-present05-01 {
	position:absolute;
	top:635px;
	left:60px;
}
div#content02 div.img-present05-02 {
	position:absolute;
	top:685px;
	left:305px;
}
div#content02 p.lead05 {
	position:absolute;
	top:635px;
	left:305px;
}

/* body-button */
div.body-button div {
	text-align:center;
}
div.body-button p {
	font-size:10px;
	text-align:center;
	color:#555;
	line-height:1.5;
}
div.body-button p a {
	color:#f60;
	text-decoration:underline;
}
div.body-button p a:hover {
	color:#d00;
}

/* outline */
div#outline h2 {
	position:absolute;
	top:17px;
	left:30px;
	color:#013f55;
	font-size:18px;
}
div#outline div.o-body {
	background:url(../img/bg_o-body.gif) repeat-y #fff;
}
div#outline div.o-text {
	background:url(../img/img_smartbox.gif) no-repeat right bottom;
	padding:20px 10px 50px 60px;
}
div#outline div.o-text dl {
	margin-bottom:15px;
}
div#outline div.o-text dt {
	margin-bottom:2px;
	font-weight:bold;
	color:#9d541e;
}
div#outline div.o-text dd {
	line-height:1.2;
	font-weight:normal;
	color:#555;
}
div#outline div.o-text dd.t-indent {
	padding-left:1em;
}
div#outline div.o-text a {
	color:#f60;
	text-decoration:underline;
}
div#outline div.o-text a:hover {
	color:#d00;
}

/* bottom-links */
div.bottom-links {
	width:950px;
	margin:0;
	height:35px;
}
div.bottom-links a { color:#f60; text-decoration:underline; }
div.bottom-links a:hover { color:#d00; }
div.bottom-links a:visited { color:#f60; }
div.bottom-links table {
	height:30px;
	margin:0 10px;
	font-size:12px;
	font-weight:bold;
}

/* footer */
div#footer {
	height:25px;
	width:950px;
	margin:0;
	background:#c6e9ff;
	border:none;
}
div#footer p {
	padding-top:10px;
	margin:0 10px;
	text-align:center;
	color:#427784;
	font-size:11px;
}
