@charset "EUC-JP";

/* CSS Document */

a img{border:0;}

.left{float:left;}
.right{float:right;}

#headder {margin-top:5px;}

#headder #top_menu{padding:0; margin:10px 0 0 -10px; font-size:14px; text-align:left}
#headder #top_menu li{list-style:none; padding:0 10px;  float:left; text-align:left; display:block;}
#headder #top_menu li a{color:#333333;}

#headder td{vertical-align:top; text-align:left;}
#headder td.head_2nd {padding-top:5px;}
#headder td.head_2nd h2{font-size:18px; color:#999999;}

#headder td.head_3rd{vertical-align:middle; text-align:center; background: #e5e5e5}


/* menus */
#main_menu{padding:0; margin:0; width:900px;}
#main_menu li{list-style:none; padding:0; margin:0; float:left; text-align:left; display:block;}



/*------------ side bar ----------------*/
#recommend{margin-bottom:20px;}
#recommend p{margin:0 0 10px 0;}


/* side memu */

#side_menu {padding:0; margin:0 0 20px 0; width:180px; background:url(images/menu_bg.jpg) repeat-y;}

#side_menu th, #side_menu td{padding:0; margin:0}

#side_menu td ul{margin:10px 10px; padding:0; }
#side_menu td li{list-style:none; padding:5px 0; border-bottom:#e5e5e5 dotted 1px;}

#side_menu td li a{color:#333333; font-size:14px;}


/* address */

#address {padding:0; margin:0 0 20px 0; width:180px; background:url(images/menu_bg.jpg) repeat-y;}

#address th, #address td{padding:0; margin:0;width:180px;}

#address td dl{margin:10px 10px; padding:0; }
#address td dt{font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#address td dd{font-size:14px; color:#666666; padding:5px 0; margin:0; line-height:150%;}
#address td dd.dl{font-size:1px;}

#address td li a{color:#333333; font-size:14px;}

/* side_banners */

#side_banners p{margin:0 0 10px 0}



/* ------------  main --------------- */


/* intro */
#intro{width:700px; margin-bottom:20px;}
#intro th{width:180px; vertical-align:top;}
#intro td{width:520px; background:url(images/intro_bg.jpg) no-repeat top right; vertical-align:top; padding:10px;}
#intro td h3{margin:0 0 10px 0; padding:0}
#intro td p{margin:0 0 5px 0; line-height:150%; font-size:14px;}
#intro td div{padding-right:30px; padding-top:10px; font-size:14px;}


/* osusume */

div.osusume {width:700px; margin-bottom:20px; text-align:left;}
div.osusume h4{margin:0 0 5px 0; text-align:left}
div.osusume div.border{padding:7px 0; border-bottom: solid #e5e5e5 1px; border-top:1px solid #e5e5e5;} 
div.osusume ul{width:700px; padding:0; margin:0;}
div.osusume ul li{display:block; padding:5px; float:left; font-size:10px; line-height:130%;}
div.osusume ul li p{margin-bottom:5px; white-space:nowrap;}
div.osusume ul li img{float:left; margin-right:3px;}


/* bunners */
#bunners {margin-bottom:20px;}
#bunners td{vertical-align:top; text-align:left; margin-bottom:-15px}

#bunners td p{margin:5px 0 15px 0;}

/* ippuku */
#ippuku{padding:15px 0 0 20px;}
#ippuku h3{margin:0 0 15px;}
/* sidemenu box */
#side_menubox{padding-top:15px;}


/* column */

#column div.column_text{width:465px; margin-bottom:20px;}
#column div.column_text h4{margin-bottom:15px; color:#333333;}
#column div.column_text {font-size:14px; margin-bottom:10px; color:#666; line-height:160%}
#column div.column_text div.name{text-align:right; color:#999999; margin-top:20px;}

#column div.img_box {padding-top:20px; padding-bottom:30px;}
#column div.img_box img{margin-bottom:20px;}



/* Novels */
.novel#ippuku h3{width:250px; float:left;}
.novel#ippuku h4{width:200px; text-align:right; margin: 0 20px 15px; color:#666; float:left;}

#novel{margin-top:20px;}
#novel div.novel_text{width:465px; margin-bottom:30px;}

#novel div.novel_text h5{margin-bottom:15px; color:#333333;}
#novel div.novel_text {font-size:14px; margin-bottom:10px; color:#666; line-height:160%}
#novel div.novel_text p{margin-bottom:10px;}

#novel div.img_box {padding-top:20px; padding-bottom:30px;}
#novel div.img_box img{margin-bottom:20px;}



/* twitter */

#twitter*{}



/* okaimono guid */

#okaimono {margin-top:30px;}

#okaimono table{width:700px;}
#okaimono td{vertical-align:top; width:50%; padding:15px 10px;}
#okaimono td div{margin-bottom:20px;}
#okaimono td p{margin:0 0 7px 0; line-height:150%;}
#okaimono td p span{margin-left:20px;}
#okaimono td p img{vertical-align:middle;}
#okaimono td.leftarea{padding-right:15px;}
#okaimono td.rightarea{padding-left:15px;}

#okaimono {margin-top:30px; border-bottom:1px solid #e5e5e5;}


.cls:after{ 
			content:".";
			display: block;
			clear:both;
			height: 0;
			visibility: hidden;
			
			}
.cls {display: inline-block;}

/* mac ie5 \*/
* html .cls {height: 1%;}
.cls{ display: block;}
/* mac ie5 */