@charset "UTF-8";
/* CSS Document */

/* 全体 */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,th,td{
	margin:0;
	padding:0;
	text-decoration: none;
	font-style:normal;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

ol,ul{
	list-style:none;
}


fieldset,img{
	border:0;
}	
	
select option{
	padding:0 5px;
}	

form label{
	cursor:pointer;
}

font-family{ Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;}

body{
	text-align: center;
	background-color:#FFFFFF;
}

#container{
	width: 980px;
	margin: 0px auto auto auto;
	text-align: left;
	background-color: #FFFFFF;
	}
	
#logo{
	text-align: left;
}

#navi{
	width: 964px;
	height: 38px;
	background-image: url(../img/common/navibar.gif);
	background-repeat: no-repeat;
}

#navi ul{
	width: 910px;
	margin: auto;
	height: 38px;
}

#navi ul li {
	display: block;
	float : left;
	font-size: 13px;
	width: 130px;
	height: 38px;
	line-height : 270%;
	text-align: center;
}

#navi ul li.now{
	background-image: url(../img/common/navi_selected.gif);
	background-position: center;
	background-repeat: no-repeat;
	color: #FFC;
	text-align: center;
}

#navi ul li a{
	font-size: 13px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#navi ul li a:hover{
	color: #F30;
}

#intro{
	background-position: 10px;
}

#footer{
	margin-left: 10px;
	width: 940px;
	height: 35px;
	background-image: url(../img/common/footer.gif);
	background-repeat: repeat-x;
	color: #FFC;
	font-size: 14px;
	text-align: center;
	border: 1px solid black;
}

/* ホーム */

#top{
	margin-bottom: 50px;
	}

#top #intro{
	background-image: url(../img/home/topimage.gif);
	background-repeat: no-repeat;
	height: 225px;
}

#top #intro p{
	font-size: 16px;
	padding-top: 30px;
	padding-left: 400px;
	padding-right: 30px;
	text-align: center;
	color: #030;
	line-height: 180%;
}

#subsc{
	margin: 20px 80px 50px 80px;
}

#subsc dl dt{
	color: #330099;
	font-weight: bold;
	font-size: 18px;
	padding-top: 15px;
	font-style: italic;
}

#selection{
	font-size: 13px;
	text-align: center;
}

#selection table{
	width: 900px;
	margin: auto;
}

#selection table tr td{
	width: 300px;
	height: 230px;
}

#selection table tr td p{
	display: block;
	width: 250px;
	height: 230px;
	line-height: 150%;
}

#selection table tr td p a{
	background-image: url(../img/home/selectbutton.gif);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height:100%;
	text-decoration: none;
	color: #000;
}

#selection table tr td p a:hover{
	background-image: url(../img/home/selectbutton_on.gif);
}


/* Pricing */

#pricing{
	margin-bottom: 50px;
}

#pricing #intro{
	background-image: url(../img/home/topimage.gif);
	background-repeat: no-repeat;
	height: 125px;
	text-align: right;
	padding-right: 30px;
}

#pricing h1{
		font-size: 86px;
		color: #999;
	}

#pricing #subsc{
		margin-top: 50px;
		margin-bottom: 20px;
	}

#pricing h2{
	text-align: left;
	margin: auto;
	width: 800px;
	border-bottom: #003 dotted;
	}

#pricing p{
	text-align: left;
	width: 800px;
	margin: auto;
	padding-left: 20px;
	}

#pricing h3{
	text-align: left;
	width: 800px;
	margin: 20px auto auto auto;
	text-align: left;
	color: #330099;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
}

#pricing dl{
	padding-left: 20px;
	text-align: left;
	width: 800px;
	margin: auto;
}

#pricing dl dt{
	padding-top: 20px;
	counter-increment: numlist;
}

#pricing dl dt:before {
    content: "(" counter(numlist) ") ";
}

#pricing dl dd{
	padding-left: 20px;
}

/* About us */

#aboutus #intro{
	background-image: url(../img/home/topimage.gif);
	background-repeat: no-repeat;
	height: 125px;
	text-align: right;
	padding-right: 30px;
}
#aboutus h1{
		font-size: 86px;
		color: #999;
}
#aboutus p{
	text-align: left;
	width: 800px;
	margin: 80px auto 80px auto;
}

/* FAQ */

#faq {
	margin: auto auto 30px auto;
}

#faq #intro{
	background-image: url(../img/home/topimage.gif);
	background-repeat: no-repeat;
	height: 125px;
	text-align: right;
	padding-right: 30px;
}

#faq h1{
		font-size: 86px;
		color: #999;
}

#faq dl{
	text-align: left;
	width: 800px;
	margin: auto;
}

#faq dl dt{
	margin-top: 15px;
	counter-increment: qlist;
	color: #330099;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
}

#faq dl dt:before {
    content: "Q" counter(qlist) ". ";
}

/* Contact us */

#contact {
	margin: auto auto 30px auto;
}

#contact #intro{
	background-image: url(../img/home/topimage.gif);
	background-repeat: no-repeat;
	height: 125px;
	text-align: right;
	padding-right: 30px;
}

#contact h1{
		font-size: 86px;
		color: #999;
}

#contact h2{
	text-align: left;
	margin: auto;
	width: 800px;
	border-bottom: #003 dotted;
	}

#contact p{
	text-align: left;
	width: 800px;
	margin: 20px auto 10px auto;
}

/* Inquiry */

#inquiry {
	margin: auto auto 30px auto;
}

#inquiry #intro{
	background-image: url(../img/home/topimage.gif);
	background-repeat: no-repeat;
	height: 125px;
	text-align: right;
	padding-right: 30px;
}

#inquiry h1{
		font-size: 86px;
		color: #999;
}

#inquiry p{
	text-align: left;
	width: 800px;
	margin: 20px auto 10px auto;
}

#mail{
	width: 800px; margin: auto;
	}