@charset "shift_jis";

#contents div.main dl:after,
#contents div.main div.row:after,
#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents div.main dl,
#contents div.main div.row,
#contents {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}

/* idF-8 */

#contents {
background: url(../../images/bg_contents.gif) repeat-y left top;
}

#contents div.side {
width: 200px;
float: left;
}
	
#contents div.side h1 {
font-size: 0;
line-height: 0;
margin-bottom: 40px;
}

#contents div.side h3 {
font-size: 0;
line-height: 0;
margin-bottom: 15px;
}

#contents div.side li {
font-size: 0;
line-height: 0;
background: url(../../images/lin_s_dot.gif) no-repeat left bottom;
padding: 12px 0 10px 0;
}

#contents div.side p {
margin-top: 22px;
float: right;
}
		
/*=============================
  class="main"  class="main2"
===============================*/
		
/*----- フォント-----*/

#contents div.main .f10 {
font-size:10px;
}
	
#contents div.main .Bf12Red {
font-size:12px;
font-weight:bold;
color:#B80E21;
}
	
#contents div.main .f10Red {
font-size:10px;
color:#FF0000;
}	
	
#contents div.main2 .f10 {
font-size:10px;
}
	
#contents div.main2 .Bf12Red {
font-size:12px;
font-weight:bold;
color:#B80E21;
}
	
#contents div.main2 .f10Red {
font-size:10px;
color:#FF0000;
}		

/*----- 共通-----*/

#contents div.main {
width: 678px;
float: right;
 }
	
#contents div.main2 {
width: 678px;
float: right;
 }
	

/*----- 共通　注意書き-----*/	

#contents div.main .attention{
	width:658px;
	height:700px;
	background-color:#EEEBEA;
	text-align:left;
	padding:10px;
	line-height:2.0;
	margin-bottom:30px;
}

#contents div.main2 .attention{
width:658px;
height:675px;
background-color:#EEEBEA;
text-align:left;
padding:10px;
line-height:2.0;
}

/*----- 共通　h2バー-----*/

#contents div.main h2 {
font-size: 0;
line-height: 0;
margin-bottom: 25px;
}

#contents div.main2 h2 {
font-size: 0;
line-height: 0;
margin-bottom: 25px;
}

/*=============================
  　　　　　　top
===============================*/


/*----- タイトル-----*/

#contents div.main .tit {
width:427px;
margin:0 0 10px 0;
text-align:center;
float:left;
}

#contents div.main .tit p {
padding-bottom:10px;	
}
		
#contents div.main .tit_r {
float:left;
}

/*----- ボタン-----*/

#contents div.main .btn_box{
width:678px;
height:60px;
margin-bottom:10px;
}

#contents div.main .btn_box .btn1{
margin-left:21px;
float:left;
}

#contents div.main .btn_box .btn2{
margin:10px 0 0 10px;
float:left;
}
/*----- ie5,ie6-----*/

.ie5 #contents div.main .btn_box .btn1{
margin-left:10px;
float:left;
}

.ie6 #contents div.main .btn_box .btn1{
margin-left:10px;
float:left;
}	
	
/*----- 特典-----*/


#contents div.main .txt{
padding:5px 10px 10px 10px;
}	
		
#contents div.main .txt_center{
padding:5px 5px 10px 10px;
text-align:center;
}	

#contents div.main .box_01 {
width:678px;
height:87px;
}	

#contents div.main .box {
width:678px;
height:680px;
background:url(../images/content_bg.gif) repeat-y;
}	
		
#contents div.main .box .anata {
width:319px;
float:left;
margin-left:10px;
}

/*----- ie5,ie6-----*/

.ie5 #contents div.main .box .anata {
width:319px;
float:left;
margin-left:5px;
}

.ie6 #contents div.main .box .anata {
width:319px;
float:left;
margin-left:5px;
}



#contents div.main .box .tomodachi {
width:319px;
float:left;
margin-left:20px;
}
				
#contents div.main .box .under{
float:left;
margin-left:0;
}	
		

/*=============================
  　　　　　page2
===============================*/

#contents div.main2 .tit {
width:654px;
margin-bottom:10px;
}

/*----- パソコンから-----*/

#contents div.main2 .p_box {
width:676px;
height:510px;
border:#E8D0B0 solid 1px;
margin-bottom:30px;
}

#contents div.main2 .p_g_box {
width:676px;
background:url(../images/title_p.gif) no-repeat;
height:84px;
margin-bottom:10px;
}

#contents div.main2 .p_g_box_t {
padding:12px 5px 0px 210px;
text-align:left;
}


#contents div.main2 .p_nagare_box {
margin:0 0 20px 9px;
}


#contents div.main2 .p_btn01 {
float:left;
margin:20px 0px 0px 20px;
}

#contents div.main2 .p_btn01 {
float:left;
margin:0 0 10px 17px;
}

#contents div.main2 .p_btn02 {
float:left;
margin:10px 0 10px 10px;
}


/*----- モバイルから-----*/

#contents div.main2 .m_box {
width:676px;
height:275px;
border:#E8D0B0 solid 1px;
margin-bottom:30px;
}

#contents div.main2 .m_g_box {
width:676px;
background:url(../images/title_m.gif) no-repeat;
height:84px;
margin-bottom:10px;
}

#contents div.main2 .m_g_box_t {
padding:25px 5px 0px 210px;
text-align:left;
}


#contents div.main2 .m_nagare_box {
margin:0 0 10px 9px;
}


/*----- 電話から-----*/

#contents div.main2 .t_box {
width:676px;
height:326px;
border:#E8D0B0 solid 1px;
margin-bottom:20px;
}

#contents div.main2 .t_g_box {
width:676px;
background:url(../images/title_t.gif) no-repeat;
height:84px;
margin-bottom:10px;
}

#contents div.main2 .t_g_box_t {
padding:15px 5px 0px 210px;
text-align:left;
}


#contents div.main2 .t_nagare_box {
margin:0 0 10px 9px;
}

#contents div.main2 .t_box ul{
text-align:left;
margin:0 10px 10px 10px
}

#contents div.main2 .btn_back{
width:446px;
margin:30px 0  30px 106px;
clear:both;
}