/*base.css */
/*
=================================== 全体 ================================*/
* {
	margin: 0;
	padding: 0;
}
html { height:100%; }
body {
	height:100%;
	color: #333333;
	margin-top: 0px;
	word-spacing: 0.2em;
	background: #fff url(../images/bg_con.jpg) repeat-y center top;
	font: 14px/1.6 Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "MS P ゴシック", 'メイリオ';
	text-align:center;
}
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after { content:''; }
abbr, acronym { border:0; }
/* for WinIE6*/
* html body {
	font-size: 75%;
	font-family: Verdana, "MS P ゴシック", sans-serif;
}
/* for WinIE7*/
*:first-child+html body {
	font-size: 75%;
	font-family: 'メイリオ', Meiryo, sans-serif;
}
a {
	color: #FF6600;
	text-decoration: underline;
	outline:none;
}
a:hover {
	color: #FF6600;
	text-decoration: none;
	outline:none;
}
/*
=================================== text-align font-size  ================================*/
p.imgL {
	margin:0 5px 0 0;
	float: left;
}
p.imgR {
	float:right;
	margin:0 0 20px 20px;
}
p.imgC {
	text-align:center;
	display:block;
	padding:0;
	margin:0 auto 0;
}
.txtL { text-align:left; }
.txtR {
	text-align:right;
	margin:0 30px 10px 0;
}
.txtC { text-align:center; }
.txtT {
	text-align:right;
	margin:20px 30px 0px 0;
	font-size:12px;
}
p.cap { display:none; }
/*text*/
.uri-big {
	font-weight:normal;
	color:#0066CC;
}
.blue-big {
	font-weight:normal;
	color:#0161FF;
}
.black-b-big14pt {
	font-weight:bold;
	font-size:13pt;
	letter-spacing: -0.8px;
}
.black-b-big16pt {
	font-weight:bold;
	font-size:16pt;
	letter-spacing: -0.8px;
	line-height:32px;
}
.black-b-big18pt {
	font-weight:bold;
	font-size:18pt;
	letter-spacing: -0.8px;
	line-height:32px;
}
.black-b-big22pt {
	font-weight:bold;
	font-size:22pt;
	letter-spacing: -0.8px;
}
.black-b-big27pt {
	font-weight:bold;
	font-size:27pt;
	letter-spacing: -0.8px;
}
.black-b { font-weight:bold; }
.black-line { text-decoration:underline; }
.small { font-size: 9pt; }
.red { color:#FF0000; }
.yellow { color:#FF6600; }
.green { color:#009900; }
.red-line {
	color:#FF0000;
	text-decoration:underline;
	font-size:18px;
}
.dashed {
	border-bottom:#ff0033 dashed 1px;
	color: #333333;
}
/*
=================================== layout ================================*/
#wrapper {
	height:auto;
	margin:0 auto;
	padding:0;
	width: 100%;
}
body.main #wrapper {
	background:url(../images/header_bg_home.jpg) no-repeat center top;
	width: 100%;
	margin:0 auto;
}
body.other #wrapper {
	background: url(../images/bg_top.jpg) no-repeat center top;
	width: 100%;
}
#container:after {
	font-size:1px;
	content: ".";
	display:block;
	height:0;
	clear:both;
}
#container {
	margin:0 auto 0;
	padding:0;
	width: 960px;
	zoom: 1;
	overflow:hidden;
	background:url(../images/bg_sidebar.png) repeat-y 4px top;
}
#main {
	width: 703px;
	margin: 140px 0 0 0;
	float: left;
	background:url(../images/bg_con.gif) repeat-y center top;
	padding: 0;
}
body.main #main h2.siteCaption {
	width:0;
	height:0;
	overflow:hidden;
}
body.other #main h1.siteCaption { text-indent: -9999px; }
#main p.caption {
	width:0;
	height:0;
	overflow:hidden;
	padding: 0 0 550px 0;
}
div#leftSubNavi {
	width:253px;
	float: left;
	margin: 0;
	/*background:url(../images/bg_sidebar.png) repeat-y center top;*/
}
div#navigation {
	width:243px;
	margin: 0;
	padding: 0;
	text-align: left;
}
div#navigation h2 {
	width:0;
	height:0;
	display: none;
}
ul#navigation {
	margin: 0;
	padding: 0 0 0 2px;
}
ul#navigation li {
	margin: 0;
	padding: 0 0 0 2px;
}
div#headerArea {
	position:relative;
	height: 590px;
}
div#header {
	position: absolute;
	top: -108px;
	left: 3px;
	width: 698px;
	height: 700px;
	padding: 0;
	background:url(../images/img_header.png) no-repeat center top;
}
div#header p, div#header br { display:none; }
div#header ul {
	position:absolute;
	left: 17px;
	top: 476px;
	width: 648px;
	height: 188px;
}
div#header ul li#anchor01 {
	width:313;
	position:absolute;
	left: 12px;
	top: 10px;
}
div#header ul li#anchor02 {
	width:313;
	position:absolute;
	left: 12px;
	top: 104px;
}
div#header ul li#anchor03 {
	width:313;
	position:absolute;
	left: 334px;
	top: 104px;
}
#bannerTop { padding:0 0 0 3px; }
ul#bannerArea { padding:20px 0 0 4px; }
ul#bannerArea  li { padding:0 0 10px 0; }
/*
=================================== logo ================================*/
div#main div#logo {
	width: 171px;
	height: 60px;
	z-index: 20;
	margin: 0 auto;
	position: absolute;
	top: 0px;
}
body.main div#logo h1, body.other div#logo p {
	text-indent:-9999px;
	height: 70px;
	display: block;
	width: 100%;
	padding: 0;
	position: relative;
	top: 50px;
	overflow: hidden;
	left: -176px;
}
body.main div#logo h1 a, body.other div#logo p a {
	width: 100%;
	height:70px;
	margin:0;
	background:url(../images/logo.png) no-repeat 0 top;
	text-decoration:none;
	text-indent:-9999px;
	display: block;
	padding: 0;
}
body.main div#logo h1 a:hover, body.other div#logo p a:hover {
	width: 100%;
	height:70px;
	margin:0;
	background:url(../images/logo.png) no-repeat -171px top;
	text-decoration:none;
	display: block;
	padding: 0;
	position: relative;
	top:0px;
}
/*
=================================== Navigation ================================*/
#nav {
	background: url('../images/navi_bg.png') no-repeat;
	top: 0px;
	left:5px;
	width: 172px;
}
#nav li {
	left: 0;
	width: 172px;
	height: 27px;
}
#nav li a {
	display: block;
	top: 0;
	left: 0;
	width: 172px;
	height: 27px;
	overflow: hidden;
}
div#leftSubNavi dl#contactAddress {
	width:170px;
	display:block;
	margin:70px auto 0;
}
div#leftSubNavi dl#contactAddress dt {
	width:170px;
	display:block;
	margin:0;
}
div#leftSubNavi dl#contactAddress dd {
	width:170px;
	display:block;
	margin:0;
	text-align: center;
	padding: 10px 0 0 0;
}
div#twitterArea {
	width:180px;
	height: 300px;
	padding-left: 47px;
	padding-bottom: 20px;
}
/*
=================================== headerImg ================================*/
p#headerImg {
	width: 800px;
	height: 272px;
	background:url(../images/header_titleImg_home.jpg) no-repeat;
	padding:0;
	margin: 0 auto;
	display:block;
	text-indent: -9999px;
}
/*
=================================== home contents ================================*/
body#home div#memberList {
	height:260px;
	margin: 500px auto 30px;
	background:url(../images/member_bg.gif) no-repeat left 30px;
}
body#home div#memberList h3 {
	height:15px;
	margin: 0 auto 15px;
	background:url(../images/title_h2_member.gif) no-repeat 5px 0;
	text-indent: -9999px;
	width: 100%;
	display: block;
}
body#home div#memberList dl {
	margin: 20px 15px 0 0;
	float:right;
	display: block;
	width: 118px;
}
body#home div#memberList dl dt {
	height:151px;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}
body#home div#memberList dl dd {
	height:20px;
	margin: 0 0 0 0;
}
div.section01 {
	padding: 0 30px;
	margin: 0 auto 15px;
	text-align: left;
}
div.section01 h2 { display:none; }
div.section01 p { padding: 0; }
div.section02 {
	margin: 0;
	text-align: left;
	padding: 20px 0 30px 1px;
}
div.section02 h2 {
	padding:0 0 0 1px;
	text-align: center;
}
div.section02 p { padding: 5px 0 0 40px; }
div#theme {
	background:url(../images/list_theme.jpg) no-repeat center top;
	height:1730px;
	width: 650px;
	margin: 0 auto;
	zoom: 1;
	overflow:hidden;
}
div#theme:after {
	font-size:1px;
	content: ".";
	display:block;
	height:0;
	clear:both;
}
div#theme dl {
	width:320px;
	height:575px;
	position: relative;
	float: left;
	display: block;
}
div#theme dl dt { display:none; }
div#theme dl dd#campign {
	position: absolute;
	display: block;
	left: 28px;
	top: 451px;
}
div#theme dl dd {
	position: absolute;
	display: block;
	left: 126px;
	top: 514px;
}
div.section03 {
	background:url(../images/img_cpmpain01.jpg) no-repeat 3px 0;
	height:387px;
	padding: 0 0 0 1px;
}
div.section03 p, div.section03 h2 { display:none; }
div.section04 {
	background:url(../images/img_cpmpain02.jpg) no-repeat 3px 0;
	height:471px;
	padding: 0 0 40px 1px;
}
div.section04 p, div.section04 h2 { display:none; }
div.section05 {
	background:url(../images/img_reason.jpg) no-repeat 3px 0;
	padding: 85px 0 20px 1px;
}
div.section05 h2, div.section05 h3 { display:none; }
div.section05 dl {
	width:630px;
	height:auto;
	display: block;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
div.section05 dl dt { padding: 0 0 20px 0; }
div.section05 dl dd {
	padding: 20px 250px 20px 25px;
	line-height: 2.1;
	border: 2px solid #0F8A18;
	width: 330px;
	display: block;
	margin: 0 0 0 10px;
	text-align: left;
	color:#333333;
}
div.section05 dl dd.reason01 {
background:url(../images/img_photo02.jpg) no-repeat right top;
}
div.section05 dl dd.reason02 { background:url(../images/img_photo04.jpg) no-repeat right 20px; 
}
div.section05 dl dd.reason03 { background:url(../images/img_photo03.jpg) no-repeat right 30px; 
}

div.section06 {
	background:url(../images/bg_application.jpg) no-repeat 3px top;
	/*height:1220px;*/
	height: 1000px;
	position: relative;
	padding: 30px 0 0 1px;
}
div.section06 p.txtT {
	position: absolute;
	padding: 0;
	margin: 0;
	left: 606px;
	top: 1127px;
}
div.section06 h2, div.section06 h3 { display:none; }
div.section06 iframe {
	display: block;
	margin: 0;
	width: 570px;
	height: 180px;
	font-size: 80%;
	position: absolute;
	left: 66px;
	top: 442px;
	background: #fff;
}

div.section06 dl {
	width:170px;
	height:357px;
	position: absolute;
	left: 491px;
	/*top: 655px;*/
	top: 437px;	
}

div.section06 dl dt {
	display:none;
}

div.section06 dl dd {
	text-align:right;
	padding:5px 10px 0 0;
	height: 51px;
}
div.section06 dl dd.appliend {
	text-align:right;
	padding:5px 10px 0 0;
	height: 51px;
	position: absolute;
	top: 516px;
	left: -1px;
}
div.section07 h2, div.section08 h2, div.section10 h2, div.section11 h2, div.section12 h2 { display:none; }
div.section07 {
	padding: 0 0 0 1px;
}
div.section08 {
	background:url(../images/img_success.jpg) no-repeat 3px 0;
	text-align:left;
	padding: 85px 0 20px 1px;
}
div.section08 dl {
	width:400px;
	display: block;
	margin: 70px 0 0 250px;
	height: 320px;
}
div.section08 dl dt {
	height:40px;
	color: #15841B;
	font-weight: bold;
	display: none;
}
div.section08 dl dd {
	font-size:13px;
	line-height: 1.8;
	padding: 0 0 10px 0;
}
div.section09 {
	background:url(../images/bg_profile.jpg) no-repeat 3px 0;
	height:840px;
	text-align:left;
	padding: 0 30px;
}
div.section09 h2 {
	text-indent:-9999px;
	height:150px;
}
div.section09 p {
	padding: 0 0 10px 50px;
	font-size: 13px;
	line-height: 1.8;
}
div.section09 p.txtT {
	padding: 60px 0 0 0;
	margin: 0;
}
div.section10 p {
	padding: 0 0 10px 40px;
	font-size: 13px;
	line-height: 1.8;
	text-align: left;
}
div.section11 {
	background:url(../images/bg_mailmaga.jpg) no-repeat 3px 0;
	text-align:left;
	padding: 100px 0 0 0;
	height: 320px;
}
div.section11 h2, div.section11 p { display:none; }
div.section11 form {
	display: block;
	padding: 120px 0 0 0;
}
div.section11 div.form_btn_area { display: block; }
.red_b {
	color:#FF0000;
	font-weight: bold;
}
form .btn_mail {
	width:382px;
	background:url(../images/btn_mailmaga.png) no-repeat;
	margin:10px 0;
	border:none;
	height: 66px;
	padding: 0;
}
div.section12 {
	background:url(../images/bg_application02.jpg) no-repeat 3px 0;
	height:990px;
	position: relative;
	padding: 30px 0 0 0;
}
div.section12 p.txtT {
	position: absolute;
	padding: 0;
	margin: 0;
	left: 606px;
	top: 1127px;
}
div.section12 h2, div.section12 h3 { display:none; }
div.section12 dl {
	width:170px;
	height:357px;
	position: absolute;
	left: 491px;
	top: 412px;
}
div.section12 dl dt { display:none; }
div.section12 dl dd {
	text-align:right;
	padding:5px 10px 0 0;
	height: 51px;
}
div.section12 dl dd.appliend {
	text-align:right;
	padding:5px 10px 0 0;
	height: 51px;
	position: absolute;
	top: 523px;
	left: -1px;
}
/*
=================================== table ================================*/

form table {
	border-collapse:collapse;
	border:2px solid #999;
	width:590px;
	display:block;
	margin:0 0 20px 60px;
	background-color: #999999;
}
form table td {
	border:1px solid #fff;
	border:1px solid #fff;
	border:1px solid #fff;
	border-bottom:1px solid #999;
	padding:.1em .8em;
	color: #333333;
	background-color: #FFFFFF;
	border-right: 1px solid #999;
}
form table th {
	border:1px solid #fff;
	font-weight:normal;
	text-align:left;
	padding:.3em 1em;
	color: #660000;
}
/*
=================================== footer 常に最下部に表示 ================================*/
#footerArea {
	width:100%;
	clear: both;
	height: 80px;
	font-size: 12px;
	background-color: #4F5430;
	padding: 10px;
	color: #FFFFFF;
}
#fNavi {
	height:50px;
	margin:0 auto;
}
#fNavi ul {
	padding:30px 0 0 200px;
	width: 650px;
	margin: 0 auto;
	display: block;
	text-align: center;
}
#fNavi li {
	width:90px;
	display:inline;
	list-style-type:none;
	padding: 0 0 0 10px;
	font-size: 90%;
	line-height: 180%;
	text-align: center;
}
#fNavi li a {
	display:inline;
	padding-left: 5px;
}
#footer .returnTop {
	width:877px;
	margin:0 auto;
	text-align: right;
	height: 38px;
	display: block;
	text-indent:-9999em;
}
#footer .returnTop a {
	width:90px;
	margin:0 auto;
	float:right;
	height: 38px;
	background:url(../images/returnTop.gif) no-repeat top center;
	display: block;
	text-indent:9999em;
	color: #ffffff;
}
#footerArea .copyright {
	bottom:0px;
	width:100%;
	text-align: center;
	font-size: 100%;
}