/* トップページCSS */

h2{text-indent:-9999px;}

#top_cont{
background:url(../img/share/top_cont.gif) no-repeat 0 0;
height:23px;
text-indent:-9999px;
}

/* フォーム用クラス */
.img_category{width:140px;height:94px;}
.box_quick{width:150px;}
.btn_submit{width:110px; height:26px;}
.box_keyword{width:280px; color:#000000;}

/* 全て読むボタン */
.btn_all{
width:80px;
float:right;
}
.btn_all a{
background:url(../img/top/btn_all.gif) no-repeat 0 0;
display:block;
margin-top:22px;
width:59px;
height:18px;
text-indent:-9999px;
line-height:1em;
}
.btn_all a:hover{background-position:0 -20px;}

/* フラッシュ --------------------------------------------------------------- */
#flash{
width:900px;
height:300px;
clear:both;
}

/* 検索 --------------------------------------------------------------- */
#search{
background:url(../img/top/tit_search.gif) no-repeat 0 1px;
border:1px solid #ccc;
height:305px;
margin:0 17px 15px 0;
}
#search h2{
height:68px;
}
#search_catgry{
width:305px;
float:left;
}
#search_catgry h3{
background:url(../img/top/tit_search_catgry.gif) no-repeat 0 0;
height:36px;
text-indent:-9999px;
}
#search_catgry ul{
margin-left:10px;
}
#search_catgry li{
width:145px;
height:99px;
float:left;
}
#search_catgry li aaaa{
display:block;
width:140px;
height:94px;
text-indent:-9999px;
}
input:hover.img_category{
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
#search_quick{
width:333px;
float:right;
margin-bottom:10px;
}
#search_quick h3{
background:url(../img/top/tit_search_quick.gif) no-repeat 0 0;
text-indent:-9999px;
height:36px;
}
#search_quick li{
width:150px;
float:left;
margin:0 0 5px 10px;
}
#search_quick p,#search_keyword p{padding:2px 10px;}
input:hover.btn_submit{
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
#search_keyword{
width:333px;
float:right;
}
#search_keyword h3{
background:url(../img/top/tit_search_keyword.gif) no-repeat 0 0;
text-indent:-9999px;
height:36px;
}

/* イベント --------------------------------------------------------------- */
#event{
background:url(../img/top/tit_event.gif) no-repeat 0 1px;
border:1px solid #ccc;
margin:0 17px 15px 0;
clear:both;
}
#event h2{
width:200px;
height:60px;
float:left;
}
.top_list{
clear:both;
margin-left:20px;
}
.top_list dt{
padding:5px 0;
}
.top_list dt a{
display:block;
background:url(../img/top/top_list.gif) no-repeat 0 2px;
padding-left:15px;
}
.top_list dd{
padding:0px 15px 10px;
}

/* お知らせ --------------------------------------------------------------- */
#info{
background:url(../img/top/tit_info.gif) no-repeat 0 1px;
border:1px solid #ccc;
margin:0 17px 15px 0;
}
#info h2{
width:200px;
height:60px;
float:left;
}

/* 特集 --------------------------------------------------------------- */
#recom{
background:url(../img/top/tit_recom.gif) no-repeat 0 1px;
border:1px solid #ccc;
margin:0 17px 15px 0;
clear:both;
}
#recom h2{
width:200px;
height:70px;
float:left;
}
#body_recom{
width:638px;
}
.recom_list{
width:290px;
margin:0 10px 10px 10px;
float:left;
}
#recom img{
float:left;
border:1px solid #ccc;
padding:2px;
}
.r_list{
width:165px;
float:right;
}
.r_category{
font-size:11px;
color:#999999;
}
.r_title{
padding-bottom:3px;
border-bottom:1px solid #f8c40f;
}
.r_title a{font-weight:bold;}
.r_coment{
padding:3px 0;
}
.r_continue{
text-align:right;
color:#FF9933;
}

/* 口コミ --------------------------------------------------------------- */
#review{
background:url(../img/top/tit_review.gif) no-repeat 0 1px;
border:1px solid #ccc;
margin:0 17px 15px 0;
clear:both;
}
#review  h2{
width:200px;
height:60px;
float:left;
}
.tit_rev_area{background:#D7FFD7; height:32px; line-height:2.6em; clear:both; margin:0 10px 0 0;font-size:14px;font-weight:bold;}
.tit_rev_attr{background:#fff5e8;height:32px; line-height:2.6em; clear:both; margin:5px 10px 5px 10px;}
.txt_rev{padding:5px 10px;}
.txt_rev a{display:block; width:80px; float:right;}
.tit_rev{width:600px; float:left; padding:0 0 0 10px; background:none;}
.name_rev{width:200px;  float:left;padding:0 0 0 30px; background:url(../img/top/bg_name.gif) no-repeat 0 4px;}
.date_rev{width:110px;  float:left;padding:0 0 0 32px; background:url(../img/top/bg_date.gif) no-repeat 0 4px;}
.hyouka_rev{width:150px;  float:left;padding:0 0 0 32px; }

/* 写真館 --------------------------------------------------------------- */
#photo{
background:url(../img/top/tit_photo.gif) no-repeat 0 1px;
border:1px solid #ccc;
margin:0 17px 15px 0;
clear:both;
}
#photo h2{
width:200px;
height:60px;
float:left;
}
#photo ul{
clear:both;
margin-left:20px;
width:618px;
}
#photo li{
width:150px;
height:150px;
margin-bottom:25px;
float:left;
}