/*------------------------------------------------------------------------
   eMplexƒtƒH[ƒ€—pCSS
------------------------------------------------------------------------*/


/*----------------------------------------------------
  ƒtƒH[ƒ€‹€’Κ
----------------------------------------------------*/


/*__ ƒŠƒZƒbƒg __*/

form,
input{
	margin:0;
	padding:0;	
}


/*__ ƒe[ƒuƒ‹ __*/

table.formTable{
	border-top:1px solid #dadada;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	margin:0 0 20px 70px;
}

td.field01 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	font-size: 12px;
	font-weight:bold;
	line-height:150%;
	color:#666666;
	background-color: #eeeeee;
	padding: 4px 5px 4px 10px;
	vertical-align:middle;
	border-bottom:solid 1px #dadada;
}

td.record01 {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	font-size: 12px;
	line-height:150%;
	color: #333333;
	background-color: #fff;
	padding: 4px 5px 4px 5px;
	vertical-align:top;
	border-bottom:solid 1px #dadada;
	border-left:solid 1px #dadada;
}

td.field01Last{
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	font-size: 12px;
	font-weight:bold;
	line-height:150%;
	color:#666666;
	background-color: #eeeeee;
	padding: 4px 5px 4px 10px;
	vertical-align:middle;
	border-bottom:solid 1px #dadada;
}

td.record01Last{
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	font-size: 12px;
	line-height:150%;
	color: #333333;
	background-color: #fff;
	padding: 4px 5px 4px 5px;
	vertical-align:top;
	border-bottom:solid 1px #dadada;
	border-left:solid 1px #dadada;
}

td.record01 table td,
td.record01Last table td{
	font-size: 12px;
	line-height:150%;
	color: #333333;
}



td.record01 div.loan{
	width:510px;
	*width:520px;
/*	height:130px;*/
	overflow:auto;
	border:1px solid #ccc;
	margin:0 0 1em 0;
	padding:5px;
	font-size: 12px;
	line-height:150%;
	color: #333333;
}



/*__ ƒeƒLƒXƒg __*/

.form_msg01{
	font-size: 12px;
	color: #666666;
}

#main_contents p{
	color:#555555;
	line-height:150%;
	font-size:12px;
	margin:0 0 1em 0;
	padding:0;
}

h2.formTitle{
	margin:0;
	padding:0;
}

h2,
p {
	margin: 0 0 1em 0;
}


.titleRead{
	margin:10px 0 20px 0;
	padding:0;
	color:#666666;
	font-size:12px;
}

#main_contents h3.formTitle{
	color: #333333;
	border-left:4px solid #cb302e;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	font-size: 14px;
	line-height: 130%;
	font-weight:bold;
	padding: 1px 6px ;
	margin:0 0 5px 0;	
}

.page{
	width:900px;
	margin:0;
	padding:5px;
	text-align:right;
	font-size:12px;
	line-height:150%;
}

.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.clearfix{
	/*overflow:hidden;*/
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */


#main_contents td.record01 p{
	font-size: 12px;
	line-height:150%;
	color: #333333;
	margin:0 0 1em 0;
}




/*----------------------------------------------------
  ƒƒOƒCƒ“ 
----------------------------------------------------*/

#loginBox{
	margin:0 0 0 10px;
	padding:0;
}

#loginBox h3{
	margin:0;
	padding:0;
}

.memberBoxBody{
	height:320px;
	background:url(/ec/images/member_box_bg.gif) repeat-y top left;
}

.memberBoxBtm{
	background:url(/ec/images/member_box_btm.gif) no-repeat bottom left;
}

.enterBox{
	width:324px;
	background:url(/ec/images/login_box.gif) no-repeat top left;
	text-align:center;
	padding:15px 0 0 0;
}

.enterBtm{
	width:324px;
	height:15px;
	background:url(/ec/images/login_btm.gif) no-repeat bottom left;
	font-size:1px;
	clear:both;
}

.loginfo{
	width:220px;
	margin:0 auto;
	text-align:left;
}

#main_contents .enterBox p{
	margin-bottom:0;
}

.godetail{
	width:185px;
	float:right;
	text-align:left;
	margin:5px 0 0 0;
}


.godetail p a{
	font-size:11px;
	line-height:140%;
	background:url(/ec/images/icon_nt.jpg) no-repeat 0 2px;
	margin:0 15px 0 0;
	padding:0 0 0 12px;
}

.feature{
	width:324px;
	border-top:1px solid #ccc;
	margin:8px 0 0 0;
	padding:8px 0 0 0 ;
}

.feature ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.feature ul li{
	margin:0;
	padding:0;
	display:block;
}

.feature img{
	width:61px;
	float:left;
	display:block;
	margin-left:8px;
}

.feature p{
	width:240px;
	float:right;
}

/*----------------------------------------------------
  ƒVƒ‡ƒbƒsƒ“ƒOƒJ[ƒg 
----------------------------------------------------*/

/*__ STEPS __*/

ol#steps{
	width:508px;
	height:50px;
	margin:0 0 20px 126px;
	padding:0;
	list-style-type:none;
	background:url(/ec/images/steps_cart.gif) top left no-repeat; 
}

ol#steps li{
	width:127px;
	height:50px;
	display:block;
	float:left; 
	text-indent:-9999px; 
	overflow: hidden;
}

ol#steps li.here1  { background:url(/ec/images/steps_cart.gif) top left no-repeat; background-position:0 -50px; }
ol#steps li.here2  { background:url(/ec/images/steps_cart.gif) top left no-repeat; background-position:-127px -50px ; }
ol#steps li.here3  { background:url(/ec/images/steps_cart.gif) top left no-repeat; background-position:-254px -50px; }
ol#steps li.here4  { background:url(/ec/images/steps_cart.gif) top left no-repeat; background-position:-381px -50px; }


/*__ ƒe[ƒuƒ‹ __*/

table.formTable2{
	border:2px solid #ccc;
	border-collapse:collapse;
	margin:0 0 20px 0;
}

table.formTable2 th{
	background-color:#cb302e;
	padding:5px;
	font-size: 12px;
	line-height:150%;
	color:#fff;
	border-right:1px solid #fff;
	text-align:center;
	font-weight:bold;
}

table.formTable2 td{
	padding:5px;
	font-size: 12px;
	line-height:150%;
	color: #333333;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

table.formTable2 td.total{
	padding:15px 5px;
	background-color:#fff5e5;
	font-size: 12px;
	line-height:150%;
	font-weight:bold;
	border-top:2px solid #ccc;
}

table.formTable2 .noborder{
	border-right:none;
}

table.daihiki{
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:0 0 1em 0;
}

table.daihiki th{
	background-color: #ebebeb;
}

table.daihiki td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}



/*----------------------------------------------------
  Δ“ό‰ΧŠσ–]μ•i 
----------------------------------------------------*/

/*__ STEPS __*/

ol#steps2{
	width:381px;
	height:50px;
	margin:0 0 20px 190px;
	padding:0;
	list-style-type:none;
	background:url(/ec/images/steps_request.gif) top left no-repeat; 
}

ol#steps2 li{
	width:127px;
	height:50px;
	display:block;
	float:left; 
	text-indent:-9999px; 
	overflow: hidden;
}

ol#steps2 li.here1  { background:url(/ec/images/steps_request.gif) top left no-repeat; background-position:0 -50px; }
ol#steps2 li.here2  { background:url(/ec/images/steps_request.gif) top left no-repeat; background-position:-127px -50px ; }
ol#steps2 li.here3  { background:url(/ec/images/steps_request.gif) top left no-repeat; background-position:-254px -50px; }


/*__  ƒ[ƒ‹ƒ}ƒKƒWƒ““o˜^i‹Œƒo[ƒWƒ‡ƒ“j __


table.formbox {
	width:760px;
	margin-bottom: 20px;
	border: 1px solid #d4d4d4;
}
table.formbox2 {
	width:760px;
	margin-bottom: 50px;
	border: 1px solid #d4d4d4;
}
#bkbtn {
	padding-top: 30px;
	padding-bottom: 30px;
}
#samplebox {
	margin-bottom: 20px;
}
#bkbox {
	padding-top: 10px;
	border-top: 1px solid #d4d4d4;
	padding-bottom: 20px;
}

*/


/*----------------------------------------------------
  ƒ}ƒCƒy[ƒW 
----------------------------------------------------*/

#mpnavArea{
	width:760px;
	height:45px;
	background-color:#c3c3c3;
	margin:0 0 30px 0;
}

ul#mpnav {
	width:753px;
	height:38px;
	margin:0 0 0 7px; 
 	padding:6px 0 0 0;
	list-style-type:none;
	background-color:#c3c3c3;]
}

ul#mpnav li {
	display:inline;
	margin:0;
	padding:0;
}

ul#mpnav li a{
	width:185px;
	height: 34px;
	margin:0 3px 0 0;
	padding:0;
	display: block;
	background:url(/ec/images/mypage_nav.gif) top left no-repeat;
	float:left; 
	text-indent:-9999px; 
	overflow: hidden;
}

ul#mpnav li.personal a { background-position:0 0;}
ul#mpnav li.history a { background-position:-188px 0; }
ul#mpnav li.sainyuka a { background-position:-376px 0; }
ul#mpnav li.todoke a { background-position:-564px 0; margin:0;}

ul#mpnav li.personal a:hover { background-position:0 -34px;}
ul#mpnav li.history a:hover { background-position:-188px -34px; }
ul#mpnav li.sainyuka a:hover { background-position:-376px -34px; }
ul#mpnav li.todoke a:hover { background-position:-564px -34px;}

ul#mpnav li.personal a.selected { background-position:0 -68px; height:38px;}
ul#mpnav li.history a.selected { background-position:-188px -68px; height:38px; }
ul#mpnav li.sainyuka a.selected { background-position:-376px -68px; height:38px; }
ul#mpnav li.todoke a.selected { background-position:-564px -68px; margin:0; height:38px;}


#mypageIndex{
	width:740px;
	margin:0 0 20px 10px;
	padding:0;
}

.mpBox{
	width:360px;
	float:left;
	background:url(/ec/images/mypage_box.gif) top left no-repeat;
	margin:0 20px 0 0;
	padding:15px 0 0 0 ;
}

.mpBoxBtm{
	width:360px;
	height:15px;
	background:url(/ec/images/mypage_box_btm.gif) top left no-repeat;
	font-size:1px;
	clear:both;
}

.mpBox img{
	float:left;
	margin:5px 5px 0 15px ;
	display:inline;
}

.mpdetail{
	width:255px;
	float:right;
	margin:0 15px 0 0;
	padding:0;
	display:inline;
}

#main_contents .mpdetail p{
	margin-bottom:0;
}

#main_contents .mpDetail h3{
	background:url(/ec/images/icon_nt02.gif) 0 4px no-repeat;
	font-size:12px;
	fon-weight:normal;
	line-height:150%;
	padding:0 0 0 13px;
	margin:0;
}

hr.kiri{ 
border-style: dotted none none none; 
border-top-width: 1px; 
border-top-color: #666699; 
height: 1px; 
}