@charset "utf-8";

/*	Block-level Elements
--------------------------------------*/
html, div, p, li, dl, dt, dd, blockquote, td, form, address {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-style:normal; font-weight:bold; font-size:100%;}
ul, ol {margin:0; padding:0; list-style:none;}
caption, th {margin:0; padding:0; font-style:normal; font-weight:normal; text-align:left;}
body {margin:0;	padding:0;/* for Opera8 */ color:#000; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif; font-size:85%;	line-height:1.4;}
* html body {/* for IE6 */font-family:"ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif; font-size:88%;}
*:first-child+html body {/* for IE7 */
	font-family:"ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif; font-size:88%; cursor:default;}
h1 {font-size:143%;/* 20px */}
h2 {font-size:129%;/* 18px */}
h3 {font-size:115%;/* 16px */}
fieldset {margin:0; padding:0; border:none;}
table {border-collapse:collapse; border-spacing:0; font-size:100%; line-height:inherit;}
pre {margin:1em; padding:1em; width:95%; overflow:scroll; background-color:#f3f3f3; line-height:1.2;
}

/*	Inline Elements
--------------------------------------*/
em, strong, cite, code, dfn, var {font-style:normal; font-weight:normal;}
input, select, textarea {color:#000; font-size:inherit;}
abbr, acronym {border-bottom:1px dotted #000; cursor:help;}
img {vertical-align:middle; border:none;}
optgroup {background-color:#fff;/* for Opera */ color:#000;/* for Opera */ font-style:normal; font-weight:bold;}
pre,
code {font-family:Consolas,Monaco,monospace;}

a:link {color:#2c6ee8; text-decoration:underline;}
a:visited {color:#1e5fdb; text-decoration:none;}
a:hover {color:#CC0000; text-decoration:underline;}
a:active {color:#CC0000; text-decoration:underline;}
hr {display:none; clear:both;}

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

/*	Common Class
--------------------------------------*/
.green {color:#f4d006;}
.pink {color:#FE92A7;}
.font110 {font-size:110%;}
.font120 {font-size:120%; font-weight:bold;}
.font140 {font-size:140%; font-weight:bold;}

/*	Layout
--------------------------------------*/
#wrapper {width:910px; margin:0 auto;}

#Header {width:900px; margin:10px 0 0 0;}
#Header h1 {float:left; width:540px; margin:10px 0 0 0;}
#Header .h3Box {float:right; width:320px; height:70px; margin:10px 0 0 0; background:#000 url(http://www.marumise.com/erotaiken/images/bg_h3box03.gif) no-repeat;}
#Header h3.ml5 {font-size:90%; background-color:#f4d006; display:inline; margin:5px 0 5px 5px; padding:2px;}
#Header h3.ml25 {font-size:115%; background-color:#f4d006; display:inline; margin:5px 0 0 20px; padding:2px;}
#HeaderTop {width:900px; height:30px; background-color:#000000;}

#Main {width:655px; margin-top:10px; float:right; border-left:3px solid #000;}
#Main .Content {margin:0 0 0 10px; min-height:1px;}
#Main .Content h2 {font-size:90%; font-weight:normal; margin-bottom:10px; padding:0 10px;}
#Main .Content h2 span {font-size:140%; font-weight:bold;}
#Main .Content h4 {font-size:100%; margin-left:5px;}
#Main .Content h4 span {font-size:160%; font-weight:bold; margin-left:15px; border-bottom:3px double #000; display:inline;}
#Main .Content p {font-size:90%; clear:both; margin:0 0 10px 0;}
#Main .Content p.butNomore {text-align:center;}
#Main .Content2 {margin:0 0 10px 10px; background-color:#000; color:#FFFFFF; border:2px solid #000; clear:both;}
#Main .Content2 h4 {font-size:100%; color:#FFFFFF; margin:5px 0 10px 0; padding:5px 5px 8px 40px; border-bottom:3px double #FFFFFF; background:#000 url(http://www.marumise.com/erotaiken/images/bullet03.gif) no-repeat;}
#Main .Content2 p {font-size:100%; margin:5px 10px 10px 10px; padding:5px;}
#Main .Content2 a {color:#5eacfb;}
#Main .Content2 ul#siteinfo {float:right; width:330px; margin:0 0 0 0px; padding:0;}
#Main .Content2 li {font-size:95%; margin:0; padding:0px;}
#Main .Content2 img.banner {margin:6px 3px; width:635px;}


#Main .Content3 {margin:0 0 0 10px; border:2px solid #000; clear:both;}
#Main .Content3 p {font-size:95%; margin:5px 10px 10px 10px; padding:5px;}
#Main .Content3 a {color:#0066FF;}
#Main .Leftimg {float:left; width:260px; margin:0;}
#Main .Rightinfo {float:right; width:380px; margin:0;}
#Main .Rightinfo ul {margin:0 0 0 20px; padding:0; list-style:disc;}
#Main .Rightinfo li {margin:0; padding:0px;}
#Main .Rightinfo p {font-size:95%; margin:0 5px 5px 5px; padding:0;}
#Main .Rightinfo p span {font-weight:bold;}
#Main .Thumbbox {margin:10px 0 0 5px;}
#Main .Thumbbox p.name {font-size:95%; margin:0 5px 5px 5px; padding:0; text-align:center;}
#Main .thumbBox1, #Main .thumbBox2 {float:left; width:180px; margin:0 5px 10px 0; padding:0 14px !important; padding:0 12px; display:inline;}
#Main .thumbBox3 {clear:left; width:208px; margin:0 0 10px 0;}

#Main .Content4 {margin:0 0 0 10px; clear:both;}
#Main .Content4 h4 {font-size:100%; margin:5px 0 10px 0; padding:5px; border-left:10px solid #000; border-bottom:3px solid #000;}
#Main .Content4 p {font-size:95%; margin:5px 10px 10px 10px; padding:5px;}
#Main dl.serviceList {margin: 0 0 20px;}
#Main dl.serviceList dt {position: relative; width:560px !important; width:400px; margin-bottom: 5px; padding-top: 15px; padding-left: 160px; font-weight: bold; border-top: 1px dotted #ACACAC;}
#Main dl.serviceList dt.firstChild, #Main dl.serviceList dt:first-child {border-top: 0; padding-top: 0;}
#Main dl.serviceList dt a {padding-left: 25px; background: url(http://www.marumise.com/erotaiken/images/bullet02.gif) no-repeat left center;}
#Main dl.serviceList dt img {position: absolute; top: 15px; left: 0; padding: 2px; border: 1px solid #000;}
#Main dl.serviceList dt.firstChild img, #Main dl.serviceList dt:first-child img {top: 0;}
#Main dl.serviceList dd {font-size:95%; margin-bottom: 15px; padding-left: 160px; height: 50px;}
#Main dl.serviceList > dd {min-height: 130px; height: auto;}

#Menu {width:240px; margin-top:10px; float:left;}
#Menu div.Content {margin:0 0 10px 0; padding-bottom:10px;}
#Menu div.Content h2 {margin-bottom:20px; padding:0;}
#Menu div.Content p {margin:0 10px 10px 10px;}
#Menu div.Content ul {margin:0;}
#Menu div.Content ul li.txt {font-size:90%; margin:5px; padding:0 0 0 20px; background:#FFF url(http://www.marumise.com/erotaiken/images/bullet01.gif) no-repeat;}
#Menu div.Content ul li.txt img {margin:0 0 0 10px; vertical-align:middle;}
#Menu div.Content ul li.txt a:link, #Menu div.Content ul li.txt a:visited {color:#0066CC; text-decoration:underline;}
#Menu div.Content ul li.txt a:hover, #Menu div.Content ul li.txt a:active {background-color:#1563B0; color:#000; text-decoration:underline;}
#Menu div.Content2 {background:#000000; width:240px; margin-bottom:10px;}
#Menu div.Content_inner {background:#f4d006; margin:10px 10px 10px 10px;}
#Menu div.Content2 h2 {font-size:120%; background:#000000; border:1px solid #f4d006; color:#FFFFFF; margin-bottom:10px; padding:0 10px; text-align:center;}
#Menu div.Content2 iframe {margin:10px;}

#Footer {font-size:80%; width:910px; clear:both;}
#Footer ul {text-align:center; background:#000; padding:5px 0; list-style:none;}
#Footer ul li {margin:0 5px; display:inline;}
#Footer a {color:#FFFFFF;}

/*	Jquery innerfade
--------------------------------------*/
#animated-portfolio {float:left;}
.innerfade-title{position:absolute; bottom:10px; left: 0; z-index:290; width:100%; background-color:#f4d006; height:23px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:.8; border-top:1px solid #000; border-bottom:1px solid #000; color:#000000; text-align:center; font-size:90%; padding-top:5px;}