/* CSS Document */


#howto_all{
background:#FFFFFF;
}

#howto_all h2 {
background:none;
margin:0;
!important
}

#breadcrumb {
font-size:12px;
color:#333;
padding:23px 0 0 25px; 
}

#breadcrumb a {
text-decoration:underline;
    color: #0099ff;
}

#howto {
width:874px;
margin:0 auto;
font-size:12px;
line-height:20px;
color:#333333;
}

#sugooku_navi {
	width:874px;
	height:27px;
	background:url(../img/sugooku_navi.gif) 0 -27px no-repeat;
	margin:23px 0 32px;
}
#sugooku_navi li {
	display:block;
	height:27px;
	text-indent:-9999px;
	float:left;
}
#sugooku_navi a {
	display:block;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
}
#sugooku_navi1 {
	width:125px;
	background:url(../img/sugooku_navi.gif) 0 -27px no-repeat;
}
#sugooku_navi1 a {
	width:125px;
	background:url(../img/sugooku_navi.gif) 0 0 no-repeat;
}
#sugooku_navi1 a:hover {
	background:url(../img/sugooku_navi.gif) 0 -27px no-repeat;
}

#sugooku_navi2 {
	width:181px;
	background:url(../img/sugooku_navi.gif) -125px -27px no-repeat;
}
#sugooku_navi2 a {
	width:181px;
	background:url(../img/sugooku_navi.gif) -125px 0 no-repeat;
}
#sugooku_navi2 a:hover {
	background:url(../img/sugooku_navi.gif) -125px -27px no-repeat;
}

#sugooku_navi3 {
	width:129px;
	background:url(../img/sugooku_navi.gif) -306px -27px no-repeat;
}
#sugooku_navi3 a {
	width:129px;
	background:url(../img/sugooku_navi.gif) -306px 0 no-repeat;
}
#sugooku_navi3 a:hover {
	background:url(../img/sugooku_navi.gif) -306px -27px no-repeat;
}

#sugooku_navi4 {
	width:66px;
	background:url(../img/sugooku_navi.gif) -435px -27px no-repeat;
}
#sugooku_navi4 a {
	width:66px;
	background:url(../img/sugooku_navi.gif) -435px 0 no-repeat;
}
#sugooku_navi4 a:hover {
	background:url(../img/sugooku_navi.gif) -435px -27px no-repeat;
}






#howto_header {
width:874px;
}
#howto_header_r {
width:200px;
float:right;
}
#howto_header_l {
float:left;
}



#howto_navi {
	width:632px;
	height:42px;
	margin:23px 0 32px;
	background:url(../img/howto_navi.gif) 0 -42px no-repeat;
}
#howto_navi li {
	display:block;
	height:42px;
	text-indent:-9999px;
	float:left;
}
#howto_navi a {
	display:block;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
}
#howto_navi1 {
	width:164px;
	background:url(../img/howto_navi.gif) 0 -42px no-repeat;
}
#howto_navi1 a {
	width:164px;
	background:url(../img/howto_navi.gif) 0 0 no-repeat;
}
#howto_navi1 a:hover {
	background:url(../img/howto_navi.gif) 0 -42px no-repeat;
}

#howto_navi2 {
	width:164px;
	background:url(../img/howto_navi.gif) -164px -42px no-repeat;
}
#howto_navi2 a {
	width:164px;
	background:url(../img/howto_navi.gif) -164px 0 no-repeat;
}
#howto_navi2 a:hover {
	background:url(../img/howto_navi.gif) -164px -42px no-repeat;
}

#howto_navi3 {
	width:164px;
	background:url(../img/howto_navi.gif) -328px -42px no-repeat;
}
#howto_navi3 a {
	width:164px;
	background:url(../img/howto_navi.gif) -328px 0 no-repeat;
}
#howto_navi3 a:hover {
	background:url(../img/howto_navi.gif) -328px -42px no-repeat;
}

#howto_navi4 {
	width:140px;
	background:url(../img/howto_navi.gif) -492px -42px no-repeat;
}
#howto_navi4 a {
	width:140px;
	background:url(../img/howto_navi.gif) -492px 0 no-repeat;
}
#howto_navi4 a:hover {
	background:url(../img/howto_navi.gif) -492px -42px no-repeat;
}

#howto h3 {
margin-bottom:25px;
}

.howto_step {
margin:0 0 18px 40px;
}

.howto_step_shosai {
margin:0 0 18px 158px;
font-size:12px;
line-height:20px;
color:#333333;
}
.howto_step_shosai p{
margin:0 10px;
font-size:12px;
line-height:20px;
color:#333333;
}


#howto_next {
text-align:right;
margin:42px 0;
}


#howto_guide {
margin:0 0 31px 40px;
}

#howto_guide_btn {
width:634px;
margin:0 auto 67px auto;
}


.howto_ill {
width:300px;
height:200px;
text-align:center;
vertical-align:middle;
}



#whats_all {
width:834px;
margin:0 auto;
}

.whats_title {
margin-bottom:36px;
}
.whats_shosai {
margin-bottom:54px;
}

.whats_shosai_l {
width:141px;
float:left;
text-align:center;
}

.whats_shosai_r{
font-size:16px;
font-weight: bold;
line-height:20px;
color:#333333;
}

.whats_shosai_midashi {
margin-bottom:10px;
}

.whats_shosai_ill {
margin:37px auto 0 auto;
width:792px;
}

#whats_all .textorange {
color:#FF6600;
font-weight:bold;
line-height:20px;
}

#whats_all strong {
line-height:20px;
}

#content {}
#content p { margin: 10px; }

#left_col { width: 50%; float: left; }
#right_col { width: 50%; float: right; }

#content div.auctiontype {
    border: 1px solid #ccc;
    margin: 10px;
    height: 150px;
}
#content div.auctiontype h3 { color: #333; font-size: large; margin: 10px; background: #fc0; padding: 0.25em; }
#content div.auctiontype div { margin: 10px; }
#content div.auctiontype div.icon { float: left; }

#content div.content_block {
    border: 1px solid #ccc;
    margin: 10px;
}
#content div.content_block h3 { color: #333; font-size: large; margin: 10px; background: #fc0; padding: 0.25em; }
#content div.content_block div { margin: 10px; }
#content div.content_block div.icon { float: left; }


h1,h2,h3,h4 { padding:0px; margin:0px; font-weight:bold; line-height:1em; }
#guide { font-size:16px;padding:20px;background:#fff; }
#guide h2 { margin-bottom:20px; }
#guide h3 { color:#333; font-size:20px; line-height:30px; border-bottom:1px solid #ccc; margin-bottom:20px; }
#guide dt { color:#090; font-size:16px; font-weight:bold;  }
#guide dt span { color:#333; }
#guide dd { margin:10px; }