@charset "utf-8";

/*
	共通
*/

HTML { overflow-y: scroll; }
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-family:"ＭＳ Ｐゴシック","Osaka",Arial,sans-serif;
	background: #FFFFFF;
	
	padding: 0;
	color: #000000;
	font-size:14px;
	/*text-align:center;
	margin: 0 auto; 
	margin: 0;  センタリング変更　*/
	background-image:url(../images/mokuji/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;	
	
}



img{
	border:none;
}



/* インラインブロック */
.inline-block{
	display: inline-block; 
}


/**	
	レイアウト
*/
div#container{
	width:800px;
	margin: 0 auto; 
	/*text-align:left;
	margin:0 auto 30px auto;センタリング変更　*/
	
}

div#header{
	margin-bottom:24px;
	padding:0 20px;
	font-size:16px;
	font-weight:bold;
}
div#header a{
	text-decoration:none;
	color:#000000;
}
div#maincontents{
	float:left;
	width:580px;
	padding:0 20px;
}
div#subcontents{
	float:right;
	width:180px;
}





.category{
	margin-bottom:20px;
}


h1{
	font-size:61px;
	margin:20px 0;
}

h2{
	padding:4px 3px 3px 6px;
	font-size:14px;
}



h3{
	font-size:18px;
	margin:5px 0;
}


h3 em{
	font-size:23px;
	font-style:normal;
}

h3 strong{
	background-color:#000000;
	color:#FFFFFF;
	padding:3px;
	margin-right:3px;
}

h4{
	font-size:20px;
	margin:5px 0;
	
}

h5{
	font-size:16px;
	margin:5px 0;
	line-height:1.6em;
	
}

p {
	margin-top:0;
	margin-bottom:0;
	line-height:1.5em;
}

ol,
ul{
	margin:0;
	padding:0;
}

li{
	list-style:none;
	margin-bottom:0.4em;
}

li em{

	font-style:normal;
    /* Sliding right image */
    background: transparent url(../images/mokuji/em_bg_2_r.gif) no-repeat scroll top right; 
	display: inline-block;
	height: 20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 10px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	color: #000000;
	
	background-color:#CCCCCC;
	
}

li em span{
	background: transparent url(../images/mokuji/em_bg_2_l.gif) no-repeat; 

	display: block;
	/*line-height: 9px;*/ /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 2px 0 5px 10px;
	*padding: 3px 0 5px 10px; /*IE hack*/

}

.b_red li em.keywords{
	background: transparent url(../images/mokuji/em_bg_1_r.gif) no-repeat scroll top right; 
	color:#FFFFFF;
	
	background-color:#990000;
	font-weight:normal;
}
.b_red li em.keywords span{
	background: transparent url(../images/mokuji/em_bg_1_l.gif) no-repeat; 
	color:#FFFFFF;
	font-weight:normal;
}





.b_blue li em.keywords{
	background: transparent url(../images/mokuji/em_bg_3_r.gif) no-repeat scroll top right; 
	color:#FFFFFF;
	
	background-color:#0033CC;
	font-weight:normal;
}
.b_blue li em.keywords span{
	background: transparent url(../images/mokuji/em_bg_3_l.gif) no-repeat; 
	color:#FFFFFF;
	font-weight:normal;
}


p.tagline{
	font-size:22px;
	margin-bottom:0.3em;
}






/* 
	フォント色
 */
.c_red{
	color:#CC0000 !important;
}

.c_blue{
	color:#003366 !important;
}



.c_green{
	color:#339900 !important;
}

/* 
	フォントサイズ
 */
 .f_m{
 	font-size: 16px;
	}



/* 
	背景色
 */
.b_red h2{
	background-color:#CC0000;
	color:#FFFFFF;
}
.b_red li em{
	color:#CC0000;
	font-weight:bold;
}
.b_red h4,
.b_red h3 em{
	color:#CC0000;
}

.b_blue h2{
	background-color:#003366;
	color:#FFFFFF;
}
.b_blue li em{
	color:#003366;
	font-weight:bold;
}
.b_blue h4,
.b_blue h3 em{
	color:#003366;
}

.b_green h2{
	background-color:#339900;
	color:#FFFFFF;
}

.b_green li em{
	color:#339900;
	font-weight:bold;
}
.b_green h4,
.b_green h3 em{
	color:#339900;
}




/* 特集だけ特別 */
.special h2{
	margin-top:0;
}
.special h3 em{
	font-size:18px;
}

.special li em{
	color:#000000;
	font-weight:normal;
}

/**

*/

.page_top_link{
	text-align:right;	
	margin-bottom:30px;
}







.inline-block{
	display:inline-block;
}


a.css_button_4{
	background-image:url(../images/mokuji/button.jpg);
	background-repeat:no-repeat;
	
	width:160px;/* 160px - 0px */
	height:43px;/* 50px - 7px */
	display: inline-block; 
	padding-top:7px !important;
	padding-left:0px;
	line-height:1em !important;

	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	
	margin-bottom:6px;
}
a.css_button_4:link,
a.css_button_4:active,
a.css_button_4:visited {
	background-position: 0 0;
}
a.css_button_4:hover {
	background-position: 0 -50px;
}

a.css_button_4 span {
	color:#000000;
	font-size:12px;
	font-weight:normal;
	display: block;
	margin-bottom:10px;
}

/* 枠*/

.circle-black{
color:#000; 
background:#ccc; 
-moz-border-radius:5px 5px 5px 5px; 
padding:0 10px; border:1px solid #999;
text-align:center;
display:inline-block;
font-size:14px;
margin:0;
padding:0 8px;
}

.circle-purple{
color:#333399; 
background:#7E9CC7; 
-moz-border-radius:5px 5px 5px 5px; 
padding:0 10px; border:1px solid #999;
text-align:center;
display:inline-block;
font-size:14px;
margin:0;
padding:0 8px;
}

.circle-red{
color:#c00; 
background:#fcc; 
-moz-border-radius:5px 5px 5px 5px; 
padding:0 10px; border:1px solid #999;
text-align:center;
display:inline-block;
font-size:14px;
margin:0;
padding:0 8px;
}

.circle-blue{
color:#036;  
-moz-border-radius:5px 5px 5px 5px; 
padding:0 10px; border:1px solid #999;
text-align:center;
display:inline-block;
font-size:14px;
margin:0;
padding:0 8px;
}