@charset "utf-8";
/* CSS Document */

@import url(common.css);



/*
-----------------------------------------------------------------------
flasharea
-----------------------------------------------------------------------
*/
div#flasharea{
	}

div#flasharea div.wrapper{
	width:100%;
	height:312px;
	margin:0 auto;
	background:url(../img/index/bg_bodyarea.gif) repeat-x center bottom;
}

/*
-----------------------------------------------------------------------
bodyarea
-----------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------------
news box
-----------------------------------------------------------------------
*/

div#news-box{
	width:300px;
	float:left;
	background:#EFEFEF;
}

div#news-box h2{
	height:12px;
	width:300px;
	text-indent:-9999em;
	background:url(../img/index/iidx_news.gif) no-repeat;
	line-height:80%;
}

div#news-box dl{
	padding:12px 5px 3px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	width:278px;
	background:#FFFFFF;
	height:226px;
}

div#news-box dl dt{
	color:#4D8A00;
	width:75px;
	float:left;
	font-size:94%;
}

div#news-box dl dd{
	color:#505050;
	width:200px;
	padding-bottom:12px;
	float:left;
}

div#pickupinfo-box{
	width:300px;
	float:left;
	background:#EFEFEF;
}

div#pickupinfo-box h2{
	display:block;
	width:300px;
	height:12px;
	text-indent:-9999em;
	line-height:80%;
	background:url(../img/index/idx_pickup_info.gif) no-repeat;
}

div#pickupinfo-box div.contwrapper{
	background:#FFFFFF;
	width:288px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	height:240px;
	
}

div#pickupinfo-box div.contwrapper iframe{
	border:none;
	}
/*
div#pickupinfo-box div.contwrapper p.txt{
	width:161px;
	height:13px;
	text-indent:-9999em;
	background:url(../img/index/pickup_txt.jpg) no-repeat;
	margin:0px auto 3px;
	line-height:80%;
}

div#pickupinfo-box div.contwrapper div.pui{
	width:90px;
	float:left;
	padding:5px 0;
	text-align:center;
}


div#pickupinfo-box div.contwrapper div.pui p{
	font-size:88%;
	*font-size:78%;
}

div#pickupinfo-box div.contwrapper div.pui p a{
	color:#333333;
	text-decoration:none;
}

div#pickupinfo-box div.contwrapper div.pui p a:hover{
	text-decoration:underline;
}
*/
div#pickupcont-box{
	width:200px;
	float:left;
	background:#A7A7A7;
}

div#pickupcont-box h2{
	width:200px;
	height:12px;
	text-indent:-9999em;
	background:url(../img/index/idx_pickup_cont.gif) no-repeat;
	line-height:80%;
}

div#pickupcont-box ul{
	width:190px;
	padding:12px 4px 0px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	height:228px;
}

div#pickupcont-box ul li{
	width:190px;
	height:65px;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

div#pickupcont-box ul li a{
	width:190px;
	height:65px;
	display:block;
	text-indent:-9999em;
	background-repeat:no-repeat;
}

div#pickupcont-box ul li.n01,
div#pickupcont-box ul li.n01 a{background-image:url(../img/common/side/sidenav_01.jpg);}
div#pickupcont-box ul li.n02,
div#pickupcont-box ul li.n02 a{background-image:url(../img/common/side/sidenav_02.jpg);}
div#pickupcont-box ul li.n03,
div#pickupcont-box ul li.n03 a{background-image:url(../img/common/side/sidenav_03.jpg);height:70px;}

div#pickupcont-box ul li.n03{
	height:65px;
	margin-bottom:0px;
}

div#pickupcont-box ul li a:hover{
	background-position:0px -65px;
}

div#pickupcont-box ul li.n03 a:hover{
	background-position:0px -70px;
}


/*
-----------------------------------------------------------------------
clear-fix
-----------------------------------------------------------------------
*/
div#flasharea div.wrapper div#flash-main div,
div#flasharea div.wrapper ul,
div#news-box dl,
div#pickupinfo-box div.contwrapper{
	overflow: hidden;
}

div#flasharea div.wrapper div#flash-main div:after,
div#flasharea div.wrapper ul:after,
div#news-box dl:after,
div#pickupinfo-box div.contwrapper:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

/*\*/
* html div#flasharea div.wrapper div#flash-main div,
* html div#flasharea div.wrapper ul,
* html div#news-box dl,
* html div#pickupinfo-box div.contwrapper{
    height: 1em;
    overflow: visible;
}
/**/
