@charset "EUC-JP";

*{margin:0px; padding:0px; border:0px; font-weight:normal;}
body {
font-family:"ＭＳ Ｐゴシック",sans-serif,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku GothicPro',Osaka;
background:#ffffff;
color:#555555;
text-align:center;
font-size: 13px;
	* font-size: small;
	* font: x-small;
line-height:170%;
	* line-height:1.7;}

h1{font-size:107%;}
h2{font-size:107%;}
h3{font-size:107%;}
h4{font-size:107%;}
h5{font-size:107%;}
h6{font-size:107%;}
p{font-size:107%; text-align:justify;}
span{display:none;}

a{color:#ff9999; text-decoration:none;}
a:hover{text-decoration:underline;}

img{border:0px;}

.clear:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;}
.clear{ display: inline-block; }
/* exlude MacIE5 \*/
* html .clear{ height: 1% }
.clear{display:block;}
/* end MacIE5 */


/**************************************************************/

/*全体*/
#wrap{
text-align:left;
margin:10px auto;
width:840px;
background: url(../img-o/bg_wrap.gif) center top repeat-y;}

/*ヘッダ*/
#head{
width:800px;
padding:20px 20px 0px 20px;
background:url(../img-o/bg_head.gif) center top no-repeat;
height:55px;}
html*#head{height:55px;}

#head h1{
float:left;
width:440px;
height:55px;}

#head h1 a{
display:block;
width:440px;
height:55px;
background:url(../img-o/bg_h1.gif) center top no-repeat;}

/*イメージ*/
#headimg{
width:800px;
margin:0px 20px;
padding-bottom:20px;
height:175px;
padding-bottom:20px;
background:center top no-repeat #fff3ce;}

/*コンテンツ*/
#contents{
float:right;
width:550px;
padding:20px 50px 30px 0px;
min-height:350px;}
* html body #contents{height:350px;}

/*イメージ以外は基本左右10px*/
#contents h2,#contents h3,#contents h4,#contents p{
margin-right:10px;
margin-left:10px;}

.column_left{
float:left;
width:275px;}

.img_left{
float:left;
width:275px;
margin-right:10px;}
.text_right{padding-top:8px;}

.caption{
text-align:center;
line-height:100%;
padding-bottom:10px;}

.pink{
font-size:92%;
color:#ff9999;}

.line{
margin-right:10px;
margin-left:10px;
padding:10px 0px;
background:url(../img-o/bg_line.gif) left top repeat-x;}

.line h5{
float:left;
width:80px;
text-align:right;}

.line p{padding-left:150px;}

.map{margin:15px 10px auto 10px;}

#contents h2{
height:20px;
background:left top no-repeat;}

#contents h3{
clear:both;
height:30px;
padding:15px 0px 10px 0px;
background:0px 15px no-repeat;}

#contents h4{
margin-top:10px;
color:#ff9999;}

/*テーブル*/
#contents table{
width:530px;
margin:15px 10px 15px 10px;
text-align:left;
vertical-align:top;
border-top:1px solid #ff9999;
border-right:1px solid #ff9999;}

th,td{
padding:5px 0px 5px 10px;
border-bottom:1px solid #ff9999;
border-left:1px solid #ff9999;
font-weight:normal;}

th{
vertical-align:top;
width:120px;
background-color:#fee7dd;}

/*フッダ*/
#foot{
clear:both;
padding:0px 20px 20px 20px;
background:url(../img-o/bg_foot.gif) center bottom no-repeat;}
#foot p{
font-size:92%;
text-align:right;
padding:15px 70px 0px 0px;
color:#ffffff;
height:30px;
line-height:30px;}

/*ヘッドメニュー*/
#topmenu{
float:right;
height:50px;}

#menu{
clear:both;
padding:0px 20px 0px 145px;
height:85px;
background:url(../img-o/bg_menu.gif) 20px 0px no-repeat;}

#topmenu li,#menu li{
list-style:none;
display:block;
float:left;}

#topmenu li a,#menu li a{display:block;}
#topmenu li a:hover,#menu li a:hover{background:none;}

#topmenu .gotop{width:114px; height:50px; background:url(../img-o/bg_gotop_over.gif);}
#topmenu .gotop a{width:114px; height:50px; background:url(../img-o/bg_gotop.gif);}

#topmenu .gowebc{width:123px; height:50px; background:url(../img-o/bg_gowebc_over.gif);}
#topmenu .gowebc a{width:123px; height:50px; background:url(../img-o/bg_gowebc.gif);}

#menu .m01{width:80px; height:85px; background:url(../img-o/menu01_over.gif);}
#menu .m01 a{width:80px; height:85px; background:url(../img-o/menu01.gif);}

#menu .m02{width:83px; height:85px; background:url(../img-o/menu02_over.gif);}
#menu .m02 a{width:83px; height:85px; background:url(../img-o/menu02.gif);}

#menu .m03{width:83px; height:85px; background:url(../img-o/menu03_over.gif);}
#menu .m03 a{width:83px; height:85px; background:url(../img-o/menu03.gif);}

#menu .m04{width:83px; height:85px; background:url(../img-o/menu04_over.gif);}
#menu .m04 a{width:83px; height:85px; background:url(../img-o/menu04.gif);}

#menu .m05{width:83px; height:85px; background:url(../img-o/menu05_over.gif);}
#menu .m05 a{width:83px; height:85px; background:url(../img-o/menu05.gif);}

#menu .m06{width:83px; height:85px; background:url(../img-o/menu06_over.gif);}
#menu .m06 a{width:83px; height:85px; background:url(../img-o/menu06.gif);}

#menu .m07{width:83px; height:85px; background:url(../img-o/menu07_over.gif);}
#menu .m07 a{width:83px; height:85px; background:url(../img-o/menu07.gif);}

#menu .m08{width:97px; height:85px; background:url(../img-o/menu08_over.gif);}
#menu .m08 a{width:97px; height:85px; background:url(../img-o/menu08.gif);}

/*サイド*/
#side{
float:left;
width:190px;
padding:0px 10px 0px 30px;}

#sidemenu{
width:170px;
padding:0px 10px;}

#sub_title{
text-align:center;
font-size:14px;
line-height:40px;
color:#ff9999;
height:40px;
background:url(../img-o/bg_subtitle.gif) left top no-repeat #fee7dd;}

#sub{
width:170px;
padding:0px 10px 5px 10px;
background:url(../img-o/bg_sub.gif) left bottom no-repeat #fee7dd;}

#sidemenu li,#sub li{
list-style:none;
display:block;
width:170px;
margin-bottom:15px;
background:url(../img-o/bg_sidemenu_li_over.gif);}

#sidemenu li a,#sidemenu li span,#sub li a,#sub li span{
display:block;
width:141px;
padding-left:29px;
height:30px;
line-height:30px;
font-size:14px;
color:#FFFFFF;}
#sidemenu li a{background:url(../img-o/bg_sidemenu_li.gif);}
#sidemenu li span{background:url(../img-o/bg_sidemenu_li_over.gif);}
.ls{letter-spacing:-1px;}

#sub li,#sub li span{background:url(../img-o/bg_sub_li_over.gif);}
#sub li a{background:url(../img-o/bg_sub_li.gif);}

#sidemenu li a:hover,#sub li a:hover{
text-decoration:none;
background:none;}

/*albumのみ*******************************************************/
#album_menu{
padding:10px;}

#album_menu li{
float:left;
list-style:none;
display:block;
width:265px;
height:170px;
background:left top no-repeat;}

#album_menu li a{
display:block;
width:265px;
height:170px;
background:left top no-repeat;}
#album_menu li a:hover{
background:none;}

#album_menu .h{background-image:url(../img-o/bg_h_over.gif);}
#album_menu .h a{background-image:url(../img-o/bg_h.gif);}

#album_menu .r{background-image:url(../img-o/bg_r_over.gif);}
#album_menu .r a{background-image:url(../img-o/bg_r.gif);}

#album_menu .u{background-image:url(../img-o/bg_u_over.gif);}
#album_menu .u a{background-image:url(../img-o/bg_u.gif);}

#album_menu .p{background-image:url(../img-o/bg_p_over.gif);}
#album_menu .p a{background-image:url(../img-o/bg_p.gif);}

#album_menu .k{background-image:url(../img-o/bg_k_over.gif);}
#album_menu .k a{background-image:url(../img-o/bg_k.gif);}

#monlist{
margin:20px 10px 0px 10px;}

#monlist li{
float:left;
list-style:none;
display:block;
width:164px;
height:170px;
background:left top no-repeat;}

#monlist li a{
display:block;
width:164px;
height:170px;
background:left top no-repeat;}
#monlist li a:hover{
background:none;}

#monlist .ml01{background-image:url(../img-o/mon04_over.gif); padding-right:19px;}
#monlist .ml01 a{background-image:url(../img-o/mon04.gif);}

#monlist .ml02{background-image:url(../img-o/mon05_over.gif); padding-right:19px;}
#monlist .ml02 a{background-image:url(../img-o/mon05.gif);}

#monlist .ml03{background-image:url(../img-o/mon06_over.gif);}
#monlist .ml03 a{background-image:url(../img-o/mon06.gif);}

#monlist .ml04{background-image:url(../img-o/mon07_over.gif); padding-right:19px; margin-top:20px;}
#monlist .ml04 a{background-image:url(../img-o/mon07.gif);}

#monlist .ml05{background-image:url(../img-o/mon08_over.gif); padding-right:19px; margin-top:20px;}
#monlist .ml05 a{background-image:url(../img-o/mon08.gif);}

#monlist .ml06{background-image:url(../img-o/mon09_over.gif); margin-top:20px;}
#monlist .ml06 a{background-image:url(../img-o/mon09.gif);}

#monlist .ml07{background-image:url(../img-o/mon10_over.gif); padding-right:19px; margin-top:20px;}
#monlist .ml07 a{background-image:url(../img-o/mon10.gif);}

#monlist .ml08{background-image:url(../img-o/mon11_over.gif); padding-right:19px; margin-top:20px;}
#monlist .ml08 a{background-image:url(../img-o/mon11.gif);}

#monlist .ml09{background-image:url(../img-o/mon12_over.gif); margin-top:20px;}
#monlist .ml09 a{background-image:url(../img-o/mon12.gif);}

#monlist .ml10{background-image:url(../img-o/mon01_over.gif); padding-right:19px; margin-top:20px;}
#monlist .ml10 a{background-image:url(../img-o/mon01.gif);}

#monlist .ml11{background-image:url(../img-o/mon02_over.gif); padding-right:19px; margin-top:20px;}
#monlist .ml11 a{background-image:url(../img-o/mon02.gif);}

#monlist .ml12{background-image:url(../img-o/mon03_over.gif); margin-top:20px;}
#monlist .ml12 a{background-image:url(../img-o/mon03.gif);}


/*albumテンプレート用*******************************************************/
#hiyoko h2{background-image:url(../img-o/title_album_h.gif);}
#hiyoko #contents{background:url(../img-o/bg_contents_h.gif) left top no-repeat;}

#risu h2{background-image:url(../img-o/title_album_r.gif);}
#risu #contents{background:url(../img-o/bg_contents_r.gif) left top no-repeat;}

#usagi h2{background-image:url(../img-o/title_album_u.gif);}
#usagi #contents{background:url(../img-o/bg_contents_u.gif) left top no-repeat;}

#panda h2{background-image:url(../img-o/title_album_p.gif);}
#panda #contents{background:url(../img-o/bg_contents_p.gif) left top no-repeat;}

#kirin h2{background-image:url(../img-o/title_album_k.gif);}
#kirin #contents{background:url(../img-o/bg_contents_k.gif) left top no-repeat;}

.date{
display:inline;
padding-left:90px;
color:#ff9999;
font-weight:bold;}

.album_topline{
padding-top:20px;
width:400px;}

.error{
padding:20px 0px;
color:#cc6635;}

.golast{
clear:both;
padding-top:20px;}

.gonext{
clear:both;
padding-top:20px;
text-align:right;}

#album_body{
width:550px;
height:190px;
padding-top:20px;}

.img_cont{
float:left;
width:275px;
background:url(../img-o/bg_shadow.gif) left top no-repeat;}

.img_cont p{
font-size:92%;
line-height:20px;
height:20px;}

.mask{
margin:8px 12px 12px 8px;
width:255px;
height:169px;
text-align:center;
overflow:hidden;}

/*newsのみ*******************************************************/
#news_list,.goback,.topline{padding-top:20px;}
#news_list a,.goback a{color:#cc6635;}

#news_contents{
float:right;
width:530px;
padding:20px 60px 30px 10px;
min-height:350px;}
* html body #contents{height:350px;}

#news_contents h2{
height:20px;
background:url(../img-o/title_news.gif) left top no-repeat;}

#news_contents h3{
padding:15px 0px 10px 0px;
margin-bottom:15px;
color:#ff9999;
font-weight:bold;
background:url(../img-o/bg_line_news.gif) left bottom repeat-x;}

#news_contents img{
margin:15px 0px;}

b{font-weight:bold;}
i{font-style:italic;}

.navi{
clear:both;
display:block;
padding:10px 0px;
text-align:right;}

/*messageのみ****************************************************/
.message_left{
margin-top:15px;
width:370px;}

.message img{
float:right;
margin-top:10px;}

/*eventのみ****************************************************/
.event_left,.event_right{
margin-top:15px;
float:left;
width:275px;
height:126px;
padding-top:30px;
background:10px top no-repeat;}
.event_right{float:right;}

.event p{
float:left;
width:90px;
padding:10px 0px 0px 10px;
margin:0px;}
html*.event p{padding:10px 0px 0px 0px;}
.event .pink{
clear:both;
padding:15px 0px 0px 0px;
width:500px;}

/*indexのみ****************************************************/
#top #head{
height:130px;}

#top #head h1{
float:none;
width:800px;
height:70px;
padding:0px;
background:url(../img-o/bg_index_h1.gif) center top no-repeat;}

#top #head h2{
height:60px;
background:url(../img-o/bg_index_h2.gif) center top no-repeat;}

#top #content{
height:400px;
padding:0px 20px;
background:url(../img-o/bg_index_content.jpg) center top no-repeat;}

#top #content #webcamera{
margin-left:650px;
width:150px;
height:124px;
background:url(../img-o/bg_index_webcamera_over.jpg) center top no-repeat;}

#top #content #webcamera a{
display:block;
width:150px;
height:124px;
background:url(../img-o/bg_index_webcamera.jpg) center top no-repeat;}
#top #content #webcamera a:hover{background:none;}

#top #content #news{
width:290px;
height:125px;
margin:125px auto auto 35px;
padding-right:5px;
overflow:auto;}

#news h3{color:#cc6635;}
#news h3 a,.mailto a{color:#cc6635;}
#news p{
padding-bottom:10px;
border-bottom:2px dotted #fecc2e;
margin-bottom:10px;}

#top #menu{
clear:both;
padding:0px 20px 0px 20px;
height:105px;
background:none;}

#top #menu .m01{width:112px; height:105px; background:url(../img-o/menu_index_01_over.gif);}
#top #menu .m01 a{width:112px; height:105px; background:url(../img-o/menu_index_01.gif);}

#top #menu .m02{width:96px; height:105px; background:url(../img-o/menu_index_02_over.gif);}
#top #menu .m02 a{width:96px; height:105px; background:url(../img-o/menu_index_02.gif);}

#top #menu .m03{width:96px; height:105px; background:url(../img-o/menu_index_03_over.gif);}
#top #menu .m03 a{width:96px; height:105px; background:url(../img-o/menu_index_03.gif);}

#top #menu .m04{width:96px; height:105px; background:url(../img-o/menu_index_04_over.gif);}
#top #menu .m04 a{width:96px; height:105px; background:url(../img-o/menu_index_04.gif);}

#top #menu .m05{width:96px; height:105px; background:url(../img-o/menu_index_05_over.gif);}
#top #menu .m05 a{width:96px; height:105px; background:url(../img-o/menu_index_05.gif);}

#top #menu .m06{width:96px; height:105px; background:url(../img-o/menu_index_06_over.gif);}
#top #menu .m06 a{width:96px; height:105px; background:url(../img-o/menu_index_06.gif);}

#top #menu .m07{width:96px; height:105px; background:url(../img-o/menu_index_07_over.gif);}
#top #menu .m07 a{width:96px; height:105px; background:url(../img-o/menu_index_07.gif);}

#top #menu .m08{width:112px; height:105px; background:url(../img-o/menu_index_08_over.gif);}
#top #menu .m08 a{width:112px; height:105px; background:url(../img-o/menu_index_08.gif);}
#top #menu li a:hover{background:none;}

#top #foot{
clear:both;
padding:0px 20px 20px 20px;
background:url(../img-o/bg_index_foot.gif) center bottom no-repeat;}

#top #foot .address{
font-size:92%;
text-align:center;
padding:0px;
color:#555555;
height:20px;
line-height:20px;}

#top #foot .copy{
font-size:92%;
text-align:right;
padding:15px 70px 0px 0px;
color:#ffffff;
height:30px;
line-height:30px;}


/*mapのみ****************************************************/

#map div{
padding:10px;
text-align:center;}

#map p{
padding-top:10px;
text-align:center;}