@charset "Shift_JIS";
/* =========================================  

murmur magazine style.css

last update 20140710

========================================== */





/* =========================================  

top-right area

========================================== */

#top-rightbox{
	width:380px;
	padding:50px 50px 20px 0;
	float:right;}
	
	

#top-rightbox .newmark,#info .newmark{
	color:#E10006;
	letter-spacing:0.1em;
	margin-left:5px;
	font-weight:bold;
	font-size:10px;
}




/* =========================================  

top-left area

========================================== */

#top-leftbox{
	width:373px;
	float:left;}




/* =========================================  

lead area

========================================== */

#top-lead {
	margin:0 0 0 25px;
	padding-bottom:45px;
}

#top-lead h2{
	width:315px;
	height:126px;
	margin-left:20px;
	margin-bottom:10px;
	text-indent:-9999em;
	overflow:hidden; /* firefow click are hack */
	background: url(../img/top_webmur_logo.gif) no-repeat;
}

#top-lead .lead{
	margin:30px 0px 0 0;
	line-height:24px;
	text-align:center;
}


/* =========================================  

top banner area

========================================== */

.top-banner{margin:0 0 30px 15px;
}



/* =========================================  

murmur cover area

========================================== */

#newno {
	width:374px;
	margin:0px 30px 0px 10px;
	float:left;
}




/* =========================================  

top-contents area

========================================== */

#top-contents{	
	width: 397px;
	font-size:10px;
	line-height:14px;
	margin-bottom:50px;
}


#update{
	width:397px;
	background: url(../img/top_update_bg.gif) bottom repeat-y;
	border-bottom:#E6E6E6 2px solid;
	font-size:10px;
	line-height:16px;
	margin-bottom:40px;
}

.newbox{
background: url(../img/dotline_brown_x.gif) bottom repeat-x;
padding:10px 0 2px 10px;
margin:0 5px;
}


.top-large{
clear:both;
width: 373px;
zzheight:140px;
margin:0 0 40px 0;
padding:0px 0 0px 10px;
}

.top-large ul{
background: url(../img/dotline_brown_x.gif) top repeat-x;
padding-top:5px;
}

.top-large li{
	list-style-type:none;
	line-height:14px;
	margin-bottom:10px;
}


.top-large ul a:link {
color:#0099CC;
text-decoration:underline;
}

.top-large ul a:visited {
color:#0099CC;
text-decoration:underline;
}

.top-large ul a:hover {
color:#0099CC;
text-decoration:none;
}

.top-large ul a:active {
color:#0099CC;
text-decoration:underline;
}





.top-largebox{
clear:both;
zzheight:140px;
margin:0px 0 8px 0;
padding:0px 7px 8px 0;
}

.top-largebox dd{
	color:#0099cc;
	font-size:12px;
	font-weight:bold;
	margin:2px 0;
	line-height:16px;
	padding-right:7px;
}


.top-small{
clear:both;
width: 373px;
zzheight:140px;
margin:0 0 40px 0;
padding:0px 0 0px 10px;
}


#top-contents dl{
clear:both;
margin:0px 0 9px 0;
padding:0 0 7px 0;
background: url(../img/dotline_brown_x.gif) bottom repeat-x;
}

#top-contents dd{
	color:#9C6500;
	font-size:12px;
	font-weight:bold;
	margin:2px 0;
	line-height:16px;
	padding-right:7px;
}


#top-contents dl img,.top-largebox img{
	margin:0 12px 5px 0;
	float:left;
}




.top-large h3.sp{
	margin: 0;
	padding: 0px;
	background: url(../img/top_sp_ttl.gif) no-repeat;
}

.top-large h3.fashion{
	margin: 0;
	padding: 0px;
	background: url(../img/top_fashion_ttl.gif) no-repeat;
}

.top-small h3.readers{
	margin: 0;
	padding: 0px;
	background: url(../img/top_readers_ttl.gif) no-repeat;
}

.top-small h3.column{
	margin: 0;
	padding: 0px;
	background: url(../img/top_column_ttl.gif) no-repeat;
}


.top-small h3.blog{
	margin: 0;
	padding: 0px;
	background: url(../img/top_blog_ttl.gif) no-repeat;
}


.top-large h3 a,.top-small h3 a{
	display:block;
	width: 373px;
	height:20px;
	margin-bottom:12px;
	text-indent:-9999em;
	overflow:hidden;
}


.top-largebox h4{
font-size:14px;
line-height:20px;
color:#9C6500;
padding:5px 0;
}



#top-contents dd.new-blue,.top-largebox h4.new-blue,#info .new-blue,.top-small .new-blue{
color:#0099CC;
font-weight:bold;
}



.mid-purple{
font-size:12px;
line-height:18px;
color: #663399;
margin:0;
padding:0;
font-weight:bold;
}




/* =========================================  

top-info area

========================================== */
#info{
	width: 373px;
	margin:25px 0 20px 0;
	font-size:10px;
	line-height:16px;
}

#info h3{	
	margin:0;
	padding:0;
}

#info dl{
width: 340px;
margin:0 0 0 5px;
padding:10px 15px 20px 15px;
background-color:#F5EFE3;
border-bottom:#FFFFFF 2px dotted;
}

#info dt{
color:#996600;
background: url(../img/dotline_brown_x.gif) left bottom repeat-x;
padding-bottom:4px;
margin-bottom:5px;
}

#info dd{
margin:8px 0 0px 0;
}

#info p{
margin:5px 0;
}


#info img.left{
margin:3px 10px 0px 0px;
float:left;
}


#info a:link{
color:#FF6600;
text-decoration:underline;
}

#info a:visited{
color:#FF6600;
text-decoration: underline;
}

#info a:hover{
color:#FF6600;
text-decoration:none;
}

#info a:active{
color:#FF6600;
text-decoration:none;
}


.info-coming{background-color:#fff; padding:7px 10px 10px 10px; border:#DBD9D7 1px solid;}
.zzaccordion-box{background-color:#eeeeee; padding:7px 10px 10px 10px; margin:0;}


/* =========================================  

top-footer area

========================================== */

#footer-wrapper{
	clear:both;
	width :875px;
	margin : 0 0 0 45px;
	zzborder: 1px solid #ff0000;
}



/* =========================================  

book area

========================================== */

#book-recommend{
	width:373px;
	margin :0 0 10px 10px;
	min-height:1em;
}

#book-recommend2{
	width:373px;
	margin :0 0 0px 0px;
}

#book-recommend dl{
zzborder-bottom:#CCCCCC 1px solid;
padding:0px 0 5px 0;
margin:0px 0 20px 0;
width:290px; float:right;
}


#book-recommend2 dl{
zzborder-bottom:#CCCCCC 1px solid;
padding:0px 0 5px 0;
margin:0px 0 20px 0;
width:210px; float:right;
}


#book-recommend dt,#book-recommend2 dt{
color:#660066;
font-size:10px;
font-weight:bold;
line-height:16px;
padding-bottom:5px;
}

#book-recommend dd,#book-recommend2 dd{
font-size:10px;
line-height:16px;
padding:0px 0 10px 0px;

}

#book-recommend h4,#book-recommend2 h4{
font-size:12px;
color: #FF6600;
border-left:#CCCCCC 3px solid;
padding-left:7px;
margin:0 0 10px 0;
}


/* =========================================  

bannar area

========================================== */

ul#bannar-area {
            margin-top: 20px;
			padding:0;
            list-style: none;
            font-size: 2em;
            font-family: Arial, sans-serif;
         }
ul#bannar-area li {
            list-style: none;
            margin:0; padding:0;
         }
		 




.sp-ttl {
            font-size:14px; 
			color:#0099CC; 
			font-weight:bold; 
			line-height:22px; 
			padding-bottom:10px;
			padding-top:5px;
         }
		 
.sp-lead {
            padding-bottom:20px;
			line-height:16px;
         }
		 
		 
/* =========================================  

ust area

========================================== */
#ust{width:397px;background-color:#EEEEEE; margin-bottom:25px;}
#ust-yellow {background-color:#FCDE34; padding-bottom:15px;}
#ust dl{ padding:15px; }
#ust dt{ color:#0099CC; font-weight:bold; font-size:12px;}
#ust dd{ font-size:10px; margin-bottom:10px; line-height:16px;}
#ust span{ color:#FF6600; text-decoration:underline;}


/* =========================================  

school_top

========================================== */

#schoo-top a{
color:#FF6600;
text-decoration:underline;
}
#schoo-top a:link{
color:#FF6600;
text-decoration:underline;
}

#school-top a:visited{
color:#FF6600;
text-decoration: underline;
}

#school-top a:hover{
color:#FF6600;
text-decoration:none;
}