﻿@charset "UTF-8";



/*

 * display

 * list-style

 * position

 * float

 * clear

 * width

 * height

 * margin

 * padding

 * border

 * background

 * color

 * font

 * text-decoration

 * text-align

 * vertical-align

 * white-space

 * other text

 * content

 */



/*

	1 : Common

	2 : Header

	3 : Content

	4 : Footer

	5 : Clear Fix

 */







/* ***********************************************************************

	1 : Common

*********************************************************************** */

body{

	background:url('common/images/bodyBgx.jpg') #000 repeat-x 0 0;

	font-size:12px;

	}

#wrapper{

	text-align:center;

}

#borderL{

	position: absolute;

	float:left;

	top:0;

	left:-1px;

	width:1px;

	height:656px;

	background:url('common/images/bodyLBg.jpg') no-repeat 0 0;



}

#borderR{

	position:absolute;

	float:right;

	top:0;

	left:1020px;

	width:1px;

	height:656px;

	background:url('common/images/bodyRBg.jpg') no-repeat 0 0;



}

#mainIndex #borderL{

	height:905px;

}

#mainIndex #borderR{

	height:905px;

}

.acs{

	background:#fff;

}
.mk2 #borderL,
.mk2 #borderR{
	height:708px;
}
/* ***********************************************************************

	2 : Container

*********************************************************************** */

#container{

	position:relative;

	width: 960px;

	margin: 0 auto;

	padding:0 30px;

	background:url('common/images/bodyBgm.jpg') no-repeat 0 0 #000;

	border-left:#3d3d3d solid 1px;

	border-right:#3d3d3d solid 1px;

	text-align:left;

	z-index:0;

}

.mk2 #container{
	padding:0 30px 30px;
}
.exBox{
	position:absolute;
	top:174px;
	left:111px;
	color:#fff;
}
.exBox2{
	position:absolute;
	top:560px;
	left:450px;
}

.formBox{
	width:780px;
	height:220px;
	border:#fff solid 1px;
	padding:15px 10px;
}
.formBox table{
	width:780px;
	height:220px;
	font-size:11px;
}
.formBox table th{
	width:260px;
}
.formBox table th,
.formBox table td{
	color:#fff;
	height:25px;
}
.f180{
	width:180px;
}
.f55{
	width:55px;
}
.attention{
	font-size:10px;
	color:#ff0000;
	margin-left:5px;
}
.attention2{
	font-size:10px;
	margin-left:5px;
}
.formBox table th.thex{
	width:230px;
	padding-left:12px;
}
.thex2{
	height:20px;
}
.tdex{
	font-size:11px;
}
.exBox .clearFix{
	font-size:10px;
	width:770px;
	margin-top:15px;
	padding:7px 15px 11px;
	border:#ff0000 solid 1px;
	line-height:170%;
	letter-spacing:0.05em;
	white-space: nowrap;
}
.exBox .clearFix .title{
	font-size:11px;
	padding-bottom:5px;
}
.alr{
	width:800px;
	margin-top:15px;
	text-align:right;
}
/* ***********************************************************************

	3 : Content

*********************************************************************** */

#contents{

	width:960px;

	margin: 0 auto;

	text-align:left;

}

/*---------------------特典ページ---------------------*/

#bp_textarea{

	position:relative;

}

#each_box{
	width:960px;

	height:525px;

	background:url(common/images/page_mBg.png) 0 7px no-repeat;
}
#each_boxEx{
	width:960px;

	height:678px;

	background:url(common/images/page_mBg2.png) 0 7px no-repeat;
}
#each_boxEx2{
	width:960px;

	height:678px;

	background:url(common/images/page_mBg3.png) 0 7px no-repeat;
}
#each_box h1,#each_box p,
#each_boxEx h1,#each_boxEx p,
#each_boxEx2 h1,#each_boxEx2 p{
	text-indent:-9999px;

}

#each_box2{
	margin:10px 0 0;
	padding:0 0 30px;
	position:relative;
	width:960px;

}

#each_box2 h1,#each_box2 p{
	line-height:0;
	text-indent:-9999px;

}
.box2h{
	width:950px;
	height:39px;
	background:url(common/images/page_mBg2h.png) 10px 0 no-repeat;
}
.box2f{
	width:950px;
	height:30px;
	background:url(common/images/page_mBg2f.png) 10px 0 no-repeat;
}

.plist {
	padding:0 0 0 88px;
	width:862px;
	background:url(common/images/page_mBg2b.png) 10px 0 repeat-y;
}
.plist li {
display:block;
float:left;
height:167px;
margin:0 18px 18px 0;
padding:2px;
width:93px;
}
.radio{
	vertical-align:middle;
	margin-top:-3px;
	margin-right:3px;
}
* html .radio{
	margin-right:-2px;
}
*:first-child+html .radio{
	margin-right:-2px;
}
.spimg1{
	margin-top:-5px;
	position:relative;
}
.spimg2{
	padding-bottom:5px;
}
/* ***********************************************************************

	7 : footer

*********************************************************************** */

#footer{

	width:100%;

	height:75px;

	margin:0 auto;

	background:url('common/images/footerBgx.gif') repeat-x 0 0;

	text-align:center;

}

#footerCont{

	width:1020px;

	height:75px;

	margin:0 auto;

	background:url('common/images/footerBg.gif') no-repeat top right;

}

#footer .copy{

	padding: 17px 0 0 55px;

	text-align:left;

	color: #fff;

}

.font9{

	font-size:9px;

}

/* ***********************************************************************

	8 : clearFix

*********************************************************************** */

.clearFix:after {

clear:both;

content:".";

display:block;

height:0;

visibility:hidden;

}

.clearFix {

display:inline-block;

}

* html .clearFix {

height:1%;

}

.clearFix {

display:block;

}
