@charset "shift_jis";

/*------------------------------------------
  BASE
------------------------------------------*/

/*--------------------
  wrapper
--------------------*/

#wrapper {
	width: 880px;
	margin: 10px auto 0px;/*Centering*/
	text-align: center;
	background: #D0F1FF url(../img/head_bg.jpg) no-repeat center top;
	padding: 0px 0px 20px;
}

/*--------------------
  header
--------------------*/

#header {
	height: 203px;
	position: relative;
}

#header .fuki01 {
	position: absolute;
	left: 21px;
	top: 61px;
	height: 96px;
	width: 172px;
}

#header h1 {
	height: 185px;
	left: 195px;
	top: 18px;
	position: absolute;
	width: 479px;
}

#header .keitai {
	position: absolute;
	top: 12px;
	right: 14px;
	height: 46px;
	width: 144px;
}

#header .fuki02 {
	position: absolute;
	top: 79px;
	right: 42px;
	height: 88px;
	width: 155px;
}


/*--------------------
  contents
--------------------*/

#contents {
	margin: 0px auto;
	padding: 0px 0px 30px;
	width: 840px;
	background: #FFFFFF url(../img/kado_foot.gif) no-repeat bottom;
}

/*--------------------
  main-area
--------------------*/

#main-area {
	width:590px;
	float: left;
	padding: 0px 0px 0px 25px;
	margin-bottom: 15px;
}

#main-area h2 {
	background: url(../img/tit_bg.gif) repeat-x right center;
	margin-bottom: 10px;
}

#main-area h2 img {
	background: #FFFFFF;
	padding-right: 10px;
}

/*--------------------
  side-area
--------------------*/

#side-area {
	width:180px;
	float: right;
	padding-right: 20px;
	margin-top: 5px;
}

#side-area ul.news {
	padding: 5px 0px;
	margin-bottom: 10px;
}

#side-area ul.news li {
	background: url(../img/arw.gif) no-repeat 0px 3px;
	padding: 2px 0px 2px 8px;
	line-height: 130%;
}

#side-area ul.news li span {
	color: #3AB1B1;
}

#side-area ul.news li .new {
	color: #3AB1B1;
	padding-left: 3px;
	vertical-align: middle;
}

#side-area ul.navi {
	margin: 0px 0px 5px;
}

	#side-area ul.navi li {
		padding: 3px 0px;
	}

#side-area ul.sub {
	margin: 0px 0px 5px;
}

	#side-area ul.sub li {
		padding: 3px 0px;
	}

	#side-area ul.sub li span {
	color: #1F88B6;
	}

#side-area .com {
	background: #F6F6F6;
	padding: 7px 5px;
}

#side-area .com img {
	padding-right:3px;
	vertical-align: middle;
}

#side-area ul.bnr {
	margin-top: 10px;
}

#side-area ul.bnr li {
	margin-bottom: 7px;
}

/*--------------------
  footer
--------------------*/

#footer {
	clear: both;
}

	/* copyright */	
	#footer address {
	padding: 10px 0px 0px;
	text-align: center;
	font-style: normal;
	}

/*------------------------------------------
  Sub Window
------------------------------------------*/

#subwin #wrapper {
	width: 660px;
	margin: 0px auto;/*Centering*/
	text-align: center;
	background: #D0F1FF;
	padding: 20px;
}

#subwin #wrapper h1 {
	margin-bottom: 10px;
}

#subwin #wrapper #main {
	background: #FFFFFF url(../img/subwaku_head.gif) no-repeat center top;
	padding: 20px 15px;
	margin-bottom: 10px;
}

#subwin #wrapper #main p {
	padding: 3px;
}

#subwin #wrapper #main .tit {
	margin: 15px 0px 5px;
	font-weight: bold;
	background: #F2F4F4;
	color: #225079;
	padding-left: 5px;
	border-left: 3px solid #65B7DE;
}

#subwin #wrapper #main ul {
	margin-top: 5px;
	padding: 0px 0px 0px 5px;
}

#subwin #wrapper #main ul li {
	padding: 1px;
	line-height: 145%;
padding-left:1em;
text-indent:-1em;
}


#subwin #wrapper #main .closeb {
	text-align:center;
	padding:10px;
	margin: 15px 0px 0px;
}


/*------------------------------------------
  COMMON
------------------------------------------*/

.mobileBlock {
	position: relative;
	background: url(../img/moblile_bg.gif) no-repeat;
	height: 172px;
	width: 590px;
	margin: 15px 0px 10px 5px;
	}

.mobileBlock .pic {
	position: absolute;
	left: 7px;
	top: 10px;
	}

.mobileBlock .catch {
	position: absolute;
	left: 150px;
	top: 10px;
	}

.mobileBlock .qr {
	position: absolute;
	top: 15px;
	right: 20px;
	z-index: 0;
	}

.mobileBlock .formArea {
	position: absolute;
	left: 150px;
	top: 100px;
	width: 420px;
	z-index: 1;
	}

.mobileBlock .formArea form {
	background: #FFA200;
	padding: 10px 0px 10px 10px;
	}

.mobileBlock .formArea form .mobailemail {
width:100px;
	}


.mobileBlock .formArea form img {
	vertical-align:middle;
	}

.mobileBlock .formArea p {
	font-size: 75%;
	margin-top: 5px;
	}


/*------------------------------------------
  TOP PAGE
------------------------------------------*/

#top #main-area {
	width:600px;
	padding: 0px 0px 0px 20px;
	margin-bottom: 10px;
}

#top #main-area .picUp-bnr {
	width: 600px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

#top #side-area {
	margin-top: 13px;
}
 

#top .about-blk {
	margin: 0px auto 10px;
	background: #FFFFFF url(../img/blk_bg.jpg) no-repeat bottom;
	width: 800px;
	padding: 5px 0px 15px 15px;
}

#top .about-blk img {
	padding-left: 5px;
}

#top h2 span img {
	background: #FFFFFF;
	padding-right: 15px;
}

#top h2 {
	margin: 10px 0px 5px;
	clear: both;
}

#top h2.line {
	background: url(../img/tit_bg.gif) repeat-x left center;
	margin-bottom: 10px;
}

#top #main-area .block {
	padding-top: 5px;
}

#top .gazou {
	margin-left: 25px;
	background: url(../img/waku_bg.gif) repeat-y center top;
	width: 790px;
	margin-bottom: 15px;
}

	#top .gazou ul {
		padding-left: 15px;
	
	}
	
	#top .gazou ul li {
		display: inline;
		padding-right: 5px;
	}

#top .gazou02 {
	background: url(../img/kado01.gif) no-repeat center top;
	padding: 10px 4px 0px 4px;
}

	#top .gazou02 ul {
	background: #D0F1FF url(../img/kado02.gif) no-repeat center bottom;
	padding: 0px 0px 10px 15px;
	
	}
	
	#top .gazou02 ul li {
		display: inline;
		padding-right: 5px;
	}

	#top .gazou02 ul li img {
	padding: 7px;
	background: #FFFFFF;
	margin: 5px 0px;
	}

#top #mov01 {
	background: #D0F1FF;
	padding: 0px 0px 10px 10px;
}

#top #mov02 {
	background: #D0F1FF url(../img/kado02.gif) no-repeat center bottom;
	padding: 0px 0px 10px 10px;
}

#top dl.qa {
	margin: 0px 25px;
}

	#top dl.qa dt {
		padding: 1px 3px 0px;
		width: 22px;
		float: left;
	}
	
	#top dl.qa dd {
		padding: 2px 5px 5px 30px;
		font-size: 110%;
	}
	
	#top dl.qa dd.qsn {
		font-weight: bold;
		color: #4865A8;
		padding: 3px 0px 5px;
	}

#top ul.bana {
	padding: 5px 0px 0px 5px;

	}
	
	#top ul.bana li {
		display: inline;
		padding-right: 0px;
	}

	#top ul.bana li img {
		margin-bottom: 7px;
	}


/*------------------------------------------
  NEWS
------------------------------------------*/

#news #main-area h3 {
	font-size: 110%;
	padding: 10px 0px;
	margin: 0px 20px 15px 32px;
	background: url(../img/ten.gif) repeat-x left bottom;
}

#news #main-area h3 img {
	vertical-align: middle;
}


#news #main-area h3 span {
	background: url(../img/s.gif) no-repeat left center;
	padding: 0px 5px 0px 15px;
	font-weight: normal;
	color: #3AB1B1;
	font-size: 85%;
}


#news #main-area ul {
	margin: 10px 0px 20px;
	padding: 0px 25px;
}

#news #main-area ul li {
	font-size: 110%;
	padding: 15px 0px;
	background: url(../img/ten.gif) repeat-x left bottom;
}

#news #main-area ul li span {
	color: #3AB1B1;
	background: url(../img/arw02.gif) no-repeat left center;
	padding-left: 12px;
	padding-right: 8px;
	font-size: 85%;
}

#news #main-area .cmt {
	padding: 10px;
	margin-left: 31px;
}


#news #main-area .btn {
	text-align:center;
	padding: 10px;
	margin: 20px 0px;
	vertical-align: bottom;
}

/*------------------------------------------
  HOW TO
------------------------------------------*/

#howto #main-area {
	padding-bottom: 30px;
}


/*------------------------------------------
  FAQ
------------------------------------------*/

#faq #main-area h3 {
	font-size: 110%;
	padding: 5px;
	background: #ECFAFF;
	color: #028FA8;
	margin: 10px 0px 0px;
}


#faq #main-area dl.qa {
	margin: 10px 0px 20px;
}

	#faq #main-area dl.qa dt {
	padding: 5px 3px 0px;
	width: 22px;
	float: left;
	}
	
	#faq #main-area dl.qa dd {
	padding: 7px 5px 13px 30px;
	background: url(../img/ten.gif) repeat-x left top;
	}
	
	#faq #main-area dl.qa dd.qsn {
	font-weight: bold;
	color: #4865A8;
	padding: 3px 0px 5px;
	background: #FFFFFF;
	}

	#faq #main-area dl.qa dt.qsn {
	padding-top: 1px;
	}
	
	#faq #main-area dl.qa dd ul {
	margin-top: 10px;
	}

	#faq #main-area dl.qa dd ul li {
	padding: 3px 0px;
	}

	#faq #main-area dl.qa dd ul li.con {
	padding: 7px 0px;
	}

	#faq #main-area dl.qa dd ul li span {
	font-weight: bold;
	}


/*------------------------------------------
  Rule
------------------------------------------*/

#rule #main-area dl {
	margin: 20px 0px;
	border-top: 3px solid #34B3E6;
	border-bottom: 3px solid #34B3E6;
	padding: 10px 0px;
}

	#rule #main-area dl dt {
	padding: 10px 3px 0px;
	width: 150px;
	float: left;
	color: #006699;
	font-weight: bold;
	}
	
	#rule #main-area dl dd {
	padding: 10px 5px 10px 30px;
	background: url(../img/ten.gif) repeat-x left top;
	}

#rule #main-area dl .noline {
	background: url(none);
}

/*------------------------------------------
  Privacy
------------------------------------------*/

#privacy #main-area p {
	padding: 3px;
}

#privacy #main-area .text {
	padding: 3px;
	margin: 15px 0px 20px;
}

#privacy #main-area .stit {
	margin: 20px 0px 5px;
	border-left: 3px solid #43A3D6;
	padding-left: 8px;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
}

/*------------------------------------------
  SPECIAL
------------------------------------------*/

#special h2 {
	padding: 0px;
	margin: 0px;
}

#special h3 {
	padding: 0px;
	margin: 5px 0px 0px;
	clear: both;
}

#special .block01 {
	padding: 10px 0px 0px;
}

#special .block01 .qr {
	float:right;
	width: 160px;
	padding-left: 15px;
}

#special .block01 .text {
	margin-bottom: 5px;
	padding: 2px;
	margin-top: 5px;
}

#special .gazou {
	padding: 10px 0px 0px;
}

	#special .gazou ul {
	
	}
	
	#special .gazou ul li {
		display: inline;
		padding-right: 5px;
	}

	#special .gazou ul li img {
	padding: 7px;
	background: #EBEBEB;
	margin: 5px 0px;
	}




/*------------------------------------------
  Form
------------------------------------------*/

#form #main-area .text {
	padding:3px;
	margin: 10px 0px 10px;
}

#form #main-area .annai {
	padding:7px 3px 7px 3px;
	margin: 20px 0px 0px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#form #main-area .tit {
	background: #46B1DF;
	padding: 5px 5px 7px;
	color: #FFFFFF;
	font-weight: normal;
	border-top: 3px solid #1F88B6;
}

#form #main-area em {
	color: #FF6600;
	font-size: 77%;
	font-style: normal;
}

#form #main-area dl.chui {
	padding: 10px 15px;
	background: #F9F9F9;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
}

#form #main-area dl.chui dt {
	color: #CC3300;
	margin-bottom: 8px;
	padding: 0px 3px 0px 0px;
	border-bottom: 1px solid #CC3300;
}

#form #main-area dl.chui dd {
}


#main-area table.form {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0px;
}

	#main-area table.form th {
	border-collapse:collapse;
	border-spacing:0px;
	padding: 7px 8px 7px 10px;
	background: #F3F3F3;
	font-weight: normal;
	text-align: left;
	color: #1A7095;
	vertical-align: top;
	border: 1px solid #E3E3E3;
	}

	#main-area table.form th.short {
	width:140px;
	padding: 10px 8px 8px 10px;
	white-space: nowrap;
	}

	#main-area table.form td {
	border-collapse:collapse;
	border-spacing:0px;
	padding: 12px 5px 12px 10px;
	border: 1px solid #E3E3E3;
	}

		#main-area table.form td select.area {
	width: 100px;
		}

		#main-area table.form td p.ctn {
	margin: 10px 0px 0px;
	color: #CC3300;
	padding-top: 5px;
	border-top: 1px solid #CCCCCC;
		}

		#main-area table.form td.chk {
	font-weight: bold;
		}

		#main-area table.form td dl {
		width: 350px;
		}

		#main-area table.form td dl dt {
			width: 60px;
			float: left;
			padding: 3px 3px 1px 0px;
		}

		#main-area table.form td dl dd {
		padding: 3px 3px 3px 60px;	
		}


#main-area .botan {
	text-align:center;
	padding: 20px;
}

#main-area .botan input {
	margin: 0px 5px;
	background: #FF6600;
	color:#ffffff;
	border: 2px solid #FEB05A;
	padding: 6px 15px;
	}


/*--- btn ---*/

#main-area .form-b {
	padding:10px;
	text-align:center;
	background: #F9F7F4;
}

/* ok */

#main-area .oktit {
	padding:10px;
	background: #016FAE;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 30px 0px 20px;
	border: 5px solid #D2E6F7;
}

#main-area .okbackb {
	background: #F3F3F3;
	padding: 15px;
	text-align: center;
	margin: 50px 0px;
}


/*------------------------------------------
  INFO
------------------------------------------*/
#info .info {
	margin: 50px 0 0;
	text-align: center;
}
#info .info p {
	width: 19em;
	min-height: 1.2em;
	margin: 0 auto;
	padding: 0px 0 5px 40px;
	background: url(../img/ico_attention.jpg) no-repeat left;
	font-size: 150%;
	font-weight: bold;
	color: #E83566;
}
#info .info img {
	margin: 30px 0 0;
}