@charset "utf-8";
/*------------------------------------------------------------------*/
/*		Media Town Hachinohe - Mediaclub Web site 9th Edition -		*/
/*		/_stylesheet/main.css										*/
/*																	*/
/*		2011/06/18													*/
/*		Program Produced by Yu-ki Hagiri							*/
/*------------------------------------------------------------------*/

/*------------------------------------------------------------------*/
/*	全体設定														*/
/*------------------------------------------------------------------*/

*	{
	margin:		0px;
	padding:	0px;
	border-width:	0px;
}

body	{
	background:	#f3f7e9 url(../_images/background.gif) repeat center center fixed;
}

div#body	{
	width:		980px;
	margin:		0px auto;
	padding:	0px 0px 20px;
	background-color:	#ffffff;
	color:		#444444;
}

td,th	{
	margin:		0px;
	padding:	0px;
}

p.error	{
	color:		#ff0000;
	font-size:	small;
	text-align:	center;
}

a:link,
a:visited	{
	color:		#5b4303;
	text-decoration:	none;
}

a:hover,
a:active {
	color:	#ff5411;
	text-decoration:	underline;
}

div#main div.top_return	{
	margin:		4px 10px 16px;
	text-align:	right;
	font-size:	x-small;
}

img.new_icon	{
	margin:		0px 4px;
}

div.clear	{
	clear:		both;
}

/*------------------------------------------------------------------*/
/*	タイトル部														*/
/*------------------------------------------------------------------*/

div#title	{
	width:		940px;
	height:		120px;
	margin:		0px auto;
	background:	#ffe495 url(../_images/title.jpg) no-repeat center center;
	text-indent:	-9999px;
}

/*------------------------------------------------------------------*/
/*	トップメニュー部												*/
/*------------------------------------------------------------------*/

div#top_menu	{
	width:		940px;
	height:		26px;
	margin:		18px auto 6px;
}

div#top_menu div.comment	{
	float:		left;
	width:		600px;
	padding:	4px 10px 2px;
	border:		2px #ffd7d7 dotted;
	text-align:	center;
	font-size:	16px;
	font-weight:	bold;
	color:		#ff4444;
}

div#top_menu div.search	{
	float:		right;
	width:		300px;
	font-size:	14px;
	text-align:	center;
}

div#top_menu input	{
	border-width:	2px;
}

div#top_menu input.box	{
	width:		120px;
}

div#top_menu input.button	{
	width:		88px;
}

/*------------------------------------------------------------------*/
/*	ナビゲーションメニュー部										*/
/*------------------------------------------------------------------*/

div#navi_menu	{
	float:		left;
	width:		200px;
	margin:		0px 0px 10px 20px;
	background-color:	#ffffff;
}

div#navi_menu h2	{
	display:	none;
}

/*	掲載店ジャンル一覧												*/
/*------------------------------------------------------------------*/

div#navi_menu div.store_list,
div#navi_menu div.company_list,
div#navi_menu div.website_list	{
	width:		200px;
	margin:		10px 0px;
}

div#navi_menu div.store_list h3 a:link,
div#navi_menu div.store_list h3 a:visited,
div#navi_menu div.company_list h3 a:link,
div#navi_menu div.company_list h3 a:visited,
div#navi_menu div.website_list h3 a:link,
div#navi_menu div.website_list h3 a:visited	{
	width:		180px;
	padding:	4px 10px 2px;
	display:	block;
	color:		#444444;
	text-align:	center;
	font-size:	small;
	text-decoration:	none;
}

div#navi_menu div.store_list h3 a:hover,
div#navi_menu div.store_list h3 a:active,
div#navi_menu div.company_list h3 a:hover,
div#navi_menu div.company_list h3 a:active,
div#navi_menu div.website_list h3 a:hover,
div#navi_menu div.website_list h3 a:active	{
	color:		#000000;
}

div#navi_menu div.store_list ul	{
	width:		200px;
}

div#navi_menu div.store_list li	{
	list-style-type:	none;
	font-size:	small;
}

div#navi_menu div.store_list li a:link,
div#navi_menu div.store_list li a:visited	{
	width:		180px;
	padding:	2px 7px 0px;
	display:	block;
	background-color:	#ffffff;
	color:		#444444;
	text-align:	center;
	text-decoration:	none;
}

div#navi_menu div.store_list li a:hover,
div#navi_menu div.store_list li a:active	{
	color:		#000000;
}

div#navi_menu div#company_list div.bottom,
div#navi_menu div#website_list div.bottom	{
	display:	none;
}

/*	掲載店ジャンル一覧（ナビゲーションメニュー部）					*/
/*------------------------------------------------------------------*/

div#navi_menu div.store_list div.list01 h3 a:link,
div#navi_menu div.store_list div.list01 h3 a:visited	{
	background-color:	#ffd7d7;
}

div#navi_menu div.store_list div.list01 h3 a:hover,
div#navi_menu div.store_list div.list01 h3 a:active	{
	background-color:	#ffbdbd;
}

div#navi_menu div.store_list div.list01 li a:link,
div#navi_menu div.store_list div.list01 li a:visited	{
	border-left:	#ffd7d7 3px solid;
	border-right:	#ffd7d7 3px solid;
}

div#navi_menu div.store_list div.list01 li a:hover,
div#navi_menu div.store_list div.list01 li a:active	{
	background-color:	#fff0f0;
}

div#navi_menu div.store_list div.list02 h3 a:link,
div#navi_menu div.store_list div.list02 h3 a:visited	{
	background-color:	#fff2d7;
}

div#navi_menu div.store_list div.list02 h3 a:hover,
div#navi_menu div.store_list div.list02 h3 a:active	{
	background-color:	#ffe9bd;
}

div#navi_menu div.store_list div.list02 li a:link,
div#navi_menu div.store_list div.list02 li a:visited	{
	border-left:	#fff2d7 3px solid;
	border-right:	#fff2d7 3px solid;
}

div#navi_menu div.store_list div.list02 li a:hover,
div#navi_menu div.store_list div.list02 li a:active	{
	background-color:	#fffaf0;
}

div#navi_menu div.store_list div.list03 h3 a:link,
div#navi_menu div.store_list div.list03 h3 a:visited	{
	background-color:	#f2ffd7;
}

div#navi_menu div.store_list div.list03 h3 a:hover,
div#navi_menu div.store_list div.list03 h3 a:active	{
	background-color:	#e9ffbd;
}

div#navi_menu div.store_list div.list03 li a:link,
div#navi_menu div.store_list div.list03 li a:visited	{
	border-left:	#f2ffd7 3px solid;
	border-right:	#f2ffd7 3px solid;
}

div#navi_menu div.store_list div.list03 li a:hover,
div#navi_menu div.store_list div.list03 li a:active	{
	background-color:	#fafff0;
}

div#navi_menu div.store_list div.list04 h3 a:link,
div#navi_menu div.store_list div.list04 h3 a:visited	{
	background-color:	#d7ffd7;
}

div#navi_menu div.store_list div.list04 h3 a:hover,
div#navi_menu div.store_list div.list04 h3 a:active	{
	background-color:	#bdffbd;
}

div#navi_menu div.store_list div.list04 li a:link,
div#navi_menu div.store_list div.list04 li a:visited	{
	border-left:	#d7ffd7 3px solid;
	border-right:	#d7ffd7 3px solid;
}

div#navi_menu div.store_list div.list04 li a:hover,
div#navi_menu div.store_list div.list04 li a:active	{
	background-color:	#f0fff0;
}

div#navi_menu div.store_list div.list05 h3 a:link,
div#navi_menu div.store_list div.list05 h3 a:visited	{
	background-color:	#d7fff2;
}

div#navi_menu div.store_list div.list05 h3 a:hover,
div#navi_menu div.store_list div.list05 h3 a:active	{
	background-color:	#bdffe9;
}

div#navi_menu div.store_list div.list05 li a:link,
div#navi_menu div.store_list div.list05 li a:visited	{
	border-left:	#d7fff2 3px solid;
	border-right:	#d7fff2 3px solid;
}

div#navi_menu div.store_list div.list05 li a:hover,
div#navi_menu div.store_list div.list05 li a:active	{
	background-color:	#f0fffa;
}

div#navi_menu div.store_list div.list06 h3 a:link,
div#navi_menu div.store_list div.list06 h3 a:visited	{
	background-color:	#d7f2ff;
}

div#navi_menu div.store_list div.list06 h3 a:hover,
div#navi_menu div.store_list div.list06 h3 a:active	{
	background-color:	#bde9ff;
}

div#navi_menu div.store_list div.list06 li a:link,
div#navi_menu div.store_list div.list06 li a:visited	{
	border-left:	#d7f2ff 3px solid;
	border-right:	#d7f2ff 3px solid;
}

div#navi_menu div.store_list div.list06 li a:hover,
div#navi_menu div.store_list div.list06 li a:active	{
	background-color:	#f0faff;
}

div#navi_menu div.store_list div.list07 h3 a:link,
div#navi_menu div.store_list div.list07 h3 a:visited	{
	background-color:	#d7d7ff;
}

div#navi_menu div.store_list div.list07 h3 a:hover,
div#navi_menu div.store_list div.list07 h3 a:active	{
	background-color:	#bdbdff;
}

div#navi_menu div.store_list div.list07 li a:link,
div#navi_menu div.store_list div.list07 li a:visited	{
	border-left:	#d7d7ff 3px solid;
	border-right:	#d7d7ff 3px solid;
}

div#navi_menu div.store_list div.list07 li a:hover,
div#navi_menu div.store_list div.list07 li a:active	{
	background-color:	#f0f0ff;
}

div#navi_menu div.store_list div.list08 h3 a:link,
div#navi_menu div.store_list div.list08 h3 a:visited	{
	background-color:	#f2d7ff;
}

div#navi_menu div.store_list div.list08 h3 a:hover,
div#navi_menu div.store_list div.list08 h3 a:active	{
	background-color:	#e9bdff;
}

div#navi_menu div.store_list div.list08 li a:link,
div#navi_menu div.store_list div.list08 li a:visited	{
	border-left:	#f2d7ff 3px solid;
	border-right:	#f2d7ff 3px solid;
}

div#navi_menu div.store_list div.list08 li a:hover,
div#navi_menu div.store_list div.list08 li a:active	{
	background-color:	#faf0ff;
}

div#navi_menu div.store_list div.list09 h3 a:link,
div#navi_menu div.store_list div.list09 h3 a:visited	{
	background-color:	#ffd7f2;
}

div#navi_menu div.store_list div.list09 h3 a:hover,
div#navi_menu div.store_list div.list09 h3 a:active	{
	background-color:	#ffbde9;
}

div#navi_menu div.store_list div.list09 li a:link,
div#navi_menu div.store_list div.list09 li a:visited	{
	border-left:	#ffd7f2 3px solid;
	border-right:	#ffd7f2 3px solid;
}

div#navi_menu div.store_list div.list09 li a:hover,
div#navi_menu div.store_list div.list09 li a:active	{
	background-color:	#fff0fa;
}

div#navi_menu div.store_list div.bottom	{
	width:		200px;
	border-top:	#ffd7f2 1px solid;
}

/*	オリジナル・コンテンツ、他サービスリンク、運営会社				*/
/*	QRコード共通（ナビゲーションメニュー部）						*/
/*------------------------------------------------------------------*/

div#navi_menu div.contents,
div#navi_menu div.links,
div#navi_menu div.operation,
div#navi_menu div.qrcode	{
	width:		200px;
	margin:		10px 0px;
}

div#navi_menu div.contents h3,
div#navi_menu div.operation h3,
div#navi_menu div.qrcode h3	{
	width:		180px;
	padding:	4px 10px 2px;
	border-bottom:	#fee180 1px solid;
	background:	#ffe59d url(../_images/navi_menu_list_header.gif) no-repeat top center;
	text-align:	center;
	font-size:	small;
}

div#navi_menu div.operation_body,
div#navi_menu div.qrcode_body	{
	padding-top:	2px;
	width:		198px;
	border-right:	1px #ffba00 solid;
	border-left:	1px #ffdc69 solid;
}

div#navi_menu div.contents span.sub	{
	font-size:	x-small;
	font-weight:	normal;
	color:		#ff0000;
}

div#navi_menu div.operation p,
div#navi_menu div.qrcode p	{
	width:		180px;
	margin:		0px 8px;
	font-size:	small;
	text-align:	center;
}

div#navi_menu div.contents div.bottom,
div#navi_menu div.operation div.bottom,
div#navi_menu div.qrcode div.bottom	{
	width:		200px;
	height:		4px;
	background:	#ffffff url(../_images/navi_menu_list_bottom.gif) no-repeat center center;
}

/*	オリジナル・コンテンツ、運営会社								*/
/*	（ナビゲーションメニュー部）									*/
/*------------------------------------------------------------------*/

div#navi_menu div.contents ul,
div#navi_menu div.operation ul	{
	padding-top:	2px;
	width:		198px;
	border-right:	1px #ffba00 solid;
	border-left:	1px #ffdc69 solid;
	list-style-type:	none;
}

div#navi_menu div.operation ul	{
	padding-top:	10px;
}

div#navi_menu div.contents li a:link,
div#navi_menu div.contents li a:visited,
div#navi_menu div.operation li a:link,
div#navi_menu div.operation li a:visited	{
	width:		180px;
	padding:	2px 8px 0px;
	display:	block;
	background-color:	#ffffff;
	color:		#444444;
	text-align:	center;
	text-decoration:	none;
}

div#navi_menu div.contents li a:hover,
div#navi_menu div.contents li a:active,
div#navi_menu div.operation li a:hover,
div#navi_menu div.operation li a:active	{
	background-color:	#fff8ec;
	color:		#ff5411;
}

div#navi_menu div.contents li	{
	font-size:	small;
	font-weight:	bold;
}

div#navi_menu div.operation li	{
	font-size:	small;
}

/*	運営会社（ナビゲーションメニュー部）							*/
/*------------------------------------------------------------------*/

div#navi_menu div.operation h4 a:link,
div#navi_menu div.operation h4 a:visited	{
	width:		180px;
	padding:	6px 8px 2px;
	display:	block;
	background-color:	#ffffff;
	color:		#444444;
	font-size:	small;
	text-align:	center;
	text-decoration:	none;
}

div#navi_menu div.operation h4 a:hover,
div#navi_menu div.operation h4 a:active	{
	background-color:	#fff8ec;
	color:		#ff5411;
}

/*	他サービスリンク（ナビゲーションメニュー部）					*/
/*------------------------------------------------------------------*/

div#navi_menu div.links ul	{
	padding-top:	2px;
	width:		200px;
	list-style-type:	none;
}

div#navi_menu div.links li.apw21 a:link,
div#navi_menu div.links li.apw21 a:visited	{
	width:		200px;
	height:		44px;
	display:	block;
	background:	#888888 url(../_images/navilink_apw21.jpg) no-repeat 0px 0px;
	text-indent:	-9999px;
}

div#navi_menu div.links li.apw21 a:hover,
div#navi_menu div.links li.apw21 a:active	{
	background:	#cccccc url(../_images/navilink_apw21.jpg) no-repeat 0px -44px;
}

/*	QRコード（ナビゲーションメニュー部）							*/
/*------------------------------------------------------------------*/

div#navi_menu div.qrcode img	{
	margin:		10px auto 2px;
}

/*------------------------------------------------------------------*/
/*	メインブロック													*/
/*------------------------------------------------------------------*/

div#main_side,
div#main	{
	background-color:	#ffffff;
}

div#main div.root	{
	margin:		10px 0px;
	font-size:	small;
}

div#main div.root span.selected	{
	font-weight:	bold;
}

/*------------------------------------------------------------------*/
/*	フッター部														*/
/*------------------------------------------------------------------*/

div#footer	{
/*	clear:		both;*/
	margin:		0px auto;
	width:		940px;
}

div#footer p.border	{
	height:		18px;
	margin:		10px auto 4px;
	background:	#ffe495 url(../_images/footer.jpg) no-repeat center center;
	text-indent:	-9999px;
}

/*	ボトムメニュー部												*/
/*------------------------------------------------------------------*/

div#footer div#bottom_menu	{
	font-size:	small;
	text-align:	center;
}

/*	著作権表示部													*/
/*------------------------------------------------------------------*/

div#footer div.copyright	{
	margin:		4px auto 10px;
	font-size:	x-small;
	text-align:	center;
}

div#footer div.copyright p.produce	{
	color:		#aaaaaa;
	font-style:	italic;
}

/*------------------------------------------------------------------*/
/*	EOF																*/
/*------------------------------------------------------------------*/

