@charset "utf-8";

/* ------------------------------------------- CSS Document
 File Name:			tab_manual_01.css
 Style Info:		マニュアルページ共通レイアウト設定
----------------------------------------------------------- */


/* ------------ プロフィール上部 レイアウト Style */

/* 中項目 style*/

.bodyArea {width:800px; margin: 0 auto; text-align:left;}

.mar10 {margin-top:10px;}
.t_m_b12 {margin-bottom:12px;}
.t_m_t12 {margin-top:12px;}
.t_m_b24 {margin-bottom:24px;}
.t_m_t24 {margin-top:24px;}

.formbace {widows:780px; text-align:center; padding:10px; vertical-align:bottom;}

.login_explanation {width:400px; margin: 0 auto; text-align:center;}

.login_frame {width:800px; border:none; margin: 0 auto; text-align:center;}
.lF1 {width:800px; height:50px; background:url(../img/frame_a_t.gif) no-repeat;}
.lF2 {width:800px; background:url(../img/frame_a_m.gif) repeat-y;}
.lF3 {width:800px; height:50px; background:url(../img/frame_a_b.gif) no-repeat;}

.entry_all {width:600px; margin: 0 auto; text-align:center;}
.entry01 {width:600px; height:50px;}
.entry02 {width:75px; height:50px; background-image:url(../img/mid_waku1_l.gif); border:none; background-repeat:no-repeat;}
.entry03 {width:450px; height:50px; background-image:url(../img/mid_waku1_m.gif); border:none; background-repeat:repeat-x;}
.entry04 {width:75px; height:50px; background-image:url(../img/mid_waku1_r.gif); border:none; background-repeat:no-repeat;}

.orderHistory {width:600px; border:none; border-collapse:separate; border-spacing:5px;}
.oH01 {width:64px; height:16px;}
.oH02 {width:124px; height:16px;}
.oH03 {width:296px; height:16px;}
.oH04 {width:52px; height:16px;}
.oH05 {width:64px; height:16px;}

.cel00 {width:310px; text-align:center; border:none; margin:14px auto;}
.cel01 {width:310px; background:#ffe0ef; color:#e95464; font-weight:bold; text-align:center; border:1px #f3981d solid; padding:5px; vertical-align:middle;}
.cel02 {width:150px; background:#d1ffff; color:#00afcc; font-weight:bold; text-align:center; border:1px #f3981d solid; padding:5px; vertical-align:middle;}
.cel03 {width:150px; background:#ffffd1; color:#f3981d; font-weight:bold; text-align:center; border:1px #f3981d solid; padding:5px; vertical-align:middle;}

.explanation {width:550px; border:5px #63c3bb solid;}
.explanationCel01 {width:540px; padding:5px; text-align:left; border:1px #63c3bb solid; background:#c8fdf9; vertical-align:top;} 
.explanationCel02 {width:270px; padding:5px; text-align:left; border:1px #63c3bb solid; background:#c8fdf9; vertical-align:top;}

.scenarioTab {width:550px; border:5px #63c3bb solid; margin:0 auto;}
.scenarioCel1 {width:550px; border:1px #63c3bb solid; background:#ccff99; text-align:center;}
.scenarioCel2 {background:#ccff99; border:1px #63c3bb solid; text-align:center;}
.scenarioCel3 {background:#d0fffa; border:1px #63c3bb solid; text-align:center;}
.scenarioCel4 {background:#d0ffdb; border:1px #63c3bb solid; text-align:center;}

.pointBuy {width:550px; border:5px #63c3bb solid; margin: 0 auto;}
.pointBuy01 {width:14px; padding:1px; text-align:center; border:1px #63c3bb solid; font-size:12px;}
.pointBuy02 {width:64px; padding:1px; text-align:center; border:1px #63c3bb solid; font-size:12px;}
.pointBuy03 {width:122px; padding:1px; text-align:center; border:1px #63c3bb solid; font-size:12px;}
.pointBuy04 {width:292px; padding:1px; text-align:center; border:1px #63c3bb solid; font-size:12px;}
.pointBuy05 {width:292px; padding:1px 2px 1px; text-align:left; border:1px #63c3bb solid; font-size:12px;}
.pointBuy06 {width:48px; padding:1px; text-align:center; border:1px #63c3bb solid; font-size:12px;}
.pBcel01 {background:#CCFF99;}
.pBcel02 {background:#d0fffa;}
.pBcel03 {background:#d0ffdb;}

.entry_all2 {width:550px; margin:0 auto; text-align:left;}
.entry_all3 {width:550px; margin:14px auto; text-align:center;}

.price01 {width:500px; border:1px #eb6ea0 dashed; margin:7px 0; padding:14px;}
.price02 {width:450px; border:1px #008db7 dashed; margin:7px 0 7px 50px; padding:14px;}

.explain00 {width:550px; border:5px #63c3bb solid; border-collapse:collapse;}
.explain01 {padding:5px; text-align:left; border:1px #63c3bb dashed; background:#ffffe5; vertical-align:top;}

dl.dotList {
	margin-bottom: 1.25em;
}
dl.dotList dt {
	padding-left: 18px;
	
	margin-bottom: 4px;
	font-weight: bold;
	color: #e77f93;
	
	background: url(../img/icon_dot.gif) no-repeat 4px 5px;
}
dl.dotList dd {
	padding-left: 20px;
	margin-bottom: 8px;
}

ul.dotList {
	margin-bottom: 1.25em;
}
ul.dotList li {
	color: #333333;
	padding-left: 18px;
	background: url(../img/icon_dot2.gif) no-repeat 4px 5px;
}

dl.qaList {
	margin-bottom: 1.25em;
}
dl.qaList dt {
	padding-left: 18px;
	
	margin-bottom: 4px;
	color: #e95464;
	
	background: url(../img/icon_q.gif) no-repeat 2px 1px;
}
dl.qaList dd {
	padding-left: 18px;
	margin-bottom: 14px;
	
	background: url(../img/icon_a.gif) no-repeat 2px 1px;
}


#commExpTable {
	width:550px;
	border:1px #afafb0 solid;
	border-collapse:separate;
	border-spacing:3px;
	margin:10px auto;
}
.commExpTable01 {
	width:26px;
	padding:2px;
	font-size:12px;
}
.commExpTable02 {
	width:146px;
	height:32px;
	padding:2px;
	font-size:12px;
}
.commExpTable03 {
	width:266px;
	height:32px;
	padding:2px;
	font-size:12px;
}
.commETCel01 {
	border:1px #ffffff solid;
	background:url(../img/bg_commname.gif) repeat;
}
.commETCel02 {
	border:1px #ffcccc solid;
	background:#ffe5e5;
}
.commETCel03 {
	border:1px #c1e0ff solid;
	background:#dbedff;
}
.commETCel04 {
	border:1px #d4d9dc solid;
	background:#ffffff;
}
.commETCel05 {
	border:1px #c6ffc6 solid;
	background:#dbffdb;
}