@charset "utf-8";
/* CSS Document */
body {background-image:url(http://www.marumise.com/page/heydouga/images/b-bg.jpg); background-repeat:repeat;}
#container {width:780px; padding:10px; margin:0 auto; text-align:left; background:#000000; min-height:1px;}
#top {width:780px; height:110px;}

#howto {width:780px; min-height:1px; margin-top:10px;}
#howto_top {width:480px; height:40px; margin-bottom:5px;}
#page_detail_pic {width:300px; float:left; margin-right:0px; height:386px;}
#page_detail_right {width:480px; float:right; height:386px;}
#page_inside_left {width:240px; float:left; height:331px;}
#page_inside_right {width:240px; float:left; height:331px;}
.box1 {width:240px; height:55px; margin:0px; padding:0px;}
.box2 {width:240px; height:55px; margin:0px; padding:0px;}
.detail {color:#FFFFFF; font-size:12px; margin:0px 5px 0px 10px; line-height:18px;}
a {color:#0099FF;}
a:hover {color:red;}
#lesson2 {width:780px; clear:both; margin-top:30px; min-height:1px;}
#free {width:780px; margin-top:10px; min-height:1px;}
.video {width:230px; height:180px; float:left; margin-right:25px; background-color:#333333; margin-left:10px;}
#lastvideo {width:230px; height:180px; float:right; background-color:#333333; margin-right:10px;}
.yohaku {margin-left:15px; margin-top:15px;}
#sample_top {width:780px; margin-top:5px; min-height:1px;}
.detail2 {color:#FFFFFF; font-size:14px; margin:10px; line-height:18px;}
.detail3 {color:#FFFFFF; font-size:14px; margin:10px 10px 10px 0px; line-height:18px; float:right; width:540px;}
#comment_top {width:780px; margin-top:5px; height:120px;}
.koko {float:left; margin:10px;}
#lesson3 {width:780px; margin-top:30px; min-height:1px; clear:both;}
#morecomment {width:390px; float:left;}
#morestar {width:390px; float:right;}
.douga {width:370px; background:#333333; margin:0px 0px 10px 10px; height:103px;}
.dougaright {width:370px; background:#333333; margin:0px 10px 10px 10px; height:103px;}
.detail4 {color:#FFFFFF; font-size:12px; margin:10px 10px 10px 0px; line-height:14px; float:right; width:100px;}
.douga_left {width:130px; height:103px; float:left;}
.douga_right {width:240px; height:103px; float:left;}
.comment_detail {width:220px; color:#CCCCCC; font-size:12px; margin:10px; line-height:18px;}
.pic {margin:10px;}
#co {font-size:16px; font-weight:bold; color:#0099FF; margin:0px 0px 5px 10px;}
#hyo {font-size:16px; font-weight:bold; color:#99FF00; margin:0px 0px 5px 10px;}
#hitoiki {width:780px; margin-top:20px; min-height:1px; clear:both;}
#osusume {width:550px; height:180px; float:left; margin-top:10px;}
#user {width:230px; height:180px; float:right; margin-top:10px;}

#marqueecontainer{
position: relative;
width: 210px; /*marquee width */
height: 150px; /*marquee height */
background-image:url(http://www.marumise.com/page/heydouga/images/m_bg.jpg);
overflow: hidden;
margin:0px 10px 10px 10px;
}

.user_comment {font-size:12px; color:#333333; margin:10px 10px 0px 10px; line-height:20px;}
.osusume_douga {width:110px; height:105px; float:left;}
.osusume_thu {margin:0px 0px 0px 10px;}
.daimei {font-size:10px; color:#999999; margin:5px 0px 0px 10px;}
#voice {margin:0px 10px 0px 10px;}

#matome {width:780px; margin-top:20px; height:180px; background-image:url(http://www.marumise.com/page/heydouga/images/rika.jpg); background-repeat:no-repeat; clear:both;}
#kuuhaku {width:780px; height:120px;}

#teikyou {width:780px; height:60px;}
.saigo {font-size:14px; font-weight:bold; color:#FF0000; margin:3px 0px 0px 10px; clear:both;}
#asobu {margin:20px 0px 0px 350px;}

#hanbaishitai {margin:10px 0px 0px 260px; width:180px; height:120px; float:left;}
#nukinuki {width:330px; height:120px; float:left; margin:10px 0px 0px 10px;}
#provider {font-size:14px; color:#FFFFFF; margin:10px 5px 8px 5px;}
a#provider_page { display:block; width:180px; height:49px; background-image:url(http://www.marumise.com/page/heydouga/images/hanbai.jpg);}
a:hover#provider_page {background-image:url(http://www.marumise.com/page/heydouga/images/hanbai_hover.jpg);}


a#imasugu_nukinuki { display:block; width:330px; height:120px; background-image:url(http://www.marumise.com/page/heydouga/images/nuki.jpg);}
a:hover#imasugu_nukinuki {background-image:url(http://www.marumise.com/page/heydouga/images/nuki_hover.jpg);}
	

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}




#movie1{width:275px; height:220px; float:left; margin:0px 35px 0px 40px;}
#movie2{width:275px; height:220px; float:left; margin:0px 40px 0px 35px;}
#shousai1 {width:275px; float:left; margin:0px 35px 0px 40px;}
#shousai2 {width:275px; float:left; margin:0px 40px 0px 35px;}
.sakuhin {font-size:12px; margin:3px 0px 3px 110px;}

.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*/}