@charset "utf-8";
/* CSS Document */

/*============================
サイト共通　各ページで共通に使用
============================*/
html{
    height:100%;
    width:100%;
}
body {
    margin: 0px;
    padding: 0px;
    font: 13px  "meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
    line-height:150%;
    letter-spacing:0.06em;
    color: #333333;
    text-align: left;
    height:100%;
    width:100%;
    background-color:#FEFCF1;
}
html>body {
    height: auto;
}

/* IE7 hack */
*:first-child + html body {  
    padding-left: 1px;
}
img {
    border: 0;
}
p {
    margin:0 0 1em;
    padding:0;
}

a {/*テキスト飛ばしリンクの点線消し*/
    overflow:hidden;
    outline:none;
}

img a{ outline: none; }

/*----------------------------------------------------*/
/*リンクカラー設定*/
/*----------------------------------------------------*/
a:link {
    color: #336600;
}
a:visited {
    color: #336600;
}
a:hover {
	color: #009325;
}
a:active {
    color: #009325;
}



/*----------------------------------------------------*/
/*-リスト原型-*/
/*----------------------------------------------------*/
ul{
    margin:0 0 1em 1em;
    padding:0;
    }
	#center-column .contcov ul,
	#main-column .contcov ul{
    margin:0 0.25em 1.8em 1.8em;
	}
ul li{
    line-height:170%;
    } 
	
/*IEハックあり*/
ol{ 
    margin-left:-1em;

    }
ol li{
    margin-left:0;
    line-height:170%;
    }  
/*----------------------------------------------------*/
/*文字*/
/*----------------------------------------------------*/
.txtL{text-align:left;}
    
.txtC{text-align:center;}
    
.txtR{text-align:right;}
.green{
    color:#009900;
    font-weight:bold;
    font-size:16px;
    }
.ao{color:#005BAC; }
.aka{ color:#FF0000; }   
.aka_large{
    color:#FF0000;
    font-weight:bold;
    font-size:17px;
}
.orange{color:#FF6600;}
.siro{ color:#FFFFFF;}  
.kuro{color:#333333;}
.kome{ color:#FF0000;
	font-size:10px; }
.green-d{color:#003300;}

/*----------------------------------------------------*/
/*汎用クラス*/
/*----------------------------------------------------*/
.p5 {padding:5px;}
.pt5{padding-top:5px;}
.pl5{padding-left:5px;}

.p10  {padding:10px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

.p15  {padding:15px;}
.pt15 {padding-top:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}

.p20  {padding:20px;}
.pt20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}

.p25  {padding:25px;}
.pt25 {padding-top:25px;}
.pr25 {padding-right:25px;}
.pb25 {padding-bottom:25px;}
.pl25 {padding-left:25px;}

.p30  {padding:30px;}
.pt30 {padding-top:30px;}
.pr30 {padding-right:30px;}
.pb30 {padding-bottom:30px;}
.pl30 {padding-left:30px;}

.pl35 {padding-left:35px;}

.p40  {padding:40px;}
.pt40 {padding-top:40px;}
.pr40 {padding-right:40px;}
.pb40 {padding-bottom:40px;}
.pl40 {padding-left:40px;}

.plr5 {padding-left:5px;
        padding-right:5px;}
.clrb{clear:both;}
.clrl{clear:left;}   
.nowr{white-space:nowrap;}
.indent_em{
    text-indent:-1em;
    padding-left:1em;
    }
.smalls{font-size:11px;}
.small{font-size:12px;}
 .ls0{letter-spacing:0;}

form.inline{
	display:inline;
	}   
/*----------------------------------------------------*/
/*body*/
/*----------------------------------------------------*/
#cover{
	width:1020px;
	padding:0;
	margin:auto;
	background:url(../images/page_bg.jpg) repeat-y;
	}


/*----------------------------------------------------*/
/*ヘッダエリア*/
/*----------------------------------------------------*/

#header {
    text-align: left;
    width: 1020px;
    margin:0 auto 0;
    clear: both;
}
/*ヘッダーH1*/
#h1_area{
	background: url(../images/header_top.jpg) no-repeat;
    height: 22px;
    margin: 0 auto;
    padding: 25px 0 0 25px;
    width: 995px;
    }
/*ヘッダーイメージ枠*/
#head_visual {
    float:left;
    width:755px;
	height:121px;
    margin:0;
	padding-left:20px;
	background:url(../images/header_img.jpg) no-repeat;
}
/*ヘッダーロゴ*/
#head_logo {
    float:left;
    width:260px;
    margin:0;
	height:121px;
}
/*ヘッダー広告*/
#head_ad {
    float:left;
    width:495px;
    margin:0;
	padding-top:30px;
	height:91px;
}
/*ヘッダーメニュー*/  
#head_menu{
    width:245px;
    float:right;
    }    

/*H1*/
h1{
    font-size:11px;
    font-weight:normal;
    margin:0;
    padding:2px 0 0 5px;
}

h4{
	background:url(../images/h4.gif) no-repeat 0 3px;
	font-size:14px;
	color:#003300;
	padding-left:18px;
	margin-bottom:8px;
	overflow:hidden;
	}
h5{
	font-size:14px;
	color:#009966;
	margin-bottom:5px;
	font-weight:bold;
	}
h6{
	font-size:14px;
	color:#009900;
	margin-bottom:5px;
	font-weight:normal;
	}

/*----------------------------------------------------*/
/*ヘッダ検索エリア*/
/*----------------------------------------------------*/
#topsearch{
	width:990px;
	padding-left:30px;
	background:url(../images/all_search_bg.jpg) no-repeat;
	height:49px;
	clear:both;
	}

#topsearch select,
#topsearch input.wordkensaku{
	width:170px;
	float:left;
	margin-top:15px;
	margin-right:10px;
	}
/*IEハックあり*/
#topsearch label{
	float:left;
	margin-top:17px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	margin-right:10px;
}

#topsearch #searchbtn{
	border:0;
	width:80px;
	height:20px;
	background:url(../images/all_search_btn.jpg) no-repeat;
	float:left;
	margin-top:16px;
	cursor : pointer;
	}
	
/*----------------------------------------------------*/
/*コンテンツエリア*/
/*----------------------------------------------------*/

#content{
	width: 980px;
	background:url(../images/cont_bg.jpg) 1px 0 repeat-y;
	margin:5px 10px 30px;
	padding:0 10px 30px;
	height:100%;
	clear:both;
}
/*左カラム*/
#left{
	width:160px;
	float:left;
	padding:10px 9px 0 6px;
	}

#three-column,
#main-column{
	width:800px;
	float:left;
	margin-left: 5px;
	}

#three-column #center-column{
	width:545px;
	float:left;
	}
#three-column #right-column{
	width:250px;
	float:right;
	overflow: hidden;
	}
	
/*----------------------------------------------------*/
/*フッターエリア*/
/*----------------------------------------------------*/
#footer {
    width: 1020px;
    padding: 40px 0 20px;
    margin:0 auto 0;
    clear: both;
    font-size:12px;
	background:url(../images/footer_bg.jpg) bottom no-repeat;
}
#f_links{
	text-align:center;
	width:980px;
	border-top:1px dotted #6FB938;
	padding-top:10px;
	margin:auto;
	}
#f_system_links{
  margin-bottom: 10px;
}
#f_area_links{
  width: 980px;
}
#f_area_links .area_list {
  clear: both;
  margin-bottom: 20px;
}
#f_area_links .area_list .area_text {
  font-size: 14px;
  color: #666666;
  padding: 0.5em 0 0.5em 1em;
  margin-bottom: 1px;
  border: 0px;
}
#f_area_links .area_list ul {
  padding: 0 10px;
  list-style: none;
}
#f_area_links .area_list ul.btline {
  border-bottom: 1px solid #CCC;
}
#f_area_links .area_list li {
  float: left;
  width: 157px;
  margin-bottom: 1px;
}
#f_area_links .clearfix{
  zoom:1;/*for IE 5.5-7*/
  display:inline-table;
}
#f_area_links .clearfix:after{/*for modern browser*/
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}

#copy{
    text-align:center;
    padding:20px 0 20px;
	    clear: both;
    font-size:12px;
        }

/*----------------------------------------------------*/
/*左カラム*/
/*----------------------------------------------------*/
/*グローバルボタン*/

#left #Gbtn-01{
	width:160px;
	height:49px;
	margin-bottom:10px;
	background:url(../images/all_gbtn.jpg) -160px 0 no-repeat;
}
#left #Gbtn-02{
	width:160px;
	height:53px;
	margin-bottom:10px;
	background:url(../images/all_gbtn.jpg) -160px -49px no-repeat;
	
}
#left #Gbtn-03{
	width:160px;
	height:53px;
	margin-bottom:10px;
	background:url(../images/all_gbtn.jpg) -160px -102px no-repeat;
	
}
#left #Gbtn-04{
	width:160px;
	height:40px;
	margin-bottom:10px;
	background:url(../images/all_gbtn.jpg) -160px -155px no-repeat;
	
}
#left #Gbtn-05{
	width:160px;
	height:36px;
	margin-bottom:10px;
	background:url(../images/all_gbtn.jpg) -160px -195px no-repeat;
	
}


#left #Gbtn-01 a{
	width:160px;
	height:49px;
	display:block;
	background:url(../images/all_gbtn.jpg) 0 0 no-repeat;
	text-indent:-9987px;
	}
#left #Gbtn-02 a{
	width:160px;
	height:53px;
	display:block;
	background:url(../images/all_gbtn.jpg) 0 -49px no-repeat;
	text-indent:-9987px;
	}
#left #Gbtn-03 a{
	width:160px;
	height:53px;
	display:block;
	background:url(../images/all_gbtn.jpg) 0 -102px no-repeat;
	text-indent:-9987px;
	}
#left #Gbtn-04 a{
	width:160px;
	height:40px;
	display:block;
	background:url(../images/all_gbtn.jpg) 0 -155px no-repeat;
	text-indent:-9987px;
	}
#left #Gbtn-05 a{
	width:160px;
	height:36px;
	display:block;
	background:url(../images/all_gbtn.jpg) 0 -195px no-repeat;
	text-indent:-9987px;
	}
#left #Gbtn-01 a:hover,
#left #Gbtn-02 a:hover,
#left #Gbtn-03 a:hover,
#left #Gbtn-04 a:hover,
#left #Gbtn-05 a:hover{
	background:none;
	}

/*お天気パーツ*/
#left #weather{
	/*width:160px;*/
	margin:0 auto 10px;
	/*background:#FFFFFF;*/
	}
#left #weather table.gadget{
	border:1px solid #CCCCCC;
}
#left #weather table.gadget .title a{
	text-decoration:none;
	}


#left #weather table.gadget th,
#left #weather table.gadget td{
	padding:2px!important;
	border:none;

}
/*お天気欄IEハックあり*/

/*----------------------------------------------------*/
/*右カラム*/
/*----------------------------------------------------*/
/*右Twitterボタン*/


#three-column #right-column #ad_R1{
	margin-bottom:10px;
}
#three-column #right-column #ad_R2{
	margin-top:10px;
}
#three-column #right-column #twit_cov{
	width:225px;
	min-height:81px;
	padding:3px 10px;
	background:url(../images/twitter_bg.gif) repeat-y;
	font-size:12px;
	text-align: center;
	border-top:#2BAE2B 1px solid;
	border-bottom:#2BAE2B 1px solid;
	margin: auto;
	margin-bottom:10px;
	}
#three-column #right-column #twit_cov a#twiban{
	display:block;
	background:url(../images/twitter_bun.gif) 0 0 no-repeat;
	height:35px;
	width:125px;
	text-indent:-9987px;
	margin:auto;	
}
#three-column #right-column #twit_cov a#twiban:hover{
	display:block;
	background:url(../images/twitter_bun.gif) 0 -35px no-repeat;
	height:35px;
	width:125px;	
}


/*右メルマガボタン*/
#three-column #right-column #mailmag{
	width:250px;
	height:73px;
	background:url(../images/mailmag_bun.jpg) 0 -73px;
	margin-bottom:10px;
	}
#three-column #right-column #mailmag a{
	display:block;
	width:250px;
	height:73px;
	background:url(../images/mailmag_bun.jpg) 0 0;
	text-indent:-9987px;
	}
#three-column #right-column #mailmag a:hover{
	background:none;
	}


/*ランキング*/
ul#ranking{
	width:250px;
	margin:0 0 10px;
	padding:0 0 14px;
	background:url(../images/rank_btm.gif) bottom no-repeat;
	}
ul#ranking li{
	list-style-type:none;
	}
ul#ranking li a{
	display:block;
	width:200x;
	padding:5px 10px 5px 38px;
	border-right:1px dotted #BCAC97;
	border-left:1px dotted #BCAC97;
	border-bottom:1px dotted #BCAC97;
	background:#FFFFFF;
	}
ul#ranking li#rank_01 a{
	background:#FFFFFF url(../images/rank_1.jpg) 10px 5px no-repeat;
	}	
ul#ranking li#rank_02 a{
	background:#FFFFFF url(../images/rank_2.jpg) 10px 5px no-repeat;
	}	
ul#ranking li#rank_03 a{
	background:#FFFFFF url(../images/rank_3.jpg) 10px 5px no-repeat;
	}	
ul#ranking li#rank_04 a{
	background:#FFFFFF url(../images/rank_4.jpg) 10px 5px no-repeat;
	}	
ul#ranking li#rank_05 a{
	background:#FFFFFF url(../images/rank_5.jpg) 10px 5px no-repeat;
	}	
ul#ranking li#rank_06 a{
	background:#FFFFFF url(../images/rank_6.jpg) 10px 5px no-repeat;
	}	
ul#ranking li#rank_07 a{
	background:#FFFFFF url(../images/rank_7.jpg) 10px 5px no-repeat;
	}	
ul#ranking li#rank_08 a{
	background:#FFFFFF url(../images/rank_8.jpg) 10px 5px no-repeat;
	}	
ul#ranking li#rank_09 a{
	background:#FFFFFF url(../images/rank_9.jpg) 10px 5px no-repeat;
	}	
ul#ranking li#rank_10 a{
	background:#FFFFFF url(../images/rank_10.jpg) 10px 5px no-repeat;
	}	
/*Twitterウィジェット*/
#three-column #right-column #tweets h3{
	background:none;
	border:none;
	}
	
/*----------------------------------------------------*/
/*中央カラム*/
/*----------------------------------------------------*/
/*中央広告小*/
#three-column #center-column #ad_C1{
	width:468px;
	margin:20px auto 20px;
}


/*----------------------------------------------------*/
/*テーブル*/
/*----------------------------------------------------*/

#center-column table{
	width:505px;
	}
#main-column table{
	width:730px;
	}
#content table{
	border-collapse:collapse;
}


#content table th{
	vertical-align:top;
	text-align:left;
	color:#5B5037;
	padding:8px 0 8px 20px;
	background:url(../images/all_icon_tableth.gif) no-repeat 4px 10px;
	font-weight:bold;
	border-top:1px dotted #918371;
	border-bottom:1px dotted #918371;
}
#content table td{
	border-top:1px dotted #918371;
	border-bottom:1px dotted #918371;
	padding:8px 5px 8px 10px;
	word-wrap: break-word;
	}
		
/*----------------------------------------------------*/
/*ページング*/
/*----------------------------------------------------*/

.paging-navi {
	background:#FFFFFF;
	color: #BCAC97;
	line-height: 2em;
	margin: 35px auto 25px;
	text-align: center;
	font-size: 11px;
}
a.page-numbers, .paging-navi .current {
    border: 1px solid #77BB77;
    color: #3A4E3D;
    font-size: 11px;
    padding: 2px 0.4em;
    text-decoration: none;
	background:#E4F8D2;
}
a.page-numbers:hover {
    background:#84D746;
	color:#FFFFFF;
}
.paging-navi .current {
    background:#84D746;
    border-color:#77BB77;
    color:#FFF;
    font-weight: bold;
}
.paging-navi .next, .paging-navi .prev {
    font-size: 11px;
    font-weight: bold;
	color:#43292A;
}
/*----------------------------------------------------*/

/*このページの先頭に戻る*/
/*---------------------------------------------------*/
.totop a{
	background:url(../images/all_icon_totop.jpg) no-repeat 0 4px;
	text-align:right;
	float:right;
	clear:both;
	padding:0 10px 20px 15px;
}

.tonext{
	background:url(../images/all_icon_subcat.jpg) no-repeat 0 4px;
	text-align:right;
	float:right;
	clear:both;
	padding:0 10px 20px 15px;
	}
/*----------------------------------------------------*/

/*クリアフィクス*/
/*----------------------------------------------------*/
/* for modern brouser */
.clearfix:after,
.contcov:after,
.shopinfo:after,
.detailcov:after,
#center-column ul.sitemap:after,
#center-column ul.sitemap ul ul:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  max-height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}