@charset "utf-8";
/* CSS Document */

body { background-image:url(http://www.marumise.com/avlist/image/topbg.jpg);background-position:top; background-repeat:repeat-x;}

a {color:#FFFF00; outline:none;}

#wrapper {width:980px; min-height:1px; margin:auto; text-align:center; padding:10px 0 10px 0px;}

/* header */
#header {width:100%; height:168px;position:relative; margin:auto; text-align:center;}

#headerlogo {position:absolute; top:16px; left:10px; z-index:3000;}

/* Carousel */
#carousel {width:700px; position:absolute; top:5px; right:10px;}


/* menu */
#menu { width:980px; height:44px;}

#menu ul li {float:left;margin:0; font-size:16px; font-weight:bold; padding:7px 0 0 0; border-left:#000000 1px solid; border-top:1px solid #000;}

#menu ul li a {text-decoration:none; color:#fff; padding:7px 14px 6px 14px; #padding:3px 14px 2px 14px;}

#menu ul li a:hover { background-image:url(http://www.marumise.com/avlist/image/hotphotobg.gif); color:#ee009e;position: relative;
top: 0px; left: 0px;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-top: 1px solid #000;}

head~/* */body #menu ul li a  {text-decoration:none; padding:6px 14px 8px 14px; #padding:3px 14px 2px 14px;}

html:not(:target) #menu ul li a  {text-decoration:none; padding:7px 14px 7px 14px; #padding:3px 14px 2px 14px;}

head~/* */body #menu ul li a:hover {position: relative; top: 0px;}

html:not(:target) #menu ul li a:hover {position: relative;top: 0px; }

#menu ul li a.selected {background-color:#33CCFF; color:yellow;position: relative; top:0px
;left: 0px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}

#menu ul li a.menulist {background-color:#ee009e; color:yellow;position: relative; top:0px
;left: 0px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}

#menu ul li a:hover.selected {color:#ee009e;}

#menu ul li a:hover.menulist {color:#ee009e;}

/* left main */
#left {float:left; width:710px; margin:0 10px 10px 0; background-image:url(http://www.marumise.com/avlist/image/hotphotobg.gif); min-height:1px;}

.gallery_text { font-weight:bold; font-size:16px; padding:5px; background-color:#ee009e; color:#FFFFFF; margin:0 0 5px 5px; width:450px;}

.midashi {font-size:30px; font-weight:bold; color:#fff; margin:0; padding:15px; background-color:#ee009e;}

a.gallerytop {font-size:30px; font-weight:bold; color:#fff; text-decoration:none;}

a:hover.gallerytop {font-size:30px; font-weight:bold; text-decoration:underline;}

a.gallery {font-size:30px; font-weight:bold; color:#FFFF00; text-decoration:none;}

a:hover.gallery {font-size:30px; font-weight:bold; text-decoration:underline;}

a#gallerymiddle {font-size:12px; color:#fff; text-decoration:none;}

a:hover#gallerymiddle {font-size:12px; text-decoration:underline;}


.photo {position:relative;font-family:arial;overflow:hidden;border:5px solid #ee009e;width:700px;height:500px;}	
	
.photo .caption {position:absolute;background:#000;height:150px;width:100%;filter:alpha(opacity=60);-moz-opacity:0.60;-khtml-opacity: 0.60;opacity: 0.60;bottom:-150px;left:0px;}
		
.photo .caption span {color:#fff;font-size:12px;display:block;padding:5px 10px 10px 10px; text-align:left;}

.photo2 {position:relative;font-family:arial;overflow:hidden;border:5px solid #33CCFF;width:450px;height:300px; margin:0 10px 0 0; float:left;}	
	
.photo2 .caption {position:absolute;background:#000;height:150px;width:100%;filter:alpha(opacity=60);-moz-opacity:0.60;-khtml-opacity: 0.60;opacity: 0.60;bottom:-150px;left:0px;}
		
.photo2 .caption span{color:#fff;font-size:12px;display:block; padding:5px 10px 10px 10px; text-align:left;}

.photo3 {position:relative;font-family:arial;overflow:hidden;border:5px solid yellow;width:230px;height:300px; margin:0 0 0 0; float:left;}	
	
.photo3 .caption {position:absolute;background:#000;height:150px;width:100%;filter:alpha(opacity=60);-moz-opacity:0.60;-khtml-opacity: 0.60;opacity: 0.60;bottom:-150px;left:0px;}
		
.photo3 .caption span{color:#fff;font-size:12px;display:block; padding:5px 10px 10px 10px; text-align:left;}

.indexbanner {border:#000 5px solid; clear:both;}

#indexlist {width:700px;}

a.otoku {font-size:14px; font-weight:bold; margin:0; padding:5px 0 3px 0; text-decoration:none; color:#ee009e;}

a:hover.otoku {color:#33ccff;}

/* right */
#right {width:260px; float:left; background-image:url(http://www.marumise.com/avlist/image/hotphotobg.gif); margin:0;}

a.sitelist {background-image:url(http://www.marumise.com/avlist/image/listbtn.jpg); width:240px; height:51px; display:block; margin:10px 0 0 10px;}

a:hover.sitelist {background-position:0 -51px;}

.rightbanner {margin:10px 0 0 10px; background-color:#000; width:240px; #margin:10px 0 0 0px; }

a.righttext {color:yellow; font-weight:bold; text-decoration:none;}

a:hover.righttext {color:#ee009e;}

.rightbanner p {color:#FFFFFF; padding:5px 10px 10px 10px; margin:0;}

a.osusumepic {width:66px; height:88px;}

a:hover.osusumepic {filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80; width:66px; height:88px;}

.category {width:150px; height:40px; margin:0px; padding:0px;}

#hotphoto {width:260px; min-height:1px; margin:0;padding:0 0 10px 0;}

.hotpics {width:66px; height:88px;}

.hotbox {float:left; margin:0 0px 10px 10px; background-color:#FFFFFF; padding:3px; width:66px;}

.hotname {font-size:10px; color:#33CCFF; font-weight:bold; text-align:center; margin:0; padding:0; background-color:#000000; width:66px;}

a.allmodels {font-weight:bold; color:#000; padding:1px 3px 1px 3px; margin:0 0 30px 0; clear:both;}

a:hover.allmodels { text-decoration:underline; background-color:#33CCFF; color:#FFF;-moz-border-radius: 20px;-webkit-border-radius: 20px;
color:yellow; margin-bottom:20px; padding:5px;}

.rightbanner2 {width:240px; height:47px; margin:10px 0 0 10px;}

.rightbanner2 img a {border:none;}
/* bottom */
#shita {width:980px; clear:both; margin:10px 0 10px 0; padding-top:10px;}

#shitaosusume {font-size:16px; font-weight:bold; color:#ee009e; margin:0px 0 5px 0; padding:0;}

.shitabox {width:111px; height:240px;float:left; margin:0 0 0 10px;}

.bottompic {padding:2px; border:#fff 1px solid; margin:0;}

.shitadaimei {font-size:10px; font-weight:bold; color:#ee009e; text-align:left; margin:0 0 3px 10px; border-bottom:#ee009e 2px solid; width:90px; padding:0 0 0 3px; #margin:0 0 3px 0px;}

.shitabun {font-size:10px; text-align:left; margin:0 10px 10px 10px; color:#000; line-height:14px; text-decoration:underline;}

.pikachoose { width:710px;margin:0 auto 0px auto; font-weight:bold; position:relative; clear:both;}

#transparent {position:absolute; top:80px; right:0px; z-index:999;}

a.shitaa:hover p {color:#33CCFF;}

/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:700px;margin:0;overflow:hidden; padding:7px 0 0 5px;}
.pikachoose ul li{float: left;background:yellow;margin:0 2px 4px 2px;_margin:0 3px 4px 2px;#margin:0 3px 4px 2px;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:500px;display:block;position:relative; overflow:hidden; text-align:center; margin-left:105px; #margin-left:0px;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;}
.pika_animationDivs{top:0px;left:0px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}

.galleryname {margin:0; padding:3px; font-weight:bold; color:#ee009e;}

a.detailbottom {text-decoration:none; background-color:#ee009e; color:#FFF;-moz-border-radius: 20px;-webkit-border-radius: 20px;
color:yellow; margin:0 8px 10px 0; padding:5px 10px 5px 10px; float:right; font-weight:bold; #padding:5px 10px 0px 10px; }

a:hover.detailbottom {text-decoration:none; background-color:#33CCFF; color:#FFF;-moz-border-radius: 20px;-webkit-border-radius: 20px;
color:yellow; margin:0 8px 10px 0; padding:5px 10px 5px 10px; float:right; font-weight:bold; #padding:5px 10px 0px 10px; }


#dougashoukai {width:686px; height:100px; overflow-y:scroll; float:left; padding:5px; text-align:left; background-color:#fff;
margin:0 7px 10px 7px; color:#000; #margin-top:5px;}

#shoukaibox {width:400px; float:left; padding:0; font-size:12px; font-weight:bold; background-color:#FFFFFF; height:60px; vertical-align:middle;}

#btnbox {width:300px; background-color:#FFFFFF; float:left; height:50px; padding:5px;}

a#dougabtn {width:300px; height:50px; background-image:url(http://www.marumise.com/avlist/image/btn.jpg); display:block;}

a:hover#dougabtn {width:300px; height:50px; background-position:0 -50px;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:10px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url(http://www.marumise.com/avlist/image/play.png) top center no-repeat;}
.pika_play a.pika_stop_button{background:url(http://www.marumise.com/avlist/image/pause.png) top center no-repeat;}

.pika_navigation a{font-size:28px; text-decoration: none; background-color:#33CCFF; padding:4px 20px 4px 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;
color:yellow; margin-bottom:20px; #padding:0px 20px 0px 20px; #margin-bottom:0px;}
.pika_navigation a:hover{ background-color:#ee009e;}
.pika_navigation{padding:20px 0 20px 0;clear:both;text-align:center;#padding:20px 0 10px 0;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:10px;left:15px;height:456px;width:50px;background:url(http://www.marumise.com/avlist/image/rewind.png) top left no-repeat;}
.pika_next_hover{position:absolute;top:10px;right:15px;height:456px;width:50px;background:url(http://www.marumise.com/avlist/image/fastf.png) top right no-repeat;}

.pika_caption{width:494px;padding:4px;text-align:center;position:absolute;bottom:0px;left:0; background-image:url(http://www.marumise.com/avlist/image/black.png); color:#FFFFFF;}




.listbox {padding:0; float:left; margin:10px 0px 0px 10px;background-color:#FFFFFF; position:relative;}

.newicon {position:absolute; top:-5px; left:-5px;}

a.newicon {border:none;}

.listbox img {border:#FFFFFF 5px solid;}

a:hover.listbg img {border:#33CCFF 5px solid;}

a img.newicon {border:none;}

a:hover img.newicon {border:none;}

.listbox p {margin:0 0 5px 0; padding:1px 0 1px 0; font-weight:bold; position:absolute; bottom:0px; background-color:#33CCFF; width:96px; right:5px;
filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70}

a.listbg {color:#fff;}

#footer {clear:both; min-height:1px; color:#000; text-align:center; padding:5px; background-image:url(http://www.marumise.com/avlist/image/hotphotobg.gif); border-top:#ccc 5px solid;
width:100%;}

a.sitemei {color:#fff; text-decoration:underline; background-color:#ee009e; padding:2px;}
a:hover.sitemei {color:yellow; background-color:#ee009e;}

#jyoyulist {width:694px; padding:8px; min-height:1px;background-color:#000; margin-bottom:10px;}

a.ichiran {width:89px; color:#fff; float:left; text-align:left; margin:0; padding:0 5px 1px 5px;}

a:hover.ichiran {width:89px; color:yellow; float:left; text-align:left; background-color:#ee009e;}

#shun {font-size:14px; color:#fff; font-weight:bold; text-align:left; margin:0; padding:0; background-color:#ee009e; width:700px; padding:5px;}

#jyoyulista {width:710px;min-height:1px;margin-bottom:10px;}

.jyoyulistbox {width:131px; float:left; margin:0 0 0 7px; text-align:left; padding:0 0 10px 0; background-color:#cccccc; border:#fff 1px solid;}

.modeltype {font-weight:bold; text-align:center; background-color:#ee009e; color:#FFF; padding:3px; margin:0 0 5px 0;}

.jyoyulistbox a {color:#000; margin:0 0 0 10px; text-align:left;}

.jyoyulistbox a:hover {color:#fff; background-color:#ee009e; padding:1px;}

#sonota {width:700px; padding:10px 0px 10px 10px; clear:both;}

#sonotatext {font-size:16px; font-weight:bold; color:#ee009e; padding:2px; margin:0 0 0px 0;}

.sonotabox {width:145px; height:200px; float:left; margin:10px 10px 0px 0; background-color:#000; padding:10px;}

.sonotabox a {text-decoration:none;}

.sonotabox a:hover img {filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80;}

.daimei {text-align:left; color:#FF0; margin:3px 0 0 0; padding:0px; font-weight:bold; height:20px; overflow:hidden;}

.honbun {text-align:left; color:#FFF; margin:0; padding:0px; height:72px; overflow:hidden;}