@charset "Shift-JIS";

h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,
button,
address,
noscript {
	margin: 0px;
	padding: 0px;
	font-size:100%;
	font-weight:normal;
	text-align:left;
}


ul,ol,li {
	list-style:none;
}

img {
	margin:0px;
	padding:0px;
	border:0;

	vertical-align:bottom;
}

a img {
	margin:0px;
	padding:0px;
	border:0;

	vertical-align:bottom;
}

hr {
	display:none;
}



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

汎用クラス

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

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* except Mac IE5 ＼*/
*html .clearfix { height: 1%; }
.clearfix {display: block;}
/* end of Holly Hack */


/*clearfix　ハック未使用*/
.clear {
	height:0px;
	line-height:0;
	font-size:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/*文字飛ばし*/
.pix{
	display:block;
	font-size:5px;
	line-height:1em;
	text-indent:-9999px;
}

.f-left{
	float:left;
}


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

タグ初期設定

=========================================*/
body {
	margin:0;
	padding:0;
	color: #555555;
	background-color: #ffffff;
	text-align: center;
	word-break:break-all;
	line-height:145%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 77%; /* IEに適用 */
}
html>/**/body {
  font-size: 12px; /* IE以外のブラウザ */
}


.mac body{
	font-size:11px;
}


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

共通仕様

===========================================

ラッパー

=========================================*/
#wrapper{
	width:940px;
	margin:0 auto;
}

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

ヘッダー

=========================================*/
#header{
	width:940px;
	margin:5px auto;
	overflow:hidden;
}

#header-logo{
	position:absolute;
	top:0;
	left:20px;
	width:104px;
}

#header img
{
	float:left;
}

.nowTime
{
	text-align:right;
	color:#555555;
	padding-top:17px;
}

.nowTime input
{
	border:none;
	border-width:0;
	color:#555555;
}

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

コンテンツ

=========================================*/
#content{
	width:938px;
	margin:0 auto;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

#btn-area{
	margin-top:10px;
}

img#free{
	padding-left:10px;
}

p#text{
	margin: 10px auto;
	padding-bottom: 10px;
	text-align: center;
}

p#text2{
	margin: 0px 10px 5px 10px ;
	padding: 0px 10px 10px 15px;
	text-align: left;
	color: red;
}

.text2b{
font-weight:bold;
}

ul#inner-link{
	margin: 2px auto 20px 13px;
}

ul#inner-link li{
	display: inline;
}

.box{
	background:url(images/bg.gif) repeat-y top;
	width:913px;
	margin:0 auto;
}

.box2 {
	background:url(images/bg.gif) repeat-y bottom;
	width:913px;
	margin:20px auto;
}

#flow01{
	width: 913px;
	margin-bottom: -78px;
}

#flow01 img#back{
	z-index:1;
	position: relative;
	top: 0;
	left: 0;
}

#flow01 img#btn{
	z-index:2;
	position: relative;
	top: -100px;
	left: 510px;
}

#flow02{
	width: 913px;
	margin-bottom: -78px;
}

#flow02 img#back{
	z-index:1;
	position: relative;
	top: 0;
	left: 0;
}

#flow02 img#btn{
	z-index:2;
	position: relative;
	top: -110px;
	left: 510px;
}

.table-area{
	background:url(images/bg_02.jpg) repeat-y top;
	width:913px;
	margin:0 auto;
}

.table-area-bottom{
	background:url(images/bg_03.jpg) no-repeat bottom;
	width:913px;
	margin:0 auto;
	padding:0 0 20px;
}

table.left{
	width:422px;
	margin: 12px 5px 0 12px;
	background-color:#000;
	float:left;
}

table.left th{
	background-color:#E6E6E6;
	width: 100px;
	padding: 7px;
	text-align:left;
	color:#000;
}

table.left th.pattern1{
	background-color:#000;
	padding: 7px;
	text-align:left;
	color:#FFF;
	width: 420px !important;
}

table.left td{
	padding: 7px;
	background-color:#FFF;
	text-align:left;
	color:#000;
}

table.fudou{
	width:863px;
	margin: 0 auto;
	background-color:#000;
}

table.fudou th{
	background-color:#E6E6E6;
	width: 100px;
	padding: 7px;
	text-align:left;
	color:#000;
}

table.fudou th.pattern1{
	background-color:#000;
	padding: 7px;
	text-align:left;
	color:#FFF;
	width: 420px !important;
}

table.fudou td{
	padding: 7px;
	background-color:#FFF;
	text-align:left;
	color:#000;
}

table.right{
	width:422px;
	margin: 12px 12px 0 0;
	background-color:#000;
	float:right;
}

table.right th{
	background-color:#E6E6E6;
	width: 100px;
	padding: 7px;
	text-align:left;
	color:#000;
}

table.right th.pattern1{
	background-color:#000;
	padding: 7px;
	text-align:left;
	color:#FFF;
	width: 420px !important;
}

table.right td{
	padding: 7px;
	background-color:#FFF;
	text-align:left;
	color:#000;
}

p#attention{
	font-size:80%;
	padding:12px 25px;
	clear:both;
}

p#attention02{
	font-size:80%;
	padding:12px 25px;
	clear:both;
}

img.btn{
	clear:both;
	margin: 15px auto 5px auto;
}

#last{
	width: 940px;
	margin-bottom: -88px;
}

#last img#back{
	z-index:1;
	position: relative;
	top: 0;
	left: 0;
}

#last img#btn{
	z-index:2;
	position: relative;
	top: -120px;
	left: 70px;
}

#inquiry{
	width:912px;
	margin:20px auto 20px auto;
	background-color:#DEDFE4;
}





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

フッター

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

#footer-logo{
	clear:both;
	width:938px;
	text-align:right;
	margin:10px 10px 0 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#footer-logo img{
	padding: 2px 16px 0 0;
}

#footer{
	clear:both;
	margin:0 auto;
	width:938px;
	background-color:#DEDFE4;
	border-top:1px solid #242C8E;
}

#footer address{
	padding:5px 10px;
	font-size:91%;
	font-style:normal;
	color:#242C8E;
	text-align:center;
}




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

■４．印刷

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

@media print{
	body{
	font-size: 12px;
}	
}