@charset "shift_jis";
@import url("import.css");

/* index */
#step{
	width: 654px;
	background-color: #F2F2F2;
	padding-top:20px;
	padding-bottom:0px;
	background-image: url(../images/about/step_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#step .column-le{
	width: 243px;
	float: left;
	padding-left:20px;
}
#step .column-ri {
	width: 243px;
	float:right;
	padding-right:10px;
}
#step p{
	padding:10px 5px 0px 5px;
	font-size:80%;
}
/* navi マウスオーバー*/
#navi_but{
	width: 654px;
	margin-top:20px;
	padding-top:20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #C6C6C2;
}
#navi_but_left {
	background-image: url(../images/about/navi_but_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 298px;
	height:202px;
	margin-top:14px;
	float:left;
}
#navi_but_right {
	background-image: url(../images/about/navi_but_right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 298px;
	height:202px;
	margin-top:14px;
	float:right;
}
#navi_but ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navi_but li {
	display : block;
	list-style-type: none;
	font-size: 0.6em;
	text-indent: -9999px;
	width: 298px;
	height: 58px;
	margin-bottom:14px;
}
*:first-child+html #navi_but li{  /*IE7のみ適用*/
	margin-bottom:13px;
}
#navi_but li a{
	display : block;
	width: 298px;
	height: 58px;
}
#navi_but li a:hover{ 
    text-decoration: none;
}
#navi_but-01 a:hover{
	background-image: url(../images/about/navi_but_left.jpg);
	background-repeat: no-repeat;
	background-position: -298px 0px;
}
#navi_but-02 a:hover{
	background-image: url(../images/about/navi_but_left.jpg);
	background-repeat: no-repeat;
	background-position: -298px -72px;
}
#navi_but-03 a:hover{
	background-image: url(../images/about/navi_but_left.jpg);
	background-repeat: no-repeat;
	background-position: -298px -144px;
}
#navi_but-04 a:hover{
	background-image: url(../images/about/navi_but_right.jpg);
	background-repeat: no-repeat;
	background-position: -298px -72px;
}
#navi_but-05 a:hover{
	background-image: url(../images/about/navi_but_right.jpg);
	background-repeat: no-repeat;
	background-position: -298px 0px;
}
#navi_but-06 a:hover{
	background-image: url(../images/about/navi_but_right.jpg);
	background-repeat: no-repeat;
	background-position: -298px -144px;
}

/* order */

.block01{ margin-bottom:20px;
}
.block01 p{
	margin-bottom:5px;
}
.block01 dt{
	color:#333333;
	font-size: 120%;
	font-weight: bold;
	text-align:left;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BABABA;
	padding: 8px 0px 10px 40px;
	background-image: url(../images/about/exclamation.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:100%;
	}
.block01 dd {
	margin: 10px 0px 20px 0px;
	line-height: 150%;
	letter-spacing: 1px;
	font-size:80%;
}
.box01{
	margin:10px 10px;
	padding:10px;
	background-color: #F2F2F2;
	border: 1px dotted #CCCCCC;
	font-size:90%;
	line-height: 150%;
}
.box01 p{
	margin-bottom:10px;
	padding-left:9px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	/*font-weight:bold;*/
}
.box01 ul{
	padding:10px 0px 0px 30px;
}
.box01 li{
	list-style-position: outside;
	list-style-type: decimal;
	padding-left:10px;
	margin-bottom:10px;
}
/* pay ・return・point */
.block02{
	margin:10px 20px 20px 10px;
	padding:10px;
	background-color: #F2F2F2;
	border: 1px dotted #CCCCCC;
	line-height: 110%;
	text-align:left;
}
.block02 dl{
	padding:10px 0px 0px 10px;
}
.block02 dt{
	margin-bottom:10px;
	padding-left:9px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	font-weight:bold;
	font-size:90%;
	margin-top:10px;
}
.block02 dd{
	margin-bottom:20px;
	margin-left:10px;
	font-size:80%;
}

.block02 table{
	width: 585px;
	margin:10px 0px;
}
.block02 th{
	width: 20%;
	font-size:14px;
	text-align: center;
}
.block02 td{
	font-size:14px;
	text-align: center;
}
.box02{
	margin:10px 10px;
	padding:10px;
	background-color: #F2F2F2;
	border: 1px dotted #CCCCCC;
	font-size:90%;
	line-height: 150%;
}
.box02 ul{
	padding:10px 0px 0px 30px;
}
.box02 li{
	list-style-position: outside;
	list-style-type: disc;
	padding-left:10px;
	margin-bottom:10px;
}
.box04{
	margin:10px 0px 0px 10px;
	padding:0px 20px;
	/*background-color: #F2F2F2;
	border: 1px dotted #CCCCCC;*/
	font-size:90%;
	line-height: 150%;
}
.box04 ul{
	padding:0px 0px 0px 20px;
}
.box04 li{
	list-style-position: outside;
	list-style-type: none;
	padding-left:15px;
	list-style-image: url(../images/about/pay_img02.gif);
	height:23px;
}
.box05{
}
.box05_l{
float:left;
margin-right:10px;
}
.box05_r{
float:left;
width:450px;
margin-bottom:15px;
margin-top:5px;
}
/* delivery */
.block03 table{
	width: 585px;
	margin:10px 0px;
}
.block03 th{
	font-size:11px;
	text-align: center;
	background-color: #e6e6e6;
}
.block03 td{
	font-size:11px;
	text-align: left;
	background-color: #FFFFFF;
}
/* return */
.box03 ul{
	padding:10px 0px 0px 0px;
}
.box03 li{
	list-style-position: outside;
	list-style-type: disc;
	margin: 5px 30px 5px 20px;
}