@charset "utf-8";

body {
	border-top:#333 solid 4px;
}

#top{
	background: url(../img/top_bg.gif) repeat-x;
}

#top #header{
	margin: 0 auto;
	width:942px;
	height:250px;
}

#top #header #option{
	float:left;
	width:592px;
}

#top #header #url{
	width:266px;
	height:27px;
	float:right;
}

#top #header #url a{
	display:block;	
	width:266px;
	height:27px;
	background:url(../img/url.gif) no-repeat;
	text-indent:-9999px;
}

#top #header #option h2{
	margin-top:60px;
	width:590px;
	height:28px;
	background:url(../img/h2_01.gif) no-repeat;
	text-indent:-9999px;
}

#top #header #option ul{
	padding:11px 0;
	width:590px;
	height:84px;
	background:url(../img/header_list_bg.gif) repeat-x;
}

#top #header #option li{
	float:left;
}

#top #header #list1{
	margin-left:13px;
	width:108px;
	height:83px;
	background:url(../img/header_list01.gif) no-repeat;
	text-indent:-9999px;
}

*html #top #header #list1{
	margin-left:7px;
}

#top #header #list2{
	margin-left:6px;
	width:108px;
	height:83px;
	background:url(../img/header_list02.gif) no-repeat;
	text-indent:-9999px;
}

#top #header #list3{
	margin-left:6px;
	width:108px;
	height:83px;
	background:url(../img/header_list03.gif) no-repeat;
	text-indent:-9999px;
}

#top #header #list4{
	margin-left:6px;
	width:108px;
	height:83px;
	background:url(../img/header_list04.gif) no-repeat;
	text-indent:-9999px;
}

#top #header #list5{
	margin-left:6px;
	width:108px;
	height:83px;
	background:url(../img/header_list05.gif) no-repeat;
	text-indent:-9999px;
}

#top #header #title{
	margin-top:30px;
	width:350px;
	float:left;
}

#top #header h1{
	margin-top:32px;
	width:320px;
	height:98px;
	background:url(../img/h1_01.gif) no-repeat;
	text-indent:-9999px;
}

#top #header p{
	margin-top:15px;
	margin-bottom:10px;
	width:319px;
	height:24px;
	background:url(../img/cp.gif) no-repeat;
	text-indent:-9999px;
}

#top #header #top_btn{
	width:325px;
	height:49px;
	margin-top:20px;
}

#top #header #top_btn a{
	display:block;	
	width:325px;
	height:49px;
	background:url(../img/btn1.gif) top no-repeat;
	text-indent:-9999px;
}

#top #header #top_btn a:hover{
	background:url(../img/btn1.gif) bottom no-repeat;
}

#top #contents{
	margin: 0 auto;
	width:942px;
	height:500px;
}

#top #contents h2{
	width:404px;
	height:36px;
	background:url(../img/h2_02.gif) no-repeat;
	text-indent:-9999px;
}

#top #contents #img_btn{
	margin-bottom:2px;
	width:234px;
	height:34px;
	float:right;
}

#top #contents #img_btn a{
	display:block;	
	width:234px;
	height:34px;
	background:url(../img/btn2.gif) top no-repeat;
	text-indent:-9999px;
}

#top #contents #img_btn a:hover{
	background:url(../img/btn2.gif) bottom no-repeat;
}

#top #contents #about1{
	margin-top:30px;
	width:287px;
	float:left;
}

#top #contents #about1 h3{
	margin-bottom:15px;
	width:287px;
	height:54px;
	background:url(../img/h3_01.gif) no-repeat;
	text-indent:-9999px;
}

#top #contents #about1 img{
	margin-left:14px;
	margin-bottom:15px;
}

#top #contents #about1 ul{
	margin-left:38px;
}

#top #contents #about1 li{
	list-style-image:url(../img/listmark.gif);
	margin-bottom:5px;
}

#top #contents #about2{
	margin-top:30px;
	margin-left:40px;
	width:287px;
	float:left;
}

#top #contents #about2 h3{
	margin-bottom:17px;
	width:287px;
	height:54px;
	background:url(../img/h3_02.gif) no-repeat;
	text-indent:-9999px;
}

#top #contents #about2 dl{
	margin-left:18px;
}

#top #contents #about2 img{
	margin:15px 0 25px 0;
}

#top #contents #step1{
	width:268px;
	height:18px;
	background:url(../img/step1.gif) no-repeat;
	text-indent:-9999px;
}

#top #contents #step2{
	width:268px;
	height:18px;
	background:url(../img/step2.gif) no-repeat;
	text-indent:-9999px;
}

#top #contents #about3{
	margin-top:30px;
	margin-left:39px;
	width:287px;
	float:left;
}

#top #contents #about3 h3{
	margin-bottom:15px;
	width:287px;
	height:54px;
	background:url(../img/h3_03.gif) no-repeat;
	text-indent:-9999px;
}

#top #contents #about3 p{
	margin-left:20px;
	margin-bottom:5px;
}

#top #contents #about3 img{
	margin-left:14px;
}

#top #price{
	margin: 0 auto;
	padding:15px;
	width:942px;
	height:55px;
	background:#EEE;
	text-align:center;
}

#top #price .text01{
	margin:0 auto;
	width:319px;
	height:24px;
	background:url(../img/cp2.gif) no-repeat;
	text-indent:-9999px;
}

#top #price .text02{
	margin:19px auto 0 auto;
	width:520px;
	height:22px;
	background:url(../img/price.gif) no-repeat;
	text-indent:-9999px;
}

#top #bottom_btn{
	margin:0px auto 45px auto;
	width:770px;
	text-align:left;
}

#top #bottom_btn h2{
	font-weight:bold;
}

#top #bottom_btn p{
	padding:5px 0 15px 0;
	font-size: 80%;
	line-height:1.3em;
}

#top #bottom_btn .info{
	margin:10px auto 0px auto;
	padding-top:10px;
	text-align:center;
	border-left:dotted 1px #FF6600;
	border-top:dotted 1px #FF6600;
	border-right:dotted 1px #FF6600;
	border-bottom: dotted 1px #FF6600;
}

#top #bottom_btn .info a{
	display:block;	
	margin: 10px auto;
	width:225px;
	height:49px;
	background:url(../img/btn4.gif) top no-repeat;
	text-indent:-9999px;
}

#top #bottom_btn .info a:hover{
	background:url(../img/btn4.gif) bottom no-repeat;
}

#footer{
	padding-top:10px;
	padding-left:10px;
	width:100%;
	height:40px;
	border-top:#333 1px solid;
}

#form #header{
	margin: 0 auto;
	width:942px;
	height:142px;
}

#form #header #url{
	width:183px;
	height:27px;
	float:right;
}

#form #url a{
	display:block;	
	width:183px;
	height:27px;
	background:url(../img/url2.gif) no-repeat;
	text-indent:-9999px;
}

#form #logo{
	margin:25px 0;
	width:74px;
	height:86px;
	float:left;
}

#form #logo a{
	display:block;	
	width:74px;
	height:86px;
	background:url(../img/logo.gif) no-repeat;
	text-indent:-9999px;
}

#form #contents{
	margin: 0 auto;
	width:942px;
}

#form #contents h1{
	margin-bottom:25px;
	width:942px;
	height:47px;
	background:url(../img/h1_02.gif) no-repeat;
	text-indent:-9999px;
}

#form #contents dl{
	margin-left:22px;
}

#form #contents dt{
	font-size:12px;
	font-weight:bold;
}

#form #contents dd{
	margin-bottom:20px;
	font-size:16px;
	font-weight:bold;
}

#form #contents p{
	padding-left:22px;
}

.red{
	font-weight:bold;
	color:#F00;
}

.f10{
	font-size:10px;
}

.mt15{
	margin-top:15px;
	margin-bottom:5px;
}

.mb5{
	margin-bottom:5px;
}

#form #contents table{
	margin-top:15px;
	margin-left:22px;
}

#form #contents th{
	padding:13px;
	width:148px;
	background:#EEE;
	text-align:left;
	border-bottom:#FFF 2px solid;
	font-weight:bold;
}

#form #contents td{
	padding:13px;
	text-align:left;
	border-bottom:#FFF 2px solid;
}

#form #contents td p{
	padding-left:0;
}

#form #contents input{
	width:190px;
}

#form #contents h2{
	margin-top:25px;
	margin-bottom:7px;
	margin-left:22px;
	font-weight:bold;
}

#form #contents .btn{
	margin:25px 0 50px 0;
}

.thanks{
	font-size:14px;
	font-weight:bold;
}

#img #header{
	margin: 0 auto;
	width:942px;
	height:32px;
}

#img #header #url{
	width:266px;
	height:27px;
	float:right;
}

#img #url a{
	display:block;	
	width:266px;
	height:27px;
	background:url(../img/url.gif) no-repeat;
	text-indent:-9999px;
}

#img #logo a{
	display:block;	
	width:74px;
	height:86px;
	background:url(../img/logo.gif) no-repeat;
	text-indent:-9999px;
}

#img #contents{
	margin: 0 auto;
	width:942px;
}

#img #contents h1{
	margin-bottom:25px;
	width:942px;
	height:47px;
	background:url(../img/h1_03.gif) no-repeat;
	text-indent:-9999px;
}

#img #close{
	margin: 0 auto;
	padding:25px 0;
	text-align:center;
}
