/* CSS Document */
@charset "shift-jis";

/*----- index css
----------------------------------------------------------------------------------------*/

/*----- mainArea css
----------------------------------------------------------------------------------------*/
#mainArea {
	width: 575px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
/*----- mainPhoto
-------------------------------------------------------*/
.mainPhoto {
	margin-bottom: 8px;
	padding: 0px;
}


/*----- mainPhoto
-------------------------------------------------------*/
#upperBox {
	width: 820px;
	background-image: url(../c_image/mainBox_bg.jpg);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#upperBox #mainVisual{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*display:inline;*/
	float:left;
	height: 258px;
	width:570px;
	float:left;
}



#news{
	background-image: url(../image/info_t.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;

	display:inline;
	float:right;
	width: 245px;
	height: 260px;
	
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#news h2 {
	margin: 0px;
	font-size: 12px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	width:100%;
}
#news ul {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: auto;
	height:212px;
	width: 230px;
	scrollbar-face-color: #fff8dc; 
	scrollbar-track-color: #fff8dc; 
	scrollbar-arrow-color: #ff8c00; 
	scrollbar-highlight-color: #fff8dc; 
	scrollbar-shadow-color: #fff8dc; 
	scrollbar-3dlight-color: #999999; 
	scrollbar-darkshadow-color: #999999; 
}
#news li {
	list-style-type: none;
	background-image: url(../image/info_po.gif);
	background-repeat: no-repeat;
	padding-right: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CC9900;
	
	padding: 4px 0px 4px 20px;
	margin: 0px 0px 0px 0px;
	line-height: 120%;
}
#newsEnd {
	padding: 0px;
	margin: 0px;
	background-image: url(../image/info_end.jpg);
	background-repeat: no-repeat;
	height: 6px;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 0px;
}


#lowerBox {
	margin-bottom: 2px;
	padding: 0px;
	width: 820px;
	margin: 0px;
	padding: 0px;
}


#planBox {
	display:inline;
	float:right;
	width: 245px;
	margin: 0px 0px 0px 10px;
	padding: 18px 0px 0px 0px;

	background-image: url(../image/miryoku_t.jpg);
	background-repeat: no-repeat;
	text-align: center;

	border:solid 1px #EDE1DA;
	border-right:solid 1px #eeeeee;
	border-bottom:solid 1px #eeeeee;
}
#planBox h2 {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	font-size: 12px;
}
.plan {
	padding: 0px;
	width: 230px;
	text-align: left;

	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.plan h3 {
	font-size: 12px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-left-color: #336600;
	border-bottom-width: 1px;
	border-bottom-color: #666600;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	line-height:110%;
	clear:both;
}
.plan img {
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 0px;

	border:#aa99aa solid 1px;
	border-right:#dddd99 solid 1px;
	border-bottom:#dddd99 solid 1px;
}
.plan p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 148%;
	color:#443333;
}
/*----- pickupBox
-------------------------------------------------------*/

#pickupBox {
	display:inline;
	float:left;
	width: 560px;
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 0px 0px;
	

	background-color: #fff1ce;
	background-image: url(../image/osusume_t.jpg);
	background-repeat: no-repeat;

	text-align: center;
	border-right:solid 1px #F9E1B9;
	border-bottom:solid 1px #F9E1B9;
}
#pickupBox h2 {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	text-indent: -9999px;
}


.pickup {
	text-align:center;
	padding: 1px;
	vertical-align:top;
	vertical-align:top;
	color:#443333;
}

.pickup h3 {
	padding: 0px;
	margin: 0px;
	background-image:url(../image/pickupTitleBg.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	color:#003300;
	text-align:center;
	padding: 4px 0px 2px 0px;
	font-size: 12px;
	height:26px;
	width:180px;
}
.pickup h3 a{
	margin:0px;
	padding:0px;
}
.pickup h3 a:hover{
	color:#003399;
}
.pickup h3 a:visited{
	color:#663300;
}

.pickup .special{
	background-image:url(../image/pickupSPTitleBg.gif);
	color:#0009B0;
}
	/*.pickup .special a{
		color:#0009B0;
	}
	.pickup .special a:hover{
		color:#0009B0;
	}
	.pickup .special a:visited{
		color:#6633FF;
	}*/
.pickup .regular{
	background-image:url(../image/pickupRegTitleBg.gif);
	color:#5C5216;
}
	/*.pickup .regular a{
		color:#5C5216;
	}
	.pickup .regular a:hover{
		color:#5C5216;
	}
	.pickup .regular a:visited{
		color:#844200;
	}*/


#pickupBox td{
	vertical-align:top;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 5px 1px 5px 1px;
}
.pickup img {
	padding: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	width:150px;
	border:solid 1px  #ccaaaa;
	border-right:solid 1px #ddcccc;
	border-bottom:solid 1px #ddcccc;
}
.pickup a{
	display:block;
}
.pickup p {
	width:98%;
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	text-align: left;
	line-height: 148%;
	display:inline;
}


#topLeftBox{float:left;
	width: 560px;
	}

.freeBox{
	display:inline;
	margin: 0px 0px 0px 0px;
	width: 560px;
	float:left;
	padding:20px 0px 0px 0px;
}
	.freeBox img{
		border:none;
	}




#bottomBox {
	margin-bottom: 2px;
	padding: 0px;
	width: 820px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}



/*----- rightArea css
----------------------------------------------------------------------------------------*/
#rightArea {
	width: 230px;
	margin: 0px;
	padding: 0px;
	float: right;
	font-size: 12px;
	text-align: left;
	background-color: #FFFFFF;
}
/*----- info css
--------------------------------------------------------------------------*/

/*----- bannerImg css
--------------------------------------------------------------------------*/
.bannerImg {
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.bannerImg img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
/*----- bnBox css
--------------------------------------------------------------------------*/
.bnBox {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.bn {
	padding: 0px;
	margin: 0px;
	width: 220px;
}
.bn img {
	padding: 0px;
	float: left;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	margin-top: 8px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.bn p {
	margin: 0px;
	font-size: 10px;
	line-height: 148%;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 95px;
}

/*----- bn Title color
--------------------------------------------------------------------------*/
.bnTgreen {
	margin: 0px;
	background-color: #99CC99;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 95px;
	font-size: 10px;
	line-height: 138%;
}
.bnTred {
	margin: 0px;
	background-color: #FF9966;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 95px;
	font-size: 10px;
	line-height: 138%;
}
.bnTblue {
	margin: 0px;
	background-color: #99CCFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 95px;
	font-size: 10px;
	line-height: 138%;
}
.bnTpurple {
	margin: 0px;
	background-color: #CC99CC;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 95px;
	font-size: 10px;
	line-height: 138%;
}




.btMostAddr{
	clear:both;
	width:820px;
	display:block;
	text-align:center;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 5px 0px;
	color:#663333;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	
}





.textLeft {
	text-align: left;
	width: 240px;
	margin-left:15px;
}