@charset "utf-8";

/*-- フォントサイズ --*/
body{
font-size:10px;
}

/* IE6用ハック */
* html body{
font-size:62.5%;
}

/* IE7用ハック */
*:first-child+html body{
font-size:62.5%;
}

.container{
font-size:120%;
line-height:1.8;
letter-spacing:1.5px;
}

input{
font-size:120%;
}

/*-- リセット --*/
html,body,div,
dl,dt,dd,ul,ol,li,table,thead,tbody,tfoot,tr,th,td,
h1,h2,h3,h4,h5,h6,
p,a,img,blockquote,q{
margin:0px;
padding:0px;
border:none;
outline:
}

a{
text-decoration:none;
}

li{
list-style:none;
}

/*-- レイアウト --*/
html{
width:100%;
background:#afafaf;
}

body{
width:970px;
margin:0 auto;
background:url(../img/bg.png) repeat-y top center;
text-align:center;
}

.container{
width:950px;
margin:0 auto;
background:#fff;
overflow:hidden;
}

.container:after{
height:1px;
content:".";
display:block;
clear:both;
}

/*I*/
* html .container{/*IE6*/
height:1px;
overflow:visible;
}
/**/

.topicPath{
width:950px;
height:30px;
margin:0 auto;
background:url(../img/topic_path_bg.png) repeat-x top left;
text-align:left;
}

.topicPath li{
display:inline;
}

.hedaer{
width:890px;
margin:0 auto;
padding:30px 0px 15px 0px;
overflow:hidden;
text-align:left;
}

.hedaer:after{
height:1px;
content:".";
display:block;
clear:both;
}

/*I*/
* html .hedaer{/*IE6*/
height:1px;
overflow:visible;
}
/**/

.month{
padding:15px 15px 0px 0px;
float:left;
}

.tagLine h1{
float:left;
}

.tagLine{
width:340px;
float:left;
}

.linkArea{
width:320px;
padding-left:30px;
float:left;
}

.linkArea li{
padding:0px 0px 6px 23px;
line-height:1.4;
letter-spacing:0.1;
}

.sma{
background:url(../img/header_bg_link_list_sma.png) no-repeat top left;
}

.use{
background:url(../img/header_bg_link_list_use.png) no-repeat top left;
}

.earthquake{
background:url(../img/header_bg_link_list_earthquake.png) no-repeat top left;
}

.linkArea a{
border-bottom:dotted 1px #000;
color:#000;
}

.linkArea a:hover{
border-bottom:none;
}

.PrimaryBanner{
float:right;
}

.contents{
width:890px;
margin:0 auto;
pading:0px 30px 20px 30px;
overflow:hidden;
}

.contents:after{
height:1px;
content:".";
display:block;
clear:both;
}

/*I*/
* html .contents{/*IE6*/
height:1px;
overflow:visible;
}
/**/

.contents h2{
padding-bottom:10px;
clear:both;
}

.primaryArea{
width:890px;
padding-bottom:20px;
float:left;
text-align:left;
}

.slider{
width:682px;
height:285px;
float:left;
}

.bannerArea{
width:192px;
float:right;
}

.banner{
	width:192px;
}

.banner p{
	width:192;
	font-size:80%;
	padding:0 0 3px 0;
	margin:3px;
	line-height:1.2em;
}
	
.bannerArea li{
padding-bottom:8px;
}

.end{
padding:0px;
}

.secondaryArea{
width:890px;
padding-bottom:20px;
float:left;
text-align:left;
}

.BookArea{
	width:682px;
	overflow:hidden;
	float:left;
}

.webMagagineArea{
width:682px;
overflow:hidden;
}

.webMagagineArea ul{
width:682px;
padding-bottom:10px;
overflow:hidden;
float:left;
}

.webMagagineArea li{
width:88px;
padding-left:30px;
float:left;
text-align:left;
word-break:break-all;
}

.webMagagineArea li.first{
padding:0px;
}

.webMagagineArea li p{
padding-top:3px;
}

.webMagagineArea li p a{
border-bottom:dotted 1px #000;
font-size:90%;
line-height:1.3;
letter-spacing:0.02em;
color:#000;
}

.webMagagineArea li p a:hover{
border-bottom:none;
}
.bessatsuArea{
width:682px;
overflow:hidden;
float:left;
}

.bessatsuArea ul{
width:682px;
padding-bottom:10px;
overflow:hidden;
}

.bessatsuArea li{
width:88px;
padding-left:30px;
float:left;
text-align:left;
word-break:break-all;
}

.bessatsuArea li.first{
padding:0px;
}

.bessatsuArea li p{
padding-top:3px;
}

.bessatsuArea li p a{
border-bottom:dotted 1px #000;
font-size:90%;
line-height:1.3;
letter-spacing:0.02em;
color:#000;
}

.bessatsuArea li p a:hover{
border-bottom:none;
}

.backNumber{
clear:both;
text-align:right;
}

.backNumber a{
border-bottom:dotted 1px #000;
color:#000;
}

.backNumber a:hover{
border:none;
}

.textLinkArea{
width:192px;
background-color:#e6e6e6;
float:right;
}

.textLinkArea h2{
height:30px;
padding-bottom:0px;
overflow:hidden;
}

.textLinkArea .inner{
padding:0px 10px 10px 10px;
}

.textLinkArea ul{
width:172px;
height:360px;
background:#FFF;
overflow:auto; 
}

.textLinkArea li{
padding-bottom:5px;
padding-left:1.3em;
margin-left:5px;
margin-top:5px;
background:url(../img/icon_PNK.png) no-repeat 0 0.1em;
}

.textLinkArea li a{
padding-bottom:1px;
border-bottom:dotted 1px #000;
line-height:1.3;
letter-spacing:0.1em;
color:#000;
}

.textLinkArea li a:hover{
border-bottom:none;
}

.footer{
width:950px;
margin:0 auto;
padding:30px 0px;
background:#000;
color:#fff;
}

.clear{
height:1px;
overflow:hidden;
}