@charset "euc-jp";

/* 共通 */

body { margin:0 auto; padding:0; text-align:center;
 color:#333; font-size:90%; line-height:125%;
 background:url(../parts/bg.jpg) no-repeat center top;}

/* IE6 hack */
* html body { padding-left:1px;}

a:link { color:#456FA8; text-decoration:underline; overflow:hidden;}
a:visited { color:#551A8B; text-decoration:underline;}
a:hover { color:#09F; text-decoration:underline;}

img { vertical-align:top; border:none;}
table,th,td { border-collapse:collapse;}
ul,li,dl,dt,dd { list-style-type:none;}

i,em { color:#C00; font-weight:bold; font-style:normal;}

/* レイアウト・色・文字スタイル------ */

.floatL { float:left;}
.floatR { float:right;}
.alignL { text-align:left;}
.alignR { text-align:right;}
.imgL { float:left; margin:0; padding:0 10px 10px 0;}
.imgR { float:right; margin:0; padding:0 0 10px 10px;}

.clear { clear:both; margin:0; padding:0;}
.center { text-align:center;}

h1 { clear:both; margin:0 auto; padding:10px 0 0 0; font-size:80%; color:#31A200; font-weight:normal;}
h2 { clear:both; margin:10px auto 0 auto; padding:0;}
h3 { clear:both; margin:10px; padding:0;}
h4 { clear:both; margin:0; padding:0;}

/* 囲み--------------------------------------------------------- */

#wrap { clear:both; width:900px; margin:0 auto; padding:0; text-align:center;}

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

#head { clear:both; width:880px; margin:0 auto; padding:40px 0 0 0; text-align:left;}

#head .boxL { float:left; width:190px; margin:0; padding:10px 0 10px 0;}
#head .boxC { float:left; width:500px; margin:0; padding:0; text-align:center;}
#head .boxR { float:right; width:190px; margin:0; padding:13px 0 10px 0;}

/* ヘッダーメニュー------ */

#headmn { clear:both; width:190px; height:13px; margin:0; padding:0;
 background:url(../parts/hmn_nav.gif) no-repeat left top;}
#headmn ul { clear:both; margin:0; padding:0;}
#headmn li { float:left; margin:0; padding:0; text-indent:-10000px;}
#headmn li a { height:13px; margin:0; padding:0; display:block; color:#333;
 background:url(../parts/hmn_nav.gif) no-repeat left top;}

/* link */
#headmn li.hmn01 a { width:115px; margin-right:5px; background-position:0 0;}
#headmn li.hmn02 a { width:65px; background-position:-120px 0;}

/* hover */
#headmn li.hmn01 a:hover { background-position:0 -17px;}
#headmn li.hmn02 a:hover { background-position:-120px -17px;}

#head a.seri { width:135px; height:13px; margin:15px 0 0 25px; padding:0; display:block; color:#333;
 text-indent:-10000px; background:url(../parts/hmn_top.gif) no-repeat left top;}
#head a:hover.seri { background-position:0 -17px;}

/* フォントチェンジャー------ */

#fontresize { clear:both; margin:20px 0 0 20px; padding:0; text-align:left;}
#fontresize ul#fontSize { margin:0; padding:0;}
#fontSize li { margin:0; padding:0; display:inline;}
#fontSize li.size001,#fontSize li.size002,#fontSize li.size003,#fontSize li.size004{ margin:0; padding:0;}

/* メニュー--------------------------------------------------------- */

#menu { clear:both; width:880px; height:45px; margin:0 auto; padding:0; text-align:left;
 background:url(../parts/menu.jpg) no-repeat left top;}

#menu ul { clear:both; margin:0; padding:0;}
#menu li { float:left; margin:0; padding:0; text-indent:-10000px;}
#menu li a { height:45px; margin:0 1px 0 0; padding:0; display:block; color:#333;
 background:url(../parts/menu.jpg) no-repeat left top;}

/* link */
#menu li.mn01 a { width:180px; background-position:0 0;}
#menu li.mn02 a { width:259px; background-position:-181px 0;}
#menu li.mn03 a { width:239px; background-position:-441px 0;}
#menu li.mn04 a { width:199px; margin:0; background-position:-681px 0;}

/* hover */
#menu li.mn01 a:hover { background-position:0 -50px;}
#menu li.mn02 a:hover { background-position:-181px -50px;}
#menu li.mn03 a:hover { background-position:-441px -50px;}
#menu li.mn04 a:hover { background-position:-681px -50px;}

/* コンテンツ--------------------------------------------------------- */

#con { clear:both; width:880px; margin:0 auto; padding:5px 10px 0 10px; text-align:center;
 background:url(../parts/bg_con.jpg) no-repeat center top;}
#con:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* メイン--------------------------------------------------------- */

#main { clear:both; width:880px; margin:0; padding:0; text-align:left;}

/* ページトップ----------------- */

.pagetop { clear:both; width:880px; margin:0; padding:25px 0 0 0; text-align:right;}

/* フッタ---------------------------------------------------- */

#foot { clear:both; width:900px; height:100px; margin:0; padding:20px 0 0 0; text-align:center;
 font-size:90%; background:url(../parts/bg_foot.jpg) no-repeat center top;}

#foot ul { clear:both; margin:0; padding:0;}
#foot li { margin:0; padding:0 15px 0 0; display:inline;}
#foot li.end { padding-right:0;}

/* コピーライト----------------- */

.copy { clear:both; margin:0; padding:25px 0 0 0; color:#666;}
.copy a,.copy a:hover {}

/* TOPページ---------------------------------------------------- */

/* マーケットプラザとは？----------------- */

#topInfo { clear:both; width:880px; height:145px; margin:0 auto; padding:0; text-align:left;
 background:url(../parts/bg_about.jpg) no-repeat center top;}

#topInfo .boxL { float:left; width:250px; margin:0; padding:0;}
#topInfo .boxC { float:left; width:380px; margin:0; padding:15px 0 0 0; text-align:center;}
#topInfo .boxC p { clear:both; width:330px; margin:0 auto; padding:22px 0 0 0; text-align:left; color:#FFF;}
#topInfo .boxC a { color:#FFF;}
#topInfo .boxR { float:right; width:250px; margin:0; padding:0;}

/* 今月の掲載記事----------------- */

#topArticle { clear:both; width:880px; height:250px; margin:0 0 10px 0; padding:0; text-align:left;
 background:url(../parts/bg_article.jpg) no-repeat center top;}
#topArticle:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#topArticle .boxL { float:left; width:420px; height:130px; margin:0 10px 0 0; padding:0 5px 0 10px;}
#topArticle .boxR { float:right; width:420px; height:130px; margin:0; padding:0 5px 0 10px;}

#topArticle .boxL .boxP,#topArticle .boxR .boxP { float:left; width:150px; margin:0 10px 0 0; padding:0; text-align:center;}
#topArticle .boxL p,#topArticle .boxR p { margin:5px 0; padding:0;}
#topArticle .boxL p.name,#topArticle .boxR p.name { margin:0 0 7px 0; padding:0; font-size:85%;}

#topArticle .boxL a.bt-details,#topArticle .boxR a.bt-details {
 width:115px; height:20px; margin:0 0 0 165px; padding:0; display:block; color:#333;
 text-indent:-10000px; background:url(../parts/bt_details.jpg) no-repeat left top;}
#topArticle .boxL a:hover.bt-details,#topArticle .boxR a:hover.bt-details { background-position:-120px 0;}

/* バックナンバー----------------- */

.topFoods,.topBusiness { float:left; width:280px; margin:0 20px 0 0; padding:0 0 15px 0; font-size:85%;}
.topCompany { float:left; width:280px; margin:0; padding:0 0 15px 0; font-size:85%;}
.topFoods:after,.topBusiness:after,.topCompany:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

.topFoods p a,.topBusiness p a,.topCompany p a { height:115px; display:block; color:#333; text-decoration:none;}
.topFoods p a:hover,.topBusiness p a:hover,.topCompany p a:hover { color:#333; text-decoration:underline;}

.topFoods h4,.topFoods h4 a { width:280px; height:35px; margin:0; padding:0; display:block;
 color:#333; text-indent:-10000px; background:url(../parts/h4_backnumber.jpg) no-repeat 0 0;}
.topFoods h4 a:hover { background-position:0 -45px;}
.topFoods p { width:240px; height:115px; margin:0; padding:10px 20px 0 20px; display:block;
 background:url(../parts/bg_foods.jpg) no-repeat 0 0;}

.topBusiness h4,.topBusiness h4 a { width:280px; height:35px; margin:0; padding:0; display:block;
 color:#333; text-indent:-10000px; background:url(../parts/h4_backnumber.jpg) no-repeat -285px 0;}
.topBusiness h4 a:hover { background-position:-285px -45px;}
.topBusiness p { width:240px; height:115px; margin:0; padding:10px 20px 0 20px; display:block;
 background:url(../parts/bg_business.jpg) no-repeat 0 0;}

.topCompany h4,.topCompany h4 a { width:280px; height:35px; margin:0; padding:0; display:block;
 color:#333; text-indent:-10000px; background:url(../parts/h4_backnumber.jpg) no-repeat -570px 0;}
.topCompany h4 a:hover { background-position:-570px -45px;}
.topCompany p { width:240px; height:115px; margin:0; padding:10px 20px 0 20px; display:block;
 background:url(../parts/bg_company.jpg) no-repeat 0 0;}

/* 掲載の流れ----------------- */

#topFlow { clear:both; width:820px; height:90px; margin:0 0 20px 0; padding:0 30px; text-align:left;
 background:url(../parts/bg_flow.gif) no-repeat center top;}
#topFlow p { float:left; margin:0; padding:15px 0 0 0;}

#topFlow .boxR { float:right; width:280px; margin:0; padding:0 0 0 0;}
#topFlow .boxR a.bt-form { width:280px; height:55px; margin:0; padding:0; display:block; color:#333;
 text-indent:-10000px; background:url(../parts/bt_form.jpg) no-repeat left top;}
#topFlow .boxR a:hover.bt-form { background-position:0 -64px;}

/* 内部ページ--------------------------------------------------------- */

.pankuzu { clear:both; width:875px; margin:0; padding:5px 5px 0 0; text-align:right; font-size:80%;}

/* 一覧----------------- */

.aList { clear:both; width:880px; margin:0; padding:0 0 10px 0; text-align:left;}
.aList:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

.aList ul { margin:0; padding:0;}
.aList li { float:left; margin:0; padding:0;}
.aList .linkboxL { width:416px; height:90px; margin:0 5px 5px 0; padding:10px 10px 0 10px;
 background:url(../parts/bg_list.jpg) no-repeat left bottom;}
.aList .linkboxR { width:416px; height:90px; margin:0 0 5px 0; padding:10px 10px 0 10px;
 background:url(../parts/bg_list.jpg) no-repeat left bottom;}

.aList .linkboxL .fullstory,.aList .linkboxR .fullstory { float:left; width:100px; margin:0 15px 0 0; padding:0; text-align:center;}
.aList .linkboxL .boxR,.aList .linkboxR .boxR { float:right; width:300px; margin:0; padding:0;}
.aList .linkboxL .boxR p,.aList .linkboxR .boxR p { margin:0 0 5px 0; padding:0; color:#456FA8; line-height:115%; text-decoration:underline;}
.aList .linkboxL .boxR p.name,.aList .linkboxR .boxR p.name {
 margin:0 0 10px 0; padding:0; color:#333; text-decoration:none; font-size:85%;}
.aList .linkboxL .boxR p.bt-details,.aList .linkboxR .boxR p.bt-details { float:right; width:115px; height:20px; margin:0; padding:0; display:block; color:#333;
 text-indent:-10000px; background:url(../parts/bt_details.jpg) no-repeat left top;}

.aList .hovering { text-decoration:none; cursor:pointer;}
.aList .hovering .boxR p { color:#09F; text-decoration:underline;}
.aList .hovering .boxR p.name { color:#333; text-decoration:none;}
.aList .hovering .boxR p.bt-details { background-position:-120px 0;}

/* 詳細----------------- */

.foods,.business,.company { clear:both; width:880px; margin:0 auto; padding:0; text-align:left;}
.foods h2,.business h2,.company h2 { clear:both; width:835px; height:50px; padding:30px 0 0 45px; font-size:140%; line-height:105%;}
.foods h2 { color:#E12020; background:url(../parts/bg_h2f.jpg) no-repeat left top;}
.business h2 { color:#039; background:url(../parts/bg_h2b.jpg) no-repeat left top;}
.company h2 { color:#390; background:url(../parts/bg_h2c.jpg) no-repeat left top;}

.aDetails { clear:both; width:810px; margin:0; padding:20px 35px 10px 35px; text-align:left;}

.aDetails .boxL { float:left; width:250px; margin:0 30px 0 0; padding:0 0 20px 0;}
.aDetails .boxL img { clear:both; margin:0 0 3px 0; padding:0;}
.aDetails .boxL p { clear:both; margin:0; padding:0 0 1em 0; font-size:90%;}

.aDetails .boxR { float:right; width:530px; margin:0; padding:0;}

.aDetails .boxR .title { clear:both; width:500px; height:52px; margin:0 0 10px 0; padding:13px 15px 0 15px;
 background:url(../parts/bg_h3.jpg) no-repeat left top;}
.aDetails .boxR .title h3 { clear:both; margin:0 0 5px 0; padding:0; font-size:100%;}
.aDetails .boxR .tel { clear:both; margin:0; padding:0 0 0 35px; font-size:120%; font-weight:bold;
 background:url(../parts/icon_tel.gif) no-repeat left 2px;}

.aDetails .boxR h4 { clear:both; margin:0 0 5px 0; padding:0;}
.aDetails .boxR h5 { clear:both; margin:0; padding:5px 0 15px 5px; font-size:100%; color:#090;}
.aDetails .boxR p { clear:both; margin:0; padding:0 0 10px 5px;}

.aDetails .boxR table { clear:both; width:530px; margin:0 0 20px 0; padding:0;}
.aDetails .boxR th { width:120px; margin:0; padding:6px 0 5px 18px; vertical-align:top; text-align:left;
 font-weight:normal; border-bottom:1px dotted #999;
 background:url(../parts/list_01.gif) no-repeat 5px 10px;}
.aDetails .boxR td { margin:0; padding:6px 10px 5px 10px; border-bottom:1px dotted #999;}
.aDetails .boxR td.map { width:55px; text-align:right;}

.aDetails ul.back { float:left; width:350px; margin:0; padding:0; font-size:90%;}
.aDetails ul.back li { margin:0; padding:0 0 0 12px; background:url(../parts/list_02.gif) no-repeat left 3px;}
.aDetails .date { float:right; width:350px; text-align:right; font-size:90%;}

/* 利用規約----------------- */

#kiyaku { clear:both; width:850px; margin:0; padding:5px 15px 90px 15px; text-align:left;}
#kiyaku p { margin:0; padding:0 0 15px 0;}