@charset 'UTF-8';

@import url("top_others.css");
@import url("popup.css");

body {
	color:#222; margin:0px; text-align:center;
	background:url(../img/bg.gif) no-repeat top center;}


/* ____ 共通フレーム ____ */
#container {
	width:860px; margin:0px auto; padding:0px; position:relative; }

#contents_left{ float:right; width:584px;}
#contents_right{ float:left; width:259px;}

/* ____ ヘッダー ____ */
#head_banner{ margin-top:15px; margin-bottom:15px;}
#head_logo{float:left; padding-bottom:10px;}
#logo7world{text-align:right; margin-bottom:5px;}


/*____検索エリア____*/
/*
#searcharea{ x-background:url(../img/search_bg.gif) no-repeat; width:250px; padding:9px 0px 9px 0px; font-size:120%;text-align:left}
#searcharea form input{ vertical-align:middle; }
#searchword { width:230px;  height:18px; margin:0px 5px 0px 10px; font-family:sans-serif;}
* html #searchword { height:24px; width:260px; }
#searchL1{ float:left; padding-left:20px; padding-top:6px;display:none;}
#searchL{ float:left;}
#searchR{ float:right; padding-right:20px; padding-top:2px;}
#searchR img{ vertical-align:middle;padding-top:10px;margin-top:10px}
*/
#searcharea{ background:url(../img/search_bg.gif) no-repeat; padding: 8px 0px; font-size:120%; text-align:left; border: 1px solid #ccc;}
#searcharea form input{ vertical-align:middle;}
#searchword { width:230px;  height:18px; margin:0px 5px 0px 10px; font-family:sans-serif;  border:2px solid #f93;}
* html #searchword { height:24px; width:260px; }
#searchL1{ float:left; padding:0 0 2px 10px; font-weight:bold; color:#e60; display:block;}
#searchL{ float:left;}
#searchR{ float:right; padding:4px 0 0 0;}
#searchR img{ vertical-align:middle;padding-top:10px;margin-top:10px}




/*____新着ナビ____*/

#newsavi{ width:584px; height:37px;}
#newsnavi li{ display:inline;}
#newsnavi li a{ display:block; float:left; background:url(../img/movienavi.jpg) no-repeat top left; height:37px; }

/*____カテゴリナビ____*/

#movienavi{ width:860px; height:50px;margin-bottom:10px;}
#movienavi li{ display:inline;}
#movienavi li a{ display:block;float:left;background:url(../img/movienavi.png) no-repeat top left; height:50px; }

#movienavi .newpm a{ width:175px; background-position: 0px 0px;}
#movienavi .poppm a{ width:175px; background-position: -175px 0px;}
#movienavi .newsm a{ width:175px; background-position: -350px 0px;}
#movienavi .popsm a{ width:175px; background-position: -525px 0px;}
#movienavi .modelm a{ width:160px; background-position: -700px 0px;}
#movienavi .newpm a:hover{ width:175px; background-position: 0px -50px;}
#movienavi .poppm a:hover{ width:175px; background-position: -175px -50px;}
#movienavi .newsm a:hover{ width:175px; background-position: -350px -50px;}
#movienavi .popsm a:hover{ width:175px; background-position: -525px -50px;}
#movienavi .modelm a:hover{ width:160px; background-position: -700px -50px;}

.newpm_on #movienavi .newpm a, .newpm_on #movienavi .newpm a:hover{ width:175px; background-position: 0px -50px;}
.poppm_on #movienavi .poppm a, .poppm_on #movienavi .poppm a:hover{ width:175px; background-position: -175px -50px;}
.newsm_on #movienavi .newsm a, .newsm_on #movienavi .newsm a:hover{ width:175px; background-position: -350px -50px;}
.popsm_on #movienavi .popsm a, .popsm_on #movienavi .popsm a:hover{ width:175px; background-position: -525px -50px;}
.modelm_on #movienavi .modelm a, .modelm_on #movienavi .modelm a:hover{ width:160px; background-position: -700px -50px;}


/* ____ フッター ____ */

#footer{ font-size:120%; padding:20px 0px 15px 0px;}

#copyright{ padding:10px 0px; font-size:110%; background:#1C1F89; color:#FFF;}	
#copyright img{ margin-left:5px; vertical-align:middle;}	



/* ____ 動画関連 ____ */

.movframe, .movdetail{ padding-top:15px; padding-bottom:10px;}
.mov01col{ width:184px; float:left;}
.mov02col{ width:184px; float:left; margin-left:16px;}
.mov03col{ width:184px; float:left; margin-left:16px;}
.movimg { border:#ABABAB solid 1px;}
.movimg img{ margin:2px;}
.movimg a{ display:block;}
.movimg a:hover{ background:url(../img/green.gif);}
.movframe p{ width:184px; font-size:120%; line-height:1.7; text-align:left;}
.movframe .date{ font-size:106%; line-height:1.8; font-weight:bold; color:#666; }
.movframe .new{ font-size:106%; line-height:1.8; font-weight:bold; color:#C00; }
.movframe .name{ font-size:140%; font-weight:bold; line-height:1.4; }
.movframe .maker{ font-size:120%; color:#666; line-height:1.4; margin:3px 0px;}

.rateframe{ margin-top:6px;}
.start_mov a{ display:block; width:106px; height:30px; background:url(../img/buttons.gif) no-repeat 0px 0px; float:left;}
.start_mov a:hover{  background:url(../img/buttons.gif) no-repeat 0px -30px;}
.ratestar0{ margin-top:5px; width:78px; height:18px; float:left; background:url(../img/star.gif) no-repeat scroll 0px 0px;}
.ratestar1{ margin-top:5px; width:78px; height:18px; float:left; background:url(../img/star.gif) no-repeat scroll 0px -18px;}
.ratestar2{ margin-top:5px; width:78px; height:18px; float:left; background:url(../img/star.gif) no-repeat scroll 0px -36px;}
.ratestar3{ margin-top:5px; width:78px; height:18px; float:left; background:url(../img/star.gif) no-repeat scroll 0px -54px;}
.ratestar4{ margin-top:5px; width:78px; height:18px; float:left; background:url(../img/star.gif) no-repeat scroll 0px -72px;}
.ratestar5{ margin-top:5px; width:78px; height:18px; float:left; background:url(../img/star.gif) no-repeat scroll 0px -90px;}

.movframe .godetail{ margin-left:10px;}


.movdetail .movcap_l{ border:#ABABAB solid 1px; float:left; margin-right:10px;}
.movdetail .movcap_l img{ margin:2px;}
.movdetail .explain{ font-size:120%;line-height:1.7;text-align:left;float:left; width:240px; padding-left:7px; padding-top:10px;}
.explain p:first-line{ color:#00A650;}
.movdetail .movcap_l2{ border:#ABABAB solid 0px; float:center; margin-right:10px;}
.movdetail .movcap_l2 img{ margin:2px;}
.movdetail .explain2{ font-size:120%;line-height:1.7;text-align:left;float:left; width:580px; padding-left:7px; padding-top:10px;}
.explain2 p:first-line{ color:#00A650;}

#relatedmovtitle{ background:url(../img/title_related.gif) no-repeat 0px 37px; height:70px;}


/* ____ 共通要素 ____ */
.grtitle{ background: #EAFBE9 url(../img/arrow_gr.gif) no-repeat 7px 9px; padding: 3px 10px 5px 20px; text-align:left;}
.grtitle2{ background: #EAFBE9; padding: 3px 10px 5px 10px; text-align:left;}
.grtitle h3, .grtitle2 h3{font-size:140%; line-height:1.6; float:left; }
.grtitle p, .grtitle2 p{ font-size:110%; line-height:1.6; float:left; padding-left:10px; padding-top:3px;}
.grtitle2 h3 a{color:#000; text-decoration: none;}

.grmovtitle{ background: #00A650 url(../img/title_movbg.jpg) no-repeat top right; text-align:left;
 color:#FFF;}
.grmovtitle h3{font-size:140%; line-height:1.6; background:url(../img/arrow_palegr.gif) no-repeat 7px 11px; padding: 3px 10px 5px 15px; }

.pages{ font-size:120%; margin-top:10px; text-align:right;}
.pages .pageon{ background:#1C1F89; color:#FFF; padding:2px 5px;}

.noresult{padding-top:40px; padding-bottom:40px; font-size:120%; line-height:1.7;}

/* ____ ページ上部へ ____ */
.pagetop_block { font-size:110%; margin-top:5px; text-align:right; width:706px;}
.pagetop_block img{ vertical-align:middle; margin-left:5px;}



/* ____ 汎用要素のプロパティ ____ */
a{ color: #0000FF; text-decoration: underline;}
a:hover{ text-decoration:none;}

img{ border:0px; }
dl{ margin:0px 0px; }
h1,h2,h3,h4,h5,form,p,ul,ol,li,dt,dd{ margin:0; padding:0; }
ul li, ol li{ list-style-type:none; }



/* ____ 汎用クラスのプロパティ ____ */
.padT{ margin-top:10px;}
.mrgT{ margin-top:10px;}
.mrgT20{ margin-top:20px;}
.nowrap{ white-space: nowrap;}
.err{color:#CC0000; font-weight:bold;}
.grbold{ color:#00A650; font-weight:bold;}
.txtcenter{ text-align:center;}
.txtleft{ text-align:left;}
.txtright{ text-align:right;}
.floatright{ float:right;}
.floatleft{ float:left;}

.hrgray { border-bottom: 1px solid #CCC;
	background: transparent; margin:15px auto; padding:0px; height:1px; font-size: 1%; }

/*float-clear */
.cfl{ clear:both; height:0pt; line-height:0pt; font-size:1px; display:block; }
/*clearfix */
.clearfix:after{ clear:both; content:"."; display:block; height:0pt; visibility:hidden;}
/*clearfix IE6用*/
* html .clearfix { height:1%;}
.clearfix { display:block;}


/* ____ フォントサイズ ____ */

#header, #container, #containerpop, #copyright, table{
	font-size:x-small;
	line-height:1.4;
	font-family:"Verdana", "Lucida Grande", sans-serif; }

* html #header, * html #container, * html #containerpop, * html #copyright, * html table{
/* ____ xml宣言ありの場合 winIE用 ____ */
	font-size:xx-small;
	line-height:1.4;
	font-family:"Verdana", "Lucida Grande", sans-serif;}

.lsize{ font-size:140%; line-height:1.8;}
.msize{ font-size:120%; line-height:1.7;}
.ssize{ font-size:104%; line-height:1.6;}
.ssize2{ font-size:106%; line-height:1.6;}
.xssize{ font-size:85%; line-height:1.4;}
.msize0{ font-size:120%;}


/* ____ タグクラウド用サイズ ____ */
.xltag{ font-size:200%; margin-right:5px;}
.ltag{ font-size:150%; margin-right:5px;}
.mtag{ font-size:120%; margin-right:5px;}
.stag{ font-size:104%; margin-right:5px;}
.xstag{ font-size:95%; margin-right:5px;}


.alt{ display:block; left:-5000px; position:absolute; visibility:hidden;}

/*____機種一覧____*/
.index_kana,
.index_content,
.index_title {
	display					: block;
	margin-right		: 8px;
}

.index_kana {
	background			: #eee;
	color						: #444;
	padding					: 10px 0 0 20px;
}

.index_kana li,
.index_kana li a,
.index_kana li span {
	display					: block;
	width						: 44px;
	height					: 1.8em;
}

.index_kana li {
	background			: none;
	padding					: 0;
	margin					: 2px;
	display					: block;
	float						: left;
	list-style			: none;
}

.index_kana li a {
	background			: #00A650;
	text-align			: center;
	font-weight			: bold;
	text-decoration	: none;
	background			: #00A650;
	color						: #FFF;
}

.index_kana li a:hover {
	background			: #FFF;
	color						: #333;
}

.makerlist a,
.machinelist a {
	text-decoration	: none;
	color						: #333;
}

.makerlist a:hover,
.machinelist a:hover {
	color						: #f00;
}

.makerlist li a,
.machinelist li a {
	display					: block;
}


.index_title {
	padding					: 6px 0 6px 6px;
	background			: #EAFBE9;
	font-weight			: bold;
	font-size				: 110%;
	line-height			: 1.4;
	border-bottom		: #fff solid 1px;
}

.machinelist a span.mark {
	color						: #00A650;
}

.index_menu {
	padding					: 0;
	background			: #eee;
	color						: #aaa;
	font-size				: 140%;
	border-top			: #f8f8f8 solid 1px;
	border-bottom		: #bbb solid 1px;
	line-height			: 2em;
	height					: 30px;
}

.index_menu a {
	padding					: 5px 20px;
	font-weight			: bold;
	color						: #000;
	text-decoration	: none;
}

.index_menu a.r_line {
	border-right		: #999 solid 1px;
}

.index_menu a.ei,
.index_menu a:hover {
	background			: #fff;
	color						: #083;
}

#socialBookmark {
	clear						: both;
	display					: block;
	text-align			: right;
}

ul#socialBookmarkList {
	display					:	block;
	list-style			:	none;
	margin					: 2px;
	padding					: 2px;
}

ul#socialBookmarkList li {
	float						:	left;
	padding					:	0 8px 0 0;
	clear						:	none;
	display					:	inline;
}