@charset "UTF-8";
@import "reset.css";

html{
background-color: #59AC4E;
}

body{
background-color: #FAFDF0;
line-height: 1.5;
font-size: 12px;
color: #333333;
font-family: 'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#body_wrap{
background-image: url(/images/bg_cloud.png);
background-position: center top;
background-repeat: repeat-x;
width: 100%;
}

#body_inner{
background-image: url(/images/bird.png);
background-position: center 150px;
background-repeat: no-repeat;
width: 970px;
margin: 0 auto;
overflow: hidden;
}

#content{
min-height: 450px;
width: 930px;
margin: 30px auto 0;
overflow: hidden;
}


p{
margin-bottom: 1em;
}

a{
display: block;
overflow:hidden;
outline:none;
}

a span{
display: block;
text-indent: -9999px;
}

a:link{color: #3366cc;}

a:visited{color: #663300;}

a:hover{color: #339933;}

a:active{color: #339933;}

#foot_navi a:link{color: #ffffff;}

#foot_navi a:visited{color: #ffffff;}

#foot_navi a:hover{color: #663300;}

#foot_navi a:active{color: #ffffff;}

.line_link{
display: inline;
}

/*header*/

#head {
margin:80px 0 0 0;
width: 930px;
height: 200px;
background-image: url(/images/site_head.png);
background-repeat: no-repeat;
position: relative;
}

#head #sitelogo{
width: 300px;
height: 200px;
}

#to_blog{
width: 150px;
height: 30px;
background:url(/images/to_blog.png) no-repeat center center;
position: absolute;
bottom: 15px;
right: 30px;
}

.top_tip{
position: absolute;
bottom: 0;
left: 0;
}

/*header*/

/*Blog　header*/

#blog_head {
margin:80px 0 0 0;
width: 930px;
height: 200px;
background-image: url(/images/blog_logo.png);
background-repeat: no-repeat;
position: relative;
}

#blog_head a{
width: 300px;
height: 200px;
}

.to_site{
margin-left: 66px;
position: relative;
}

.to_site a{
width: 400px;
}

.blog_site_top{
position: absolute;
top: 10px;
left: 380px;
}

/*Blog　header*/


/*---------------------カラム左側ここから---------------------*/

#left{
width:230px;
float: left;
margin-bottom: 20px;
}

#menu_wrap{
width:230px;
}

#left li{
padding:0 10px;
padding-bottom: .5em;
}

/*ナビ*/

#menu_button{
width:230px;
background: url(/images/navi_bg.png) repeat-y top left;
padding: 20px 0;
}

#menu_button li{
padding: 0;
width: 200px;
margin: 20px auto 0 auto;
}


#menu_button li a{
height: 80px;
display: block;
}

.btn_schedule a{
background-image: url(/images/navi_schedule.png);
background-position: top left;
background-repeat: no-repeat;
}

.btn_schedule a:hover{
background-position: bottom left;
}

.btn_bangee a{
background-image: url(/images/navi_bangee.png);
background-position: top left;
background-repeat: no-repeat;
}

.btn_bangee a:hover{
background-position: bottom left;
}

.btn_photo a{
background-image: url(/images/navi_photo.png);
background-position: top left;
background-repeat: no-repeat;
}

.btn_photo a:hover{
background-position: bottom left;
}

.btn_contact a{
background-image: url(/images/navi_contact.png);
background-position: top left;
background-repeat: no-repeat;
}

.btn_contact a:hover{
background-position: bottom left;
}

/*ナビ*/

/*---------------------カラム左側ここまで---------------------*/

/*---------------------カラム右側共通ここから---------------------*/
#right{
float: right;
}

#content_inner{
width: 589px;
padding-right: 50px;
margin-bottom: 20px;
}

#content_head{
height: 148px;
overflow: hidden;
}


#content_middle{
background-image: url(/images/content_bg.png);
background-repeat: repeat-y;
background-position: left top;
overflow: hidden;
}

.content_detail{
padding-top: 30px;
margin: 0 35px;
overflow: hidden;
}

.jabara{
margin: 0;
}


#content_foot{
width: 589px;
height: 54px;
background: url(/images/content_foot.png) top left no-repeat;
}

/*---------------------カラム右側共通ここまで---------------------*/


/*---------------------Topページ--------------------------*/

/*Topスライドここから*/

#top_content{
min-height: 450px;
width: 970px;
margin: 30px auto 0;
overflow: hidden;
}

#top_flame{
width: 920px;
height: 370px;
margin-bottom: 20px;
background: url(/images/top_flame.png) no-repeat top left;
overflow: hidden;
position: relative;
}

#top_presen{
width: 393px;
height: 330px;
margin: 20px 0 0 20px;
_margin: 20px 0 0 10px;
float: left;
background: url(/images/top_image_bangee.png) no-repeat top left;
}

.top_bangee_summary{
margin: 90px 35px 0;
height: 60px;
overflow: auto;
}

.bangee_link{
height: 50px;
}

#top_slide{
overflow: hidden;
}

.top_slide_container{
margin: 20px 20px 0 auto;
height: 330px !important;
}

.tape_top{
width: 57px;
height: 59px;
background: url(/images/top_tape.png) no-repeat top left;
position: absolute;
top: 0;
right: 0;
}

.tape_bottom{
width: 57px;
height: 59px;
background: url(/images/top_tape.png) no-repeat top left;
position: absolute;
bottom: 5px;
right: 450px;
}

/*Topスライドここまで*/

/*Topナビここから*/
#top_menu_button{
width:200px;
margin-right: 15px;
float: left;
}

#top_menu_button li{
margin-bottom: 15px;
}

#top_menu_button li a{
height: 80px;
display: block;
}

/*Topナビここまで*/

/*Top whats newここから*/
#whatsnew{
width: 425px;
float: left;
overflow: hidden;
margin-right: 15px;
}

dl#whatsnew_table{
background-image: url(/images/top_news_table.png);
background-position: top left;
background-repeat: no-repeat;
height: 294px;
}

dl#whatsnew_table dt,
dl#whatsnew_table dd{
overflow: hidden;
height: 49px;
line-height: 49px;
}

dl#whatsnew_table dt{
float: left;
padding-left: 2em;
width: 7em;
}

dl#whatsnew_table dd{
padding-right: 2em;
}
/*Top whats newここまで*/

/*Top schedule calenderここから*/

.calender{
color: #663300;
width:300px;
height:397px;
margin-left: 15px;
background-image: url(/images/top_calender_bg.png);
overflow: hidden;
position: relative;
}

.calender .top_date{
width: 74px;
position: absolute;
bottom: 20px;
right: 10px;
}

/*Top schedule calenderここまで*/

/*Topコンテンツここまで*/

/*---------------------Topページ--------------------------*/


/*---------------------Aboutページ--------------------------*/

.about_head{
background-image: url(/images/about_bg_top.png);
background-repeat: no-repeat;
background-position: left top;
}

.about_head .about_des{
padding:0 25px;
margin-top: 85px;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #A5681D;
font-weight: bold;
overflow: hidden;
}

#about #content_middle dt{
font-weight: bold;
margin-left: 30px;
}

#about #content_middle dd{
margin-bottom: 1em;
margin-left: 30px;
}

/*---------------------Aboutページ--------------------------*/

/*---------------------Contactページ--------------------------*/

.contact_head{
background-image: url(/images/contact_bg_top.png);
background-repeat: no-repeat;
background-position: left top;
}

.contact_head .contact_des{
padding:0 25px;
margin-top: 85px;
height: 40px;
overflow: auto;
}

#content_detail label{
display: block;
}

#content_detail input{
height: 2em;
}

/*A-form用*/

#mt-blog #container{
background-image: url(/images/bg_cloud.png);
background-position: center top;
background-repeat: repeat-x;
}

#mt-blog #head{
margin:80px auto 0 auto;
}

#mt-blog #container-inner{
overflow: hidden;
position: relative;
}

#mt-blog #aform-1{
width: 589px;
margin: 0 auto;
}


/*A-form用*/

/*---------------------Contactページ--------------------------*/

/*---------------------Bangeeページ--------------------------*/

.bangee_head{
background-image: url(/images/bangee_bg_top.png);
background-repeat: no-repeat;
background-position: left top;
}

.bangee_des{
padding:0 25px;
margin-top: 85px;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #A5681D;
font-weight: bold;
overflow: hidden;
}

.movie_wrap{
width: 485px;
height: 404px;
background: url(/images/bangee_movie_bg.png) top left no-repeat;
margin: 0 auto;
overflow: hidden;
}

.movie{
width: 425px;
height: 344px;
overflow: hidden;
margin: 30px auto 0;
border: 3px solid #999900;
}

#bangee h3{
margin-bottom: 1em;
}

#bangee_tab_wrap{
width: 519px;
overflow: hidden;
}

#bangee_tab{
overflow: hidden;
}

#bangee_tab li{
width: 258px;
height: 30px;
float: left;
cursor: pointer;
}

.tab_safe{
background-image: url(/images/bangee_tab_safe.png);
background-repeat: no-repeat;
background-position: top left;
}

.tab_mean{
background-image: url(/images/bangee_tab_mean.png);
background-repeat: no-repeat;
background-position: top left;
margin-left: 3px;
}

.tab_hover{
background-position: bottom left;
}

#bangee_tab_detail{
background: url(/images/bangee_tab_bg.png) repeat-y top left;
overflow: hidden;
}

#bangee_tab_detail ul{
height: 330px;
width: 489px;
padding: 20px 15px 20px 15px;
overflow: hidden;
}

.tab_safe_detail,
.tab_mean_detail{
width: 484px;
}

.bangee_harness{
background: url(/images/bangee_harness.jpg) no-repeat top left;
width: 200px;
height: 168px;
margin: 0 0 10px 10px;
float: right;
border: 3px solid #ffcc66;
}

#bangee_image{
background: url(/images/bangee_image.png) no-repeat top left;
width: 484px;
height: 234px;
margin: 20px 0;
}

.tab_mean_detail dt{
font-weight: bold;
padding-bottom: .5em;
}

.tab_mean_detail dd{
padding-bottom: .5em;
}

#bangee_tab_foot{
height: 15px;
background: url(/images/bangee_tab_foot.png) no-repeat bottom left;
}

a.to_contact{
display: block;
width: 464px;
height: 85px;
background-image: url(/images/bangee_tel_mail.png);
background-repeat: no-repeat;
background-position: left top;
margin: 20px auto 0 auto;
}

a.to_contact:hover{
background-image: url(/images/bangee_tel_mail.png);
background-repeat: no-repeat;
background-position: left bottom;
}

/*---------------------Bangeeページ--------------------------*/

/*---------------------Scheduleページ--------------------------*/

.schedule_head{
background-image: url(/images/schedule_bg_top.png);
background-repeat: no-repeat;
background-position: left top;
}

#schedule .content_detail{
padding:0;
background: none;
}
.schedule_year{
float: right;
margin-top: 10px;
margin-right: 25px;
_margin-right: 12px;
color: #A5681D;
font-weight: bold;
}

.schedule_month{
float: left;
margin: 10px 20px 12px 165px;
_margin-left:80px;
}

.schedule_des{
clear: both;
padding:0 25px;
height: 40px;
overflow: auto;
}

.schedule_des_no{
clear: both;
padding:85px 25px 0 25px;
height: 40px;
overflow: auto;
}

#schedule .content_detail li{
width:589px;
height:98px;
background-image: url(/images/schedule_bg.png);
background-repeat: no-repeat;
background-position: left top;
}

#schedule .content_detail dl dt{
float: left;
height:49px;
line-height: 49px;
padding: 0 0 0 80px;
font-weight: bold;
}

dd.accsess{
float: right;
margin: 0 20px 0 0;
padding-top: 15px;
}

dd.hp{
float: right;
margin: 0 5px 0 0;
padding-top: 15px;
}

dd.accsess a{
display: block;
width: 64px;
height: 24px;
background-image: url(/images/schedule_access.png);
background-repeat: no-repeat;
background-position: left top;
}

dd.hp a{
display: block;
width: 41px;
height: 23px;
background-image: url(/images/schedule_hp.png);
background-repeat: no-repeat;
background-position: left top;
}

dd.accsess a:hover,
dd.hp a:hover{
background-position: left bottom;
}

dd.date{
clear: both;
height:49px;
line-height: 49px;
margin: 0 0 0 80px;
}

.no_foot{
width:589px;
height:500px;
background-image: url(/images/link_bg_foot.png);
background-repeat: no-repeat;
background-position: left top;
}

.no_foot p{
padding: 200px 0 0 70px;
}



/*---------------------Scheduleページ--------------------------*/

/*---------------------Linkページ--------------------------*/


.link_head{
width: 589px;
height: 148px;
overflow: hidden;
background-image: url(/images/link_bg_top.png);
background-repeat: no-repeat;
background-position: left top;
}

.link_category{
float: right;
margin-top: 10px;
margin-right: 25px;
_margin-right: 12px;
color: #A5681D;
font-weight: bold;
text-align: right;
}

.link_top{
margin-top: 20px;
}

.link_des{
padding:0 25px;
margin-top: 85px;
height: 40px;
line-height: 40px;
overflow: auto;
}

.link_des li{
float: left;
margin:0 5px;
}

#link .content_detail{
padding:0;
background: none;
}

#link .content_detail li{
width:589px;
height:98px;
background-image: url(/images/link_bg.png);
background-repeat: no-repeat;
background-position: left top;
}

#link .content_detail ul li{
background-image:none;
width:auto;
height:49px;
line-height: 49px;
padding: 0 0 0 50px;
}

.link_site_name{
font-weight: bold;
}

#link .content_detail a{
display: block;
float: right;
width: 41px;
height: 23px;
margin: 15px 32px 0 0;
background-image: url(/images/link_hp.png);
background-repeat: no-repeat;
background-position: left top;
}

#link .content_detail a:hover{
background-position: left bottom;
}

.link_foot{
width:589px;
height:500px;
background-image: url(/images/link_bg_foot.png);
background-repeat: no-repeat;
background-position: left top;
}

.link_foot p{
padding: 200px 0 0 70px;
}

/*---------------------Linkページ--------------------------*/

/*---------------------Galleryページ--------------------------*/

.gallery_head{
background-image: url(/images/gallery_bg_top.png);
background-repeat: no-repeat;
background-position: left top;
}

.content_detail_photo{
padding-top: 30px;
margin: 0 30px;
overflow: hidden;
}

.archive_month{
font-size: 11px;
float: right;
margin: 10px 25px 0 0;
_margin-right: 12px;
color: #A5681D;
font-weight: bold;
max-width: 250px;
}

* html .archive_month{ /* for IE6 */  
width: 250px;
overflow: hidden;
text-align: right;
}

.gallery_des{
padding:0 25px;
margin-top: 85px;
height: 40px;
overflow: auto;
}

* html #gallery .content_detail_photo{ /* for IE6 */  
height: 400px;
}

#gallery .content_detail_photo li {
float: left;
width: 150px;
padding: 0 13px;
margin-top: 10px;
}

#gallery .content_detail_photo li a{
display: block;
width: 150px;
height: 150px;
overflow: hidden;
border: 3px solid #FFCC66;
}

#gallery .content_detail_photo li a img{
margin-left: -75px;
}

#gallery .content_detail_photo span{
display: block;
text-indent: 0px;
width: 150px;
overflow: hidden;
padding: .25em 0 1em 0;
}

.month{
margin-top: 1em;
padding: 0 0 0 1em;
height: 144px;
}

.month li{
margin: 0 !important;
padding : 0 0 .5em 0 !important;
}

.month li a{
background: none;
height: auto !important;
}

/*---------------------Galleryページ--------------------------*/

/*---------------------Blogページ--------------------------*/

#blog #content{
padding-bottom: 30px;
margin-top: 0px;
overflow: hidden;
}

#blog_bg{
background-image: url(/images/blog_wrap_bg.png);
background-repeat: repeat-y;
background-position: left top;
overflow: hidden;
width: 838px;
margin: 0 auto;
min-height: 650px;
}

* html #blog_bg { /* for IE6 */  
height: 650px; 
overflow: visible;
}

#blog_bg #right{
padding-right: 20px;
}

.blog_wrap_head{
background: url(/images/blog_wrap_top.png) no-repeat left top;
width: 838px;
height: 25px;
}

.blog_wrap_foot{
background: url(/images/blog_wrap_foot.png) no-repeat left top;
width: 838px;
height: 25px;
float: right;
}

#blog #content_inner{
background: url(/images/blog_hr.png) repeat-y left top;
padding-right: 0;
}

.blog_wrap{
background: url(/images/blog_bg.png) repeat-y left top;
margin: 0 0 20px 16px;
}

.blog_wrap h3{
background: url(/images/blog_title_bg.png) no-repeat left top;
width: 552px;
height: 42px;
line-height: 42px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding-left: 15px;
overflow: hidden;
}

a.blog_title{
text-decoration: none;
}

a.blog_title:link{color: #ffffff;}

a.blog_title:visited{color: #ffffff;}

a.blog_title:hover{color: #59AC4E;}

a.blog_title:active{color: #59AC4E;}

.blog_date{
text-align: right;
padding: 10px 30px;
font-weight: bold;
color: #A5681D;
}

.blog_detail{
margin: 15px 20px 0 20px;;
}

.blog_photo{
overflow: hidden;
margin: 0 auto;
}

.blog_photo tr,
.blog_photo td{
vertical-align: middle;
}

.blog_photo tr td{
background: url(/images/blog_image_bg.png) no-repeat left top;
padding-left: 15px;
padding-right: 20px;
width: 145px;
height: 160px;
}

.blog_photo a{
display: block;
width: 130px;
height: 130px;
overflow: hidden;
}

.blog_photo a img{
margin-left: -60px;
}

/*
.blog_photo a{
display: block;
background: url(/images/blog_image_bg.png) no-repeat left top;
padding-left: 15px;
padding-right: 20px;
width: 145px;
height: 160px;
float: left;
}
*/

.last_photo{
padding-right: 0 !important;
}

/*.blog_photo a img{
margin-top: 15px;
}
*/
.blog_story{
padding-top: 20px;
margin-bottom: 20px;
}

.blog_entry,
.blog_more{
margin-bottom: 1.25em;
}

.blog_story a,
.blog_entry a,
.blog_more a{
display: inline;
}

#blog .movie_wrap{
width: 485px;
height: 404px;
background: url(/images/blog_movie_bg.png) top left no-repeat;
margin: 0 auto;
overflow: hidden;
}

#blog .movie{
width: 425px;
height: 344px;
overflow: hidden;
margin: 30px auto 0;
border: none;
}


.more_back{
_width: 100%;
overflow: hidden;
margin-bottom: 12px;
}

.more_back a{
width:83px;
height: 26px;
display: block;
float: right;
}

a.more_read{
background: url(/images/blog_more.png) no-repeat left top;
}

a.page_back{
background: url(/images/blog_back.png) no-repeat left top;
}

.more_back a:hover{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

.blog_category{
background: url(/images/blog_hr2.png) repeat-x left top;
padding-top: 5px;
}

.blog_category a{
display: block;
background: url(/images/blog_cate_vector.png) no-repeat left center;
height: 32px;
line-height: 32px;
padding-left: 20px;

}

#blog_bg #left{
padding-left: 20px;
width:auto;
}

.left_inner{
background: url(/images/blog_left_bg.png) repeat-y left top;
width:189px;
}

.left_inner ul{
padding-left: 5px;
}

#panel_monthly{
height: 288px;
overflow: auto;
}

#panel_category{
height: 144px;
overflow: auto;
}

.left_head{
background: url(/images/blog_left_top.png) no-repeat left top;
width:189px;
height: 17px;
}

.left_foot{
background: url(/images/blog_left_foot.png) no-repeat left top;
width:189px;
height: 17px;
margin-bottom: 20px;
}

.new_blog_wrap{
background: url(/images/blog_newblog.png) no-repeat left top;
padding-top: 35px;
}

#blog .category_wrap{
background: url(/images/blog_category.png) no-repeat left top;
padding-top: 35px;
}

#blog .monthly_wrap{
background: url(/images/blog_monthly.png) no-repeat left top;
padding-top: 35px;
}



/*---------------------Blogページ--------------------------*/

/*---------------------Footer共通--------------------------*/

#footer{
background-image: url(/images/footer_mountain.png);
background-position: center top;
background-repeat: repeat-x;
height: 115px;
width: 100%;
position: relative;
}

#copyright{
color: #ffffff;
background-color: #59AC4E;
width: 100%;
position: absolute;
bottom: 0;
}

#copyright p{
width: 930px;
margin: 0 auto;
text-align: right;
}

#foot_navi_wrap{
overflow: hidden;
width: 100%;
position: absolute;
bottom: 0;
}

#foot_navi{
width: 930px;
margin: 0 auto;
}

#foot_navi_wrap a{
display: block;
float: left;
margin-right: 50px;
text-decoration: none;
}

#foot_navi_wrap a:hover{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

#foot_navi_wrap a span{
display: block;
text-indent: 0px;
}

/*---------------------Footer共通--------------------------*/

/*スクロール*
.scroll-pane {
	width: 200px;
	height: 200px;
	overflow: auto;
	background: #ccc;
	float: left;
}

スクロール*/

/*---------------------NOtfoundページ用--------------------------*/

#notfound #body_inner{
background: none;
}

#notfound #content{
text-align: center;
color: #663300;
}

.notfound_cloud{
width: 444px;
margin: 150px auto 0 auto;
}

#notfound #content a{
margin-bottom: 20px;
}

#notfound p.copyright{
margin-bottom: 40px;
}