/* リセットCSS */
div,dl,dt,dd,ul,li,p,h2,h3 {
margin:0;  
padding:0;  
}
img{border:0;}

li {
list-style:none;
}

/* 共通の設定ーーーーーーーーーーーーーーーーーーーーーー */

#contents {
	width:714px;
	background: url(../../img/top/right_bg.jpg) repeat-y top right;
	line-height:1.2em;
}
#contents2 {
	width:714px;
	padding-bottom:41px;
	margin: 0 auto;
	background: url(../../img/top/bottom_bg.jpg) no-repeat bottom right;
}
.left_col {
	float: left;
}

.right_col {
	float: right;
}


/* 左カラムの設定ーーーーーーーーーーーーーーーーーーーーーー */

.left_col {
	width:476px;
}

/* バナーエリアCSS */
.bana_area {
	background: url(../../img/top/left_bg.jpg) no-repeat top left;
	text-align:left;
	padding: 20px 0 0 15px;
	
}
.bana_area p {
	padding-bottom:5px;
}
.bana_area .twice{
	float:left;
	margin-right: 0px;
	padding-right: 6px;
}
* html .bana_area .twice{
	float:left;
	margin-right: 0px;
	padding-right: 3px;
}
*:first-child+html .bana_area .twice{
	float:left;
	margin-right: 0px;
	padding-right: 3px;
}

/* タブの基礎指定 */
.box {
	clear:both;
	padding: 20px 0 5px 0;
	text-align:left;
	width:448px
}
.box .title_box {
	width:443px
}
.box .title_box .note {
	float: right;
	width:300px;
	font-size:10px;
	line-height:1.2em;
	padding-bottom:3px;
	color:#666;
}
.box .title_box h2 {
	float: left;
	width:125px;
	padding-top:10px;
	font-size:10px;
}



#tabMenu {  
	clear:both;
	margin:0;  
	padding:0;  
	list-style:none;
	background: url(../../img/top/tab.jpg) no-repeat top left;
}  
#tabMenu li {  
	float:left;  
	height:45px;
	cursor:pointer;
	cursor:hand;
} 
  
/* タブのロールオーバー */  
li.comments {
	width:222px;
	background: url(../../img/top/tab2.jpg) no-repeat top left;
}  
li.posts {
	width:221px;
	background: url(../../img/top/tab1.jpg) no-repeat top left;
} 
li.mouseover {background:none;}  
li.mouseout {}  
li.selected {background:none;}  
  
/* タブ内容のCSS */  
.boxBody { 
	background: url(../../img/top/tp_bg_line.gif) repeat-y top left;
}  
.boxBody div.innerbox {
    display:none;  
}

.boxBody div.show {  
    display:block;  
}  
.boxBody #category a {  
    display:block  
}  


.boxBottom{  
	background: #fff url(../../img/top/top_bottom_bg.jpg) no-repeat top left;
	text-align:right;
	height:48px;
	padding: 18px 9px 0 0 ;
	margin-top:-20px;
}

.box .plan_box{
padding: 5px 20px 0 15px;
font-size:12px;

}
.box .plan_box p.photo{
width: 102px;
float: left;
padding-bottom: 20px;
}
.box .plan_box .text{
width: 300px;
float: right;
padding-bottom: 20px;
}


.box .plan_box h3{
padding-left:15px;
background: url(../../img/top/tp_icon.gif) no-repeat left 5px;
font-size:14px;
font-weight:bold;
}
.box .plan_box h3 a{
color:#003366;
text-decoration:none;
}
.box .plan_box h3 a:hover{
color:#0099ff;
text-decoration:underline;
}

.box .plan_box .read{
padding-top:12px;
background: url(../../img/top/tp_line.gif) no-repeat left 5px;
margin-bottom: 20px;
}
.box .plan_box .read .new_b{
	font-weight:bold;
}

.box .plan_box ul{
background: #eee;
padding:0px 5px 0px 5px;
height:30px;
clear:both;
position:relative;
}
.box .plan_box ul.h_50{
background: #eee;
padding:0px 5px 0px 5px;
height:50px;
clear:both;
position:relative;
}
.box .plan_box ul li.day{
float: left;	
display:inline;
position:absolute;
top:-5px;
padding-top: 14px;
background: url(../../img/top/tp_day.gif) no-repeat top left;
}
.box .plan_box ul li.price{
float: right;	
display:inline;
position:absolute;
top:-5px;
right:0px;
padding: 14px 5px 0 0;
background: url(../../img/top/tp_price.gif) no-repeat top left;

}
.box .plan_box ul li.price strong{
color:#990000;
padding-left:5px;
}




/*右カラムの設定ーーーーーーーーーーーーーーーーーーーーーー */

.right_col {
background: url(../../img/top/right_bg2.jpg) no-repeat left 40px;
width:238px;
border-top:1px solid #ccc;
}


/* 検索のCSS */

 #search form {
padding: 0 0 0 10px;
margin: 0;
font-size:12px;
}
 #search h2 {
padding: 20px 0 15px;
background: url(../../img/top/right_t_line.gif) no-repeat bottom center;
}
 #search dl{text-align:left;}
 #search dl select{margin: 0 3px;}
 #search dl dt{
clear:left;
position:relative;
padding: 10px 0 5px 20px;
background:url(../../img/top/search_arrow.gif) no-repeat 6px 15px;
}
#search dl dd{
padding: 0 0 8px 0px;
position:relative;
}
 #search dl dt.search_col2{
position:relative;
clear:left;
float: left;
width:115px;
padding: 8px 0 8px 20px;
text-indent:0;
margin: 0;
background:url(../../img/top/search_arrow.gif) no-repeat 6px 15px;
border-bottom: none;
}
 #search dl dt.search_col2 .bottom_line {
position:absolute;
bottom:0;
left: 0px;
}
 #search dl dd.search_col2{
float:left;
width:81px;
text-align: right;
border-bottom: none;
padding: 8px 0 8px 0;
}
 #search .search_submit {
clear:both;
text-align:center;
padding: 5px 0;
}
 #search .bottom_line {
position:absolute;
bottom:0;
left: 0;
}
 #search ul{
text-align:center;
padding: 7px 0;
background: url(../../img/top/right_t_line.gif) no-repeat bottom center;
}
 #search li{
display:inline;
}


/* おすすめ情報バナーエリアCSS */
#right_bana_area h2 {
text-align:left;
padding:25px 0 5px 4px ;
}
#right_bana_area ul {
padding-left:4px;
}

#right_bana_area li{
float:left;
padding:0 2px 2px 0;
}
#right_bana_area p{
clear:both;
padding:2px 0 2px 2px;
}
#right_bana_area ul.la{
	padding:18px 0 5px 4px;
	clear:both;
	height:35px;
}
#right_bana_area ul.la li{
	float:left;
}
#right_bana_area ul.la li.pr5{
	padding-right:5px;
}
/* おすすめ情報バナーエリアCSS */
#class_f {
text-align:left;
font-size:12px;
background: url(../../img/top/right_t_line.gif) no-repeat bottom center;
padding-bottom:10px;
}
#class_f h2 {
padding:30px 0 10px 4px ;
background: url(../../img/top/right_t_line.gif) no-repeat bottom center;
}
#class_f p {
padding: 4px 0 4px 15px;
}
#class_f ul {
padding-top:5px;
}
#class_f li {
text-align:center;
padding-top:3px;
}
#class_f li img {
vertical-align:bottom;
}







.footer {
clear:both;
}


/* フロートクリア
=====================================*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
  line-height:0;
}
.clearfix {
  min-height: 1px;
}