@charset "Shift_JIS";
/* help */
/*
clearfix
------------------------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;}

.clearfix {
	min-height: 1px;
	}

*html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/}

/*****************************/
/*                            */
/* HELP common                 */
/*                             */
/*****************************/

a{
color:#336699;
text-decoration:none;}
a:link,
a:visited,
a:active{
color:#336699;
text-decoration:none;}
a:hover{
color:#00C686;
text-decoration:underline;}


/*------------------------------------------------- */
/* side*/
/*------------------------------------------------- */

#helpArea #SideArea .sideInner{
	border:1px solid #ddd;
	margin:0 0 10px;
	width:208px;}
#helpArea #SideArea .sideInner h4{
	border-bottom:1px solid #396;
 color:#396;
	margin:3px 5px;
	padding:0;
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;}
#helpArea #SideArea .sideInner p{
	margin:3px;}
#helpArea #SideArea .sideInner ul{
	list-style:url(http://www.tsukumo.co.jp/img/help/list.gif) outside;
	margin:0 0 5px 2em;
	padding:0;}
#helpArea #SideArea .sideInner li{
	padding:0;
	margin:0;}
#helpArea #necessary{
 border:1px solid #396;
	padding:5px;
	margin-bottom:20px;}
address{
	font-style:normal;
	margin:0 5px;}
	
/*------------------------------------------------- */
/* Main*/
/*------------------------------------------------- */
#helpArea{
 color:#333;
	margin:10px;}

#helpArea #MainArea{
 float:left;
	width:710px;}
#helpArea #SideArea{
	width:210px;
	margin-left:716px;}



h2.title
{
	font-size:15px;
	font-weight:bold;
	line-height:1.5em;
	border-top:2px solid #096;
	border-bottom:2px solid #096;
	margin:5px;
	padding:2px;
}
/* main
-------------------------------------------*/
#helpArea #MainArea h2{
	background:url(http://www.tsukumo.co.jp/img/help/H2.jpg) no-repeat;
	border-bottom:2px solid #396;
	text-indent:30px;
	height:22px;
	padding-top:5px;
	font-size:small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:medium;}
#helpArea #MainArea h3{
 clear:both;
	background:#396;
	color:#fff;
	margin:20px 0 10px;
	padding:4px 4px 2px;
	font-size:small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:medium;}
#helpArea #MainArea h3 img{
	vertical-align:middle;
	margin-right:5px;}
#helpArea #MainArea .step ul,
#helpArea #MainArea .stepB ul{
	margin:2px 0 2px 2em;
	padding:0;}
#helpArea #MainArea .step ul{
	color:#996600;}
#helpArea #MainArea .step,
#helpArea #MainArea .step img,
#helpArea #MainArea .stepC,
#helpArea #MainArea .stepC img{
 float:left;}
#helpArea #MainArea .step .text{
	margin:0 5px 0 425px;}
#helpArea #MainArea .step .text h4,
#helpArea #MainArea .step .text h5,
#helpArea #MainArea .stepB h4,
#helpArea #MainArea .stepB h5,
#helpArea #MainArea .stepB h6,
#helpArea #MainArea .stepC h4{
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;}
#helpArea #MainArea .step .text h4,
#helpArea #MainArea .stepB h4{
	color:#396;
	margin:0;}
#helpArea #MainArea .step .text h5,
#helpArea #MainArea .stepB h5{
	color:#000;
	margin:10px 0 3px;}
#helpArea #MainArea .step .text h5 img,
#helpArea #MainArea .stepB h5 img{
	margin-right:5px;
	vertical-align:top;}
#helpArea #MainArea .step .text p,
#helpArea #MainArea .stepB p,
#helpArea #MainArea .stepC .text p{
	margin:8px 0 0 20px;}

/*-step-*/
#helpArea #MainArea .step{
	margin:0 0 10px;}
	
/*-stepB-*/
#helpArea #MainArea .stepB{
	margin:0 10px 10px;}
	
#helpArea #MainArea .stepB hr{
	width:95%;
	border-style: solid none none none;
	border-top-width: 1px;
	border-top-color: #ddd;
	height: 1px;
	margin:10px 0;}

#helpArea #MainArea .stepB ul{
	color:#333;}
#helpArea #MainArea .stepB ul.none,
#helpArea #MainArea .stepB ul.meen{
	list-style:none;}

#helpArea #MainArea .stepB ul li{
	font-size:small;
	margin:10px 0;
	text-decoration: none;}
#helpArea #MainArea .stepB ul.meen li img{
	vertical-align:middle;
	margin:0 5px;}
#helpArea #MainArea .stepB ul.meen li .ten{
	margin:0 20px;}
#helpArea #MainArea .stepB ul.meen li .iconname{
	font-weight:bold;}
#helpArea #MainArea .stepB p img{
	vertical-align:middle;
	margin:0 3px 3px;}

/*-stepC-*/
#helpArea #MainArea .stepC{
	margin:0 0 10px;}
#helpArea #MainArea .stepC .text{
	margin:0 5px 0 350px;}
#helpArea #MainArea .stepC h4{
	background:#396;
	color:#FFF;
	margin:0;
	padding:3px 3px 2px;}
#helpArea #MainArea .stepC .text table{
	background:#ccc;
	width:350px;}
#helpArea #MainArea .stepC .text th,
#helpArea #MainArea .stepC .text td{
	background:#fff;
	padding:3px;}
#helpArea #MainArea .stepC .text th{
	width:80px;}
#helpArea #MainArea .stepC .text th img{
	float:none;}


/*****************************/
/* HELP TOP                  */
/*****************************/
#helpArea #TOPnecessary {
	line-height:1.5;
	font-weight:bold;
	padding:5px;
	text-align:left;
	margin:20px 15px;
	width:890px;
	letter-spacing:1px;
}
#helpArea #TOPnecessary address {
	font-weight:normal;
	padding-left:50px;
}

#riyoGuid,
#BasketGuid,
#info{
	margin:0 14px;}
#riyoGuid h2,
#BasketGuid h2,
#info h2{
	background-repeat:no-repeat;
	display:block;
	height:34px;
	width:902px;
	text-indent:-9999px;
	margin:0 0 5px;}

#riyoGuid table,
#info table{
 margin:0 30px;
	width:846px;}
#riyoGuid table th{
 color:#339966;
 text-align:left;}
#riyoGuid table td,
#info table td{
	vertical-align:top;
	width:50%;}
	
/*riyoGuid */
#riyoGuid h2{
 background:url(http://www.tsukumo.co.jp/img/help/H2RiyoGuid.jpg);}
#riyoGuid td{
 font-weight:bold;
 padding:10px 0;
	font-size:middle;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;}
#riyoGuid img{
 margin-right:10px;
 vertical-align:middle;}
	
/*BasketGuid */
#BasketGuid h2{
 background:url(http://www.tsukumo.co.jp/img/help/H2BasketGuid.jpg);}
#BasketGuid h3{
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
	color:#396;
	margin:10px 5px 0;}
#BasketGuid #buyBefore,
#BasketGuid #buyAfter{
	margin:0 20px 5px;}
#BasketGuid #buyBefore table,
#BasketGuid #buyAfter table{
	margin:10px;}
#BasketGuid #buyBefore table#beforeArea{
	margin:0;
	width:846px;}
#BasketGuid #buyBefore table#beforeArea td{
	vertical-align:top;
	width:50%;}
#BasketGuid #buyBefore .befoer th,
#BasketGuid #buyAfter th{
	background:url(http://www.tsukumo.co.jp/img/help/yajirushi.gif) no-repeat 0 5px;
	text-align:left;
	text-indent:20px;
	padding:5px 10px 5px 0px;}
#BasketGuid #buyBefore .befoer td,
#BasketGuid #buyAfter td{
	padding:5px 0;}
	
/*infoGuid */
#info h2{
 background:url(http://www.tsukumo.co.jp/img/help/H2info.jpg);}


/*****************************/
/* Pay                 */
/*****************************/

#helpArea .back{
	text-align:right;
	background:#dfdfdf;
	padding:1px;
	margin:10px 0 20px;}
#helpArea .helpDetail p{
	margin:0;}
#helpArea .helpDetail img{
 vertical-align:middle;}
	
#helpArea .helpDetail ul{
	margin:10px 0 10px 2em;
	padding:0;}
#helpArea .helpDetail ul#payway{
 list-style:none;}
#helpArea .helpDetail li{
	margin:3px 0;
	padding:0;}
#helpArea .helpDetail ul#payway li{
	margin:5px 0;}
#helpArea .helpDetail ul#payway li img{
	margin:0 5px;}
#helpArea .helpDetail{
 margin:10px;}
	
.emp{
	color:#0066CC;
	font-weight:bold;}
.att{
	color:#ff0000;
	font-weight:bold;}

/* credit */
#helpArea #credit_tsukumo,
#helpArea #credit_other{
 background:#555;
	margin:5px 0 5px 20px;}
	
#helpArea #credit_tsukumo th,
#helpArea #credit_other th{
	background:#fff;
 padding:2px 5px;
	width:150px;}

#helpArea #credit_tsukumo td,
#helpArea #credit_other td{
	text-align:center;
	color:#333;}
	
#helpArea #credit_tsukumo td.kazu_t,
#helpArea #credit_other td.kazu_t{
	background:#99CCCC;}
#helpArea #credit_tsukumo td.kazu,
#helpArea #credit_other td.kazu{
	width:26px;
	background:#99CCCC;}
	
#helpArea #credit_tsukumo th{
	text-align:left;
	background:#99CC99;}
#helpArea #credit_tsukumo td{
	background:#DDFFDF;}

#helpArea #credit_other th{
	 text-align:left;
		vertical-align:middle;}
#helpArea #credit_other th img{
		vertical-align:middle;}
#helpArea #credit_other td{
	background:#fdfdfd;}
#helpArea #credit_other td.bg{
	background:#DDFAFF;}
	
	
/* sc */
/* daibiki */
#helpArea #daibiki,
#helpArea #sc{
	background:#555;
	margin:10px 0 10px 20px;
	width:450px;}

#helpArea #daibiki th,
#helpArea #daibiki td,
#helpArea #sc th,
#helpArea #sc td{
	padding:3px 5px;}
	
#helpArea #daibiki td,
#helpArea #sc td{
	background:#fff;}
	
#helpArea #sc th{
	background:#99CCCC;}
#helpArea #sc td{
	text-align:center;
	background:#fff;}

#helpArea #daibiki th{
	background:#FF9933;}
#helpArea #daibiki td{
	text-align:right;}
#helpArea #daibiki td.daikin{
	background:#FEEEAD;}
	
/*****************************/
/* haiso   */
/* kaigai             */
/*****************************/
#helpArea .stepB #soryo,
#helpArea .stepB #sizeArea{
	background:#555;
	margin:10px;
	width:680px;}
#helpArea .stepB #soryo th,
#helpArea .stepB #soryo td,
#helpArea .stepB #sizeArea td{
	padding:5px;}
#helpArea .stepB #soryo th,
#helpArea .stepB #sizeArea th{
	background:#99CC99;}
#helpArea .stepB #soryo td{
	background:#fff;}
#helpArea .stepB #soryo td.price,
#helpArea .stepB #sizeArea td{
	text-align:right;}

/* kaigai
--------------------------------------*/
#helpArea .stepB #sizeArea th{
	padding:5px 3px;}
#helpArea .stepB #sizeArea tr.typeA{
	background:#fff;}
#helpArea .stepB #sizeArea tr.typeB{
	background:#ddd;}


/* ryosyusho
--------------------------------------*/
#helpArea .stepB #stockArea{
	border:1px solid #ccc;
	margin:10px;}
#helpArea .stepB #stockArea td{
	border-bottom:1px dotted #ccc;
	vertical-align:top;
	padding:10px 5px;}
#helpArea .stepB #stockArea td p{
	margin:0;}
#helpArea .stepB #stockArea .stock{
	border:1px solid #960;}
#helpArea .stepB #stockArea .stock th,
#helpArea .stepB #stockArea .stock td{
	padding:3px;}
#helpArea .stepB #stockArea .stock th{
background:#960;
color:#FFF;}
#helpArea .stepB #stockArea .stock td{
background:#FFF;
color:#960;
width:60px;}

/*****************************/
/* henpin   */
/*****************************/

#helpArea #MainArea .stepB h6{margin:5px;padding:0;line-height:1.4em;}

#helpArea #MainArea .stepB .repayment{
background-color:#edfbec;
padding:5px 5px 5px 0px;
margin-bottom:10px;
line-height:1.3em;
}

#helpArea #MainArea .stepB .repayment p{
margin-left:1em;
}

#helpArea #MainArea .stepB .repayment em{
font-weight:bold;
font-style:normal;
color:#f00;
}
