﻿html *{margin:0;padding:0;}
body{text-align:center;background:#FFF;}
div{position:relative;overflow:hidden;}
h2,p,ul,dl{color:#222;}
a:hover,a:active,a:focus{color:#F00;}

/*IE6対応*/
* html,* html body{height:100%;overflow-y:hidden;overflow-x:auto;}
* html div#cover{overflow:auto;position:relative;width:100%;height:100%;}
	/*loading*/
	div#loading{position:fixed !important;
				position:absolute;
				width:66px;height:66px;top:50%;left:50%;margin:-33px 0 0 -33px;/*background:url('img/loading.gif');*/z-index:1000;}
				
div#wrap{width:776px;margin:20px auto 20px;}

div#main{width:776px;}
	#main div#mainTop{width:100%;height:30px;background:url('img/bg_top.gif');}
	#main div#mainWrap{width:100%;background:url('img/bg_middle.gif');}
	
	#main div#titleBox{width:740px;margin:0 auto 10px;}
		#titleBox h1{width:100%;height:75px;background:url('img/title.jpg');}
		#titleBox p{width:100%;height:75px;background:url('img/title.jpg') 0 75px;}
		#titleBox span{display:none;}
	
	/*description*/
	#main div.description{width:620px;margin:20px auto;}
		.description h2{width:620px;height:28px;background:url("img/header.gif") no-repeat;color:#333;font-size:16px;padding:5px 0 0 15px;text-align:left;}
		.description h3{text-align:left;border-left:solid 5px #666;padding-left:5px;font-size:14px;margin:5px 20px 0 20px;font-weight:400;}
		.description p{font-size:12px;margin:10px 0;padding:0 15px;text-align:justify;line-height:1.4em;}
		.description p.indent{padding-left:30px;padding-right:30px;}
		.description p.led{color:#F00;}
			/*example*/
			.description div{width:500px;margin:0 auto 20px;border:solid 1px #999;}
			.description div p{margin:0;}
			.description div p span.cent{display:block;width:100%;text-align:center;}
			.description div p.bef{padding:3px 0 2px 20px;}
				.description div p.bef span{border-bottom:dotted 1px #F33;}
			.description div p.aft{padding:3px 0 8px 20px;}
				.description div p.aft span{background:#FC6;padding:1px;}
		.description dl{font-size:12px;margin:10px 20px 10px 20px;}
		.description dt{text-align:left;border-left:solid 5px #666;padding-left:5px;}
		.description dd{text-align:left;margin:3px 0 15px 100px;}
		.description ul{font-size:12px;margin:10px 0 10px 20px;text-align:left;}
		.description li{margin-left:15px;line-height:15px;}
		p.sbm{text-align:right;}
		.sbm img{border:none;}
		
		
	/*textbox*/
	#main textarea#texbox{margin:0 0 10px;width:620px;height:100px;background:url("img/bg_texarea.gif") no-repeat 50% 50%;/*border:solid 1px #F90;*/}
	
	/*remaining characters*/
	#main span.counter{display:block;width:620px;margin:0 auto;text-align:right;font-size:12px;}
	#main span.warning{color:#F00;font-weight:900;}
	
	#main div.buttonBox{width:150px;height:50px;margin:10px auto;}
		/*input*/
		.buttonBox button#button{display:block;width:150px;height:50px;border:none;background:url("img/submit.gif");cursor:pointer;}
		/*.buttonBox button#button:hover,.buttonBox button#button:focus,.buttonBox button#button:active{background:url("img/submitOver.gif")}*/
		.buttonBox button#button span{display:none;}
		/*output*/
		.buttonBox a{display:block;width:150px;height:50px;background:url("img/back.gif");}
		.buttonBox a:hover,.buttonBox a:focus,.buttonBox a:active{display:block;width:150px;height:50px;background:url("img/backOver.gif");}
		.buttonBox a span{display:none;}
	
	/*option*/
	#main div#optionHeader{width:620px;height:25px;margin:10px auto 0;text-align:left;background:url('img/bg_opTop.gif') no-repeat;cursor:pointer;}
		#main div#optionHeader h3{width:580px;height:18px;margin:7px auto 0;padding:3px 0 0 40px;text-align:left;color:#515151;font-size:12px;background:url('img/setting.gif');cursor:pointer;}
	#main div#optionBox{width:620px;margin:auto;padding:0 0 15px 0;text-align:left;display:none;background:url('img/bg_opMiddle.gif');}
		#optionBox div{margin:0 20px;}
		#optionBox p{margin:3px 0 0 20px;font-size:12px;}
		
		#optionBox div.opt1c h4{margin:10px 0 0;padding:2px 0 2px 10px;font-size:12px;border-left:solid 5px #F96;border-bottom:solid 1px #F90;}
		#optionBox div.opt1c p{margin:5px 0 0 20px;font-size:12px;}
		#optionBox div.opt2c h4{margin:10px 0 0 25px;padding:0 0 0 5px;font-size:12px;border-left:solid 5px #666;}
		#optionBox div.opt2c p{margin:3px 0 0 45px;font-size:12px;}
		#optionBox div.opt3c h4{margin:10px 0 0 50px;padding:0 0 0 5px;font-size:12px;border-left:solid 5px #666;}
		#optionBox div.opt3c p{margin:3px 0 0 70px;font-size:12px;}
		
		#optionBox table{text-align:center;border-collapse:collapse;width:540px;margin:10px 0 10px 25px;}
        #optionBox table,#optionBox th,#optionBox td{border:solid 1px #999;}
        #optionBox th,#optionBox td{font-size:12px;}
		
	#main div#optionBottom{width:620px;height:8px;margin:0 auto 10px;background:url('img/bg_opBottom.gif') 0 8px;cursor:pointer;}
	
	/*output*/
	#main div#output{width:620px;margin:10px auto;}
	#main div#output h3{font-size:16px;margin:0 0 10px;}
		#output div#bef{width:300px;float:left;margin:0 0 10px;}
			#bef div{width:298px;min-height:25px;border:solid 1px #FC6;}
			#bef div p{font-size:12px;margin:3px;text-align:justify;}
		#output div#arrow{width:20px;float:left;}
		#output div#aft{width:300px;float:left;margin:0 0 10px;}
			#aft div{width:298px;min-height:25px;border:solid 1px #FC6;}
			#aft div p{font-size:12px;margin:3px;text-align:justify;}
			#aft div p span.dif{background:#FC6;}
		#output div#coution{clear:both;width:100%;}
			#coution p{font-size:16px;}
			#coution p span{color:#FC9;}
			/*dl#optionLast{margin-bottom:15px;}*/


	#main div#mainBottom{width:100%;height:30px;background:url('img/bg_bottom.gif');}
	
	/*ad*/
	div.adWideBanner{width:728px;height:90px;margin:auto;}
	div.adWideLinkUni{width:728px;height:15px;margin:auto;}
	div.adRectangleBox{width:672px;height:280px;margin:auto;}
	div.adRectangleBox div.adRectangle{width:336px;height:280px;float:left;}
	
	/*info*/
	#main hr{width:672px;margin:10px auto;}
	#main div#info{width:672px;margin:0 auto;}
		#info dl{font-size:12px;text-align:left;}
		#info dt{display:block;width:150px;float:left;}
		#info dd{display:block;}
		#info img{display:none;}

	/*advise*/
	dl#advise{margin:0;padding:0;}
	dl#advise dt{margin:5px 15px 2px;padding:0;border:none;}
	dl#advise dd{margin:5px 15px;padding:0;}
	dl#advise dd textarea{width:100%;}
		/*button*/
		.description div.noBorder{border:none;}
		.buttonBox button#adviseButton{display:block;width:150px;height:50px;border:none;background:url("img/advise.gif");cursor:pointer;}
		.buttonBox button#adviseButton span{display:none;}