@charset "utf-8";
/* base
---------------------------------------------*/
a {	
	color:#cccccc;
}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background-color: #000;
	color:#fff;
	font-size:40em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	line-height: 150%;
	text-align:center;
}
ul, ol, dl {
	list-style-type: none;
}

a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
	}
/* body
---------------------------------------------*/
body.bg-index{
	background-image:url(../img/bg-blast02.jpg);
	background-position:bottom ;
	background-repeat:no-repeat;
	width:100%;
}
body.bg-black{
	background-image: url(../img/bg01.gif);
	background-position: left top;
	background-attachment:fixed;
}
#wrapper{
	min-height: 100%;
	width: 762px;
	margin:0 auto;
    position:relative;
}
* html div#wrapper{
    height:100%;
}
body > #wrapper {
        height: auto;
}
/* contents
---------------------------------------------*/
.contents {
    width: 762px;
	margin: 0 auto;
	text-align:center;
	padding-bottom:20px;
}
/* contents nav
---------------------------------------------*/
.nav ul {
		margin: 0px 0 0px 0;
		width: 762px;
		height:120px;
		padding: 0;
		list-style: none;
}
.nav li {
		float: left;
		padding: 0px;
		margin: 0;
}
.nav li a {
	overflow:hidden;
	padding: 0px 0;
	text-align: center;
	text-decoration: none;
	display: block;
	height:120px;
	width:240px; 
	margin: 200px 68px 0px 68px;
	position:relative;
	top:0px;
	left:0px;
	overflow:hidden;
	color:#dd0057;
	font-size: 3em;
	line-height:1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	border: 1px solid #a13163;
}
.nav li a:hover {
	color:#FF00A2;
	border: 1px solid #ff4cbe; 
}
/* index.html nav flash gallery
---------------------------------------------*/
a.flash {
  display: block;
  position: relative;
  text-decoration: none;
  width: 240px;
  height: 120px;
}
a.flash span {
  background: url(../img/btn/btn_f01.gif) left top no-repeat;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 120px;
}
a.flash:hover span {
  background: url(../img/btn/btn_f02.gif) left top no-repeat;
}
.nav li a:hover {
	color:#ff4cbe;
	border: 1px solid #ff4cbe; 
}
/* index.html nav html gallery
---------------------------------------------*/
a.html {
  display: block;
  position: relative;
  text-decoration: none;
  width: 240px;
  height: 120px;
}
a.html span {
  background: url(../img/btn/btn_h01.gif) left top no-repeat;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 120px;
}
a.html:hover span {
  background: url(../img/btn/btn_h02.gif) left top no-repeat;
}
/* contents h1
---------------------------------------------*/
.contents h1 {
    width: 762px;
	height: 55px;
	clear: both;
    margin: 0px 0px 0px 0px;
	padding:0px 0 0px 0;
	position:relative;
	top:0px;
	left:0px;
	overflow:hidden;
	display:block;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3.35em;
	line-height:1.4em;
	font-weight:normal;
	}
.contents h1 span {
    width: 762px;
	height: 55px;
	text-align: left;
	display:block;
	background-image:url(../img/logo01.gif);
	position: absolute;
	top:0px;
	left:0px;
}
.contents h2 {
	width:762px;
	font-size: 2em;
	float:left;
	text-align:left;
    margin: 0px 0px 0px 0px;
	padding:10px 0 0px 0;
	font-weight:normal;
}
.contents h3{
	width:762px;
	float:left;
	text-align:left;
	clear: both;
    font-size: 1.2em;
	line-height: 1.8em;
	color:#FFFFFF;
    margin: 0px 0px 0px 0px;
	padding:20px 0 0px 0;
}
.contents h4{
	width:762px;
	float:left;
	text-align:left;
	clear: both;
	font-size: 1.0em;
    margin: 0px 0px 0px 0px;
	padding:0px 0 0px 0;
}
.contents h4.co{
	width:762px;
	float:left;
	text-align:left;
	clear: both;
	font-size: 1.0em;
    margin: 0px 0px 0px 0px;
	padding:15px 0 0px 0;
}
/* contents text
---------------------------------------------*/
.contents p {
	width:762px;
	clear: both;
	float:left;
	text-align:left;
	font-size: 0.8em;
	line-height: 1.8em;
	color:#FFFFFF;
    margin: 0px 0px 0px 0px;
	padding:0px 0 0px 0;
}
.contents p a{
	font-weight:bold;
	color:#fff;
}
.contents p a:hover{
	color:#FF00A2;
}
/* p profile
---------------------------------------------*/
.contents p.profile {
	width:762px;
	clear: both;
	float:left;
	text-align:left;
	font-size: 0.8em;
	line-height: 1.8em;
	color:#FFFFFF;
    margin: 0px 0px 0px 0px;
	padding:0px 0 0px 0;
	background-image:url(../img/bg_about01.gif);
	background-position:top right;
	background-repeat: no-repeat;
	z-index:100;
}
/* p strong
---------------------------------------------*/
.contents p strong{
	width:762px;
	float:left;
	text-align:left;
	font-size: 1.2em;
	line-height: 1.8em;
	color:#FFFFFF;
    margin: 0px 0px 0px 0px;
	padding:10px 0 0px 0;
	font-weight:normal;
}
/* p mail
---------------------------------------------*/
.contents p.mail {
	width:762px;
	float:left;
	text-align:left;
	font-size: 1.0em;
	line-height: 1.8em;
}
.contents p.mail a{
	padding: 0px 0 0px 18px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	background:transparent url(../img/mail02.gif) no-repeat left 50%;
}
.contents p.mail a:hover{
	color:#FF00A2;
	background:transparent url(../img/mail02_over.gif) no-repeat left 50%;
}
/* p about
---------------------------------------------*/
.contents p.about {
	width:762px;
	float:right;
	text-align:right;
	font-size: 1em;
    margin: 0px 0px 0px 0px;
	padding:0px 0 0px 0;
}
.contents p.about a{
	font-weight:normal;
	color:#dd0057;
}
.contents p.about a:hover{
	color:#FF00A2;
}
/* bunner
---------------------------------------------*/
.bunner_box {
	width:762px;
    margin: 0px 0px 0px 0px;
	padding:0px 0 0px 0;
}
h3.bunner {
    clear: both;
	width:762px;
	float:left;
	text-align:left;
	font-size: 1em;
	color:#fff;
    margin: 0px 0px 0px 0px;
	padding:20px 0 0px 0;
	font-family: Arial, Helvetica, sans-serif;
}
/* links nav old
---------------------------------------------*/
.bunner_box ul {
        clear: both;
		margin: 0px 0px 0px 0px;
		width: 762px;
		height: 140px;
		padding: 0;
		list-style: none;
}
.bunner_box li {
		float: left;
		padding: 5px 9px 5px 9px;
		margin: 0;
}
.bunner_box li a {
	display: block;
    width: 234px;
	height: 60px;
	overflow:hidden;
	padding: 0px 0px 0 0px;
	text-align: center;
	text-decoration: none;
	color:#000;
	font-weight:normal;
	background-color:#fff;
}
.bunner_box li a:hover {
	color:#000;
	background-color:#FF00A2;
}
/* links nav
---------------------------------------------*/
ul#links {
        margin: 0px 0px 40px 0px;
	    padding:0px 0 0px 0;
        clear: both;
		padding: 0;
		float:left;
	    width:197px;
		text-align:left;
}
ul#links li {
		padding: 0px 0px 0px 0.1em;
		margin: 0px 0px 0px 14px;
		color:#fff;
		list-style: square;
}
ul#links li a {
	    color:#fff;
		font-size:0.8em;
		line-height:1.2em;
		text-decoration:none;
		font-weight:normal;
}
ul#links li a:hover {
	color:#ff00a2;
	text-decoration:underline;
	font-weight:normal;
}
/* about.html links
---------------------------------------------*/
a.emt,a.ksb,a.ta,a.ssr {
  display: block;
  position: relative;
  text-decoration: none;
  width: 240px;
  height: 120px;
}
a.emt span,a.ksb span,a.ta span,a.ssr span {
  background-image:  url(../img/bunner05.png);
  background-position:0 0;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 120px;
}
/* off mouse */
a.emt span{background-position:0 0;}
a.ksb span{background-position:0 -60px;}
a.ta  span{background-position:0 -120px;}
a.ssr span{background-position:0 -180px;}
/* on mouse */
a.emt:hover span{background-position:-234px 0;}
a.ksb:hover span{background-position:-234px -60px;}
a.ta:hover  span{background-position:-234px -120px;}
a.ssr:hover span{background-position:-234px -180px;}

/* contents html gallery
---------------------------------------------*/
/* common styling for galleries */
a.gallery, a.gallery:visited {
     display:block;
     display:inline-block;
     color:#FF00A2;
     text-decoration:none;
     border:1px solid #fff;
     float:left;
	 margin:4px 4px 0 0px;
	 width:24px;
	 height:24px; 
	 _width:26px;
	 _height:26px; 
	 z-index:50;
}
a.slidea {background:url(../img/thumbs/talkandtalk.jpg);}
a.slideb {background:url(../img/thumbs/blast_parco.jpg);}
a.slidec {background:url(../img/thumbs/great.jpg);}
a.slided {background:url(../img/thumbs/episode1_01.jpg);}
a.slidee {background:url(../img/thumbs/episode1_02.jpg);}
a.slidef {background:url(../img/thumbs/blast_stecker.jpg);}
a.slideg {background:url(../img/thumbs/conpact.jpg);}
a.slideh {background:url(../img/thumbs/episode2_02.jpg);}
a.slidei {background:url(../img/thumbs/episode2_04.jpg);}
a.slidej {background:url(../img/thumbs/episode3_01.jpg);}
a.slidek {background:url(../img/thumbs/episode3_02.jpg);}
a.slidel {background:url(../img/thumbs/episode3_04.jpg);}
a.slidem {background:url(../img/thumbs/love_stecker.jpg);}
a.sliden {background:url(../img/thumbs/lovebox_02.jpg);}
a.slideo {background:url(../img/thumbs/box.jpg);}
a.slidep {background:url(../img/thumbs/breast_01.jpg);}
a.slideq {background:url(../img/thumbs/breast_02.jpg);}
a.slider {background:url(../img/thumbs/breast_03.jpg);}
a.slides {background:url(../img/thumbs/ope_02.jpg);}
a.slidet {background:url(../img/thumbs/wall_01.jpg);}
a.slideu {background:url(../img/thumbs/nakedrider_04.jpg);}
a.slidev {background:url(../img/thumbs/graphic01t.jpg);}
a.slidew {background:url(../img/thumbs/musha_01t.jpg);}
a.slidex {background:url(../img/thumbs/musha_02t.jpg);}
a.slidey {background:url(../img/thumbs/twins_01t.jpg);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #FF00A2;}

/* styling for BOTTOM gallery */
#container_bottom {	clear: both; position:relative; width:762px; height:710px; margin:0 auto; }
#container_bottom img {border:0;}
#container_bottom .thumbs {position:absolute; left:0; bottom:0; height:30px;}
/* styling for BOTTOM text*/
#container_bottom a.gallery:hover span {display:block; position:absolute; width:762px; height:50px; top:-60px; left:0px; font-style:normal; color:#fff; z-index:100; text-align:left; font-size:0.8em; line-height:1.4em;}
#container_bottom a.gallery:hover span b {font-weight:bold; font-size:2em; color:#ff4cbe; font-family: Arial, Helvetica, sans-serif; line-height:1.0em;}
/* styling for BOTTOM img */
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #FF00A2;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:762px; top:-670px; left:0; z-index:50;}
/* styling for BOTTOM bg */
#container_bottom h4 {clear:both; margin:0; padding-top:80px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:3em; font-weight:normal; color:#fff;}
#container_bottom h4 em {font-size:0.6em; color:#000;}

/* footer
---------------------------------------------*/
.footer {
	position:absolute;
	bottom:0px;
	height: 20px;
	clear: both;
	width: 762px;
	left: 0;
}
.footer p {
	text-align: left;
	color: #FFFFFF;
	font-size: 0.8em;
	font-family:Arial, Helvetica, sans-serif;
	border-top: 1px solid #ccc;
}
/* footer ver html
---------------------------------------------*/
.foot-html {
    margin: 30px 0px 0px 0px;
	bottom:0px;
	clear: both;
	width: 762px;
	left: 0px;
}
.foot-html  p {
	text-align: left;
	color: #FFFFFF;
	font-size: 0.8em;
	font-family:Arial, Helvetica, sans-serif;
	border-top: 1px solid #ccc;
}
