@charset "UTF-8";
/* プロフィールビデオ index CSS */
/* 2011.02.03 */

/* top メインイメージ */
div#main_img{
height:350px;
background:url(img/main_img.jpg) no-repeat top left;}

div#main_img div.copy{
float:left;
display:inline;
width:451px;
margin:24px 0 0 23px;}

div#main_img div.copy p{
margin:0 0 19px;}

div#main_img div.camp{
float:right;
display:inline;
margin:16px 11px 23px 0;}


/* top site 説明 */
div.top_comment{
margin:15px 0 5px;

text-align:center;}

div.top_comment div{
float:left;
width:657px;}

div.top_comment h2{
margin:0 0 5px;
font-size:1.2em;
font-weight:bold;
color:#FF6981;}

div.top_comment div.right{
float:right;
width:310px;}

ul.top3{
clear:both;}


/* top 人気ランキング */
ul.top3 li{
float:left;	
width:310px;
margin:0 20px 20px 0;}

ul.top3 li.last{
margin:0 0 10px;}

ul.top3 li ul{
margin:5px 0 0;}

ul.top3 li ul li{
float:none;	
width:auto;
margin:0;}

div.image{
position:static;
margin:30px 0 0 ;}

div.image a{
display:block;
padding:5px;
border:5px solid #f1e9e1;}

div.lank{
position:relative;
display:inline;
top:-265px;
left:0;}

ul.top3 p{
margin:-113px 0 0;
color:#ae8e5b;}

ul.top3 ul li strong{
color:#ff6882;
font-size:1.4em;}


/* top flow */
div.top_flow{
width:968px;
margin:0 0 20px;
background:url(img/bg_flow_top.gif) no-repeat top left;
border:1px solid #cbb46b;}

div.top_flowiner{
padding:15px 0 0;
background:url(img/bg_flow_bottom.gif) no-repeat bottom left;}

div.top_flow h3{
margin:0 0 10px ;
text-align:center;}

div.top_flow p.flow_txt{
margin:0 0 10px ;
text-align:center;}

div.flow_right{
float:left;
width:658px;
padding:0 0 0 10px;}

div.flow_right p{
padding:0 0 5px;}

div.flow_start{
float:left;
width:155px;
margin:0 10px 10px 0;}

div.flow_flow{
float:left;
width:440px;
margin:0 0 10px;}

div.flow_flow ul li{
float:left;}

div.flow_flow ul li{
float:left;}

div.flow_left{
float:right;
width:300px;
margin:0;}

div.flow_left p{
margin:0 0 20px;
padding:0 15px 0 0;}

/* clear */

div.earthquake2box{overflow: hidden;}

div.earthquake2box:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}

/*\*/
* htmldiv.earthquake2box{
height: 1em;
overflow: visible;}

/**/

/* top motton */
div.motton{
width:938px;
margin:0 0 20px;
border:1px solid #CBB46B;
padding:15px;
background:#fdfef9;}

div.motton_left{
float:left;
width:277px;}

div.motton_right{
float:right;
width:646px;}

div.comment_bottom{
margin:0 0 15px;
background:url(../img/motton/bg_motton_bottom.gif) no-repeat bottom center;}

div.comment_top{
padding:8px;
background:url(../img/motton/bg_motton_top.gif) no-repeat top center;}


div.comment_top h4{
display: table-cell;
padding: 0 15px 0 0;
vertical-align: middle;}

div.comment_top p{
display: table-cell;
width:530px;
margin: 0;
vertical-align: middle;}

div.comment_top p strong{
color:#ff6882;}

	 /*for IE6 */  
	* html div.comment_top h4,
	* html div.comment_top p{  
	display: inline;  
	zoom: 1;  
	}  
		
	 /*for IE7 */  
	*:first-child+html div.comment_top h4,
	*:first-child+html div.comment_top p{  
	display: inline;  
	zoom: 1;  
	}  

p.sign{
margin:10px 0 0;
text-align:right;}


/* プロフィールビデオ サムネイル */
dl.screenshot{
margin:-5px 0 0;}

dl.screenshot dt{
float:left;
margin:25px 0 0;}

dl.screenshot dd{
float:right;
width:853px;}

dl.screenshot dd ul li{
float:left;
width:205px;
margin:0 10px 10px 0;}

dl.screenshot dd ul li.last{
float:left;
width:205px;
margin:0 0 10px 0;}

dl.screenshot dd ul li a {
display:block;
padding:5px;
border:5px solid #F2E9E0;}

dl.screenshot dd ul li div{
margin:5px 0 0;
text-align:center;}

dl.screenshot dd ul li a.screenshot_title{
display:inline;
margin:5px 0 0;
padding:0!important;
border:none!important;
color:#00a8d7;
font-size:0.8em;
text-align:center;}

dl.screenshot dd ul li a:hover{
padding:5px;
border:5px solid #ffacc0;}

dl.screenshot dd ul li span{
display:block;
margin:0 0 5px;
color:#ae8e5b;}

dl.endoroll{
margin:5px 0 30px;}


p.next_sample{
margin:0 0 15px;
text-align:right;
}

p.next_sample a{
padding:0 0 0 13px;
background:url(../../common/css/img/bg_path.png) no-repeat left 0.34em;}


/* blog news area */
div.blog_area{
float:left;
display:inline;
width:473px;
margin:0 0 15px;
border:1px solid #FDABC2;
background:#fdfef9;}

div.blog_area a{
color:#33CBFF;}

div.blog_area h3{
margin:15px 0 0;
text-align:center;}

div.blog_area dl{
width:443px;
padding:15px 15px 0 15px;}

div.blog_area dl dt{
float:left;
width:78px;
font-size:0.9em;}

div.blog_area dl dd{
float:left;
width:270px;
font-size:0.8em;}

div.blog_area dl dd a{
display:block;
font-weight:bold;
font-size:1.2em;}

div.blog_area dl dd.detail{
float:left;
width:445px;
margin:-2em 0 20px ;
text-align:right;}

div.blog_area dl dd.detail a{
padding:0 0 0 20px;
display:inline;
background:url(img/icon1.gif) no-repeat left center;}


/* news area */
div.news_area{
float:left;
width:938px;
margin:0 0 15px;
padding:0 15px 0;
border:1px solid #FDABC2;
background:#fdfef9;}

div.news_area h3{
margin:15px 0 0;
text-align:left;}

div.news_area dl{
padding:15px 0 15px;}

div.news_area dl dt{
float:left;
width:78px;
font-size:0.9em;}

div.news_area dl dd{
float:left;
width:850px;
margin:0 0 10px;
font-size:0.8em;}

div.news_area dl dd strong{
display:block;
font-size:1.2em;}

.top_bnr{
clear:both;
}
.top_bnr li{
float:left;
margin:0 11px 0 0;}

.top_bnr li.last{
margin:0;}

div.camp_bnr{
margin:15px 0 5px;}

div#tax_mes{
float:right;
margin:10px 0;
}



/* clear */
.clearfix{display:block;}

div#main_img,
div.top_comment,
ul.top3,
div.top_flowiner,
div.motton,
div.comment_top,
dl.screenshot,
dl.screenshot dd ul,
div.news dl,
.top_bnr{overflow: hidden;}

div#main_img:after,
div.top_comment:after,
ul.top3:after,
div.top_flowiner:after,
div.motton:after,
div.comment_top:after,
dl.screenshot:after,
dl.screenshot dd ul:after,
div.news dl:after,
.top_bnr:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}

/*\*/
* html div#main_img,
* html div.top_comment,
* html ul.top3,
* html div.top_flowiner,
* html div.motton,
* html div.comment_top,
* html dl.screenshot,
* html dl.screenshot dd ul,
* html div.news dl,
* html .top_bnr{
height: 1em;
overflow: visible;}

/**/