@charset "utf-8";
html{
    overflow:scroll;
}

body {
	margin:0px;
	text-align: center;
	font-size:80%;
        font-family: "MS UI Gothic","MS PGothic";
	color:#323232;
	background-color:#000;
	background: #000 url(../image/bg.gif) no-repeat left top;
	line-height:1.3em;
}
table{
	font-size:100%;
}
td , th{
	vertical-align: top;
}
tbody{

}
h1, h2, h3, h4,h5 {
	padding:0px;
	margin:0px;
}
p {
	padding:0px;
	margin:0px;
}
img {
	border:0px;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
}
.icon {
	margin:3px 5px;
	vertical-align: bottom;
}
form {
	padding:0px;
	margin:0px;
}
a:link {
	color:#004499;
	text-decoration:none;
}
a:visited {
	color:#400040;
	text-decoration:none;
}
a:hover {
	color:#dc0000;
	text-decoration:underline;
}
a:active {
	color:#dc0000;
	text-decoration:none;
}
.err{
	background-color:#ffe6e6;
	font-size:120%;
	font-weight:bold;
}
.ex{
	margin-left:3px;
	font-size:80%;
	color:#ff0000;
}
.ban{
	margin:2px 0px 0px 5px;
	color:#666666;
	font-size:80%;
}
.red{
	margin:2px;
	color:#ff0000;
	font-weight:bold;
	font-size:120%;
}
.bold{
	font-weight:bold;
}
.cl{
	clear:left;
}
.cr{
	clear:right;
}
.clr{
	clear:both;
}
/************************************/
/*  Topテキスト　　                 */
/************************************/
#Top{
	margin:0 auto;
	width:950px;
	text-align:left;

}
#Top h1{
	margin:2px 15px;
	font-size:100%;
	font-weight:normal;
	color:#ffffff;
	text-align:right;
}

/************************************/
/*  全体       　　                 */
/************************************/

#container{
	margin:0 auto;
	width:950px;
	text-align:left;
	background-color:#fff;
}

/************************************/
/*  ヘッダー   　　                 */
/************************************/

#header{
	height:60px;
	background:url(../image/top_bg.gif) repeat-x;
}
.header_left{
	width:210px;
	float:left;
}
.header_right{
	width:252px;
	margin:6px 2px 0px 0px;
	float:right;
}
.header_right a{
	width:250px;
	height:30px;
	display: block;
	background:url(../image/new_shop.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
.header_right a:hover{
	background-position:-250px 0px;
	text-decoration:none;
}
.header_center{
	margin:0px 280px 0px 220px;
}
.header_center h2{
	padding-top:25px;
	font-size:90%;
	font-weight:normal;
}
.header_line{
	margin:0px 10px 5px 10px;
	background:url(../image/top_line.gif) repeat-x;
	text-indent:-9999px;
	text-decoration:none;
}
.pr{
	padding:15px 0px;
	text-align:center;
	background:url(../image/pr_bg.gif) repeat-x;
	clear:left;
}
.pr ul{
	margin:0px;
	padding:0px;
}
.pr li{
	margin:5px;
	padding-left:20px;
	display: inline;
	background-image:url(../image/list.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

/************************************/
/*  検索
/************************************/
#top_search{
	width:200px;
	height:220px;
	margin:0px 0px 15px 0px;
	background-image:url(../image/search.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.tab-pane{
	padding-top:40px;

}
#top_search .tab{
	float:left;
	margin:5px 0px 0px 6px;
	padding:2px 2px;
}
#search_1 a{
	width:80px;
	height:25px;
	display: block;
	background:url(../image/search_w.gif) no-repeat;
	background-position:-80px 0px;
	text-indent:-9999px;
	text-decoration:none;
}
#search_2 a{
	width:80px;
	height:25px;
	display: block;
	background:url(../image/search_m.gif) no-repeat;
	background-position:-80px 0px;
	text-indent:-9999px;
	text-decoration:none;
}
#search_3 a{
	width:80px;
	height:25px;
	display: block;
	background:url(../image/search_e.gif) no-repeat;
	background-position:-80px 0px;
	text-indent:-9999px;
	text-decoration:none;
}
#search_4 a{
	width:80px;
	height:25px;
	display: block;
	background:url(../image/search_1.gif) no-repeat;
	background-position:-80px 0px;
	text-indent:-9999px;
	text-decoration:none;
}


#top_search form{
	padding:10px 0px 0px 10px;
	clear:left;
}
/*選択されているタブボタン*/
.selected {
	background-color:#FFFF00;
}

#top_search .search_bt{
	font-weight:bold;
	color: #ffffff;
	border: solid 1px #000000;
	background-image:url(../image/search_bt.gif);

}
#top_search select{
	margin:3px 0px;
}

/************************************/
/*  左・中     　　                 */
/************************************/

#main{
	float:left;
	width:690px;
}
#main2{
	float:left;
	width:800px;
}

/************************************/
/*  中     　    　                 */
/************************************/

#center{
	float:right;
	width:480px;
}
#center2{
	float:right;
	width:590px;
}



/************************************/
/*  左     　    　                 */
/************************************/

#left{
	float:left;
	width:200px;
}
.left_cat{
	height:35px;
	background-image:url(../image/left_cat.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.left_area{
	height:35px;
	background-image:url(../image/left_area.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.left_review{
	height:35px;
	background-image:url(../image/left_review.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.left_snap a{
	width:200px;
	height:100px;
	margin-bottom:15px;
	background-image:url(../image/left_snap.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
	text-indent:-9999px;
	text-decoration:none;
}
.left_snap2 h4 a{
	width:200px;
	height:37px;
	background-image:url(../image/left_snap_top.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
	text-indent:-9999px;
	text-decoration:none;
}
.left_snap_bg{
	width:200px;
	background-image:url(../image/left_snap_bg.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}
.left_snap_bg .img{
	padding:2px;
	margin:0px 7px;
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	float:left;
	background-color:#fffff5;
}
.left_snap_bg .left_snap_name{
	padding:5px 0px 0px 5px;
	font-weight:bold;
}
.left_snap_bg .left_snap_com{
	margin:5px 5px 0px 5px;
}
.left_snap_bg .left_snap_price{
	color:red;
}
.left_snap_bg .left_snap_all{
	margin:5px 0px 0px 5px;
	clear:left;
}
.left_snap_bottom{
	width:200px;
	height:15px;
	margin-bottom:10px;
	background-image:url(../image/left_snap_bottom.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
.left_m{
	height:35px;
	background-image:url(../image/left_m.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#left ul{
	margin:5px;
	padding:0px 8px 20px 0px;
	list-style:none;
}

#left li{
	width:99%;
	margin-bottom:2px;
	padding-bottom:2px;
	border-bottom:1px dotted #cccccc;
}
#left li a{
	padding:0px 0px 0px 20px;
	margin-left:5px;
	background-image:url(../image/list.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#left li a:hover{
	background-position:0px -37px;
	text-decoration:none;
}
.left_review_com{
	margin:3px 0px 5px 25px;
}
.left_ad{
	margin:3px 0px 20px 20px;
}
.left_m_com{
	margin:5px 10px 0px 0px;
}
.left_m_img{
	margin:3px 5px 0px 5px;
	float:left;
}
.left_m_ex{
	margin:5px 10px 0px 18px;
	color:#666666;
	font-size:80%;
	clear:left;
}



/************************************/
/*  右     　    　                 */
/************************************/

#right{
	margin-right:1px;
	float:right;
	width:250px;
}
#right2{
	float:right;
	width:130px;
}
.right_rank h4{
	margin-top:15px;
	height:35px;
	background-image:url(../image/right_rank.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.right_rank_s{
	font-size:80%;
}
.right_rank ul{
	margin:5px;
	padding:0px 8px 10px 0px;
	list-style:none;
}

.right_rank li{
	width:99%;
	margin-bottom:10px;
	padding:0px 0px 5px 10px;
	border-bottom:1px dotted #cccccc;
	clear:left;
	overflow:hidden;
}


.right_stars{
	margin:2px 0px 2px 0px;
	vertical-align:middle;
}

.rank_com{
	margin:2px 10px;
}
.right_rank_img{
	margin-right:5px;
	padding:1px;
	background-color:#fff;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	float:left;
}
.rank_name a{
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:2px;
}
.right_blog h4{
	margin-top:15px;
	height:35px;
	background-image:url(../image/right_blog.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.right_blog ul{
	margin:5px;
	padding:0px 8px 10px 0px;
	list-style:none;
}

.right_blog li{
}

.right_blog .date{
	margin:3px 10px 3px 10px;
	font-size:80%;
	color:#787878;
	border-bottom:none;
}
.right_blog .title{
	margin:3px 10px 3px 15px;
	border-bottom:1px dotted #cccccc;
}
.right_blog p{
	text-align:right;
	font-weight:bold;
	margin-right:10px;
}
/************************************/
/*  ディレクトリ 　                 */
/************************************/
.Dir h3{
	font-size:100%;
	font-weight:normal;
	margin:10px 5px;
	padding:5px 25px 5px 25px;
	background:#FFFFF0 url(../image/dir.gif) no-repeat 5px 8px;
	border-right: 1px solid #E6D73C;
	border-bottom: 1px solid #E6D73C;
}
.Dir_com{
	margin:5px;
	padding:10px;
	background-color:#fafafa;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.Dir_max{
	margin:0px 3px;
	font-size:170%;
	font-weight:bold;
	color:#ff0000;
}



/************************************/
/*  ステップ     　                 */
/************************************/

#Step{
	width:570px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin:10px 0px 0px 0px;
	text-align:left;
}
#Step td , #Step th{
	padding:4px 4px 4px 20px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background:#f0f0f0 url(../image/step2.gif) no-repeat 0px 2px;
}
#Step th{
	font-weight:bold;
	background:#f9eaea url(../image/step.gif) no-repeat 0px 2px;
}

/************************************/
/*  豆知識イベント共通              */
/************************************/
#ME{
	margin:15px 0px 0px 8px;
}
#ME_tb{
	width:570px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin:10px 0px 0px 7px;
	text-align:left;
}
#ME_tb td , #ME_tb th{
	padding:4px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#ME_tb textarea{
	width:350px;
	height:100px;
	font-size:100%;
}
#ME_tb th{
	background: #f9eaea;
}
.ME_tr1{
	background: #fff;
}
.ME_tr2{
	background: #ffffe6;
}
.ME_end{
	color:#666;
	background: #f0f0f0;
}
.ME_view a{
	width:50px;
	height:21px;
	display: block;
	background:url(../image/view.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
.ME_view a:hover{
	background-position:-50px 0px;
	text-decoration:none;
}

.ME_end a:link {color:#666;}
.ME_end a:visited {color:#666;}
.ME_end a:hover {color:#666;}
.ME_end a:active {color:#666;}

.ME_top{
	width:580px;
	height:10px;
	margin-top:20px;
	padding:0px;
	background:url(../image/me_top.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
.ME_bg{
	width:580px;
	margin:0px;
	padding:10px 0px;
	background:url(../image/me_bg.gif) repeat-y;
}
.ME_bottom{
	width:580px;
	height:19px;
	background:url(../image/me_bottom.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
.ME_title{
	width:530px;
	height:60px;
	padding:15px 10px 0px 20px;
	margin:0px 0px 0px 20px;
	background:url(../image/me_title.gif) no-repeat;
	color:#000;
	font-size:140%;
}
.ME_com{
	margin:10px 35px;
	padding-bottom:10px;
	color:#323232;
}
.ME_shop{
	margin:10px 35px;
	padding-bottom:10px;
	color:#323232;
	border-bottom:1px dotted #999;
}
.ME_com_end{
	margin:10px 35px;
	font-size:130%;
	color:#ff0000;
	font-weight:bold;
}
.ME_bg ul{
	margin:10px 50px;
	padding:10px;
	background-color:#fffaf0;
	list-style:none;
	border-top: 1px solid #efdab2;
	border-left: 1px solid #efdab2;
	border-right: 1px solid #dcae58;
	border-bottom: 1px solid #dcae58;
}
.ME_bg li{
	margin:2px 0px;
	padding:0px 5px 3px 20px;
	border-bottom:1px dotted #ccc;
	background-image:url(../image/list2.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
}
.ME_cat{
	margin:10px 25px 0px 25px;
	text-align:right;
}
.ME_relation{
	margin:20px 0px 0px 0px;
}
.ME_relation h3{
	font-size:120%;
	margin:0px 20px 0px 10px;
	padding:5px 0px 5px 35px;
	background:#f9eaea url(../image/step.gif) no-repeat 10px 5px;
	border-bottom:1px solid #e7e7e7;
}
.ME_relation h4{
	font-size:120%;
	margin:0px 20px 0px 10px;
	padding:5px 0px 5px 35px;
	background:#f9eaea url(../image/step.gif) no-repeat 10px 5px;
}
.ME_relation ul{
	margin:10px 15px;
	padding:0px 15px 20px 8px;
	list-style:none;
}

.ME_relation li{
	width:99%;
	margin-bottom:2px;
	padding-bottom:2px;
	border-bottom:1px dotted #cccccc;
}
.ME_relation li a{
	padding:0px 0px 0px 20px;
	margin-left:5px;
	background-image:url(../image/list.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.ME_relation li a:hover{
	background-position:0px -37px;
	text-decoration:none;
}

.ME_red{
	font-size:70%;
	color:#ff0000;
}
.snap_box2{
	width:110px;
	margin:0px 11px 20px 8px;
	float:left;
}
.ME_ad{
	width:560px;
	text-align:center;
	margin:auto;
}
.ME_mame_img{
	width:450px;
	margin:20px 0px 20px 60px;
	padding:2px;
	background-color:#fffff5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
}

.ME_mame .mame_img{
	width:60px;
	height:45px;
	margin:3px 5px 3px 5px;
	padding:2px;
	background-color:#fffff5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	float:left;
}
.ME_mame li{
	padding:5px;
	border-bottom:1px solid #ccc;
}
.ME_mame .li1{
	background:#fffff5;
}
.ME_mame .li2{
	background:#ffffff;
}
.ME_mame{
	padding:0px;
	margin:20px 15px;
	list-style:none;
}
.ME_mame .name a{
	padding:0px 0px 0px 20px;
	margin:5px 20px 5px 5px;
	background-image:url(../image/list.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	font-weight:bold;
}
.ME_mame .name a:hover{
	background-position:0px -37px;
	text-decoration:none;
}

.ME_mame .com{
	margin:5px 20px 5px 30px;
}
.ME_mame .com2{
	margin:5px 20px 5px 100px;
}
/************************************/
/*  Page        　　                */
/************************************/

.Page {
	margin:15px auto 15px auto;
	text-align:center;
}

.Page a{
	margin:0px 1px;
	padding:5px 10px;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	background-color:#ffffff;
}
.Page a:hover{
	background-color:#f9eaea;
	text-decoration:none;
}
.page_now{
	margin:0px 1px;
	padding:5px 10px;
	border-style:solid;
	border-color:#ccc;
	border-width:1px;
	background-color:#e7e7e7;
	font-weight:bold;
}

/************************************/
/*  フッター     　                 */
/************************************/
#footer{
	margin:auto;
	padding:10px;
	clear:both;
	background: #fff url(../image/foot_bg.gif);
	background-position:0 bottom;
	background-repeat: repeat-x;
	text-align:center;
	overflow:hidden;
}
.footer_ad{
	margin:10px 0px;
}
.footer_menu{
	padding-top:5px;
	margin:10px auto 80px auto;
	border-top:1px dotted #ccc;
	text-align:center;
}
.footer_menu ul{
	margin:10px 0px 0px 0px;
	padding:0px;
	list-style:none;
}
.footer_menu li{
	margin:5px;
	display: inline;
}

.footer_menu li a{
	padding:0px 0px 0px 20px;
	margin-left:5px;
	background-image:url(../image/list.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}