@charset "utf-8";


/*=======================================================

 file name  :style.css 
 
 [01] common
 [02] contents
 [03] login
 [04] account
 [05] form
 [06] footer
 
=======================================================*/


/*-------------------------------------------------------
 [01] common
-------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, p,
ul, li, dl, dt, dd, object, embed,
address, div, span, a{
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

body {
background: #DBF6FF;
font-size: 12px;
color: #333333;
margin:0px;
padding:0px;
line-height: 1.8em;
text-align: center;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
}

* html body{
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
* + html body{
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
html:first-child body{ /* -- opera 9.27 -- */
font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, sans-serif;
}
body:first-of-type { /* -- opera 9.5 -- */
font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, sans-serif;
}

ul,li,dl {
list-style-type: none;
}

hr {
display: none;
}

.dn {
display: none;
}

p {
margin: 0;
padding: 0;
}

a { color: #FF920F; text-decoration: underline;  }
a:link { color: #FF920F; }
a:visited { color: #FF920F; }
a:active { color: #FF920F; }
a:hover { color: #FFD124; text-decoration: underline; }

.clear{
clear:both;
font-size:0px;
line-height:0px;
height:0px;
}

.anchor {
display:block;
font-size:0;
height:0;
line-height:0;
overflow:hidden;
}

/*-------------------------------------------------------
 [02] contents
-------------------------------------------------------*/
div.container {
background: url(../img/container_bg.jpg) repeat-x ;
}

div.all {
margin: 0px auto 0px auto;
text-align: left;
width: 900px;
background:#FFFFFF;
}

div.logo {
padding: 10px 0px 0px 20px;
}

h1 {
margin-left: 20px;
margin-bottom: 18px;
}

div.contents {
float: left;
width: 590px;
}

div.contents h2,
div.contents p  {
margin-left: 30px;
}

div.contents p {
margin-bottom: 20px;
}

/* howto */
div.contents dl.howto {
margin-left: 30px;
}

div.contents dl.howto dt {
margin-top: 17px;
}

div.contents dl.howto dd {
margin: 7px 0px 0px 57px;
}


/* keyword */
.keyword{
	width:560px;
	margin-left:30px;
	margin-bottom:30px;
}
.keyword dt{
	margin:0px 0px 5px 2px;
}
.keyword dd{
	border:1px solid #ccc;
	padding:10px;
	text-align:left;
}
.keyword dd ul{
	width:548px;
}
.keyword dd li{
	display:inline;
	list-style:none;
	line-height:30px;
	font-size:10px;
}
.keyword dd li strong{
	font-weight:normal;
	margin-left:5px;
	/*
		border:1px dotted #ccc;
	*/
}
.keyword dd li.rank-01{
	font-size:32px;
}
.keyword dd li.rank-02{
	font-size:26px;
}
.keyword dd li.rank-03{
	font-size:22px;
}
.keyword dd li.rank-04{
	font-size:20px;
}
.keyword dd li.rank-05{
	font-size:18px;
}
.keyword dd li.rank-06{
	font-size:16px;
}
.keyword dd li.rank-07{
	font-size:16px;
}
.keyword dd li.rank-08{
	font-size:14px;
}
.keyword dd li.rank-09{
	font-size:14px;
}
.keyword dd li.rank-010{
	font-size:12px;
}
.keyword dd li.rank-011{
	font-size:12px;
}

/* camp */
div.contentsCamp {
width: 870px;
}

div.contentsCamp h2 {
margin-left: 30px;
}

div.contentsCamp h3 {
margin: 10px 0px 0px 30px;
}

div.contentsCamp p {
margin: 0px 0px 15px 30px;
}  

div.contentsCamp p strong {
color: #FF6600;
}

div.contentsCamp div.image {
float: right;
padding-right: 0px;
}

div.contentsCamp ul li {
background: url(../img/camp_icon.gif) no-repeat;
background-position: 0px 0.25em;
padding-left: 18px;
margin: 0px 0px 5px 30px;
}

div.contentsCamp dl {
background: url(../img/camp_dl_bg.jpg) left top no-repeat;
width: 820px;
height: 100px;
margin-left: 40px;
margin-top: 20px;
padding-top: 12px;
line-height: 1em;
}

div.contentsCamp dl dt {
margin: 0px 0px 6px 15px;
}

div.contentsCamp dl dd {
margin: 0px 0px 0px 15px;
}

div.contentsCamp div.review1 {
width: 390px;
float: left;
}

div.contentsCamp div.review1 p {
width: 390px;
}

div.contentsCamp div.review1 ul {
margin-bottom: 10px;
}

div.contentsCamp div.review1 ul li {
width: 390px;
}

div.contentsCamp div.review1 div.pic,
div.contentsCamp div.review2 div.pic {
margin: 0 0 10px 30px;
}

div.contentsCamp div.review2 {
width: 420px;
float: right;
}


/*-------------------------------------------------------
 [03] login
-------------------------------------------------------*/
div.login {
margin-top: 6px;
margin-left: 620px;
background: url(../img/login_bg1.gif) repeat-y;
}

* html div.login h2 {
margin-left: -3px;
}

div.login form fieldset {
border: none;
margin-left: 11px;
}

div.login form fieldset p input{
width: 163px;
height: 18px;
font-size:12px;
vertical-align:middle;
margin-bottom:5px;
}

div.login form fieldset p img {
margin-bottom: -5px;
}

div.login p.submit {
margin: -10px 0px 0px 130px;
}

div.login p.pass {
background: url(../img/login_line.gif) no-repeat bottom;
font-size: 11px;
text-align: center;
width: 220px;
margin-left: 15px;
margin-top: -15px;
padding-bottom: 10px;
}

div.login p.pass a {
background: url(../img/login_icon.gif) no-repeat;
padding: 0.25em 0 0 18px;
}

div.login dl.ptnBtn {
background: url(../img/login_bg2.jpg) no-repeat bottom;
text-align: center;
margin-top: 10px;
padding-bottom: 10px;
margin-left: -30px;
}

div.login dl.ptnBtn dd {
font-size: 11px;
margin-bottom:5px;
}

/* banner */
.banner {
margin-left: 620px;
margin-top: 10px;
}

* html .banner {
margin-left: 617px;
}

/*-------------------------------------------------------
 [04] account
-------------------------------------------------------*/
div.account {
padding: 40px 90px 0px 90px;
}

div.account h2 {
text-align: center;
}

div.account div.ptn {
background: url(../img/ptn_bg.gif) no-repeat top left;
float: left;
text-align: center;
width: 340px;
height: 170px;
margin-top: 20px;
}

div.account div.ptn p {
margin-top: 14px;
}

div.account div.last {
float: right;
}


/*-------------------------------------------------------
 [05] form
-------------------------------------------------------*/
div.form {
width: 840px;
margin: 57px 0px 0px 30px;
}

table.table {
border-bottom: #CCCCCC solid 1px;
font-size: 1em;
margin-top: 22px;
}

table.table th {
background: #F5F5F5 url(../img/bk_th.gif) no-repeat left top;
padding: 8px 5px 8px 25px;
text-align: left;
vertical-align: top;
line-height: 1.6em;
border-bottom: #FFFFFF solid 2px;
}

table.table td {
padding: 6px 5px 2px 8px;
background: url(../img/bk_td.gif) repeat-x left top;
line-height: 1.6em;
border-bottom: #FFFFFF solid 2px;
}

table.table td p {
color: #999999;
font-size: 0.86em;
line-height: 1.6em;
}

table.table td p strong {
color: #CC0000;
}

table.table th img {
margin-left:5px;
margin-bottom: -3px;
}

div.rules {
margin-top: 20px;
border: #CCCCCC solid 1px;
background: #F5F5F5;
width: 470px;
margin-left: 150px;
padding: 15px 15px 5px 15px;
}

div.rules ul li {
background: url(../img/list.gif) no-repeat;
background-position: 0px 0.7em;
padding-left: 15px;
margin-bottom: 10px;
}

div.policy {
width: 500px;
margin: 10px 0px 20px 150px;
}

form {
margin: 0px 0px 20px;
padding: 0px;
font-size:12px;
}
form td input{
vertical-align:middle;
font-family:"ＭＳ Ｐゴシック", Osaka;
font-size:12px;
}
form td select{
margin:1px 0px;
font-family:"ＭＳ Ｐゴシック", Osaka;
font-size:12px;
}
input{
color:#738383;
margin-right:0px;
}
input.radio,
input.check{
vertical-align:-3px;
margin-right:5px;
}
input.long{
width:50%;
}
input.middle{
width:30%;
}
input.short{
width:25%;
}
input.zipcode{
width:65px;
}
input.very-short{
width:10%;
}
input.color{
width:55px;
margin-right:5px;
}
textarea{
width:95%;
height:70px;
font-size:12px;
padding-left:3px;
overflow:auto;
line-height:1.4em;
}
fieldset {
padding: 0.5em;
border: 1px solid #FF66CC;
margin: 0.5em;
}
legend {
font-weight: bold;
}
.submit{
text-align:center;
}

/*-------------------------------------------------------
 [06] footer
-------------------------------------------------------*/
div.footer {
border-top: #002233 3px solid;
padding-top: 8px;
padding-bottom: 10px;
text-align: center;
width: 860px;
margin: 60px 0px 0px 20px;
}

div.footer ul {
margin-bottom: 3px;
}

div.footer ul li {
display: inline;
border-right: #666666 solid 1px;
padding-right: 6px;
margin-right: 6px;
}

div.footer ul li.end {
border: none;
padding-right: 0;
margin-right: 0;
}