@charset "UTF-8";

/*============================================================
//
//  目次---------------------
//  　・ヘッダー
//  　・フッター
//  　・コンテンツレイアウト
//  　　　・広告
//  　　　・まだある注目ランキング
//  　　　・エリアプロデューサー
//  　　　・都道府県
//  　　　・1位の商品コメント
//  　　　・今月の特集一覧
//  　　　・この商品を購入する
//  　・NOT FOUNDページ設定［未設定］
//  　・共通機能
//  　　　・パンくず
//  　　　・ページトップへ［未設定］
//
//==========================================================*/

* {
    margin: 0;
    padding: 0;
}

#header:after,
#footer:after,
#crumb:after,
#contents:after,
#main:after,
#menu-right:after,
#toptopt:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#header,
#footer,
#crumb,
#contents,
#main,
#menu-right,
#toptop{
	zoom: 1;
}

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

#header{
	width:1010px;
	height:130px;
}
#header #header-inner{
	width:936px;
	height:130px;
	background:url(/img/common/bgtop2.jpg) no-repeat 215px 40px;
	margin:0 auto;
}
#header .logo{
	width:200px;
	height:85px;
	padding-top:25px;
	margin:0 10px 0 5px;
}
#header .logo h1{
	text-indent:-9999px;
	font-size:10px;
	width:200px;
	height:85px;
	background:url(/img/common/jimopla_logo2.png) no-repeat left top;
}
#header .logo h1 a{
	display:block;
	text-decoration:none;
	width:200px;
	height:85px;
}

#header .lead{
	width:410px;
	height:70px;
	padding-top:58px;
}
#header .lead p{
	font-size:135%;
	font-weight:bold;
	line-height:130%;
	text-align:center;
}
#header .lead p a{
	text-decoration:underline;
}
#header .btn{
	width:200px;
	padding-top:40px;
}
#header .btn .inquiry, 
#header .btn .company{
	width:200px;
	height:25px;
	padding-top:15px;
}



/*============================================================
//  共通機能
//==========================================================*/

/*======パンくず======*/
#topicpath{
	text-align:left;
	clear:both;
	width:936px;
	margin: 0 auto 10px;
	padding: 0;
}
#topicpath p{
	margin: 0;
	padding: 0;
	font-size:84%;
	line-height:110%;
}



/*============================================================
//  フッター
//==========================================================*/

#footer{
	width:970px;
	padding-bottom:15px;
	text-align:left;
	margin: 0 auto;
	background:#ffffff;
}

#footer_btm {
	background:url(/img/footer/footer_bg.gif) repeat-x;
}

#footer_genre_list {
	margin: 0 auto;
	padding-top:3px;
	width: 950px;
	height: 57px;
	overflow:visible;
}

#footer_genre_list ul li {
	background:url(/img/footer/area_list_bar.gif) no-repeat 0 1px;
	display:inline;
	font-size:82%;
	line-height: 19px;
	padding-left:6px;
}

#footer_genre_list ul li.ini {
	display: inline;
	padding-left: 2px;
	background: none;
}

#footer_copyright_box {
	margin: 0 auto;
	padding-bottom: 6px;
	width: 950px;
	height: 37px;
}


#footer_block_left {
	float:left;
}

#footer_block_left p {
	font-size:10px;
	line-height:100%;
	padding:0 0 0 6px;
}

#footer_block_right {
	background: url(/img/footer/footer_ci.gif) no-repeat right center;
	float:right;
	min-height:38px;
	padding:0 91px 0 0;
	text-align:right;
	width:600px;
}

#footer_area_navi {
	border-right:1px solid #DDDDDD;
	float:right;
	padding:2px 7px 0 0;
	text-align:right;
}

#footer_area_navi p#area-link {
	font-size:10px;
	line-height:11px;
	padding-bottom: 4px;
}

#footer_area_navi p#global-link {
	font-size:10px;
	line-height:11px;
	padding-bottom: 4px;
}

#footer a:link {
	color: #09F;
	text-decoration: none;
}
#footer a:active {
	color: #09F;
	text-decoration: underline;
}
#footer a:visited {
	color: #d38ad3;
	text-decoration: none;
}
#footer a:hover {
	color: #09F;
	text-decoration: underline;
}

#global-link a:link,
#global-link a:active,
#global-link a:visited,
#global-link a:hover{
	color:#999;
}

#area-link a:link {
	color:#62BBCE;
	text-decoration:none;
}

/*============================================================
//  コンテンツレイアウト
//==========================================================*/

/*======カラム======*/

#contents{
	width:950px;
	margin:0 auto;
}
#main{
	width:630px;
	float:left;
	text-align:left;
}
#menu-right{
	width:300px;
	float:right;
	text-align:left;
	z-index: 1;
}


/*============================================================
//  コンテンツレイアウト
//==========================================================*/


#menu-right .box-ad:after,
#menu-right .box-search:after,
#menu-right .box-mook:after,
#menu-right .box-near:after,
#menu-right .box-twitter:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#menu-right .box-ad
#menu-right .box-search,
#menu-right .box-mook,
#menu-right .box-near,
#menu-right .box-twitter{
	zoom: 1;
}

/*======広告======*/

#menu-right #ad{
	margin-bottom:20px;
}
#menu-right .banner{
	width:100%;
	margin-bottom:20px;
}
#menu-right .box-ad{
	height:auto;
	margin-bottom:10px;
}
#menu-right .box-ad a{
	height:auto;
	display: block;
}

/*======大枠：まだある注目ランキング・エリアプロデューサー・都道府県・1位の商品コメント・今月の特集一覧・この商品を購入する======*/
#menu-right #recommend, 
#menu-right #pickup, 
#menu-right #news, 
#menu-right #past{
	width:100%;
}
#menu-right #recommend{
	margin-bottom:20px;
}
#menu-right .box{
	width:298px;
	height:auto;
	border:1px solid #ccc;
}

#menu-right #pref{
	width:298px;
	background:url(/img/common/sb-prefbg.gif) no-repeat left bottom;
	margin-bottom:20px;
	border:1px solid #ccc;
	padding:0 0 5px 0;
	min-height:270px;
	height: auto !important;
	height: 270px;
}
#menu-right .banner{
	width:100%;
	margin-bottom:20px;
}


#menu-right #pickup ul, 
#menu-right #news ul, 
#menu-right #past ul, 
#menu-right #rank_more ul, 
#menu-right #producer ul, 
#menu-right #pref ul, 
#menu-right .banner ul {
	list-style:none;
}



/*======今週のおすすめ逸品======*/
#menu-right #recommend h3{
	width:300px;
	height:25px;
	background:url(/img/common/sb-recommend.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:0;
}
#menu-right #recommend .inner{
	width:278px;
	height:auto;
	margin:8px 10px;
}
#menu-right #recommend .inner:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}

#menu-right #recommend h4{
	font-size:115%;
	color:#ff6600;
	font-weight:bold;
	margin-bottom:10px;
}
#menu-right #recommend h4 a{
	color:#ff6600;
}
#menu-right #recommend h4 a:hover{
	color:#ff9900;
}

#menu-right #recommend .issue-ph{
	width:75px;
	height:auto;
	margin-bottom:5px;
}
#menu-right #recommend .issue-txt{
	width:193px;
	margin-bottom:5px;
}
#menu-right #recommend p{
	font-size:100%;
	line-height:140%;
}



/*======特集 PICKUP / ジモプラニュース======*/
#menu-right #pickup h3{
	width:300px;
	height:25px;
	background:url(/img/common/sb-pickup.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:0;
}

#menu-right #news h3{
	width:300px;
	height:25px;
	background:url(/img/common/sb-news.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:0;
}
/*=====▼▼andmore復活時、この設定は隠す▼▼=====*/
#menu-right #pickup .box, 
#menu-right #news .box {
	margin-bottom:20px;
}
/*=====▲▲andmore復活時、この設定は隠す▲▲=====*/

#menu-right #pickup ul, 
#menu-right #news ul {
	width:278px;
	height:auto;
	margin:0 10px 10px;
}
#menu-right #pickup li, 
#menu-right #news li{
	margin-top:10px;
}
#menu-right #pickup h4, 
#menu-right #news h4{
	font-size:115%;
	color:#ff6600;
	font-weight:bold;
}
#menu-right #pickup h4 a, 
#menu-right #news h4 a{
	color:#ff6600;
}
#menu-right #pickup h4 a:hover, 
#menu-right #news h4 a:hover{
	color:#ff9900;
}
#menu-right #pickup p, 
#menu-right #news p{
	font-size:100%;
	line-height:140%;
}
#menu-right #pickup .andmore, 
#menu-right #news .andmore{
	width:114px;
	height:21px;
	text-align:right;
	margin:5px 0 10px 168px;
	padding:0;
}
#menu-right #pickup .andmore p{
	text-indent:-9999px;
	font-size:10px;
	width:114px;
	height:21px;
	line-height:21px;
	text-align:left;
	background:url(/img/common/sd-more-issue.gif) no-repeat 0 0;
}
#menu-right #news .andmore p{
	text-indent:-9999px;
	font-size:10px;
	width:114px;
	height:21px;
	line-height:21px;
	text-align:left;
	background:url(/img/common/sd-more-news.gif) no-repeat 0 0;
}
#menu-right #pickup .andmore p a, 
#menu-right #news .andmore p a{
	display:block;
	text-decoration:none;
	width:114px;
	height:21px;
}



/*======エリアプロデューサー======*/
#menu-right #producer {
	width:300px;
	height:142px;
	margin-bottom:18px;
}
#menu-right #producer a{
	display:block;
	text-decoration:none;
	width:300px;
	height:142px;
}



/*======過去のランキング======*/
#menu-right #past h3{
	width:300px;
	height:25px;
	background:url(/img/common/sb-past.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:0;
}
#menu-right #past .box{
	border:1px solid #999999;
	background-color:#e3e3e3;
}
#menu-right #past ul {
	width:278px;
	height:auto;
	margin:8px 10px;
}
#menu-right #past li{
	font-size:100%;
	line-height:140%;
}
#menu-right #past .andmore{
	width:200px;
	text-align:right;
	margin:5px 0 20px 100px;
}
#menu-right #past .andmore p{
	text-indent:-9999px;
	font-size:10px;
	width:200px;
	height:17px;
	text-align:left;
	background:url(/img/common/sd-more-past.gif) no-repeat 0 0;
}
#menu-right #past .andmore p a{
	display:block;
	text-decoration:none;
	width:200px;
	height:17px;
}




/*======都道府県======*/
#menu-right #pref h3{
	width:298px;
	height:34px;
	background:url(/img/common/sb-pref.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:10px;
}
#menu-right #pref ul {
	width:266px;
	margin:0 auto 4px;
}
#menu-right #pref ul:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}

#menu-right #pref li{
	font-size:100%;
	border-left:1px solid #000000;
	margin-left:6px;
	padding-left:6px;
	float:left;
}
#menu-right #pref li:first-child{
	border-style:none;
	margin-left:0;
	padding-left:0;
}
/*======この商品を購入する======*/
#menu-right #mall h3{
	width:298px;
	height:33px;
	background:url(../img/common/sb-buy.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:15px;
}
#menu-right #mall .logo{
	text-align:center;
	margin:0 auto 10px;
}
#menu-right #mall .btn{
	text-indent:-9999px;
	font-size:10px;
	width:242px;
	height:33px;
	background:url(../img/common/btn-other.jpg) no-repeat left top;
	margin:0 auto ;
}
#menu-right #mall .btn a{
	display:block;
	text-decoration:none;
	width:242px;
	height:33px;
}
#menu-right #mall {
border:1px solid #FF9900;
height:auto;
margin-bottom:23px;
padding:0 0 8px;
width:298px;
}




/*============================================================
//  NOT FOUNDページ設定
//==========================================================*/

.error #main .box{
	margin:60px 0px 200px 0;
}
.error #main .box h3{
	font-size:115%;
	color:#CB0000;
	margin:0 0px 15px 0;
}
.error #main .box p{
	font-size:100%;
	margin-bottom:10px;
}


/*======ページトップへ======*/
#pagetop {
	width:100%;
}
#pagetop p{
	width:90px;
	height:25px;
/*
	background:url(/img/common/pagetop.gif) no-repeat;
	text-indent:-9999px;
*/
	margin-left:auto;
}
#pagetop p a{
	width:90px;
	height:25px;
	background:url(/img/common/pagetop.gif) no-repeat;
	display:block;
}


/*リンク埋め込み後、削除*/
#menu-right #rank_more li.first a:visited, 
#menu-right #issue_list .issue-txt p.andmore a:visited{
	color:#ff6600;
}



/*======回避事項======*/
#menu-right #rank_more, 
#menu-right #issue_list{
	width:100%;
	height:1px;
	overflow: hidden;
}

#menu-right #rank_more h3, 
#menu-right #issue_list h3{
	background-style:none;
	text-indent:-9999px;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	color:#ffffff;
}