div#mainarea {
width : 650px;
margin:0 0 0 20px;
}

#mainarea h1{
text-indent:-9999px;
font-size:small; 
background: url(../plus/images/hop/ttl_hop_h1_tiiku.gif) no-repeat;
height:67px;
margin-bottom:20px;
}

#mainarea p.catImg01{
text-indent:-9999px;
font-size:small;
/*background: url(../plus/images/hop/catimg_puls_hop012.gif) no-repeat;*/
height:98px;
margin-bottom:15px;
}
#mainarea p.catImg01#yoyaku2010{
background: url(../plus/images/hop/catimg_yoyaku2010.gif) no-repeat;
}
#mainarea p.catImg01#onsale2010{
background: url(../plus/images/hop/catimg_onsale2010.gif) no-repeat;
}
#mainarea p.catImg01#yoyaku2011{
background: url(../plus/images/hop/catimg_yoyaku2011.gif) no-repeat;
}
#mainarea p.catImg01#onsale2011{
background: url(../plus/images/hop/catimg_onsale2011.gif) no-repeat;
}
#mainarea div.dottedLine{
clear:both;
padding:20px 0;
background:url(../plus/images/bg_dotted_line.gif) repeat-x 50%;
}

#mainarea div.plDottedLine{
clear:both;
padding:10px 0;
background:url(../plus/images/bg_dotted_line.gif) repeat-x 50%;
}

#mainarea p.catTxt01{
padding-bottom:10px;
}

#mainarea p{
font-size:12px;
line-height:1.4em;
}

#mainarea h2#txtH2_01{
text-indent:-9999px;
font-size:small;
background:  url(../plus/images/offer/plus_h2_04.gif) no-repeat;
height:35px;
margin:10px 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:10px 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:10px 0px 10px 0px;
}

#mainarea p.lineupDtlAtt{
font-size:10px;
line-height:1.4em;
margin-bottom:10px;
}

#mainarea p.plLineupDtlAtt{
clear:both;
font-size:10px;
line-height:1.4em;
margin: 10px 0 0 0;
}

.banner_01 {
height:109px;
margin:10px 0px 30px 0px;
}

.pu-145box,.pu-200box {
margin-top: 10px;
width: 650px;
}

.pu-145box .imgArea {
width: 145px;
float: left;
margin: 0 15px 0 0;
}

.pu-145box .txtArea {
width: 490px;
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-145box .imgArea h3 {
margin-bottom:3px;
color: #f17c15;
font-size : 95%;
}

.pu-145box .imgArea p {
margin-bottom:5px;
margin-top: 0;
}

.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 0px;
font-size : 12px;
font-weight : bold;
color : #f17c15;
}

.col3-1,.col3-2,.col3-3 span{
font-size:11px;
line-height:1.2em;
padding-right:0px;
}

/*common*/
#mainarea p#btnOpt{
margin-top:10px;
margin-left:200px;
}

#mainarea p#btnOpt a{
text-indent:-9999px;
background:url(../plus/images/btn_opt01.gif) no-repeat;
display:block;
height:46px;
width:201px;
}

#mainarea p#btnOpt a:hover{
background:url(../plus/images/btn_opt01.gif) no-repeat 0 -46px;
}

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;
}






/*================================================
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;
	font-size: 10px;
	line-height: 1.8em;
	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 {
	line-height: 0.6em;
	color: #9A9A9A;
}

#mainarea .content_aply .clear {
	clear: both;
}