@charset "Shift_JIS";

/* ***********************************************************
 *
 * Since:     2009-11-01
 * Editor:    contents
 * Modified:  2010-04-12 by:contents
 *
 * ***********************************************************
 */


#top ul {
	zoom: 1;
}
#top ul:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both; 
}


/**************************************************
container
 **************************************************/
#top #container{
	background: url(../img/bg_top.jpg) repeat-x top;
}



/**************************************************
mainCut
 **************************************************/
#top .mainCut {
	width: 900px;
	height: 408px;
	margin: 0px auto 22px;
	background: url(../img/bg_mainCut.jpg) no-repeat top;
}
/*#top #flash {
	margin: 19px 0px 91px 593px;
}
#top .mainCut ul li {
	margin-right: 12px;
	float: left;
}
	#top .mainCut ul li.last {
		margin-right: 0;
	}*/



/**************************************************
gNavi
 **************************************************/
#top #gNavi {
	margin-bottom: 20px;
}



/**************************************************
contentsArea
 **************************************************/
#top #contentsArea h2{
	padding: 0px 0px 15px;
}

/*------ main contents ------*/
#top #contents{
	width: 620px;
	margin: 0px 20px 0px 0px;
	_margin: 0;
	/*padding-top: 20px;
	border-top: 3px solid #B1E0F0;*/
}
#top .layout {
	width: 425px;
	margin: 0px 0px 0px 10px;
	_margin: 0px 0px 0px 5px;
	float: left;
}
	#top .layout h3 {
		margin-bottom: 15px;
	}
#top ul.item {
	padding: 10px 10px 40px;
	clear: both;
}
#top ul.item02 {
	padding: 10px 10px 0px;
	clear: both;
}
	#top ul.item li, #top ul.item02 li {
		width: 170px;
		background: url(../common/btnNext.gif) no-repeat left;
		padding: 3px 0px 3px 27px;
		float: left;
	}
#top div.item {
	width: 600px;
	margin: 0px 10px 40px;
	_margin: 0px 5px 40px;
	background: url(../common/btnNext.gif) no-repeat left;
	padding: 3px 0px 3px 27px;
}
#top .imgArea {
	width: 163px;
	margin-right: 10px;
	_margin-right: 5px;
	color: #666;
	font-size: 85%;
	line-height: 110%;
	float: right;
}
	#top .imgArea img {
		margin-bottom: 5px;
	}
	#top .imgArea .bold {
		font-weight: bold;
	}
p.catch {
	margin-bottom: 10px;
}
div.decla {
	width: 620px;
	margin: 20px 0px ;
	padding: 0px;
	background: url(../img/bg_4decla.jpg) repeat-y;
}
	div.decla .block {
		margin: 0px 30px 15px;
		padding-bottom: 15px;
		border-bottom: 1px dashed #999999;
	}
	div.decla .blockLast{
		margin: 0px;
		padding: 0px 30px 30px;
		background: url(../img/bg_4sengen_bottom.jpg) no-repeat bottom;
	}
		div.decla .block dt, div.decla .blockLast dt {
			margin-bottom: 10px;
		}
		div.decla .block dd.btn, div.decla .blockLast dd.btn {
			text-align: right;
		}
		div.decla .block dd.link, div.decla .blockLast dd.link {
			padding-left: 15px;
			background: url(../img/arrow01.jpg) no-repeat left;
		}
		div.decla .block dd.btn img, div.decla .blockLast dd.btn img {
			vertical-align: middle;
		}
ul.btnArea {
	margin: 0px 10px 40px;
}
	ul.btnArea li {
		float: left;
		margin-left: 21px;
	}
	ul.btnArea li:first-child {
		margin-left: 0px;
	}
	ul.btnArea li.first-child { /*IE-expression (first-child) */
		margin-left: 0px;
	}
	ul.btnArea li { /* IE-expression (first-child) */
	behavior: expression(
	this.className += (this.previousSibling == null) ? " first-child" : "",
	this.style.behavior = "none"
	);
	}
.bnr-frontier {
	margin-bottom: 20px;
}








/*------ side ------*/
#top #side {
	width: 260px;
}
#top #side h2 {
	margin-bottom: 0px;
	padding: 0;
}
#top .info {
	width: 100%;
	margin: 0;
	padding-bottom: 20px;
	background: url(../img/sideNews_bottom.jpg) no-repeat bottom;
}
#top .info a {
			color: #0099CC;
}
#top .info a:hover {
			text-decoration: none;
}
	#top .info dl {
		width: 230px;
		padding: 0px 15px;
		margin: 0;
		background: url(../img/bg_sideNews.jpg) repeat-y;
	
	}
		#top .info dl dt {
			margin-bottom: 8px;
		}
			#top .info dl dt img {
				margin-right: 10px;
			}
		#top .info dl dd {
			line-height: 1.2em;
			margin-bottom: 0.8em;
		}
		#top .info dl .last {
			padding-bottom: 0.9em;
			background: url(../common/dotL.gif) repeat-x bottom;
		}

	#top .info .guideInfo {
		width: 240px;
		text-align: right;
	}
#top #weather {
	width: 260px;
	margin-bottom: 10px;
	padding-top: 11px;
	background: url(../img/bg_weather_top.jpg) no-repeat top;
}
	#top #weather .layoutL {
		width: 147px;
		margin: 0px 0px 10px 10px;
		_margin-left: 5px;
		padding-top: 0px;
		float: left;
	}
		#top #weather .layoutL select {
			width: 147px;
			margin-bottom: 3px;
		}
	#top #weather .layoutR {
		width: 96px;
		float: left;
	}
		#top #weather .layoutR .icon {
			width: 100%;
			text-align: right;
		}
		#top #weather .layoutR .kw {
			width: 89px;
			margin-top: 0px;
			padding-right: 7px;
			color: #666;
			font: bold 130%/250% "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka Sans-Serif;
			text-align: right;
		}
			#top #weather .layoutR .kw span {
				font-size: 240%;
				font-weight: normal;
			}
	#top #weather input {
		margin: -5px 0px 5px 10px;
	}
	#top #weather .note {
		width: 260px;
		padding-bottom: 10px;
		background: url(../img/bg_weather_bottom.jpg) no-repeat bottom;
		font-size: 85%;
		text-align: center;
	}
#top .chara {
	margin-bottom: 5px;
}

#top .bnr {
	margin-bottom: 10px;
}

.tip {
	z-index: 13000;
}
	.tip .tip {
		width: 260px;
		padding-top: 6px;
	}
.tip-title ul {
	width: 230px;
	padding: 5px 15px 30px;
	background: url(../img/bg_termsBottom.gif) no-repeat bottom;
}
	.tip-title ul li {
		margin-bottom: 0.2em;
		padding-left: 13px;
		background: url(../img/marcker02.gif) no-repeat 0px 0.5em;
		color: #000;
	}
	.tip-title ul li.close {
		margin-bottom: 0;
		padding-left: 0;
		background: none;
		text-align: center;
	}
.tip-top {
	display: none;
}
.tip-bottom {
	display: none;
}