﻿@charset "utf-8";

/* CSS Document */

/* 全体 */
*{
margin:0;
padding:0;
font-style:normal;
text-decoration:none;
}

body{
font-style:normal;
font-weight:normal;
font-family: sans-serif;
color:#555;
line-height:140%;
font-size:12px;
background:url(../images/back.gif) repeat;
}

input, textarea{ font-family: sans-serif; }

#wrapper{
margin:0 auto;
padding-left:42px;
width:942px;
background:url(../images/back_wraper.gif) repeat-y center top;
}

img {
border:0;
}

ul{
list-style-type: none;
margin:0px;
}

a,
a:link,
a:visited{
outline:none;
color:#FF9900;
}

a:hover,
a:active{
color:#40A42E;
}

.black_a a,
.black_a a:link,
.black_a a:visited{
color:#333;
}

.black_a a:hover,
.black_a a:active{
color:#40A42E;
text-decoration:underline;
}



.clear{
clear:both;
margin:0;
}

.center{
text-align:center;
}

.left{
float:left;
}

.right{
float:right;
}

.bg_gray{
background:#F3F3F3;
}


/* フォント */
.px11 {
font-size: 11px;
font-weight:normal;
}

.px14{
font-size:14px;
}

.px16b{
font-size:16px;
font-weight:bold;
}

.px11b{
font-size:11px;
font-weight:bold;
}

.detail{
font-size:11px;
text-align:right;
margin-top:5px;
margin-right:10px;
}

.green{
color:#4AAA38;
}

.orange{
color:#FF9900;
}

.red{
color:#FF0000;
}

.pink{
color:#F05497;
}

.pinkb{
color:#F05497;
font-weight:bold;
}

.yellow{
color:#FC0;
}

.gray{
color:#999;
}


/* ヘッダー */
#header{
width:900px;
height:116px;
background:url(../images/top/header_bg.gif) no-repeat;
float:left;
}

#header h1{
width:245px;
height:116px;
text-indent:-9999px;
float:left;
}

#header h1 a{
display:block;
width:245px;
height:116px;
}

#header li{
display:inline;
text-indent:-9999px;
float:right;
}

#header li a{
display:block;
height:25px;
}

li#menu1 a,
li#menu1 a:link,
li#menu1 a:visited{background:url(../images/top/header_menu.gif) no-repeat 0px 0px;width:54px;}

li#menu1 a:hover,
li#menu1 a:active,
li#menu1active a{background:url(../images/top/header_menu.gif) no-repeat 0px -26px;width:54px;}

li#menu2 a,
li#menu2 a:link,
li#menu2 a:visited{background:url(../images/top/header_menu.gif) no-repeat -54px 0px;width:61px;}

li#menu2 a:hover,
li#menu2 a:active,
li#menu2active a{background:url(../images/top/header_menu.gif) no-repeat -54px -26px;width:61px;}

li#menu3 a,
li#menu3 a:link,
li#menu3 a:visited{background:url(../images/top/header_menu.gif) no-repeat -115px 0px;width:83px;}

li#menu3 a:hover,
li#menu3 a:active,
li#menu3active a{background:url(../images/top/header_menu.gif) no-repeat -115px -26px;width:83px;}

#header_img{
width:330px;
height:116px;
background:url(../images/top/header_img.gif) no-repeat;
float:right;
}

/* メイン */
#main{
width:900px;
}

.main2{
width:900px;
background:url(../images/top/main2bg.gif) repeat-y;
margin-bottom:20px;
}

.main2bottom{
width:900px;
background:url(../images/top/main2bg.gif) repeat-y;
margin-top:50px;
}

#main h2{
height:32px;
text-indent:-9999px;
margin-bottom:10px;
}

#mainright{
width:196px;
margin-top:5px;
float:right;
}

#mainleft{
width:675px;
margin-top:5px;
padding-right:23px;
float:left;
}

/* フッター */
#footer{
width:870px;
background:#333;
color:#FFFFFF;
padding:20px 20px 50px 10px;
}

/* TOP */
/* 検索 */
#search h3{
text-indent:-9999px;
height:31px;
}

#search h2{
background:url(../images/top/title_search.gif) no-repeat;
}

#search div#search00{background:url(../images/top/line_search.gif) repeat-y;margin-bottom:10px;}

#search_c{
width:508px;
float:left;
}

#search_c h3{
background:url(../images/top/title_search_c.gif) no-repeat;
}

#search_c li{
display:inline;
float:left;
}

#search_c li a,
#search_c li a:link,
#search_c li a:visited{
text-indent:-9999px;
display:block;
width:118px;
height:65px;
}

#search_c li a:hover,
#search_c li a:active{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

li.search1 a{background:url(../images/top/search_eat.jpg) no-repeat;margin:5px 11px 5px 0;}
li.search2 a{background:url(../images/top/search_fashion.jpg) no-repeat;margin:5px 11px 5px 0;}
li.search3 a{background:url(../images/top/search_live.jpg) no-repeat;margin:5px 11px 5px 0;}
li.search4 a{background:url(../images/top/search_house.jpg) no-repeat;margin:5px 0px 5px 0;}
li.search5 a{background:url(../images/top/search_health.jpg) no-repeat;margin:5px 11px 5px 0;}
li.search6 a{background:url(../images/top/search_business.jpg) no-repeat;margin:5px 11px 5px 0;}
li.search7 a{background:url(../images/top/search_lesson.jpg) no-repeat;margin:5px 11px 5px 0;}
li.search8 a{background:url(../images/top/search_hobby.jpg) no-repeat;margin:5px 0px 5px 0;}

#search_q,
#search_k{
width:170px;
float:left;
padding-left:23px;
}

#search_q h3{background:url(../images/top/title_search_q.gif) no-repeat;margin-bottom:5px;}
#search_k h3{background:url(../images/top/title_search_k.gif) no-repeat;margin-bottom:5px;}

#search_q li{
text-align:center;
margin-bottom:18px;
}

#search_q select{
width:165px;
}


#search_k input{
margin-top:7px;
width:170px;
width:165px;
}

#search_k p{
margin:2px 0;
}

#search .btn_search input{
width:170px;
}

.line_x1{
background:url(../images/top/line_x1.gif) no-repeat center;
height:8px;
margin-bottom:5px;
}


/* サイト更新情報 */
#site{
width:423px;
float:left;
margin-bottom:10px;
}

#site h2{background:url(../images/top/title_site.gif) no-repeat;}

#site h2 a{
display:block;
width:15px;
height:31px;
margin-left:396px;
}



/* 今月の特集 */
#special{
margin-bottom:10px;
}

#special h2{background:url(../images/top/title_report.gif) no-repeat;}

#special p{
width:230px;
height:145px;
float:left;
border:1px solid #eee;
padding:1px;
margin-right:10px;
margin-bottom:10px;
}

#special h3{
font-size:14px;
line-height:2em;
}

#special h4{
font-size:20px;
line-height:1.5em;
padding-bottom:5px;
background:url(../images/top/line_x.gif) no-repeat 240px bottom;
}

#special span{
display:block;
}



/* 新着ショップ　*/
#newarrive{
margin-bottom:10px;
}

#newarrive h2{background:url(../images/top/title_recommend.gif) no-repeat;}

#newarrive .arrive{
width:410px;
float:left;
}

#newarrive .ban{
float:right;
width:237px;
padding-right:10px;
}


#newarrive .arrive .line{
padding:5px 0;
background:url(../images/top/line_x.gif) no-repeat bottom left;
}

#newarrive .arrive span{
float:left;
width:100px;
}

#newarrive h3{
float:left;
font-size:12px;
}

#newarrive .detail_r{
float:right;
font-size:0.9em;
color:#4AAA38;
}


/* 新着レビュー */
#review{
margin-bottom:10px;
}

#review h2{background:url(../images/top/title_review.gif) no-repeat;}
	
#review h3{
font-size:12px;
text-indent:5px;
line-height:2em;
background:#eee;
}

#review div{
padding-top:5px;
padding-bottom:15px;
width:660px;
background:url(../images/top/line_x.gif) repeat-x bottom;
}

#review table{
margin:5px 0;
}

#review td.review_name01{width:150px;}
#review td.review_value01{width:150px;border-left:1px solid #ccc;padding-left:5px;}
#review td.review_day{width:200px;border-left:1px solid #ccc;padding-left:5px;}


/* お役立ちリンク */
#rink{
margin-bottom:10px;
}

#rink h2{background:url(../images/top/title_rink.gif) no-repeat;}
	
#rink h3{
font-size:12px;
font-weight:bold;
}

#rink div{
width:133px;
float:left;
}

#rink li{
list-style-image:url(../images/top/arrow01.jpg);
font-size:10px;
line-height:0.8em;
margin-top:10px;
margin-left:13px;
}

/* ページアップ */
.pageup a,
.pageup a:link,
.pageup a:visited{
margin:15px 0;
display:block;
width:50px;
height:10px;
float:right;
background:url(../images/top/btn_pageup.gif) no-repeat 0px 0px;
text-indent:-9999px;
}

.pageup a:hover,
.pageup a:active{
background:url(../images/top/btn_pageup.gif) no-repeat 0px -20px;
}


/* ランキング */
#rank{
margin-bottom:20px;
}

#rank h2{background:url(../images/top/title_rank.gif) no-repeat;margin-bottom:5px;}

#rank h2 a{
display:block;
width:196px;
height:32px;
}

#rank table{
width:196px;
}

#rank td{
border-bottom:1px dotted #ddd;
}

#rank td.rank01{
background:#fafafa;
width:23px;
text-align:center;
}

#rank td.rank02{
padding:5px;
}


/* 町ネタトピックス */
#towntopiks{
margin-bottom:20px;
}

#towntopiks h2{background:url(../images/top/title_towntopiks.gif) no-repeat;}

#towntopiks h2 a{
display:block;
width:196px;
height:32px;
}

#towntopiks ul{
margin-bottom:10px;
margin-left:5px;
}

#towntopiks li{
list-style-image:url(../images/top/arrow01.jpg);
line-height:1em;
margin-top:10px;
margin-left:15px;
}

/* お知らせ */
#info{
margin-bottom:20px;
}

#info h2{background:url(../images/top/title_info.gif) no-repeat;}

#info h2 a{
display:block;
width:196px;
height:32px;
}

#info ul{
margin-bottom:10px;
margin-left:5px;
}

#info li{
list-style-image:url(../images/top/arrow01.jpg);
line-height:1em;
margin-top:10px;
margin-left:15px;
}

/* ブログ */
#blog{
margin-bottom:20px;
}

#blog h2{background:url(../images/top/title_blog.gif) no-repeat;}

#blog h2 a{
display:block;
width:15px;
height:31px;
margin-left:174px;
}

#blog p{
margin-bottom:10px;
margin-left:5px;
}


/* 右サイド　特集ボタン */
#side_tokushu{
margin:5px 0;
}

#side_tokushu a,
#side_tokushu a:link,
#side_tokushu a:visited{
display:block;
width:196px;
height:40px;
background:url(../images/top/btn_tokushu.gif) no-repeat;
text-indent:-9999px;
}

#side_tokushu a:hover,
#side_tokushu a:active{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

/* ぽん酢 */
#ponzu{
margin-bottom:10px;
}

#ponzu a,
#ponzu a:link,
#ponzu a:visited{
display:block;
width:196px;
height:78px;
background:url(../images/top/btn_ponzu.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:5px;
}

#ponzu a:hover,
#ponzu a:active{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}


/* ちくしなびランキング20100202追加 */
h2#s_rank_ti{background:url(../images/top/rank_title.gif) no-repeat; height:66px; margin:0; padding:0;}

#s_rank{
margin:0 0 20px 0;
border-color:#8B6464;
border-style:solid;
border-width:0px 1px 1px 1px;
background-color:#F8F3EF;
padding-bottom:15px;
}

#s_rank h3{text-indent:-9999px; margin:0 auto; width:181px; padding:0;}
.s_rank_ti2{background:url(../images/top/rank_title02.gif) no-repeat 0 bottom; height:25px;}
.s_rank_ti3{background:url(../images/top/rank_title03.gif) no-repeat; height:20px;}
.s_rank_day{font-size:11px; text-align:right; padding:0; margin:0 7px 0 0;}

#s_rank table{width:181px; margin-left:7px;}

.srank_h{background:url(../images/top/r_bar.gif) repeat-x 0 bottom; padding-right:3px;}
.srank_d{padding:5px; background:url(../images/top/r_bar.gif) #fff repeat-x 0 bottom; line-height:115%;}
.srank_d a{color:#40A42E; outline:none; }
.srank_d a:hover{color:#FF9900;}
.srank_d span{font-size:11px; font-family: 'ＭＳ Ｐゴシック', sans-serif;}

.s_rank_hit{text-align:right; background:url(../images/top/r_hit.gif) no-repeat right center; padding-right:22px;}
.s_rank_star{text-align:right; font-size:10px; font-family: 'ＭＳ Ｐゴシック', sans-serif;}
