@charset "shift_jis";

/*------------------------------------------------------------------------------
	高知食楽図鑑Web：indexページ用CSS
	Date: 2009-07-20
	Copyright (C) ファクトデザイン事務所 rights reserved.
--------------------------------------------------------------------------------*/



/*ここから下はindexページ用の設定です
 ------------------------------------------------------------------*/

/*”メインバナー”の設定
----------------------------------*/
#main-banner {  
	width: 100%;
	height: 230px;
	margin: 0 auto 20px;
	padding: 0px;
	text-align: center;
	background-color: #E0DAC8;
}

#banner-box{
	width: 820px;
	height: 230px;
	margin: 0 auto 0;
	padding: 0;
}

#banner-box #box-tokushu{
	float: left;
	width: 410px;
	height: 230px;
	margin: 0;
	padding: 0;
}

#banner-box #box-malts{
	float: right;
	width: 410px;
	height: 230px;
	margin: 0;
	padding: 0;
}


/*”メニューエリア”の設定
----------------------------------*/
#area-menu{
	width: 820px;
	height: auto;
	margin: 0 auto 0;
	padding: 0;
}

#area-left{
	float: left;
	width: 580px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B7B7B7;
}

/*”共通メニューボックス”の設定
----------------------------------*/
.box-kyotsu{
	clear: both;
	width: 560px;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	text-align:left;
}

/*”共通メニューボックス”の設定
----------------------------------*/
.box-1st{
	clear: both;
	width: 560px;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	text-align:left;
}

.box-2nd{
	clear: both;
	width: 560px;
	height: auto;
	margin: 0;
	padding: 0 0 30px;
	text-align:left;
	vertical-align: top;
}

.box-3rd{
	clear: both;
	width: 560px;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	text-align:left;
}


/*”検索ボックス”の設定
----------------------------------*/
#box-kensaku {
	width: 550px;
	height: auto;
	margin: 0 0 30px;
	padding: 5px 5px 5px 5px;
	background: #eeeeee;
	text-align: left;
	vertical-align: middle;
}

#kensaku-title{
	float: left;
	width: 165px;
	height: 20px;
	margin: 0;
	padding: 6px 0 3px;
	text-align: left;
	vertical-align: middle;
}

#kensaku-form{
	padding: 0;
	margin: 0;
}


/*”新着情報”の設定
----------------------------------*/

#box-new{
	float: left;
	width: 560px;
	height: 230px;
	margin: 0 0 40px 0;
	padding: 0;
}

#new-title {
	width: 560px;
	height: 22px;
	margin: 0 auto 10px;
	padding: 0;
}

#new-contents{
	width: 560px;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	overflow-x: hidden;
}


.new-table{
	width: 560px;
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-bottom: 1px dotted #CCCCCC;
}

.new-img{
	width: 70px;
	height: 60px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #999999;
}


.new-text01{
	width: 450px;
	height: auto;
	margin: 0;
	padding: 0 15px 0 5px;
	text-align:left;
	vertical-align: top;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: bold;
	color: #660000;
}

.new-text01 a{
	color: #660000;
}

.new-text02{
	width: 450px;
	height: auto;
	margin: 0;
	padding: 3px 15px 0 5px;
	text-align:left;
	vertical-align: top;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 130%;
	color: #885500;
	font-weight: bold;
}

.new-text03{
	width: 450px;
	height: auto;
	margin: 0;
	padding: 3px 15px 0 5px;
	text-align:left;
	vertical-align: top;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 130%;
	color: #555555;
}


/*”アクセスランキング”の設定
----------------------------------*/

#box-access{
	float: right;
	width: 220px;
	height: auto;
	margin: 0;
	padding: 0 ;
	text-align: center;
	vertical-align: top;
	background-image: url(../index/back-access02.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;	
}

#box-access a{
	text-decoration: none;
}

#box-access .access-text02 a{
	text-decoration: none;
}

#box-access .access-text03 a{
	text-decoration: none;
}

#access-title {
	float: right;
	width: 220px;
	height: 30px;
	margin: 0 auto 0;
	padding: 9px 0 0;
	text-align: center;
	vertical-align: bottom;
	background-image: url(../index/back-access01.jpg);
	background-position: top center;
	background-repeat: no-repeat;	
}

#access-setsumei {
	width: 200px;
	height: 20px;
	margin: 0 auto 5px;
	padding: 0 0 10;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.access-line{
	width: 200px;
	height: 5px;
	padding: 0;
	margin: 0 auto 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.access-table01{
	width: 200px;
	height: auto;
	padding: 0 auto 0;
	margin: 0 auto 0;
}

.access-table01 .access-img{
	width: 65px;
	height: 45px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.access-table01 .access-text01{
	width: 135px;
	height: auto;
	margin: 0;
	padding: 0 0 0 5px;
	text-align:left;
	vertical-align: top;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	font-weight: bold;
	color: #CC9933;
}

.access-table01 .access-text02{
	width: 135px;
	height: auto;
	margin: 0;
	padding: 0 0 0 5px;
	text-align:left;
	vertical-align: top;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #cccccc;
	line-height: 130%;
}

.access-table01 .access-text02 a{
	color: #cccccc;
}

.access-table01 .access-text02 a:hover{
	color: #ff0000;
}

.access-table02{
	width: 200px;
	padding: 0;
	margin: 0 10px 5px;
	text-align: left;
	vertical-align: top;
}

.access-table02 .access-text03{
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0 0 0 0;
	text-align:left;
	vertical-align: top;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	font-weight: bold;
	color: #CC9933;
}

.access-table02 .access-text04{
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0 0 0 0;
	text-align:left;
	vertical-align: top;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #cccccc;
	line-height: 130%;
}

.access-table02 .access-text04 a{
	color: #cccccc;
}

.access-table02 .access-text04 a:hover{
	color: #ff0000;
}


/*”お店を探す”の設定
----------------------------------*/

#sagasu-title{
	width: 310px;
	height: 39px;
	margin: 0 0 0px;
	padding: 0 0 15;
	text-align: left;
	vertical-align: top;
}

#box-search{
	float: left;
	width: 310px;
	height: auto;
	margin: 0 30px 0 0;
	padding: 0;
}


#search-mokuji{
	width: 310px;
	height: auto;
	margin: 0;
	padding: 0;
}

#search-mokuji li{
	margin: 0 0 15px;
	padding: 0;
	vertical-align: top;
}

.mokuji-small{
	width: 310px;
	height: 55px;
	margin: 0 0 10px 0;
	padding: 0;
	vertical-align: top;
}


/*”目的別でお店を探す”の設定
----------------------------------*/

#box-mokuteki{
	float: left;
	width: 200px;
	height: 310px;
	margin: 0 0 40px 0;
	padding: 9px;
	background-color:#f2f3ee;
	text-align: left;
	vertical-align: top;
	border: 1px solid #A37B67;
}

#mokuteki-title{
	width: 200px;
	height: 34px;
	margin: 0 0 10px;
	padding: 0;
}

#mokuteki-mokuji{
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
}

#mokuteki-mokuji li{
	width: 200px;
	height: auto;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #333333;
	text-align: left;
	background-image: url(../index/im-yajirushi.gif);
	background-position: left middle;
	background-repeat: no-repeat;
	
}

#mokuteki-mokuji a{
	margin: 0;
	padding: 0;
	
}


/*”おいしい情報コーナー”の設定
----------------------------------*/

#box-oishii{
	clear: both;
	width: 560px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align:left;
}

#oishii-title {
	width: 560px;
	height: 35px;
	margin: 0;
	padding: 0 0 10px;
	text-align: left;
}

.oishii-menubox{
	width: 560px;
	height: auto;
	margin: 0 0 20px;
	text-align: left;
	vertical-align: top;
}

.oishii-mokuji {
	float: left;
	width: 128px;
	height: auto;
	margin: 0 15px 0 0;
	padding: 0;
}

.oishii-mokuji-orikaeshi {
	float: left;
	width: 128px;
	height: auto;
	margin: 0;
	padding: 0;
}

.li-img{
	width: 128px;
	height: 75px;
	margin: 0;
	padding: 0 0 5px 0;
}

.li-title{
	width: 128px;
	height: auto;
	margin: 0;
	padding:  0 0 5px 0;
	text-align: left;
	vertical-align: top;
}

.li-text{
	width: 128px;
	height: auto;
	margin: 0;
	padding: 0;
	font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #333333;
	text-align: left;
	vertical-align: top;
	line-height: 140%;
}


/*”メニューエリア右側バナーリスト”の設定
----------------------------------*/

#area-right{
	float: right;
	width: 222px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: right;
}

#box-banner{
	float: right;
	width: 221px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: right;
}

#box-banner li{
	width: 221px;
	height: auto;
	margin: 0;
	padding: 0;
	padding: 0 0 3px;
}

#box-banner a{
	width: 221px;
	height: auto;
	margin: 0;
	padding: 0;
}


.ban-kinkyu{
	width: 221px;
	height: auto;
	margin: 0 0 0;
	padding: 0 0 10px;
}



/*”文字装飾用”の設定
----------------------------------*/

.kyocho01{   /*文字を赤色に*/
	color: #A72C29;
}
#twitter {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


/*”新着情報RSS”の設定
----------------------------------*/

#new-contents dl{
	width: 560px;
	height: 200px;
	margin: 0;
	padding: 0;
}

#new-contents dt{
	clear: both;
	float: left;
	width: 90px;
	height: auto;
	margin: 0;
	padding: 10px 0 0 5px;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 14px !important;
	font-weight: bold;
	line-height: 150%;
	color: #a57a43;
	border-top: 1px dotted #999;
}

#new-contents dd{
	float: left;
	width: 420px;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 15px;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 14px !important;
	line-height: 150%;
	border-top: 1px dotted #999;
}

#new-contents dd a{
	color: #444444;
}

#new-contents dd a:hover{
	color: #ff0000;
}