@charset "utf-8";


/* -------------------------------------------------------------------
	topBox
------------------------------------------------------------------- */	
#topBox {
	margin:8px 0 0;
	background:#000; width:677px; height:69px;}

#topBox h1 {margin:0; padding:24px 0 0 13px;}

#topBox h1,#topBox p {float:left;}
#topBox p {margin:0; padding:28px 0 0 30px; color:#ccc; font-size:65%;}
#topBox p.photo {clear:both; margin:0; padding:0;}

/* -------------------------------------------------------------------
	mobileBox
------------------------------------------------------------------- */	
#mobileWrap {margin:15px 0 0; width:676px;}

.mobileBox {
	padding:0 11px 34px; height:100%;
	background:url(../images/mobile_bg.gif) repeat;}
.mobileBox h2 {
	color:#ccc; font-size:85%; margin:0; padding:16px 0 0 26px;
	height:27px;
	background:url(../images/title_mobile_bg.gif) no-repeat;}
.mobileBox h3 {margin:0; padding:21px 0 0;}
.mobileBox p {font-size:75%;}
	
.mobileBox p.date {float:right; margin:0; padding:36px 0 0;}	
.mobileBox p.read {
	margin:0; padding:1em 0 0 10px; line-height:1.8em;
	color:#ccc; width:355px;}	
	
.mobileBox h4 {
	margin:25px 0 0; padding:5px 0 0 11px; height:19px;
	font-size:80%; color:#fff; font-weight:normal;
	background:url(../images/h4_bg.gif) repeat-x;}	
	
.mobileBox .introWrap {
	width:605px; margin-left:11px;}
.mobileBox .introWrap .leftBox {width:209px;}
.mobileBox .introWrap .rightBox {width:380px;}	
	
.mobileBox .introWrap h5 {color:#990000; font-size:80%; margin:26px 0 0; padding-left:20px;}	
.mobileBox .introWrap p.read {margin:0; padding:0 0 40px 20px; color:#ccc; line-height:1.4em;}
	
.mobileBox .introBox {width:170px; float:left; margin:0 0 30px; padding-left:20px;}
.mobileBox .introBox p {margin:0;}	
.mobileBox .introBox h6 {color:#990000; margin:0.5em 0 0; font-size:75%;}	
.mobileBox .introBox p.read {margin:0.3em 0 0; color:#ccc; width:170px;}
	
.mobileBox .introWrap .rightBox p {margin:0;}	
	
.mobileBox p.caution {margin:0; padding:0 0 0 11px; color:#ccc; font-size:70%;}

.accessBox {
	padding:0 11px 34px; height:100%;
	background:url(../images/access_bg.gif) repeat;}
.accessBox h2 {
	color:#ccc; font-size:85%; margin:0; padding:16px 0 0 26px;
	height:27px;
	background:url(../images/title_mobile_bg.gif) no-repeat;}
.accessBox h3 {margin:1em 0 0; padding:0; font-size:75%;}
.accessBox p {margin:1em 0 0; font-size:75%;}
.accessBox h3,.accessBox p {color:#666;}

.accessBox .leftBox {width:440px; margin-left:10px;}
.accessBox .rightBox {width:198px;}

.accessBox form {margin:1em 0 0;}

.accessBox h3.url {margin:2em 0 0;}
.accessBox p.url {font-weight:bold; font-size:100%;}
.accessBox h3.taiou {margin:2em 0 0;}

.accessBox p.mobile {margin:0; padding:0; line-height:12px;}
.accessBox input { vertical-align:top;}
.accessBox input.formM {width:130px; border:1px solid #B9B9B9;}

.accessBox .leftBox p.caution {font-size:70%; margin:0.3em 0 0;}

p.thanksText {padding:60px 0; margin:0; text-align:center; line-height:2.6em;}



