@charset "shift_jis";

/*------------------------------------
   basic
------------------------------------*/
* {
	margin:0;
	padding:0;
}

body, div, ol, ul, dl, form{
	margin:0;
	padding:0;
}

p, h1, h2, h3, h4, h5, h6, dt, dd, input, textarea{
	font-size:100%;
	margin:0;
	padding:0;
}

body{
	width:100%;
	background: url(image/bg.gif) repeat-y center top #000;
	color:#333333;
	font-family: '僸儔僊僲妏僑 Pro W3','Hiragino Kaku Gothic Pro','儊僀儕僆',Meiryo,'俵俽 俹僑僔僢僋',sans-serif;;
	font-size:10pt;
	line-height:1.6;
	text-align:center;
}


.clearfix:after {
  content: ".";  /* 怴偟偄梫慺傪嶌傞 */
  display: block;  /* 僽儘僢僋儗儀儖梫慺偵 */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


a:link {color:#09f;text-decoration:none;}
a:visited {color:#09f;text-decoration:none;}
a:hover {color:#09f;text-decoration:underline;}
a:active {color:#09f;text-decoration:none;}


/*------------------------------------
   慡懱峔憿
------------------------------------*/
#wrapper{
	margin: 0 auto;
	padding: 0;
	width: 900px;
}


h1{
	margin: 0;
	padding: 0;
}



#content{
	margin: 0;
	padding: 0;
	text-align: left;
}


h2{
	padding: 15px 20px 19px;
	background: url(image/bg_title_pink.gif) repeat-x center top #ff01cc;
	font-weight: 600;
	color: #fff;
}


.leftBox{
	float: left;
	width: 570px;
	margin-left: 10px;
}



.box_recommend{
	margin-left: 0;
	padding: 20px;
	border: 1px solid #dcdcdc;
	background: url(image/bg_box_about.gif) left bottom repeat-x #e5e5e5;
}

p.lB_normal{
	margin-left: 20px;
	margin-right: 20px;
}


.rightBox{
	float: right;
	width: 300px;
	margin-right: 10px;
}



#content h2.sample{
	margin-left: 10px;
	margin-right: 10px;
	background: url(image/bg_title_black.gif) repeat-x center bottom #333;
}


.box_normal{
	margin-left: 10px;
	margin-right: 10px;
	padding: 8px;
}

.box_normal p{
	margin-left: 20px;
	margin-right: 20px;
}

#content h3.howtoTitle{
	margin-left: 10px;
	margin-right: 10px;
	background: url(image/bg_title_gray.gif) repeat-x center top #d6d6d6;
	padding: 9px 30px 7px;
	font-weight: 600;
	color: #f39;
	font-size: 12pt;
}


#content ol.howto{
	list-style: none;
	margin-left: 20px;
	margin-top: 20px;
}


#content ol.howto li{
	padding-left: 30px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#content ol.howto li.n1{
	background: url(image/bg_ol1.gif) no-repeat left top #fff;
}

#content ol.howto li.n2{
	background: url(image/bg_ol2.gif) no-repeat left top #fff;
}

#content ol.howto li.n3{
	background: url(image/bg_ol3.gif) no-repeat left top #fff;
}

#content ol.howto li.n4{
	background: url(image/bg_ol4.gif) no-repeat left top #fff;
}





/*------------------------------------
	#regiForm
------------------------------------*/
#regiForm{
	margin-left: 0;
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #dcdcdc;
	background: url(image/bg_box_about.gif) left bottom repeat-x #e5e5e5;
}

#regiForm dl{
	margin: 10px auto;
}
#regiForm dt{
	margin: 0 0 5px 0;
	font-size: 10pt;
	font-weight: 600;
}
#regiForm dd{
	margin: 0 0 10px 0;
}

#regiForm input.tArea{
	width: 250px;
}

/*------------------------------------
	.btn_amazon
------------------------------------*/
.btn_amazon{
	display: block;
}

.btn_amazon a{
	display: block;
	width: 900px;
	height: 126px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	background: url(image/btn_amazon.jpg) no-repeat center top;
}

.btn_amazon a:hover{
	background-position: center bottom;
}


.btn_amazon a span{
	display: none;
}




/*------------------------------------
	.box_sample
------------------------------------*/
.box_sample{
	margin-left: 10px;
	margin-right: 10px;
	padding: 8px;
	border: 1px dotted #f09;
	font-size: 9.5pt;
}

.box_sample h3{
	background: url(image/bg_title_pink.gif) repeat-x center top #ff01cc;
	padding: 9px 30px 7px;
	font-weight: 600;
	color: #fff;
}




.box_sample h4{
	background: url(image/bg_title_gray.gif) repeat-x center top #d6d6d6;
	padding: 9px 30px 7px;
	font-weight: 600;
	color: #f39;
}

.box_sample ul.listR{
	list-style: none;
	border: 1px solid #666;
	background: #ffc;
}

.box_sample .listR li{
	margin: 20px 40px;
	padding-left: 20px;
	background: url(image/bg_listP.gif) no-repeat 0 0.2em;
}

.box_sample dl{
	margin: 10px 0 15px;
}

.box_sample dt{
	margin: 0 0 8px;
	background: url(image/bg_title_gray.gif) repeat-x center top #d6d6d6;
	padding: 9px 30px 7px;
	font-size: 11pt;
	font-weight: 600;
	color: #f39;
}

.box_sample dd{
	margin: 0 50px 25px;
}

.box_sample .box_Anno{
	background: #ffc;
	border: 1px solid #666;
	padding: 10px 0;
}

.box_sample .box_Anno h5{
	margin-left: 30px;
	margin-right: 30px;
}

.box_sample p{
	margin-left: 30px;
	margin-right: 30px;
}

#box_sum{
	margin: 25px 0 5px;
	background: #ffc;
	border: 3px solid #444;
}

#box_sum h5{
	margin: 0;
	padding: 5px 30px 8px;
	background: #444;
	font-size: 12pt;
	font-weight: 600;
	color: #fff;
}

#box_sum ul{
	list-style: none;
	margin: 10px 30px 5px;
}

#box_sum li{
	margin: 10px 0;
	padding-left: 20px;
	background: url(image/bg_listP.gif) no-repeat 0 0.2em;
	font-size: 11pt;
	font-wight: 600;
}


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

#footer{
	width: 900px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	background: url(image/bg_footer.jpg) repeat-x 0 0 #5f5f62;
}


#footer a:link {color:#06f;text-decoration:none;}
#footer a:visited {color:#06f;text-decoration:none;}
#footer a:hover {color:#06f;text-decoration:underline;}
#footer a:active {color:#06f;text-decoration:none;}



/*------------------------------------
   .amazonCaution
------------------------------------*/
.amazonCaution{
	margin-left: 75px;
	margin-right: 75px;
	padding: 12px 25px;
	background: #ffc;
	color: #f00;
	font-size: 9pt;
}

/*------------------------------------
   挷惍抣
------------------------------------*/
.right{
	float: right;
	margin-left: 10px;
	margin-right: 5px;
}

.clear{
	clear: both;
}

.f16g {font-size: 16pt; font-weight: normal; font-family: "HGP憂塸妏恨集窾B";}
.f15g {font-size: 15pt; font-weight: normal; font-family: "HGP憂塸妏恨集窾B";}
.f14g {font-size: 14pt; font-weight: normal; font-family: "HGP憂塸妏恨集窾B";}
.f13g {font-size: 13pt; font-weight: normal; font-family: "HGP憂塸妏恨集窾B";}
.f12g {font-size: 12pt; font-weight: normal; font-family: "HGP憂塸妏恨集窾B";}


.f16 {font-size: 16pt;}
.f15 {font-size: 15pt;}
.f14 {font-size: 14pt;}
.f13 {font-size: 13pt;}
.f12 {font-size: 12pt;}
.f11 {font-size: 11pt;}
.f9 {font-size: 9pt;}
.f8 {font-size: 8pt;}


.red { color: #f00;}
.blue {	color: #06f;}
.white { color: #fff;}
.green { color: #6c0;}
.pink { color: #f39;}


.bold600{font-weight: 600;}
.under{ text-decoration: underline;}
.italic{ font-style: oblique;}
.taCenter{ text-align: center;}
.taRight{ text-align: right;}

strong{ font-weight: 600;}

.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}

.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}