@charset "UTF-8";
/* CSS Document */

/*DODA4.1*/
a,
a:link{
color:#0a50a1;
text-decoration: none;
}

a:visited{
color:#0a50a1;
text-decoration: none;
}
a:active,
a:focus{
text-decoration:none;
}
a:hover{
text-decoration:underline;
cursor: pointer;
}


.clr_b {
	clear:both;
}

.txt_l {
	text-align:left;
}

.m_top15{
	margin-top:15px !important;
}

.m_top20{
	margin-top:20px !important;
}/*20121022　追加*/

p#area-lead {
	font-size:92%;
	font-weight:normal;
	left:195px;
	line-height:1.4;
	position:absolute;
	text-align:left;
	top:51px;
}

p#area-leadSlo {
	font-size:92%;
	font-weight:normal;
	left:195px;
	line-height:1.4;
	position:absolute;
	text-align:left;
	top:58px; /* sugita */
}

#main {
	position:relative;
	margin: 0 0 0 0;
}/*20100922　修正*/

#main #area_contentsBox {
	position:relative;
	z-index:199;
	margin-right:14px;
	padding-bottom:42px;
	float:left;
	width:658px;
	text-align:left;
}

#noLogin ul {
	margin-bottom: 10px;
}

#noLogin li {
	margin-bottom:5px;
	padding: 0;
}
/*20100922　修正 end*/
#noLogin #member {
	margin-bottom:5px;
}
#noLogin li img {
	vertical-align:bottom;
}
#recommend h3 {
	padding: 0 0 10px 0;
	font-size: 110%;
}
#recommend {
	width:215px;
	margin-bottom: 5px;
	margin-right:-3px;
}
#recommend div.recommend00 {
	width:210px;
	line-height: 110%;
	margin-bottom: 3px;
	margin-right:-3px;
}
div.recommend_img {
	float: left;
	width:60px;
}
div.recommend_txt {
	width:135px;
	float:left;
	padding-left:10px;
	margin-bottom:3px;
}
div.recommend_txt div {
	padding-left: 13px;
	font-weight:bold;
	line-height:120%;
	background: url(/img/top_icon_arrow_blue.gif) no-repeat 0 50%;
	margin:0;
	width:122px;
}
div.recommend_txt p {
	color: #666;
	margin-right:-3px;
	padding:0;
	width:135px;
}
/*
#recommend dl {
	line-height: 110%;
	margin-bottom: 3px;
	}
#recommend dt {
	float: left;
	width:60px;
	}
#recommend dd {
	margin-bottom: 3px;
	padding-left: 10px;
	float:left;
	width:132px;
	color: #666;
	margin-right:3px;
	display: inline;
	}
#recommend dd a {
	padding-left: 13px;
	font-weight:bold;
	line-height:120%;
	background: url(/img/top_icon_arrow_blue.gif) no-repeat 0 50%;
	}
	*/


#M_column {
	width:648px;
}
#M_column #M_columnL {
	width:481px;
	float:left;
}

/*20100922　修正*/
#M_column #M_columnR {
padding-top:0;
}


#informationArea {
	background:url("/img/bg_02.gif") no-repeat bottom;
margin-bottom:4px;
padding-bottom:3px;
margin-top:10px;
}

#informationArea02 {
	background:url("/img/bg_02.gif") no-repeat bottom;
margin-bottom:15px;
padding-bottom:3px;

}
#informationArea table,
#informationArea02 table{
background:url("/img/bg_01.gif") no-repeat top;
width:658px;
}

#informationArea table tr.item00 td{
padding:7px 6px 3px 6px;}


#informationArea02 table tr.item01 td{
padding:7px 6px 6px 6px;}

#informationArea table tr th,
#informationArea02 table tr th {
vertical-align:middle;
width:166px;
}

#informationArea  table tr th h2,
#informationArea02  table tr th h2  {
padding-left:12px;
}

#informationArea table tr.item00 td dl,
#informationArea02 table tr.item00 td dl{
-moz-border-radius:2px 2px 2px 2px;
background-color:#EBEBF8;
border:0 solid #EBEBF8;
padding:4px 4px 4px 4px;
}


#informationArea table tr.item00 td dl dt,
#informationArea02 table tr.item00 td dl dt {
	float:left;
	width:74px;
}
#informationArea table tr.item00 td dl dd,
#informationArea02 table tr.item00 td dl dd {
	float:left;
	width:396px;
	vertical-align:middle;
	line-height:24px;
}
#informationArea02 li {
background:url("/img/icon_arrow_02.gif") no-repeat scroll 0 4px transparent;
margin-bottom:6px;
padding-left:12px;
text-indent:0;
}

#informationArea02 li.end {
margin-bottom:0;

}
/*20100922　修正 end*/

#informationArea .title, #specialedition .title {
	width: 455px;
	height:20px;
	padding: 0 0 10px 0;/* 特集に画像バナーがあるとき */
}
#informationArea .title h2, #specialedition .title h2 {
	float: left;
}
#informationArea .title h2 span {
	font-size: 120%;
}
#informationArea .title p {
	float: left;
	padding: 2px 0 0 20px;
	font-size: 80%;
}
#informationArea .title p .count {
	font-size: 180%;
	color: #f00;
	font-weight:bold;
}
#M_column #M_columnR div.notice_cmp {
	width:153px;
	margin-bottom:25px;
}
#M_column #M_columnR div.notice_cmp h2 {
	width:153px;
	margin-bottom:2px;
}

#M_column #M_columnR div.notice_cmp_bg {
	width:103px;
	background:#f6f6f6;
	padding:5px 25px;
}
#M_column #M_columnR div.notice_cmp_bg .logo li {
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	padding:5px;
	width:90px;
	height:35px;
	margin:5px 0;
	display:inline-block;
}
#M_column #M_columnR div.notice_cmp_bg div.logo img {
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	line-height:0px;
}
#M_column #M_columnR div.intro_link {
	width:153px;
	margin-bottom:15px;
}
#M_column #M_columnR div.intro_link h2 {
	width:153px;
	margin-bottom:5px;
}
#M_column #M_columnR div.R_banner {
	width:153px;
	margin:0 0 10px 0;
	font-size:0px;
	line-height:0%;
}
/*20100922追加 */

/*20100922追加 end*/
#M_column #newupdate, #M_column #specialedition {
	margin-bottom: 0;
}
#M_column #newupdate p {
	margin: 0 12px;
	line-height: 140%;
}


table#logo { /* 20101025 */
	width:228px;
}
table#logo div { /* 20101025 */
	width:228px;
	padding:5px;
	width:90px;
	border:1px solid rgb(204, 204, 204);
	margin:0px auto 10px 0px;
	text-align:left;
	display: block; 
}


#mapSearchArea {
	position:relative;
	min-height:250px;
	clear:both;
}
#mapSearchArea #areaMap {
	width:350px;
	float:left;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0%;
	height:250px;
}
#mapSearchArea #areaMap .ttl {
	position:absolute;
	top:8px;
	left:11px;
	width:78px;
	height:18px;
}
#mapSearchArea #areaLink {
	width:245px;
	float:left;
	font-size:90%;
	padding:5% 0 0 20px;
}
/*20100922追加*/
#mapSearchArea .epsilon {
	/*background:url("/img/bg_06.gif") no-repeat scroll 0 bottom transparent;*/
	background:none no-repeat scroll 0 0 transparent;
	margin-bottom:0px;
	padding-bottom:0px;
	width:323px;
	float:left;
	height:74px;
	}
#mapSearchArea .epsilonInner {
	height: 71px;
	background:none no-repeat scroll 0 0 transparent;
}
#mapSearchArea div.epsilonBox {
	margin:8px 0 0 11px;
	width:291px;
	padding-bottom:0px !important;
}

#mapSearchArea div.epsilonBox .text{height:20px;}

/*20100922追加　end*/
#areaMapBox {
	padding:0 10px 8px 10px;
}
#areaCategoryList01 {
	width:115px;
	float:left;
}
#areaCategoryList02 {
	width:105px;
	float:left;
	padding-left:10px;
}
.categoryWidth_01 {
	width:140px !important;
}
.categoryWidth_02 {
	width:95px !important;
}
#areaCategoryList01 li, #areaCategoryList02 li {
	padding-bottom:10px;
}
#areaCategoryList01 a, #areaCategoryList02 a {
	background:url("/img/icon_arrow_01.gif") no-repeat scroll 0 50% transparent;
	padding-left:13px;
}

#M_columnR .item00{margin-bottom:5px !important;}
#M_columnR .item01{margin-bottom:6px !important;}
#M_columnR .item02{margin-bottom:8px !important;}


.ptop{
	padding-top:70px !important;
	*padding-top:60px !important;
}

#areaLink li{
	*padding-bottom:4px;
}

/*============================================================
	SideBlockClass
============================================================*/
.sideBox h3 .sideTit_01{
	background:url(/img/bg_tit_05.gif) no-repeat scroll 0 0 transparent !important;
	height:34px !important;
	padding:0 0 0 12px !important;
	font-size:100% !important;
	font-weight:normal !important;
	margin-bottom:0px !important;	
}
	.sideTit_01 img{
		display:inline-block;
		margin-top:12px;
	}



/*20121119追加*/
/*=============================
	エリアトップh1部分
==============================*/

.h1_box {
 background: url("/area/img_cmn/hd01_bg.gif") no-repeat 0 0;
 height: 62px;
 text-align: center;
}

.h1_box h1 {
 padding: 10px 0 4px;
}

/*=============================
	エリアトップ 画面下部テキスト
==============================*/

.txt_bottom {
 color: #666;
 margin: 30px 0 -30px;
}

/*20121119追加　end*/



/*20130722追加*/
/*=============================
	ほかのエリアからも探す
==============================*/

.otherArea {
 border: 5px solid #F6F6F6;
 margin-bottom: -30px;
 margin-top: 40px;
 width: 658px;
}

.otherArea .inner {
 border: 1px solid #E6E6E6;
 padding: 10px 0 10px 15px;
}

.otherArea ul {
 padding-top: 5px;
}

.otherArea ul li {
 background: url("/img_cmn/ico_r52_cmn_0001.gif") no-repeat scroll 0 4px transparent;
 float: left;
 margin-bottom: 4px;
 padding-left: 12px;
 text-indent: 0;
 /*width: 148px; DODA4.1*/
width: 201px;
}
/*20130722追加　end*/