@charset "utf-8";

/*
	Site Name: いちねん宅配倶楽部　マスク予防サイト
	Description: マスク予防サイト
	Version: 2.0
	Author: Yugo Tsunoda
*/

/*
===== CONTENTS ===========================================

	1: BOX

==========================================================
*/

/*
===== 1: LEFT CONTENTS ====================================
*/

div#main #left-contents{
	float:left;
	width: 480px;
	margin: 20px 0px 20px 0px;
}

div#bannar-box {
	margin: 0 0 20px 0;
}


/*
===== 1-1: BOX ==========================================
*/
div#news-box {
	margin: 0px;
	padding: 0px;
}
div#news-box .ttl-news {
	margin: 0px;
	padding: 0px;
	background-image:url(../img/ttl_news.gif);
	text-indent: -9999px;
	height: 40px;
}
div#news-box_scroll {
	height:180px;
	overflow:auto;
	padding: 0;
}
div#news-box p {
	padding: 0px 0px 0px 15px;
	margin: 10px 0px;
}
div#news-box p span.date {
	font-weight: bold;
	color:#003366;
	padding-right: 15px;
}


/*
===== 2: RIGHT CONTENTS ====================================
*/
div#main #right-contents {
	float: right;
	width: 360px;
	margin: 20px 0;
	padding: 0 0 0 30px;
	background-image: url(../img/bg_top-line.gif);
	background-repeat: no-repeat;
}


div#main #right-contents #btn_point {
	margin: 0 0 10px 0;
	text-indent:-9999px;
}

div#main #right-contents #btn_point a {
	background-image: url(../img/btn_point.gif);
	background-repeat: no-repeat;
	display: block;
	width: 360px;
	height: 80px;
}
div#main #right-contents #btn_point a:hover {
	background-image: url(../img/btn_point_over.gif);
	background-repeat: no-repeat;
}

/*- -*/

div#main #right-contents #btn_shijimi {
	margin: 0 0 10px 0;
	text-indent:-9999px;
	float: left;
}

div#main #right-contents #btn_shijimi a {
	background-image: url(../img/btn_shijimi.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #right-contents #btn_shijimi a:hover {
	background-image: url(../img/btn_shijimi_over.gif);
	background-repeat: no-repeat;
}

/*- -*/

div#main #right-contents #btn_dashi {
	margin: 0 0 10px 0;
	text-indent:-9999px;
	float: right;
}

div#main #right-contents #btn_dashi a {
	background-image: url(../img/btn_dashi.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #right-contents #btn_dashi a:hover {
	background-image: url(../img/btn_dashi_over.gif);
	background-repeat: no-repeat;
}

/*- -*/

div#main #right-contents #btn_zousui {
	margin: 0 0 10px 0;
	text-indent:-9999px;
	float: left;
}

div#main #right-contents #btn_zousui a {
	background-image: url(../img/btn_zousui.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #right-contents #btn_zousui a:hover {
	background-image: url(../img/btn_zousui_over.gif);
	background-repeat: no-repeat;
}

/*- -*/

div#main #right-contents #btn_ichinen {
	margin: 0 0 10px 0;
	text-indent:-9999px;
	float: left;
}

div#main #right-contents #btn_ichinen a {
	background-image: url(../img/btn_ichinen.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #right-contents #btn_ichinen a:hover {
	background-image: url(../img/btn_ichinen_over.gif);
	background-repeat: no-repeat;
}

/*- -*/

div#main #right-contents #btn_rakuten {
	margin: 0 0 10px 0;
	text-indent:-9999px;
	float: right;
}

div#main #right-contents #btn_rakuten a {
	background-image: url(../img/btn_rakuten.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #right-contents #btn_rakuten a:hover {
	background-image: url(../img/btn_rakuten_over.gif);
	background-repeat: no-repeat;
}

/*- -*/

div#main #right-contents #btn_ocha {
	margin: 0 0 10px 0;
	text-indent:-9999px;
	float: right;
}

div#main #right-contents #btn_ocha a {
	background-image: url(../img/btn_ocha.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #right-contents #btn_ocha a:hover {
	background-image: url(../img/btn_ocha_over.gif);
	background-repeat: no-repeat;
}






div#main #left-contents #btn_shijimi {
	margin: 0 0 10px 15px;
	text-indent:-9999px;
	float: left;
}

div#main #left-contents #btn_shijimi a {
	background-image: url(../img/btn_shijimi.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #left-contents #btn_shijimi a:hover {
	background-image: url(../img/btn_shijimi_over.gif);
	background-repeat: no-repeat;
}

/*- -*/

div#main #left-contents #btn_dashi {
	margin: 0 0 10px 10px;
	text-indent:-9999px;
	float: left;
}

div#main #left-contents #btn_dashi a {
	background-image: url(../img/btn_dashi.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #left-contents #btn_dashi a:hover {
	background-image: url(../img/btn_dashi_over.gif);
	background-repeat: no-repeat;
}

/*- -*/

div#main #left-contents #btn_zousui {
	margin: 0 0 10px 15px;
	text-indent:-9999px;
	float: left;
}

div#main #left-contents #btn_zousui a {
	background-image: url(../img/btn_zousui.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #left-contents #btn_zousui a:hover {
	background-image: url(../img/btn_zousui_over.gif);
	background-repeat: no-repeat;
}

/*- -*/

div#main #left-contents #btn_ichinen {
	margin: 0 0 10px 15px;
	text-indent:-9999px;
	float: left;
}

div#main #left-contents #btn_ichinen a {
	background-image: url(../img/btn_ichinen.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #left-contents #btn_ichinen a:hover {
	background-image: url(../img/btn_ichinen_over.gif);
	background-repeat: no-repeat;
}

/*- -*/

div#main #left-contents #btn_rakuten {
	margin: 0 0 10px 10px;
	text-indent:-9999px;
	float: left;
}

div#main #left-contents #btn_rakuten a {
	background-image: url(../img/btn_rakuten.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #left-contents #btn_rakuten a:hover {
	background-image: url(../img/btn_rakuten_over.gif);
	background-repeat: no-repeat;
}

/*- -*/

div#main #left-contents #btn_ocha {
	margin: 0 0 10px 10px;
	text-indent:-9999px;
	float: left;
}

div#main #left-contents #btn_ocha a {
	background-image: url(../img/btn_ocha.gif);
	background-repeat: no-repeat;
	display: block;
	width: 175px;
	height: 60px;
}
div#main #left-contents #btn_ocha a:hover {
	background-image: url(../img/btn_ocha_over.gif);
	background-repeat: no-repeat;
}