@charset "utf-8";

/*--------------------------------------
  100%BOX
---------------------------------------*/
html {
	height: 100%;
}

/*--------------------------------------
  100%BOX
---------------------------------------*/
body {
	text-align: center;
	background-color: #ffffff;
	height: 100%;
    margin: 0px auto;
}

/*--------------------------------------
  100%BOX Firefox対策
---------------------------------------*/
body > #wrapper {
    height: auto;
}

/*--------------------------------------
  ボックス大
---------------------------------------*/
#wrapper {
	width: 1000px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    min-height: 100%;
    padding: 0px;
}

/*--------------------------------------
  センター
---------------------------------------*/
#center {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------
  ヘッダー
---------------------------------------*/
#header {
	width: 1024px;
	height: 102px;
	background-image: url("img_base/images/top_menu.jpg");
	background-repeat: no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	position: relative;
	margin-bottom:10px;
}


/*--------------------------------------
  会員登録はこちら
---------------------------------------*/
.joinnow {
	width: 197px;
	height: 80px;
	bottom: 10px;
	right: 32px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	display: block;
}

/*--------------------------------------
  メニュー
---------------------------------------*/
#menu {
	width: 800px;
}

/*--------------------------------------
  サイドバー左
---------------------------------------*/
#sidebar_l {
	width: 255px;
	height:100%;
	float: left;
	margin-top: 3px;
	background-color:#000000;
}

/*--------------------------------------
  サイドバー右
---------------------------------------*/
#sidebar_r {
	width: 170px;
	float: right;
	margin-top: 5px;
}

/*--------------------------------------
  メイン
---------------------------------------*/
#main {
	width: 737px;
	float: right;
	margin-top: 3px;
}


/*--------------------------------------
  フッター
---------------------------------------*/
#footer {
	text-align: center;
	height:27px;
	width:1024px;
	margin: 0px;
	padding: 0px;
}

#footer p {
	margin-top: 30px;
}

/*--------------------------------------
  ムービー
---------------------------------------*/
#movie {
	width: 555px;
	float:left;
	margin-top: 5px;
	margin-right:5px;
/*	border:1px solid #009900;
*/}

/*--------------------------------------
  バナー
---------------------------------------*/
.ad {
	float: right;
	margin-top: 3px;
}

/*--------------------------------------
  ムービーアイテム
---------------------------------------*/
.item {
	width: 555px;
	height: 126px;
	/*	background-image: url("img_base/images/item_back.gif");*/
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 3px;
	position: relative;
	overflow: hidden;
	border: 1px solid #000000;
}

.item .movie_title {
    width: 555px;
	height: 22px;
    margin: 0px;
    padding: 0px;
    background-image:url("img_base/images/title_back.gif");
}

.item .movie_title h1 {
	clear: none;
	color: #000000;
    margin: 0px;
    padding: 0px 0px 0px 40px;
	font-weight: bold;
	font-size: 16px;
}


.item p {
	margin: -3px 0px 0px 130px;
	padding: 10px;
	font-size: 12px;
}

/*--------------------------------------
  ムービーアイテム詳細
---------------------------------------*/
.item2 {
	width: 555px;
	
/*	background-image: url("img_base/images/item2_back.gif");
	background-repeat: repeat-y;
	background-position: left top;
*/
    border: 1px solid #000000;

}

/*.item2 h1 {
	clear: none;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 8px;
	font-size: 14px;
	color: #ffd700;
	text-shadow: 2px 2px 2px #000000
}

.item2 h2 {
	clear: none;
	font-weight: bold;
	margin: 20px 10px -5px 10px;
	padding: 0px;
	font-size: 14px;
	color: #ffd700;
	text-shadow: 2px 2px 2px #000000
}

.item2 h3 {
	clear: none;
	font-weight: bold;
	margin: 10px 0px -5px 10px;
	padding: 0px;
	font-size: 13px;
	color: #ffd700;
	text-shadow: 2px 2px 2px #000000
}
*/

.item2 .space {
	margin: -3px 10px 10px 10px;
	padding-top: 10px;
	font-size: 12px;

}

.item2 li {
	margin-left: 15px;
}

.item2 table {
	background-color:#999999;
}
.item2 td {
	padding: 8px;
	font-size: 13px;
	background-color:#ffffff;
}
.item2 td.header {
	padding: 8px;
	font-size: 13px;
	background-color:#666666;
	color:#FFFFFF;
}

.item2 form {
	margin:0px;
}

/*.cap {
	padding: 1px;
	background-color: #ffffff;
}

.data {
	margin: -3px 10px 10px;
	font-size: 11px;
	line-height: 1.3;
}
*/
/*.item2 input,
textarea {
	border: none;
	padding: 0px;
}

.item2 input:hover,
textarea:hover {
	border: none;
}

.item2 input:focus,
textarea:focus {
	border: none;
}

.item2 form {
	margin-top: 10px;
}
*/


/*--------------------------------------
  サムネイル（画像：左寄せ）
---------------------------------------*/
.img_L {
	position: absolute;
	left: 4px;
	bottom: 4px;
	padding: 1px;
	background-color: #ffffff;
}

/*--------------------------------------
  3pxコンテナ
---------------------------------------*/
.container {
	margin-bottom: 3px;
}

.skyscrapers {
	margin-top: 10px;
	text-align: center;
}

/*--------------------------------------
  メインメニュー
---------------------------------------*/


#menu a span{display:none;}


ul#menu_list{
    list-style:none;
	margin: 0px;
	padding: 0px;
	position:absolute;
	bottom: 0px;
	right: 10px;

}
ul#menu_list li{
    list-style:none;
    float:left;
}
ul#menu_list a{
    display:block;
    height:27px;
    background-image:url("img_base/images/main_menu.gif");
}
a.home{
    width:95px;
    background-position:0px 0px;
}
a:hover.home{
    width:95px;
    background-position:0px -27px;
}
a.howto{
    width:120px;
    background-position:-95px 0px;
}
a:hover.howto{
    width:120px;
    background-position:-95px -27px;
}
a.join{
    width:100px;
    background-position:-215px 0px;
}
a:hover.join{
    width:100px;
    background-position:-215px -27px;
}
a.faq{
    width:90px;
    background-position:-315px 0px;
}
a:hover.faq{
    width:90px;
    background-position:-315px -27px;
}
a.mail{
    width:115px;
    background-position:-405px 0px;
}
a:hover.mail{
    width:115px;
    background-position:-405px -27px;
}
a.cart{
    width:223px;
    background-position:-520px 0px;
}
a:hover.cart{
    width:223px;
    background-position:-520px -27px;
}

/*--------------------------------------
  サイドメニュー
---------------------------------------*/

#menu2 a span{display:none;}

ul#menu2_list{
    list-style:none;
	width:100%;
	margin-top:9px;
	padding: 0px;
}
ul#menu2_list li{
    list-style:none;
    float:left;
    width:255px;
    height:41px;
	margin-bottom: 3px;
}
ul#menu2_list a{
    display:block;
    width:255px;
    height:29px;
    background-image:url("img_base/images/side_menu_20241111.gif");
}

a.category_free{
    background-position:0px 0px;
}
a:hover.category_free{
    background-position:-255px 0px;
}

a.category_new{
    background-position:0px -41px;
}
a:hover.category_new{
    background-position:-255px -41px;
}

a.category_1{
    background-position:0px -82px;
}
a:hover.category_1{
    background-position:-255px -82px;
}
a.category_2{
    background-position:0px -123px;
}
a:hover.category_2{
    background-position:-255px -123px;
}
a.category_3{
    background-position:0px -164px;
}
a:hover.category_3{
    background-position:-255px -164px;
}

a.category_4{
    background-position:0px -205px;
}
a:hover.category_4{
    background-position:-255px -205px;
}

a.category_5{
    background-position:0px -246px;
}
a:hover.category_5{
    background-position:-255px -246px;
}

a.category_6{
    background-position:0px -287px;
}
a:hover.category_6{
    background-position:-255px -287px;
}

/*a.category_5{
    background-position:0px -161px;
}
a:hover.category_5{
    background-position:-150px -161px;
}
a.category_6{
    background-position:0px -184px;
}
a:hover.category_6{
    background-position:-150px -184px;
}
a.category_7{
    background-position:0px -138px;
}
a:hover.category_7{
    background-position:-150px -138px;
}
a.category_8{
    background-position:0px -253px;
}
a:hover.category_8{
    background-position:-150px -253px;
}
a.category_9{
    background-position:0px -230px;
}
a:hover.category_9{
    background-position:-150px -230px;
}
a.category_10{
    background-position:0px -115px;
}
a:hover.category_10{
    background-position:-150px -115px;
}*/



/*--------------------------------------
  フッターメニュー
---------------------------------------*/


#menu3 a span{display:none;}


ul#menu3_list{
    list-style:none;
	width:100%;
	margin-top:9px;
	padding: 0px;
}
ul#menu3_list li{
    list-style:none;
    float:left;
}
ul#menu3_list a{
    display:block;
    height:27px;
    background-image:url("img_base/images/footer.gif");
}
ul#menu3_list a.company{
    width:90px;
    background-position:0px 0px;
}
ul#menu3_list a:hover.company{
    width:90px;
    background-position:0px -27px;
}
ul#menu3_list a.tokutei{
    width:180px;
    background-position:-110px 0px;
}
ul#menu3_list a:hover.tokutei{
    width:150px;
    background-position:-110px -27px;
}
ul#menu3_list a.kiyaku{
    width:90px;
    background-position:-290px 0px;
}
ul#menu3_list a:hover.kiyaku{
    width:90px;
    background-position:-290px -27px;
}
ul#menu3_list a.privacy_policy{
    width:192px;
    background-position:-400px 0px;
}
ul#menu3_list a:hover.privacy_policy{
    width:192px;
    background-position:-400px -27px;
}

ul#menu3_list a.link{
    width:432px;
    background-position:-592px 0px;
}
ul#menu3_list a:hover.link{
    width:432px;
    background-position:-592px -27px;
}




/*--------------------------------------
  ログイン
---------------------------------------*/
#login {
	margin-bottom: 5px;
	width: 170px;
	height: 250px;
	text-align: center;
	/*    background-image:url("img_base/images/login_back.gif");
*/
	background-color:#FFFFFF;
	border: 1px solid #000000;
	line-height:25px;

}

#login .input_top {
	width:90px;
	height:20px;
}

.entext{
	ime-mode="inactive";
}




/*--------------------------------------
  ランキング
---------------------------------------*/
#ranking {
	width:130px;
/*    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1 #515151 #515151 #e1e1e1;
    padding: 5px;

    background-color: #333333;
    margin: 0px;
*/}



/*--------------------------------------
  ニュース
---------------------------------------*/
#news {
    border: 1px solid #000000;
	width: 170px;
	clear:both;
}

#news p {
    margin: 5px;
	font-size: 12px;
}

/*--------------------------------------
  タイトル
---------------------------------------*/
#title {
    width: 555px;
	height: 22px;
    margin: 0px;
    padding: 0px;
    background-image:url("img_base/images/title_back.gif");
}

#title h1 {
	clear: none;
	color: #000000;
    margin: 0px;
    padding: 0px 0px 0px 40px;
	font-weight: bold;
	font-size: 16px;
}

/*--------------------------------------
  タイトル2
---------------------------------------*/
#title2 {
    width: 647px;
	height: 25px;
    margin: 3px 0px 0px 0px;
    padding: 0px;
    background-image:url("img_base/images/title2_back.gif");
}

#title2 h1 {
	clear: none;
	color: #c0c0c0;
    margin: 0px;
    padding: 5px 5px 0px 5px;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 2px 2px 2px #000000;
}

/*--------------------------------------
  index画像
---------------------------------------*/
#index_enter {
    width: 800px;
	height: 500px;
    margin: 0;
    padding: 0;
    background-image:url("img_base/images/index.jpg");
	background-repeat: no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	position: relative;
}

/*--------------------------------------
  indexボタン
---------------------------------------*/
.enter {
	width: 150px;
	height: 30px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 40px;
	bottom: 40px;
	display: block;
	text-indent: -100px;
	overflow: hidden;
}

.exit {
	width: 150px;
	height: 30px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 200px;
	bottom: 40px;
	display: block;
	text-indent: -100px;
	overflow: hidden;
}