div#mainarea {
width : 650px;
margin: 0 0 0 20px;
}

#mainarea h1{
text-indent:-9999px;
font-size:small;
background: url(../plus/images/step/ttl_step_h1_tiiku.gif) no-repeat;
height:67px;
margin-bottom:20px;
}

p.catImg01{
text-indent:-9999px;
font-size:small;
height:98px;
margin-bottom:10px;
}
p.catImg01#yoyaku2010{
background: url(../plus/images/step/catimg_yoyaku2010_01.gif) no-repeat;
}
p.catImg01#onsale2010{
background: url(../plus/images/step/catimg_onsale2010_01.gif) no-repeat;
}
p.catImg01#yoyaku2011{
background: url(../plus/images/step/catimg_yoyaku2011_01.gif) no-repeat;
}
p.catImg01#onsale2011{
background: url(../plus/images/step/catimg_onsale2011_01.gif) no-repeat;
}

div.dottedLine{
padding:20px 0;
background:url(../plus/images/bg_dotted_line.gif) repeat-x 50%;
}

div.plDottedLine{
padding:10px 0;
background:url(../plus/images/bg_dotted_line.gif) repeat-x 50%;
}

p.catTxt01{
padding-bottom:10px;
}

#banner_area01{
margin-top:10px;
width:640px;
clear:both;
}

div.banner01{
background:url("../plus/images/step/banner_koukishin.gif") no-repeat;
text-indent:-9999px;
height:72px;
width:461px;
float:left;
}

div.banner01-right{
width:179px;
height:72px;
float:right;
}

div.banner01-right a{
display:block;
width:179px;
height:72px;
text-indent:-9999px;
background:url("../plus/images/step/about_bt.gif") no-repeat 0 0;
}

div.banner01-right a:hover{
background:url("../plus/images/step/about_bt.gif") no-repeat 0 -72px;
}

#banner_area02{
margin:10px 0px 5px 0px;
width:650px;
height:182px;
background-color:#fdeed3;
}

div.banner02_top{
width:650px;
height:78px;
text-indent:-9999px;
background:url("../plus/images/step/step_banner01.gif") no-repeat 0 0;
}

div.banner02{
background:url("../plus/images/step/step_banner01.gif") no-repeat 0 0;
margin:0px;
width:362px;
float:left;
}

div.banner02 h3{
text-indent:-9999px;
}

div.banner02 p{
padding:58px 20px 0px 15px;
}

div.banner02 span{
font-size:10px;
}

div.banner03{
margin-top:20px;
float:right;
}
p{
font-size:12px;
line-height:1.4em;
}

h2#txtH2_01{
text-indent:-9999px;
font-size:small;
background:url(../plus/images/offer/plus_h2_04.gif) no-repeat;
height:35px;
margin:25px 0px 10px 0px;
}

h2#txtH2_02{
text-indent:-9999px;
font-size:small;background:url(../plus/images/offer/plus_h2_03.gif) no-repeat;
height:35px;
margin:25px 0px 10px 0px;
}

h2#txtH2_03{
text-indent:-9999px;
font-size:small;
background:url(../plus/images/offer/plus_h2_08.gif) no-repeat;
height:35px;
margin:25px 0px 10px 0px;
}

p.lineupDtlAtt{
font-size:10px;
line-height:1.4em;
margin-bottom:10px;
}

p.plLineupDtlAtt{
clear:both;
font-size:10px;
line-height:1.4em;
margin:15px 0px 15px 0px;
}

.pu-145box,.pu-200box {
margin-top: 10px;
width: 650px;
}

.pu-145box .imgArea {
width:146px;
float:left;
margin:0 15px 0 0;
}

.pu-145box .txtArea {
width:480px;
float:right;
margin:0;
}

.pu-145box h3 {
margin: 0 0 10px 0;
color: #f17c15;
font-size : 95%;
}

.pu-145box .txtArea p {
margin-bottom:10px;
margin-top:0;
}

.pu-200box .imgArea {
width: 200px;
float: left;
margin:0 15px 0 0;
text-align: center;
}

.pu-200box .txtArea {
float: right;
margin: 0;
}

.pu-200box h3 {
margin: 0 0 10px 0;
color: #f17c15;
font-size : 95%;
}
.pu-200box .txtArea p {
margin-bottom:10px;
margin-top:0;
font-size :83%;}

p.plDottedLine{
background:url(../plus/images/bg_dotted_line.gif) repeat-x 50%;
}

.col3-box {
width : 650px;
}

.col3-1,.col3-2{
margin-right:25px;
float : left;
width : 166px;
}

.col3-3{
float : left;
width : 166px;
}

.col3-1 h3,.col3-2 h3,.col3-3 h3{
line-height:1.2em;
margin:4px 0;
font-size:12px;
font-weight:bold;
color:#f17c15;
}

.col3-1 img,.col3-2 img,.col3-3 img{
margin-bottom:5px;
border-color:#999999;
border:1px;
}

.col3-1,.col3-2,.col3-3 span{
font-size:11px;
line-height:1.2em;
padding-right:0px;
}

div#order{
width:230px;
padding:25px 0px 15px 210px;
}

div.order a{
width:230px;
height:65px;
text-indent:-9999px;
background: url("../plus/images/offer/bt_plus_order.gif") no-repeat 0 0;
display:block;
}

div.order a:hover{
background: url("../plus/images/offer/bt_plus_order.gif") no-repeat 0 -65px;
}

/*-- download plug-in --*/
.dwl-box{
margin: 15px 0;
width: 580px;
}

.dwl-box a img{
margin: 0;
float:left;
width: 100px;
border : none;
}

.dwl-box p{
margin:0;
float:right;
width:470px;
font-size:77%;
line-height:1.4em;
}

span.att{
font-size:10px;
margin:10px 0;
}

/*common*/
#mainBlock p#btnOpt{
margin-top:10px;
margin-left:200px;
}

#mainBlock p#btnOpt a{
text-indent:-9999px;
background:url(../plus/images/btn_opt01.gif) no-repeat;display:block;
height:46px;
width:201px;
}

#mainBlock p#btnOpt a:hover{
background:url(../plus/images/btn_opt01.gif) no-repeat 0 -46px;
}

div.gotoPageTop a{
background:url(../faq/images/bg_arrow_red_top.gif) no-repeat;
font-size:12px;
padding-left:20px;
}

div.gotoPageTop{
text-align:right;
margin-top:20px;
}

p#btnOpt{
margin-top:10px;
margin-left:200px;
}

p#btnOpt a{
text-indent:-9999px;
background:url(../plus/images/btn_opt01.gif) no-repeat;
display:block;
height:46px;
width:201px;
}

p#btnOpt a:hover{
background:url(../plus/images/btn_opt01.gif) no-repeat 0 -46px;
}



/*================================================
content_aply
------------------------------------------------*/
#mainarea .content_aply {
	clear: both;
	width: 650px;
	margin: 20px 0 0 0;
}
#mainarea .content_aply h2 {
	height: 34px;
	margin: 10px 0;
	text-indent: -9999px;
	background: url("../course/images/idx_h2_aply.gif") no-repeat;
}

#mainarea .content_aply div.left_area {
	float: left;
	width: 410px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 20px;
}
#mainarea .content_aply div.left_area div.price {
	width: 400px;
	height: 48px;
	margin-left: 10px;
	text-indent: -9999px;
	background: url("../plus/images/aply_price.gif") no-repeat center;
}
#mainarea .content_aply div.left_area p {
	margin: 5px;
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
}

#mainarea .content_aply div.right_area {
	float: right;
	width: 203px;
	margin: 10px 0 20px;
	margin-left: auto;
	margin-right: auto;
}
#mainarea .content_aply div.right_area p {
	padding: 10px 10px 20px 10px;
	font-size: 10px;
	text-align: center;
	border: 1px solid #B4B4B4;
	background: #F2F2F2;
}
#mainarea .content_aply div.right_area p strong {
	display: block;
	font-size: 18px;
	line-height: 1.8em;
	color: #E9313D;
	text-align: center;
}
#mainarea .content_aply div.right_area p span {
	padding :10px 10px 10px 20px;
	text-align: left;
	color: #9A9A9A;
}

#mainarea .content_aply .clear {
	clear: both;
}
