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

body{
	background-color:#fff;
	background-image:url(../img/top_bg.gif)!important;
	background-repeat:repeat-x;
	}

/*--flash area---------------------------------------------*/
#top_flash {
	padding-top:8px;
	padding-bottom:12px;
	background-image:url(../img/head_line.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:259px;
	color:#fff;
	line-height:200%;
	font-size:130%;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}
#top_flash a {
	color:#fff;
	}
#top_message_btn {
	position:absolute;
	margin-top:8px;
	margin-left:556px;
	z-index:2;
	}
#top_flash_cont {
	z-index:1;
	}


/*--contents area---------------------------------------------*/
#top_cont {
	width:584px;
	float:right;
	margin-top:8px;
	margin-bottom:8px;
	}
#top_cont p {
	line-height:180%;
	margin-bottom:15px;
	}

/*--タイトル------------------------------------------*/
#top_cont h1 {
	padding-left:40px;
	font-size:150%;
	border-bottom:2px solid #4a3c24;
	color:#2b271b;
	line-height:30px;
	padding-top:10px;
	margin-bottom:15px;
	}

#top_cont h1.top_index {
	display:none;
	}
/*--attention------------------------------------------*/
.top_attention {
	margin-bottom:15px;
	}
.top_attention h2 {
	color:red;
	}



/*--main------------------------------------------*/
.top_main {
	margin-bottom:15px;
	}

.top_main .top_main_img {
	float:left;
	width:375px;
	}
.top_main .top_main_btn {
	width:200px;
	float:right;
	}
.top_main .top_main_btn img {
	margin-bottom:5px;
	}
.top_main .top_main_btn a.txt_ver {
	background-image:url(../img/link_popup.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-left:10px;
	}
.top_main .top_main_btn p {
	margin-top:10px;
	margin-bottom:0!important;
	line-height:150%!important;
	}

/*--reccomend------------------------------------------*/
#top_reccomend {
	margin-bottom:15px;
	}
#top_reccomend img {
	margin-bottom:5px;
	}
#top_reccomend h2 {
	margin-bottom:5px;
	}
#top_reccomend h2 a {
	position:absolute;
	margin-left:430px;
	}
.reccomend {
	width:292px;
	float:left;
	}
.reccomend img {
	float:left;
	margin-right:5px;
	}
.reccomend h3 {
	padding-top:25px;
	margin-bottom:15px;
	}
.reccomend ul li {
	background-image:url(../img/arrow_4.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding-left:10px;
	display:inline;
	}

/*--web catalog------------------------------------------*/

#top_catalog {
	padding-bottom:10px;
	}
h2 {
	margin-bottom:5px;
	border-bottom:1px solid #5d5442;
	padding:5px;
	border-left:5px solid #f89427;
	}
#top_catalog p {
	margin-bottom:0;
	}

#top_catalog #catalog_img {
	width:280px;
	float:left;
	}
#top_catalog #catalog_left  {
	width:280px;
	float:left;
	margin-right:12px;
	margin-top:5px;
	}
#top_catalog #catalog_right {
	width:280px;
	float:right;
	margin-top:5px;
	}
#top_catalog .catalog_nav {
	padding:5px 0;
	border-bottom:1px solid #5d5442;
	}
#top_catalog .catalog_nav .catalog_cover {
	float:left;
	width:90px;
	}
#top_catalog .catalog_nav .catalog_title {
	width:190px;
	float:right;	
	}
.catalog_title h3 {
	background-image:url(../img/border_catalog.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:5px;
	font-size:120%;
	}
.catalog_title p {
	margin-bottom:0!important;
	}
.catalog_title p.catalog_period {
	color:#ff6699;
	}
.catalog_title ul {
	padding-top:5px;
	}
.catalog_title ul li {
	display:block;
	}
.catalog_title ul li img {
	vertical-align:middle;
	}
.catalog_title ul li.catalog_vertxt {
	background-image:url(../img/link_popup.gif);
	background-repeat:no-repeat;
	background-position:3px 7px;
	padding-left:18px;
	padding-top:5px;
	}

ul.top_guide_nav {
	clear:both;
	margin:0 10px 20px 10px;
	}
ul.top_guide_nav li {
	background-image:url(../img/arrow_4.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding-left:10px;
	display:inline;
	font-size:110%;
	padding-right:20px;
	}

/*--web catalog------------------------------------------*/
#top_project {
	padding-bottom:15px;
	}
#top_project ul li {
	display:inline;
	}






/*--カレンダー------------------------------------------*/

#top_calendar {
	width:200px;
	margin-bottom:10px;
	background-image:url(../../img/top_cal_bg_1.gif);
	background-repeat:no-repeat;
	padding-top:10px;
	font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
	
	}
ul#cal_month {
	color:#fff;
	}
ul#cal_month li {
	display:inline;
	}
ul#cal_month img {
	vertical-align:middle;
	}

#cal_tb {
	background-image:url(../../img/top_cal_bg_2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:10px;
	}
#cal_tb table {
	width:180px;
	background-color:#fff;
	}
#cal_tb table th {
	background-color:#764124;
	color:#fff;
	text-align:center;
	}
#cal_tb table td {
	padding:2px;
	font-size:90%;
	width:14%;
	line-height:18px;
	text-align:center;
	}
#cal_tb table td a {
	color:#333;
	text-decoration:none;
	}
#cal_tb table td.sunday ,#cal_tb table td.holiday {
	background-color:#ffecec;
	color:#cd0000;
	}
#cal_tb table td.saturday {
	background-color:#ffecec;
	color:#512811;
	}
#cal_tb table td.nextmonth {
	background-color:#ebebeb;
	}
#cal_tb table td.today {
	background-color:#fffdd1;
	}
#cal_tb table td span.my_giftday{
	background-image:url(../../mypage/img/cal_my_giftday.gif);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	width:100%;
	line-height:18px;
	color:#fff;
	text-align:center;
	}
#cal_tb table td span.event {
	background-image:url(../../mypage/img/cal_event.gif);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	width:100%;
	line-height:18px;
	color:#fff;
	text-align:center;
	}
#cal_tb table td span.coop {
	background-image:url(../../mypage/img/cal_coop.gif);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	width:100%;
	line-height:18px;
	color:#cd0000;
	text-align:center;
	}

/*カウントダウン*/
.cal_count_box {
	width:180px;
	text-align:left;
	color:#fff;
	}
.cal_count_box .cal_count_txt {
	width:85px;
	float:left;
	line-height:15px;
	margin-bottom:5px;
	padding-left:5px;
	}
.cal_count_box .cal_count_day {
	width:85px;
	float:right;
	text-align:right;
	line-height:30px;
	}
.cal_count_box .cal_count_day img {
	margin-left:2px;
	vertical-align:bottom;
	_vertical-align:middle;
	}
ul.cal_count_event {
	text-align:left;
	color:#fff;
	
	font-size:95%;
	padding:5px;
	line-height:150%;
	}
ul.cal_mygiftday {
	text-align:left;
	color:#fff;
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	font-size:95%;
	padding:5px;
	line-height:150%;
	}
.cal_btn {
	padding-top:10px;
	}


/*--ランキング------------------------------------------*/
#top_ranking {
	background-image:url(../../img/toprank_bg_1.gif);
	background-repeat:repeat-y;
	margin-bottom:5px;
	}
#top_ranking #ranking_ttl {
	background-image:url(../../img/toprank_ttl_bg.gif);
	float:left;
	width:584px;
	height:44px;
	}
#ranking_ttl h2 {
	width:420px;
	float:left;
	height:29px;
	font-size:130%;
	color:#ff7200;
	padding:15px 0 0 50px;
	border:none;
	margin:0;
	}
#ranking_ttl div.ranking_btn {
	width:103px;
	float:right;
	margin-right:10px;
	padding-top:12px;
	}
#ranking {
	background-image:url(../../img/toprank_bg_2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:10px;
	}
#ranking .ranking_cont {
	width:158px;
	_width:188px;
	float:left;
	padding:8px 15px;
	text-align:center;
	line-height:170%;
	}
#ranking .ranking_cont img.rank_img {
	float:left;
	padding-right:8px;
	}
#ranking .ranking_cont h3 {
	text-align:left;
	}
#ranking .ranking_cont h3 span.ranking_price {
	font-weight:normal;
	padding-left:10px;
	}



/*--ランキング------------------------------------------*/
#info0 {
	background-color:#eee;
	line-height:150%;
	padding:10px 20px;
	margin-bottom:10px;
	}
#info0 strong {
	color:#cc0000;
	font-size:110%;
	}
#info0 p {
	margin:0;
	padding:0;
	}