@charset"UTF-8";
/*
==== CSS INFORMATION ===========================================

Site name：	誰でも動画サイト (http://videogarage.jp/)
Description:共通ファイル
File name：	style.css (http://videogarage.jp/css/style.css)
Created:	2008/11/01
LastUpdate:	2008/11/01
Author:		infogarage
Copyright:	(c)infogarage

================================================================
*/

/*
===== CONTENTS =================================================

	1: layout
	2: mainCnt
	3: sideCnt
	4: header
	5: footer
	6: etc.

================================================================
*/


/*=====	1: layout ==========================================
*/

/*=====	2: mainCnt ==========================================
*/
body{
	line-height:normal;
}

#mainCnt{
	float:left;width:735px;
}

#sideCnt{
	float:right;
	width:215px;
	display:inline;
	font-size:13px;
	padding-top:4px;
	margin-right:5px;
	margin-bottom:15px;
}

/*動画プレーヤー*/
.content h3{
	color:#353535;
	font-size:20px;
	line-height:1.5;
	margin-bottom:15px;
}

#content_info{
	float:right;
	width:310px;
	display:inline;
	color:#353535;
	background:#eee;
	border:1px solid #ccc;
}

#content_info .body{
	margin:10px;
}

#content_info h4{
	font-weight:bold;
	margin-bottom:5px;
}

#content_info p{
	margin-bottom:10px;
	overflow:hidden;
}

#content_info th,
#content_info td{
	padding-bottom:5px;
}

.section{
	clear:both;
	margin-bottom:15px;
}

.section p{
	margin-bottom:15px;
}

/*ページ下ナビゲーション*/
#underCnt{
	clear:both;
	padding:4px;
	margin-top:10px;
	font-size:12px;
	margin-bottom:20px;
}

/*記事一覧*/

#lead{
	margin-bottom:10px;
}




/*===== 3: sideCnt ==========================================
*/
.sideCntModule h3{
	margin-bottom:10px;
}

.sideCntModule{
	margin-bottom:15px;
}

.sideCntModule p{
}

.sideCntModuleBox{
}

/*サンプル動画リスト*/
#sideCnt #sampleMovies{
	background:url(./images/sampleMovies_body.gif) repeat-y;
}

#sideCnt #sampleMovies .playerArea{
	margin-bottom:10px;
}

#sideCnt #sampleMovies h3{
	background:url(./images/sampleMovies_head.gif) no-repeat;
	height:34px;
	text-indent:-9999px;
	margin-bottom:0;
}

#sideCnt #sampleMovies .body{
	padding:0 8px 8px 8px;
}

#sideCnt #sampleMovies .foot{
	background:url(./images/sampleMovies_foot.gif) no-repeat bottom;
	text-align:center;
	height:35px;
}

#sideCnt #sampleMovies .foot .btnArea{
	text-align:center;
	padding-top:5px;
}

#sideCnt #sampleMovies .foot .btn_goList {
	clear:both;
	background:url("./images/btn_goList.png") no-repeat scroll 0 0 transparent;
	height:25px;
	text-indent:-9999px;
	width:88px;
	margin:0 auto;
}

#sideCnt #sampleMovies .cntBox{
	clear:bothl;
	margin-bottom:10px;
}

#sideCnt #sampleMovies .cntBox .summary{
	width:110px;float:right;
}

/*===== 4: header ==========================================
*/

#wwl_bnr{
	width:950px;
	margin:0 auto;
	height:170px;
	background:url(./images/wwl_bnr.gif) no-repeat;
	margin-bottom:15px;
}

#wwl_bnr h2{
	width:680px;
	height:170px;
	float:left;
}

#wwl_bnr h2 a{
	display:block;
	height:100%;
	text-indent:-9999px;
}

#wwl_bnr #btn_goAbout{
	display:block;
	float:right;
	margin:23px 22px;
	_display:inline;
}

/*===== 5: footer ==========================================
*/


/*===== 6: etc. ==========================================
*/

/*各種メッセージ*/
.msgOrder {
	border: #deecf6 1px solid;
	padding:5px 10px;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #f1f7fb;
	text-align: center
}

#msgConfirm{
	padding:10px;
	font-weight:bold;
	border:1px solid #dedede;
	margin:10px 0;
}

#msgComplete{
	padding:10px;
	font-weight:bold;
	font-size:24px;
	border:1px solid #dedede;
	text-align:center;
	margin:10px 0;
}

.msgError{
	padding:5px 10px;
	font-weight:bold;
	border:1px solid #FFCCCC;
	color:#cc0000;
	margin:0 0 10px 0;
	background-color:#FFF4F4;
	text-align:center;
}

.msgError li{margin-bottom:5px;}


/*文字列系*/
.note{
	font-size:90%;
	margin-bottom:10px;
	color:#666;
}

.more{
	clear:both;
	text-align:right;
}

.bold{
	font-weight:bold !important;
}

ul.note{
	text-align:left!important;
}

ul.note li{
	background : url(./images/li_note.gif) no-repeat;
	padding-left:10px;
	margin-bottom:3px;
	list-style-type:none !important;
}

.signature{
	text-align:right
}



/*レイアウト調整*/
.Rend{
	margin-right:0 !important;
}

/*clearfix*/
ul:after,
div:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

ul,div { display: inline-block; }
ul,div { display: block; }


/*テーブル基本*/

td,th{
	vertical-align:top;
}








.profImg{
	float:left;
	margin:0 10px 0 0;
	border:1px solid #a7a7a7;
}

div:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}

div { display: inline-block; }
div { display: block; } 

.submit,
.checkbox,
.radio{
	cursor:pointer;
}


ol{
	list-style-type: decimal;
}

ol ul#prizeBoxArea{
	list-style-type: none;
	margin-bottom:10px;
}

ol li{
	margin-left:1.8em;
	padding:0;
	margin-bottom:1em;
	list-style-type: decimal;
}

label{
	margin-left:5px;
	padding:0;
}

.br{
	color:#ff0000;
	font-weight:bold;
	margin:5px;
}


.updated{margin-left:10px;}


ul.arrow_blue li {
	padding-left:15px;
	background : url(./images/li_arrow_blue.gif) no-repeat;
	color:#353535;
	margin-bottom:3px;
}

.index ul li{display:inline;}

/*画像配置*/
.left{
	float:left;
	display:inline;
	}
.right{float:right;display:inline;}

p{line-height:1.5}

/*注釈*/
.note, .note a{font-size:90%;}

/*追記*/
.more{
	clear:both;
	text-align:right;
	font-size:12px;
}

.update{
	color:#ff0000;font-weight:normal;padding:0;margin:0;line-height:100%;
	margin-left:5px;
}

.Rend{margin-right:0px !important;}

a{overflow:hidden;}

/**/
.cntBoxArea{background:url(./images/cntBoxArea_body.gif) repeat-y;}
.cntBoxArea .head{background:url(./images/cntBoxArea_head.gif) no-repeat;height:45px;}
.cntBoxArea .head h3{color:#4d4d4d;font-weight:bold;font-size:17px;padding:15px 0 0 15px;width:550px;float:left;}
.cntBoxArea .head .btn_goList{float:right;margin:12px 15px;}
.cntBoxArea .body{clear:both;padding:10px;font-size:10px;}
.cntBoxArea .foot{clear:both;background:url(./images/cntBoxArea_foot.gif) no-repeat;height:15px;}
.cntBoxArea .photo{margin-bottom:5px;}
.cntBoxArea .cntBoxRow{padding:0 22px;}
.cntBoxArea .cntBox{width:126px;float:left;margin-right:10px;}
.cntBoxArea h4{word-wrap:break-word;margin-bottom:3px;font-size:12px;line-height:1.4;height:35px;overflow:hidden;}
.cntBoxArea .lead{font-size:13px;margin-left:25px;font-weight:bold;color:#535353;letter-spacing:.1em;height:15px;margin-bottom:10px;}

#listMovies .cntBoxRow{padding:0 20px;}

.btn_goList{
	background:url(./images/btn_goList.png) no-repeat;
	display:block;width:88px;height:25px;font-size:10px;
	text-indent:-9999px;
}

.cntBox dt{clear:both;float:left;margin-bottom:1px;margin-right:5px;display:inline;}
.cntBox dd{margin-bottom:1px;}
.cntBox .new{margin-left:1px;color:#fa0000;font-size:9px;}

.cntBoxRow{margin-bottom:15px;}
.cntBox .photo{display:block;padding:1px;border:1px solid #999;}
.cntBox .photo img{border:1px solid #999;}

#description h4{font-size:16px;margin-bottom:10px;padding:5px;border:1px solid #ccc;}



/*タブ*/

#tab_sort li{text-indent:-9999px;height:32px;width:127px;float:left;}
#tab_sort li a{display:block;height:32px;width:127px;}
#tab_sort_body{clear:both;}

#tab_sort #tab_sort_new{background:url(./images/tab_sort_new.gif) no-repeat;}
#tab_sort #tab_sort_view{background:url(./images/tab_sort_view.gif) no-repeat;}

#tab_sort .current{background-position:0 -32px !important;}

ul.pageNavi li{float:left;margin-right:8px;border:1px solid #c8c8c8;text-align:center;line-height:12px;background:#f0f0f0;}
ul.pageNavi li a{display:block;padding:4px 0;}
li.btn_page_next a{width:40px;}
li.btn_page_next_off{width:40px;padding:4px 0;}
li.btn_page_prev a{width:30px;}
li.btn_page_prev_off{width:40px;padding:4px 0;}
li.btn_page_current{width:20px;padding:4px 0;font-weight:bold}
li.btn_page_normal a{width:20px;}



.paginator{font-size:12px;margin:15px;}
.pageIndicator{float:right;width:140px;text-align:right;margin-bottom:10px;}

.pageNavi .goNext{margin-left:7px;}
.pageNavi .goPrev{margin-right:5px;}


#Footer{clear:both;margin:0 !important;}
#movie_img{cursor:pointer;overflow:hidden;}
#goEntry{background:#F8F8F4;padding:5px;text-align:center;}


#Partners.PartnersR {padding:0 !important;}


/*input フォーム*/
.inputForm{margin:0;}
.inputForm table{border-top:1px solid #dcdcdc;width:100%;}
.inputForm table th{font-weight:bold;padding:7px 5px;border-bottom:1px solid #dcdcdc;}
.inputForm table td{padding:7px 5px;border-bottom:1px solid #dcdcdc;}
.inputForm textarea{width:98%;height:100px;padding:2px;line-height:1.5;font-size:12px;overflow:auto;}
.inputForm input{padding:2px;font-size:12px;}
.submitBtnArea{
	text-align:center;
	margin:10px 0 10px 0;
}


#playlist2 .head h3{color:#fa0000;}


#grandprix .head{background:url(./images/cntBoxArea_head_grandprix.gif) no-repeat;height:45px;}
#grandprix .head h3{color:#fff;width:700px;font-size:16px;}

#grandprix .no1{background:url(./images/no1.png) no-repeat;width:332px;height:224px;margin:0 auto;}

#grandprix .no2{background:url(./images/no2_bg.png) no-repeat;width:172px;height:224px;margin:0 auto;}
#grandprix .no3{background:url(./images/no3_bg.png) no-repeat;width:464px;height:224px;margin:0 auto;}
#grandprix .no3 .cntBox{margin-right:22px;}