﻿@charset "utf-8";

body{
	background:url(../img/top/top_bk.jpg) no-repeat center top
}

/* メイン画像
---------------------------------------------------*/
#main_img{
	width:1000px;
	padding-bottom:30px;
}
* html #main_img  {  
	margin-top:-5px; 
	margin-left:1px;
}

/* 左
---------------------------------------------------*/
#top_left{
 width:755px;
 float:left;
}

/*-- おすすめ --*/
#osusume{
	width:745px;
	margin-left:10px;
	margin-bottom:25px;
	background:#EFEFEF;
}


.osusumeBox_waku{
	width:350px;
	float:left;
	background: url(../img/top/osusume_waku.gif) repeat;
	margin: 10px;
}

*html .osusumeBox_waku { 
	width : 350px;
	float : left;
	margin : 10px 5px; 
}

.osusumeBox{
	background-color: #FFF;
	width:320px;
	margin: 5px;
	padding: 10px;
}


.osusumeBox h3{
	color: #ff5b92;
	font-weight:bold;
	padding: 5px;
	font-size: 14px;
	}
	
/*.comment{
	width: 232px;
	vertical-align: top;
	float: right;
	}*/

.comment{
	width: 246px;
	height: 108px;
	background: url(../img/top/_osusume_bg3.gif) no-repeat;
	float: right;
	}

.comment p{
	width: 150px;
	font-size: 13px;
	padding-top: 20px;
	padding-left: 30px;
	}
	
.comment_1{
	width: 246px;
	height: 108px;
	background: url(../img/top/_osusume_bg.gif) no-repeat;
	float: right;
	}

.comment_1 p{
	width: 150px;
	font-size: 13px;
	padding-top: 20px;
	padding-left: 30px;
	}

.comment_2{
	width: 246px;
	height: 108px;
	background: url(../img/top/_osusume_bg2.gif) no-repeat;
	float: right;
	}

.comment_2 p{
	width: 150px;
	font-size: 13px;
	padding-top: 20px;
	padding-left: 30px;
	}

.comment_3{
	width: 246px;
	height: 108px;
	background: url(../img/top/_osusume_bg3.gif) no-repeat;
	float: right;
	}

.comment_3 p{
	width: 150px;
	font-size: 13px;
	padding-top: 20px;
	padding-left: 30px;
	}
	
.comment_4{
	width: 246px;
	height: 108px;
	background: url(../img/top/_osusume_bg4.gif) no-repeat;
	float: right;
	}

.comment_4 p{
	width: 150px;
	font-size: 13px;
	padding-top: 20px;
	padding-left: 30px;
	}

.comment_5{
	width: 246px;
	height: 108px;
	background: url(../img/top/_osusume_bg5.gif) no-repeat;
	float: right;
	}

.comment_5 p{
	width: 150px;
	font-size: 13px;
	padding-top: 20px;
	padding-left: 30px;
	}

/*-- whatsNew --*/
/*#whatsNew {
	padding-left:5px;
	padding-bottom:25px;
}
#whatsNew ul{
	width:710px;
	margin-top:1em;
	padding-left:20px;
}
li.cms{
	margin-left:10px;
	margin-bottom:8px;
	padding: 8px 0px;
	width:560px;
}
*html body li.cms{
	margin-left:10px;
	margin-bottom:0px;
	padding:0px 0px 3px 0px;
	width:560px;
}
#whatsNew .day{
	padding-right:20px;
	float:left;
	width:65px;
}
#whatsNew .detail{
	float:left;
	width:475px;
}
*/

/*-- whatsNew --*/
.pad_l{
	margin: 10px 0px 0px 30px;
	line-height: 2em;
	}

/* 右
---------------------------------------------------*/
#top_right{
 width:245px;
 float:right;
}


/*-- twitter --*/
#twitter_out{
	background:url(../img/top/twitter_bg.gif) no-repeat;
	min-height: 135px;
	height: auto !important;
	height: 135px;
	font-size: 13px;
	padding-top: 30px;
	padding-left: 25px;
	padding-right: 25px;
}


#twitter p img{
	position: relative;
	top: 50px;
	left: 10px;
	}








#top_banner{
	width:200px;
	padding:10px 10px 0px 10px;
	margin-bottom:10px;
	margin-left:15px;
	border:solid 1px #ccc;
}
#top_banner img{
	margin-bottom:10px;
}
#top_banner a:hover img{
	opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";
}

*html #top_banner{
	padding-top: 30px;
	}
	
.fold{
	padding: 0px 15px 10px 15px;
	text-align: right;
	font-size: 90%;
	}

