@charset "utf-8";

/* CSS Document */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,ol,ul,li{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0;
	padding:0;
}

html {
	overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6,p {
	font-size:12px;
	font-weight:normal;
}

fieldset,img {
	border:0;
}

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

caption,th {
	text-align:left;
}

body {
	background: #fffdee;
	background-image: url(../../images/guide/haikei.gif);
	background-repeat:repeat-y; 
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333333;
	letter-spacing:1px;
}

hr.clear {
	clear:both;
	height:0;
	width:0;
	border:0;
}
	
#container { 
	width: 800px;
	text-align: left;
}

/* サイド*/

#sidebar {
	position:fixed;
	top:0;
	left:0px;
	color:#FFFFFF;
	float: left;
	width: 230px;
}

#navi-box {
	width:220px;
	text-align:left;
}

#sidebar p {
	font-size:12px;
	margin-bottom:10px;
}

#sidebar p a {
	font-size:12px;
	font-weight: normal;
	text-decoration:none;
	color:#FFFFFF;
	margin:0 10px 0 0px;
}

#sidebar a:hover {
	text-decoration:underline;
}

#sidebar h1 {
	margin:15px 0 0 10px;
}

#sidebar h2 {
	width:158px;
	height:60px;
	background-image: url(../../images/guide/help.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 40px;
}

ol#navi-o {
	font-size:12px;
	font-weight:bold;
	line-height:2.0;
	margin-left:25px;
	padding-left:5px;
}

ol#navi-o a {
	color:#FFFFFF;
	text-decoration:none;
}

ul#navi-u {
	font-weight:bold;
	list-style-type: disc;
	margin-left:0px;
	margin-bottom:20px;
}

#bunkatu {
	font-size:12px;
	line-height:21px;
}
/* mainContent
------------------------------------------------------------------*/
#mainContent {
	color:#333333;
	margin:0 0 0 250px;
}

#mainContent p {
	color:#333333;
	line-height:1.7;
	letter-spacing:2px;
	padding:0 0 0 10px;
	margin-left:5px;
}

#mainContent p span{
	font-weight:bold;
	color:#CC0000;
}

#mainContent h2 {
	font-size:18px;
	font-weight:bold;
	color:#40550d;
	border-bottom:1px solid #999999;
	margin:30px 0 10px 0px;
}

p.h2_txt {
	margin-left:10px;
}

#mainContent h3 {
	font-size:14px;
	font-weight:bold;
	color:#996633;
	border-bottom:dotted 2px #996633;
	margin:30px 0 10px 20px;
}

.h3_txt {
	margin-left:20px;
}


/* order 
------------------------------------------------------------------*/

ul#order_sel {
	font-size:12px;
	line-height:1.7;
	list-style-type: disc;
	background-color:#f3f0dc;
	margin:10px 0 70px 0;
	padding:5px 0 5px 40px;
}

ul#order_sel a {
	color:#c93b0e;
	margin-left:10px;
}

ul#order_sel a:hover {
	color:#1e0a02;
}

ul#order_sel ul {
	font-size:12px;
	line-height:1.7;
	list-style-type: lower-alpha;
	padding-left:15px;
}

/* step 
------------------------------------------------------------------*/
.step {
	clear:both;
	margin:0 0 20px 10px;
}


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

p.step_nub {
	font-size:12px;
	font-weight:bold;
	color: #999999;
	border-top:1px dotted #999999;
	margin:5px 0 10px 5px;
}

p.step_cont1, p.step_cont2{
	width:200px;
	font-size:12px;
	float:left;
}

.step img {
	float:right;
}

 p.step_cont3 {
	clear:both;
	font-size:12px;
}

 p.step_cont4 {
	font-size:12px;
}

ul.tyuui {
	font-size:12px;
	color:#990000;
	line-height:1.7;
	list-style-type:square;	
	padding-left:20px;
	margin-left:20px;
}

#ww {
	width:270px;
	float:left;
	margin-left:5px;
}


p.zaku {
	padding:10px 0 0 20px;
}

.step p span {
	color:#330000;
	font-weight:bold;
}

ol#koko {
	font-size:12px;
	line-height:21px;
	padding:10px 0 10px 50px;
	margin:0;
}

ul.kankyo {
	font-size:12px;
	line-height:1.7;
	list-style-type:square;
	padding:20px 0 20px 50px;
	margin:0;
}

ul.kankyo a {
	color: #666666;
	font-weight:bold;
	margin-left:8px;
}

ul.kankyo a:hover {
	color:#993300;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* mainContent
------------------------------------------------------------------*/
table.haiso {
	width:280px;
	font-size:13px;
	color:#666666;
	border:1px solid #333333;
	padding:3px 0;
	margin:0 0 30px 10px;
}

table.haiso thead th{
	width:120px;
	text-align:center;
	padding:3px 0 3px 0px;
	background-color:#fbd658;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

table.haiso thead td {
	text-align:center;
	padding:3px 0 3px 0;
	background-color:#fbd658;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

table.haiso th{
	width:150px;
	text-align:center;
	padding:3px 0 3px 0;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

table.haiso td {
	text-align:center;
	padding:3px 0 3px 0;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

/* payment
--------------------------------------------------------------*/
table#bank {
	width:350px;
	font-size:13px;
	color:#666666;
	border:1px solid #333333;
	padding:3px 0;
	margin:15px 0 30px 30px;
}

table#bank th {
	width:120px;
	text-align:center;
	background-color:#ededed;
	padding:3px 0;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}

table#bank td {
	background-color:#FFFFFF;
	padding:3px 0 3px 10px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;

}

table#oriko {
	width:200px;
	font-size:13px;
	color:#666666;
	border:1px solid #333333;
	padding:3px 0;
	margin:15px 0 30px 30px;
}

table#oriko thead th {
	width:100px;
	text-align:center;
	background-color:#ededed;
	padding:3px 0;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}

table#oriko td {
	text-align:center;
	padding:3px 0 3px 10px;
	background-color:#FFFFFF;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;

}

table#oriko th {
	text-align:center;
	background-color:#ededed;
	padding:3px 0 3px 10px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;

}

table#pay td {
	padding-left:2px;
	font-size:12px;
	color:#333;

}