﻿body{
 text-align:center;
 line-height:150%;
 margin:0;padding:0;
 font-size:small;
}

*{text-align:left;}
ul{list-style-type:none;}
a{text-decoration:none;font-weight:bold;color:#009FE7;}
a:hover{color:#c00;}
em{
 font-weight:bold;
 font-style:normal;
 font-size:1.2em;
 line-height:1.8em;
 color:#f60;
}

.clr{clear:both;height:1px;line-height:1px;}

dl dt{
 font-weight: bold;
 padding: 0;
 margin: 1em 0 0;
 font-size:18px;
 color:#f90;
 }
dl dd{
 border-bottom: 2px dotted #FF6600;
 border-left: 2px dotted #FF6600;
 padding: 0 0 5px 10px;
 margin:0 5px 0 10px;
 }

dl{
 width:530px;
 }


p{
 margin:5px 0;
 padding:none;
}

/*---------------------------------*/

#wrapper{
 width:800px;
 margin:0 auto;
}

#header{
 background:#fff url(images/bk_head_n.jpg) 0 0 no-repeat;
 line-height:12px;
 height:166px;
}

#home #header{
 background:#fff url(images/bk_head.jpg) 0 0 no-repeat;
 height:245px;
}

#header h1{
 margin:0px;padding:0px;
}

#header h1{float:left;}

#header h2{
 float:right;
 font-size:12px;
 font-weight:normal;
 line-height:20px;
 padding:0px 5px 0 0px;margin:108px 0 0;
 text-align:right;
 color:#fff;
}

#home #header h2{
 width:800px;
 font-size:12px;
 font-weight:normal;
 line-height:20px;
 padding:0px 5px 0 0px;margin:25px 0 0;
 text-align:right;
 color:#fff;
}


/*---------------------------------*/
#side{
 width:240px;
 margin:0px;
 padding:0px;
 float:left;
}

#side ul.menu{
 list-style-type:none;
 margin:15px 0 0;
 padding:0px;
 line-height:150%;
}


#side ul.menu ul{
 line-height:18px;
 margin:0 1px 10px 0px;padding:0px;
}

#side ul.menu ul li{
 border-bottom:1px solid #fff;
 font-weight:bold;
 padding:2px 0 0 13px;
 background:url(images/icon_side_menu.gif) 0 50% no-repeat;
}

#side ul.menu ul li.now{
 background:url(images/icon_side_menu_s2.gif) 0 50% no-repeat;
}


/*---------------------------------*/
#contents{
 float:right;
 width:550px;
}

#contents h2{
 margin:0 0 10px;
 text-align:right;
}

#contents h3{
 margin:0px;padding:10px 0;
 text-align:center;
}
#contents h3 img{
 margin:0 auto;
}

#contents h4{
 margin:0 auto;
 font-size:18px;
 font-weight:bold;
 color:#f90;
}

#contents h4.norep{
 margin:0 auto;
 font-size:18px;
 font-weight:bold;
 color:#fff;
 padding:9px;
 text-align:center;
 background:#fff url(images/subt_bk.jpg) 0 0 no-repeat;
}

#contents h5{
 margin:5px auto 0;
 font-size:14px;
 font-weight:bold;
 color:#060;
}

#contents p{
 line-height:150%;
 width:454px;
 margin:0 auto 1em;
}

#contents .kakomi p{
 width:450px;
 margin:0 0 0 0;
 }

#contents .fl_right{
 float:right;
 margin:0.5em 0 0.5em 0.5em;
 text-align:center;
}

#contents .fl_left{
 float:left;
 margin:0.5em 0.5em 0.5em 0em;
 text-align:center;
}

.kakomi{
  border-radius: 10px;         /* CSS3 */
 -moz-border-radius: 10px;    /* Firefox */
 -webkit-border-radius: 10px; /* Safari,Chrome */
 border: 1px #ccc solid;     /* 枠線の装飾 */
 background:url(images/bk_kakomi.jpg) 50% 100% no-repeat #efefef;
 padding:1em;
 margin-bottom:1em;
}

/*初めての方へ画像調整*/
#firsttime #cont_m{
 width:510px;
}
#the_first{
 background:url(images/bk_08.jpg) 50% 0 no-repeat;
 height:470px;
 padding:25px;
 margin:0 auto;
}

#the_first p{
 width:450px;
 margin:0px auto;
}

/*画像ポップアップ*/
div.photo{
 margin:1em 0px;
 position:relative;
 clear:both;
 width:520px;
}
div.photo{zoom: 100%;}
div.photo:after{content: "";clear: both;height:0;display:block;visibility: hidden;}

div.photo a{
 display:block;
 width:150px;height:200px;
 float:left;
}

div.photo a img{
 border:none;
 width:150px;height:200px;
 border:1px solid #ccc;
}

div.photo a:hover{
 position:relative;
}

div.photo a:hover img{
 position:absolute;top:-200px;left:-200px;
 width:600px;height:800px;
 z-index:100;
}

div.photo div.express{
 width:350px;
 float:right;
}

div.photo div.express p{
 width:350px!important;
 margin:0!important;
}
div.photo div.express p.who{
 width:350px!important;
 margin:0!important;
 text-align:right;
 color:#ccc;
 font-weight:bold;
}

/*リンクページ*/
#links #contents ul{
 margin:10px 10px 0 10px;
 padding:0;
 width:500px;
}
#links #contents ul li a{
 font-weight: bold;
 padding: 0;
 margin: 1em 0 0;
 font-size:18px;
 color:#f90;
}

#links #contents ul li{
 border-bottom: 1px dotted #FF6600;
 padding: 5px 0 5px 15px;margin:0px;
 background:url(images/icon_arrow.gif) 0 40% no-repeat;
}




/*---------------------------------*/

#footer{
 clear:both;
 width:800px;
 margin:20px 0px;
 background:url(images/bk_footer.gif) 0 0 no-repeat;
}

#footer div#footer_note{
 text-align:center;
 width:541px;
 margin:0px 0px;
 display:table-cell;
}

#copyright{
 clear:both;
 width:800px;
 text-align:center;
 font-size:0.8em;
 color:#999;
 margin:10px;
}

/*-------おまじないゾーン-----------*/
#contents,#main,#side,.banner,.linkbar,.kakomi{zoom: 100%;}
#contents:after,#main:after,#side:after,.banner:after,.linkbar:after,.kakomi:after{
 content: "";clear: both;height:0;display:block;visibility: hidden;
}



/*------ホーム------*/

#home #contents{
 background:url(images/bk_photo_index.jpg) 0 0 no-repeat;
}
#home #cont_l p{
 margin:0px;
 padding:5px 1.5em 10px;
 width:270px;
}

#home #cont_r p{
 margin:0px;
 width:239px;height:45px;
 background:url(images/index_fukidasi.gif) 50% 50% no-repeat;
 padding:90px 5px 3px 5px;
 font-size:10px;
 line-height:14px!important;
 margin-top:220px;
}

#home #cont_l{
 width:300px;
 float:right;
}


.twtpic-widget-header{
 display:none!important;
}

#banout{
 width:200px;
 font-size:10px;
 line-height:12px;
 margin:10px;
}

#banout img{
 border:none;
}

.twtr-hd h3{
 text-align:left!important;
}