﻿@charset "UTF-8";


ul {
	margin-top: 3px;
	list-style-type: none;
}

/* メイン */
#main {
	float: left;
	width: 555px;
	letter-spacing: 0.6pt;
}


/* メインエリア共通項目 */
#category01,#category02,#category03 {
	margin-bottom: 10px;
	padding-bottom: 8px;
	width: 555px;
	overflow: hidden;
}
#category01 {
	padding-bottom: 0px;
	height: 275px;
	background-image: url(../image/top/spback.gif);
}

h4 {
	color: #000000;
}

/* メイン各カテゴリ */
/* カテゴリ01 */

#special {
	width: 555px;
	height: 194px;
	padding-top: 60px;
	padding-left: 8px;
}
.sp {
	float: left;
	width: 126px;
	margin-top: 2px;
	margin-left: 5px;
	border: 1px solid #ffc0e2;
}

.sp_photo a {
	display: block;
	width: 126px;
	height: 126px;
	background-color: #FFFFFF;
}
.sp_photo a:hover{
	background-color: #FF1493;
}
.sp_photo img {
	vertical-align: bottom;
	margin: 3px;
}
.sp_text {
	height: 64px;
	overflow: hidden;
	background-color: #FAFAD2;
}
.sp_text a {
	display: block;
	width: 126px;
	height: 60px;
	padding: 2px;
	background-color: #FAFAD2;
}
.sp_text a:hover{
	color: #FF1493;
	background-color: #FAFAD2;
}

/* カテゴリ01 ここまで */


.cateText {
	text-align: left;
	width: 395px;
	padding-right: 5px;
	float: right;
}

/* カテゴリ02 */
#category02 {
	clear: both;
}
#category02 h3 {
	margin-bottom: 0px;
	width: 555px;
	height: 34px;
	padding-top: 2px;
	padding-left: 20px;
	display: block;
	color: #FFFFFF;
	background-image: url(../image/top/top_net2.jpg);
	background-repeat: no-repeat;
}
#category02 .photo {
	float: left;
	width: 130px;
	height: 130px;
	margin-top: 10px;
	margin-left: 15px;
}
#category02 ul {
	list-style-image: url(../image/top/top_netli.gif);
	list-style-position: inside;
}
.cateBlock02 {
	width: 390px;
	height: 50px;
}
.cateBlock02 h4 {
	width: 390px;
	padding-top: 5px;
	padding-left: 10px;
	display: block;
	color: #2f4f4f;
}
.cateBlock02 p {
	display: block;
	width: 390px;
	padding-left: 10px;
	color: #2f4f4f;
}


/* カテゴリ03 */
#category03 h3 {
	margin-bottom: 0px;
	width: 555px;
	height: 34px;
	padding-top: 2px;
	padding-left: 20px;
	display: block;
	color: #FFFFFF;
	background-image: url(../image/top/top_shop2.jpg);
	background-repeat: no-repeat;
}
#category03 .photo {
	float: left;
	width: 130px;
	height: 130px;
	margin-top: 10px;
	margin-left: 15px;
}
#category03 ul {
	list-style-image: url(../image/top/top_shopli.gif);
	list-style-position: inside;
}
.cateBlock03 {
	width: 390px;
	height: 50px;
}
.cateBlock03 h4 {
	width: 390px;
	padding-top: 5px;
	padding-left: 10px;
	display: block;
	color: #2f4f4f;
}
.cateBlock03 p {
	display: block;
	width: 390px;
	padding-left: 10px;
	padding-right: 5px;
	color: #2f4f4f;
}



/* 気になるキーワード */
#keyword {
	margin-left: 7px;
	margin-bottom: 10px;
	text-align: center;
	float: left;
	width: 528px;
	padding: 5px;
	border: 1px solid #4169E1;
	background-color: #F0FFFF;
}


/* サブ 右エリア */
#sub {
	float: right;
	width: 250px;
	margin-top: 0px;
	margin-right: 10px;
}

#what {
	clear: right;
	float: right;
	margin-right: 10px;
}

 /* イベント */
.sub_title {
	clear: right;
	float: right;
	margin: 10px 10px 0px 10px;
	width: 235px;
	background-color: #F0E68C;
	border-top: 1px solid #B8860B;
	border-right: 1px solid #B8860B;
	border-left: 1px solid #B8860B;
}
.sub_title h3 {
	float: left;
	padding-left: 3px;
	color: #483D8B;
}
.sub_title p {
	float: right;
	padding: 3px 3px 0px 0px;
	color: #4169E1;
}

#topics,#event {
	clear: right;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 8px;
	width: 235px;
	overflow: hidden;
	border: 1px solid #B8860B;
}

#topics ul,#event ul {
	clear: both;
	padding-left: 5px;
	list-style-type: disc;
	list-style-position: inside;
}

#info {
	clear: right;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom: 8px;
	width: 225px;
	overflow: hidden;
	border: 1px solid #B8860B;
}

#bannerarea {
	clear: both;
	float: right;
	margin: 10px;
	width: 235px;
}
