@charset "utf-8";
/* CSS Document */
#container {width:950px;
min-height:1px;
margin:0px auto;
padding:10px;
background-color:#FFFFFF;
}

body {background-image:url(http://www.marumise.com/mania/images/bg.jpg);}


#header {width:950px;
height:180px; margin:0 0 10px 0;}


#zenbu {width:950px; clear:both; min-height:1px;}


.tabs-nav { /* auto clear */
    display: inline-block;
}
.tabs-nav .tabs-disabled {
    position: relative; /* fixes opacity */
    filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
    _height: 19px; /* for some reason the height is 1px to less with opacity... */
    min-height: 19px; /* ...in both IE 6 and 7 */
}

/*トップナビゲーション*/
#top_navi {width:950px;
height:40px;
margin-bottom:30px;
margin:0;
background:url(http://www.marumise.com/mania/images/table_bg.jpg);}

ul.top_navigation{
    width:950px;
	height:30px;
	font-size:14px;
	font-weight:bold;
	margin:0px 10px 20px 10px;}

li.top_navigation{
    list-style:none;
    float:left;
	width:170px;}
	
a.top_navigation{
color:#FFFFFF;
    display:block;
	background-image:url(http://www.marumise.com/mania/images/table_bg.jpg);
    height:30px;
	text-align:center;
    text-decoration:none;
	padding-top:10px;}
	
a:hover.top_navigation {background:#000000;
	height:30px;

}




/*左サイドナビ*/
#left_box {width:160px;
min-height:1px;
margin:10px 18px 0 0px;
float:left;}

ul.contents {width:160px;
padding:2px 0px 2px 1px;
margin:2px 0px 2px 1px}

li.contents {
font-size:14px;
text-align:left;
list-style:none;
width:160px;
padding:2px 0px 2px 1px;
margin:2px 0px 2px 1px}

#left_saishin {width:160px;
border:#000000 thin solid;
height:150px;
margin-bottom:20px;}

#left_saishin_inside {width:160px;
height:135px;
overflow:scroll;}

#left_saishin_inside {width:160px;
height:125px;
overflow:scroll;}


.left_popular_contents {width:160px;
border:#000000 thin solid;
margin-bottom:15px; background-color:#000;}

.left_popular_contents a {color:#FFF;}


#left_top5 {width:160px;
border:#000000 thin solid;
float:left; margin:0 0 15px 0;}

img.top {margin:3px;
width:70px;
height:70px;
float:left;
}

.top5_detail {width:150px;
height:80px;
border-bottom:#000000 thin solid;
margin:5px;}

#top5_detail2 {width:150px;
height:80px;
margin:5px;}

p.left_side {color:#000000;
font-size:14px;
text-align:left;
margin:3px;
line-height:20px;

}

p.topmovie {font-size:12px;
width:70px;
float:right;
padding-top:2px;
margin-top:2px;}

/*メイン*/
#main_box {width:770px;
min-height:1px;
float:left;
margin-top:10px; border:1px solid #000; margin-bottom:10px;
}

#index_main_box {width:770px;
min-height:1px;
float:left;
margin-top:10px;
}

#siteshoukai{width:770px; min-height:1px;
border:#000000 thin solid; padding-bottom:10px;}


/*サンプルムービー*/
#sample {width:768px; height:360px; border:#000 1px solid; margin:0 0 18px 0 
}

#indexmovie {width:480px; height:360px; float:left; margin:0 10px 0 0; position:relative;}
#overray {position:absolute; top:0; left:0; z-index:100;}


#indexmovie_right {width:270px; height:360px; float:left; padding:10px 0 0 0;}

a.topsiteshoukai {font-weight:bold; font-size:16px; color:#fff; padding:3px; background-color:#000;}
 
a:hover.topsiteshoukai {background-color:#000; color:#F00;}

#indexmovie_right p {font-size:12px; margin:10px 0 10px 0; padding:0;}

 
img#top_sample {width:320px;
height:240px;
margin:10px;
float:left;
}

p#sample_detail_1 {font-size:14px;
margin:10px 3px 3px 3px;
width:420px;
float:left;
line-height:20px;
}




.sample_box1 {width:140px;
float:left;
margin-left:11px;
margin-top:10px;
}

#sample_box2 {width:140px;
float:right;
margin-right:11px;
margin-top:10px;
}

p.sample_detail {font-size:12px;
margin-top:3px;
margin-left:3px;
line-height:14px;
}

span#sample_ichiran {margin:5px 10px 5px 0px;
font-size:12px;
float:right;}

/*マニア系*/
.style1 {font-size: 14%}

span.mania {color:#000000;}

#container-1 {width:770px; clear:both;}

#fragment-1 {width:752px;
height:295px;
border:#000000 thin solid;
margin-bottom:20px;}

p.mania {font-size:14px;
float:left;
margin:10px;
width:330px;
line-height:20px;}

img.mania_photo {float:left;}

#fragment-2 {width:752px;
height:295px;
border:#000000 thin solid;
margin-bottom:20px;}


#fragment-3 {width:752px;
height:295px;
border:#000000 thin solid;
margin-bottom:20px;}

img.botan {width:320px;
height:61px;
margin:60px 10px 0px 20px;}

img.small_bottan {width:150px;
height:61;
margin:30px 0px 0px 19px;}

/*過激画像*/
#kageki_top {width:495px;
height:403px;
border:#000000 1px solid;
float:left;
margin:0 15px 15px 0; #margin:0 15px 0px 0; }

img#kageki {margin:15px;}

p#kageki_comment {font-size:12px;
width:460px;
margin:0px 15px 15px 15px;}


/*コメントつきムービー*/
#comment {width:250px;
border:#000000 1px solid;
height:403px;
float:right;
margin-bottom:15px; #margin-bottom:0px;
}

span.comment {width:230px;
font-size:12px;
float:left;
margin:10px 10px 10px 0px;
line-height:18px;
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 250px;
height: 330px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 250px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 250px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black; 
color:#000000;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background:#CCCCCC;
color: black;
}

.glidecontenttoggler a:hover{
background:#666666;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background:#000000;
color: white;
}



/*カテゴリーサムネイル*/

p.setsumei {font-size:14px;
margin:5px 15px 0px 10px;
text-align:right;
color:#CC0000;
font-weight:bold;}

#category_thumbnail {width:770px;
height:150px;}

#category_all {width:750px;
height:100px;
margin:10px 10px 10px 10px;}

.category_box1 {width:83px; 
height:100px;
float:left;
}

img.category_menu {margin:0px 10px 0px 10px;}

a.category1{
    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/tousatsu1.jpg);}
	
a.active{    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/tousatsu2.jpg);}
	
a.active2{    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/sukatoro2.jpg);}
	
a.active3{    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/mania2.jpg);}
	
a.active4{    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/rousoku2.jpg);}
	
a.active5{    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/yagai1.jpg);}
	
a.active6{    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/pee2.jpg);}
	
a.active7{    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/3p2.jpg);}
a.active8{    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/gaijin2.jpg);}
		
a.active9{    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/gays2.jpg);}							

a:hover.category1{
    background-image:url(http://www.marumise.com/mania/images/tousatsu2.jpg);}
	
	
a.category2{
    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/sukatoro1.jpg);}

a:hover.category2{
    background-image:url(http://www.marumise.com/mania/images/sukatoro2.jpg);}
	
	
a.category3{
    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/mania1.jpg);}

a:hover.category3{
    background-image:url(http://www.marumise.com/mania/images/mania2.jpg);}	
		
	
a.category4{
    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/rousoku.jpg);}

a:hover.category4{
    background-image:url(http://www.marumise.com/mania/images/rousoku2.jpg);}
	

a.category5{
    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/yagai2.jpg);}

a:hover.category5{
    background-image:url(http://www.marumise.com/mania/images/yagai1.jpg);}		
		

a.category6{
    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/pee.jpg);}

a:hover.category6{
    background-image:url(http://www.marumise.com/mania/images/pee2.jpg);}	
	
			
a.category7{
    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/3p.jpg);}

a:hover.category7{
    background-image:url(http://www.marumise.com/mania/images/3p2.jpg);}	
	
a.category8{
    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/gaijin.jpg);}

a:hover.category8{
    background-image:url(http://www.marumise.com/mania/images/gaijin2.jpg);}	
	
	
a.category9{
    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/gays.jpg);}

a:hover.category9{
    background-image:url(http://www.marumise.com/mania/images/gays2.jpg);}	
	
a.category10{
    display:block;
    width:83px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-image:url(http://www.marumise.com/mania/images/half.jpg);}

a:hover.category10{
    background-image:url(http://www.marumise.com/mania/images/half2.jpg);}	
	
#category_detail {width:770px;}

img#kagekigazou {margin-bottom:30px;}


/*大人気画像ー*/	
#gallery {width:534px; position:relative; height:60px; padding-top:356px; margin:0 113px 90px 113px;}

#gallery img.left {width:55px; height:62px; background:#444; float:left;cursor:pointer;}
#gallery img.right {width:55px; height:62px; background:#444; float:left;cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#000000; border:2px solid #000000; border-width:5px 2px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background images */
#gallery ul li.th1 {background:url(http://www.marumise.com/mania/images/th1.jpg);}
#gallery ul li.th2 {background:url(http://www.marumise.com/mania/images/th2.jpg);}
#gallery ul li.th3 {background:url(http://www.marumise.com/mania/images/th3.jpg);}
#gallery ul li.th4 {background:url(http://www.marumise.com/mania/images/th4.jpg);}
#gallery ul li.th5 {background:url(http://www.marumise.com/mania/images/th5.jpg);}
#gallery ul li.th6 {background:url(http://www.marumise.com/mania/images/th6.jpg);}
#gallery ul li.th7 {background:url(http://www.marumise.com/mania/images/th7.jpg);}
#gallery ul li.th8 {background:url(http://www.marumise.com/mania/images/th8.jpg);}
#gallery ul li.th9 {background:url(http://www.marumise.com/mania/images/th9.jpg);}
#gallery ul li.th10 {background:url(http://www.marumise.com/mania/images/th10.jpg);}
#gallery ul li.th11 {background:url(http://www.marumise.com/mania/images/th11.jpg);}
#gallery ul li.th12 {background:url(http://www.marumise.com/mania/images/th12.jpg);}
#gallery ul li.th13 {background:url(http://www.marumise.com/mania/images/th13.jpg);}
#gallery ul li.th14 {background:url(http://www.marumise.com/mania/images/th14.jpg);}
#gallery ul li.th15 {background:url(http://www.marumise.com/mania/images/th15.jpg);}
#gallery ul li.th16 {background:url(http://www.marumise.com/mania/images/th16.jpg);}
#gallery ul li.th17 {background:url(http://www.marumise.com/mania/images/th17.jpg);}
#gallery ul li.th18 {background:url(http://www.marumise.com/mania/images/th18.jpg);}
#gallery ul li.th19 {background:url(http://www.marumise.com/mania/images/th19.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px; color:#000000; font-size:12px; line-height:15px; text-align:justify;}
#gallery ul li b {color:#660000;}


#gallery ul li.chosen {border-color:#fff; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px; background:#000000; border:1px solid #000; border-width:1px 1px 0 1px;}
#gallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #000000; margin:0 auto;}
#gallery ul li.chosen span {display:block;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* vertical align for IE */
#gallery ul li.chosen i {display:block;}
#gallery ul li.chosen i em {width:0; height:100%; display:inline-block; vertical-align:middle;} 
#gallery ul li.chosen i img {display:inline-block; vertical-align:middle;}
/* for IE6 initial photo size */
#gallery ul li.chosen i img.start {width:350px; height:252px;}




/*サンプルムービーページー*/



.sample_box3 {width:750px;
height:130px;
margin-left:10px;
padding-top:10px;
border-bottom:#000000 thick double;}

#sample_box4 {width:750px;
height:120px;
margin-left:10px;
padding-top:10px;}

p.sample_title {font-size:12px;
margin:10px 0px 0px 10px;
float:left;
width:590px;
line-height:18px;
}


img.sample_movie {float:left;
border:#000000 thin solid;
}

img.sample_botan {float:right;
margin:5px 10px 3px;}

/*サンプルムービー詳細ページー*/

#flashcontent1 { width:500px; height:375px;float:left; margin:10px;}

#sample_movie_detail {float:left;
margin:10px 10px 10px 10px; width:500px; height:375px;}

#movie_detail {float:left;
border:#000000 thin solid;
background-color:#333;
width:238px;
height:348px; color:#FFF;}

img.motto {margin:5px 0px 0px 18px}

img#sakuhinshoukai {float:left;
margin-top:10px;
margin-bottom:0px;
margin-left:0px;}

p#shoukaibun {width:110;
margin:10px;
font-size:14px;
line-height:20px;
}

span.sample {
font-size:12px;
float:right;
margin:10px;}

#user_comment {width:745px;
min-height:1px;
border:#000000 thin solid;
clear:both;
margin-left:10px;
margin-bottom:10px;
background-color:#CCCCCC;}


.user_comment_detail {width:745px;

border-bottom:#000000 thin dotted;}

#user_comment_detail2 {width:745px;

}

p.movie_comment_detail {font-size:14px;
width:725px;
margin:10px;
line-height:20px;}

img#user_comment {margin-bottom:0px;
margin-left:10px;
margin-top:10px;
width:180px;
height:25px;
clear:both;
float:left;
border:none;
}



/*サイト詳細ページ*/


#site_table {width:750px;
margin:10px; border:1px solid #999;}

#site_table td {border:#999 1px solid;}

a.ao {color:#F00; font-weight:bold}


.style2 {color: #FFFFFF;
font-size:12px;}

.style3 {color:#000000;
font-size:12px;}

#site_table a.ao {color:#F00; font-weight:bold; text-decoration:none;}
#site_table a:hover.ao {color:#F00; font-weight:bold; text-decoration:underline;}

td.table_top {background-image:url(http://www.marumise.com/mania/images/table_bg.jpg);}

td.table {background-color:#000000;}

div#site_left {width:370px;
float:left;
margin-left:5px;}

div#site_right {width:370px;
float:right;
margin-right:5px;
}

img.site_image {float:left;
width:100px;
height:80px;}

p.site_detail {width:240px;
float:right;
font-size:12px;
margin:5px;}

img.image_tag {margin-top:10px;
margin-bottom:0px;}

a.ao {color:#FFFFFF; text-decoration:underline;}

a:hover.ao {color:#FF0000;}

#footer {width:930px; clear:both; margin:10px 0 0 0;text-align:center; font-size:12px; background-color:#000; color:#fff; padding:10px;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table; height:100%;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */
.clearfix{zoom:1;/*for IE 5.5-7*/}

a.shousai {font-weight:bold; color:#C00; font-size:14px;}

a:hover.shousai {font-weight:bold; color:#00F; font-size:14px;}

a {color:#00F; outline:none;}

a:hover {color:#F00;}

a img {border:none;}

.siteboxtable {margin:0 0 10px 10px; font-size:12px; width:369px; float:left;}
.sitenametable { border:none; background-image:url(http://www.marumise.com/mania/images/sitetable_bg.gif); background-position:left; background-repeat:no-repeat;
font-size:14px; font-weight:bold; color:#FFF; padding-left:20px;}
.sitetable_left {border:1px solid #000; border-bottom:none; background-color:#CCC; width:70px;}
.sitetable_right {border:1px solid #000; border-left:none; border-bottom:none; width:296px;}
.sitetable_shita {border:1px solid #000; background-color:#CCC;}
.sitetable_shita img {float:left; margin:0 5px 0 0; border:#000 1px solid;}


#camp {width:768px; height:236px; border:#000 1px solid; margin:0 0 18px 0; text-align:center; padding:10px 0 0 0;}

#dougalist {width:768px; min-height:1px; border:#000 1px solid; margin:0 0 18px 0; text-align:left; padding:10px 0 0 0;}

.indexdouga {width:142px; height:220px; float:left; margin:0 0 9px 9px; font-size:12px;}

.indexdouga p {margin:2px 0 2px 0; padding:0;}

.indexdouga img {margin:0 0px 5px 0;}

.indexdouga a {font-weight:bold;}

a.black {color:#FF0; text-decoration:none; font-weight:normal; text-align:right; float:right; background-color:#000; padding:4px;}

a:hover.black {color:#FF0; text-decoration:underline;}

#samplemovietitle {font-size:16px; font-weight:bold; margin:10px 0 0 10px; padding:0; color:#00F;}.starcolor {
	color:#F00;
}