@charset 'Shift_JIS';

/* guideCts
------------------------- */
#guideCts{
color:#555;	
}

#guideCts a{
color:#555;	
}

/* subNav
------------------------- */
#guideCts #subNav {
position: relative;
margin: 20px 0 17px 0;
overflow: hidden;
}

#guideCts #subNav ul{
margin-left: -5px;
padding: 0 0 8px 4px;
border-bottom: 2px solid #e6e6e6;
zoom: 1;
}

#guideCts #subNav ul:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden; }

#guideCts #subNav ul li{
float:left;
padding: 0 10px;
border-left: 1px solid #b6b6b6;
line-height: 13px;
}
	
#guideCts #subNav ul li a.now{
font-weight: bold;
}

/* section
------------------------- */
#guideCts .section{
width:738px;
margin-bottom:20px;
padding-bottom:5px;
background:url(//images.hange.jp/hangame/shop/auction/guide/bg_guide_btm.gif) left bottom no-repeat;
line-height:1.5;
}

#guideCts .section:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; }

#guideCts .section h2 {
background:url(//images.hange.jp/hangame/shop/auction/guide/bg_guide_top.gif) no-repeat scroll left bottom;
height:22px;
padding-left:5px;
}

#guideCts .section .sectionInner{
padding:10px 15px;
background:url(//images.hange.jp/hangame/shop/auction/guide/bg_guide_center.gif) repeat-y scroll left top;
}
 
/* about */ 
#guideCts .section .sectionInner.about:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; }

#guideCts .section .sectionInner.about{
width:708px;
}

#guideCts .section p.sectionImg{
float:left;
width:185px;
padding:15px 0 0 10px;
}

#guideCts .section .sectionTxt{
float:right;
width:493px;
padding-top:5px;
}

#guideCts .section .sectionInner .sectionTxt h3{
color:#333;
padding-bottom:15px;
}

#guideCts .section .sectionInner .sectionTxt li,
#guideCts .section .sectionInner .caution li{
padding:3px 0 0 10px;
font-size:10px;
text-indent:-1em;
}

#guideCts .section .sectionInner .caution li a{
font-weight:bold;
text-decoration:underline;
}

#guideCts .section .sectionInner p.auctionTxt{
padding-bottom:10px;
}


/* persuade */
/* way */
#guideCts .section .sectionInner.persuade ul{
padding:10px 10px 0;
}

#guideCts .section .sectionInner.way{
padding:15px 20px 5px;
_height:50px;
}

#guideCts .section .sectionInner.persuade li,
#guideCts .section .sectionInner.way li{
padding-bottom:10px;
}

#guideCts .section .sectionInner.persuade li span{
display:block;
padding-left:20px;
}

#guideCts .section .sectionInner.way li a{
text-decoration:underline;	
}

/* price_caution */
#guideCts .section .sectionInner.price_caution{
padding:15px 25px 20px;
}

/* usePrice */
#guideCts .usePrice{
padding-bottom:15px;
}

#guideCts .usePrice h3{
padding-bottom:3px;
}

#guideCts .usePrice table{
width:470px;
text-align:center;	
}

#guideCts .usePrice table th{	
background-color:#eee;
border-top:1px solid #e0e0e0;
font-weight:normal;
}

#guideCts .usePrice table th,
#guideCts .usePrice table td{
border-bottom:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:2px 0;
}

#guideCts .usePrice table td span.fee{
font-size:11px;	
}

#guideCts .usePrice table th.price,
#guideCts .usePrice table td.price{
border-left:1px solid #e0e0e0;
width:135px;
}

/* useWay */
#guideCts .section .sectionInner.useWay{
padding:15px 25px 25px;
}

#guideCts .section .sectionInner.useWay h3{
color:#333;
padding-bottom:10px;
}

#guideCts .section .sectionInner.useWay .caution{
padding-top:20px;	
}

#guideCts .section .sectionInner.useWay .caution li{
font-size:12px;	
color:#555;
}

/* useBox */
#guideCts .section .sectionInner.useWay .useBox01{
padding-bottom:20px;
margin-bottom:15px;
border-bottom:1px solid #e9e4db;
}

#guideCts .section .sectionInner.useWay .useBox02{
padding-bottom:10px;
}

/* step */
#guideCts .section .sectionInner.useWay .step{
padding-bottom:20px;
width:688px;
}

#guideCts .section .sectionInner.useWay .step:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; }

#guideCts .section .sectionInner.useWay .step p.useImg{
float:left;
width:255px;
}

#guideCts .section .sectionInner.useWay .step .useTxt{
float:right;
width:418px;
}

#guideCts .section .sectionInner.useWay .step .useTxt h4{
padding-bottom:5px;
}

#guideCts .section .sectionInner.useWay .step .useTxt p{
padding-bottom:10px;
}

/* wish */
#guideCts .section .sectionInner.wish{
padding:20px 25px 0;
position:relative;
}

#guideCts .section .sectionInner.wish p.attention{
padding-bottom:20px;
}

#guideCts .section .sectionInner.wish .txt p{
padding:0 0 20px 10px;
}

#guideCts .section .sectionInner.wish .txt p.more{
padding:0 0 5px;
text-align: right;
}

#guideCts .section .sectionInner.wish .txt p.more a{
font-weight: bold;
text-decoration: underline;
}

#guideCts .section .sectionInner.wish .txt p.note{
padding:0 0 15px 10px;
}

#guideCts .section .sectionInner.wish .img01{
position:absolute;
top:13px;
right:15px;	
}

#guideCts .section .sectionInner.wish .img02{
position:absolute;
top: 290px;
right:15px;	
}

#guideCts .wish table{
width:692px;
margin: 5px 0 6px;
text-align:center;
border-left:1px solid #e0e0e0;
}

#guideCts .wish table th{
height:33px;
background-color:#eee;
border-top:1px solid #e0e0e0;
font-weight:normal;
line-height: 1.1;
}

#guideCts .wish table th.count01,
#guideCts .wish table th.count02,
#guideCts .wish table th.count03{
width: 72px;
}

#guideCts .wish table th.count03{
width: 65px;
}

#guideCts .wish table th,
#guideCts .wish table td{
border-bottom:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding: 1px 0;
}

#guideCts .wish table td.demerit {
text-align: left;
padding-left: 8px;
}

/* faq */
#guideCts .section .sectionInner.faq{
padding:20px 25px 10px;
}

#guideCts .section .sectionInner.faq p{
padding-bottom:10px;
}


/* btns */
#guideCts .section .sectionInner ul.btns {
text-align:center;
padding-top:5px;
}

#guideCts .section .sectionInner ul.btns li {
display:inline;
}