@charset"UTF-8";
*{
    border: 0 none;
    font-family: "ＭＳ ゴシック",sans-serif;
    margin: 0;
    padding: 0;
}

li{
    list-style:none outside none;
    margin-left: 0px;
}

img{vertical-align:bottom;}

h1,h2,h3,h4,h5{font-size:100%; font-weight:normal;}

a{text-decoration:none;}
a:link{color:#663300;}
a:visited{color:#000099;}
a:hover{text-decoration:underline;}
a:active{color:#000099;}

html,body{
scrollbar-base-color:#CCCCFF;
/*scrollbar-face-color: #CC0033;
scrollbar-track-color: #9E9E9E;
scrollbar-arrow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-highlight-color: #CC0033;
scrollbar-shadow-color: #CC0033;
scrollbar-darkshadow-color: #000000;*/
    background: url("../img/bg_01.gif") repeat scroll 0 0 #FFFFFF;
    font-size: 96%;
    height: 100%;
    width: 100%;
    /text-align:center;
}

/*↑↑↑↑↑↑　全体設定終わり　↑↑↑↑↑↑*/



/*ブログ内共通カラム
--------------------------------------------*/
#body{
    margin: 0 auto;
    min-height: 80%;
    /height: 80%;
    padding: 30px 0;
    width: auto;
}
#about-body,#contact-body{
    margin: 0 auto;
    min-height: 80%;
    /height: 80%;
    padding: 20px 0;
    width: auto;
}
#main-header,#page,#main-footer{
    margin:0 auto;
}
#main-header{
    background: none repeat scroll 0 0 #CCFFFF;
    border-bottom: 3px solid #99CCFF;
    height: 50px;
    overflow: hidden;
}
#page{
    min-height: 300px;
    /height: 300px;
    width: 800px;
}
#main-footer{
    background: none repeat scroll 0 0 #99CCFF;
    line-height: 130%;
    text-align: center;
    width: auto;
    color: #000099;
    font-weight: bold;
}

.right{
    float: right;
}
.left{
    float: left;
}


/*ヘッダ･フッタ詳細
--------------------------------------------*/
#main-header .in{
    line-height: 25px;
    margin: 0 auto;
    overflow: hidden;
    /text-align: left;
    width: 800px;
}
#main-header .in p{
    font-size: 96%;
    line-height: 25px;
    text-align: center;
}
#main-header .in p a{
    border: 0 none;
    display: inline;
    float: none;
    font-weight: bold;
}
#main-header .in p a:hover{
    color:#000099;
    background:none #CCFFFF;
}
#main-header span{
    color: #000099;
    font-weight: bold;
    margin-left: 100px;
}
#main-header .in a{
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 0 0;
    color: #000099;
    display: block;
    margin: 0 0 0 10px;
    padding: 0 8px;
}
#main-header .in a:hover{
    background: #99CCFF;
    color: #336600;
}
#mform-made{
 font-size: 80%;
 font-weight: normal;
 line-height: 110%;
 padding-top: 3px;
}
a.admin{
  color:#000099;
  cursor:default;
}
a.admin:hover{
  text-decoration: none;
}

 
/*インデックス詳細
--------------------------------------------*/
#page #enter{
    display: block;
    height: 40px;
    margin: -94px auto 0;
    position: relative;
    width: 160px;
}
.home-img{
    margin: 0 auto;
    width: 400px;
}
.add{
    margin: 100px auto 20px;
    width: 400px;
}
.info h4{
    background-color: #000099;
    border-bottom: 3px double #FFFFFF;
    color: #FFFFFF;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 10px;
    line-height: 150%;
    text-align: center;
}
.info{
    border: 3px double #000099;
    font-weight: bold;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 600px;
}
.info p{
    border-bottom: 1px dashed #000099;
    line-height: 120%;
    margin: 4px 10px 6px;
    /text-align: left;
}

/*アバウト詳細
--------------------------------------------*/
#about-page,#contact-page{
    margin: 0 auto;
    width: 800px;
}
#about-page h1,#contact-page h1{
    height: 30px;
    margin-bottom: 50px;
}
#about-page h2{
    background: none repeat scroll 0 0 #F0FFF0;
    border-color: #330066;
    border-style: solid;
    border-width: 0 10px 1px;
    color: #330066;
    font-size: 130%;
    font-weight: bold;
    height: 25px;
    letter-spacing: 10px;
    line-height: 25px;
    margin: 12px auto 6px;
    text-align: center;
    width: 600px;
}
#about-page .top-btn,#contact-page .top-btn{
    background: none repeat scroll 0 0 #F0FFF0;
    border-color: #CCCCCC #000066 #000066 #CCCCCC;
    border-style: double;
    border-width: 3px;
    color: #000066;
    display: block;
    margin: 10px auto 20px;
    text-align: center;
    width: 100px;
}
#about-page .top-btn:hover,#contact-page .top-btn:hover{
    background: none repeat scroll 0 0 #9999FF;
    border-color: #000066 #CCCCCC #CCCCCC #000066;
    color: #FFFFFF;
}
#about-page .a-01,#about-page .a-02,#about-page .a-03{
    min-height: 200px;
    /height: 200px;
}
#about-page .a-01-out,#about-page .a-02-out,#about-page .a-03-out{
   width:450px;
}
#about-page .a-02-out{

}
#about-page .a-03-out{

}
#about-page dl{
    border-bottom: 1px solid #CCCCCC;
    padding: 12px 0 6px 10px;
}
#about-page .a-01 dl,#about-page .a-02 dl,#about-page .a-03 dl{
    text-align: left;
}
#about-page .a-02 dl{
    padding: 12px 10px 6px 0;
    text-align: right;
}
#about-page .a-03 dl{

}
#about-page .b{
    background: url("../img/dl_bg.gif") repeat-y scroll 0 0 transparent;
}
#about-page .a-02 .b{
    background: url("../img/dl_bg_r.gif") repeat-y scroll right 0 transparent;
}
/*#about-page .li-01{
   margin-top: 30px;
    width: 400px;
}
#about-page .li-02{
    width: 440px;
}
#about-page .li-03{
    width: 480px;
}
#about-page .li-04{
    width: 520px;
}
#about-page .li-05{
    width: 560px;
}
#about-page .li-06{
    width: 600px;
}
#about-page .li-07{
    margin-top: 46px;
    width: 401px;
}
#about-page .li-08{
    width: 440px;
}
#about-page .li-09{
    margin-top: 72px;
    padding-left:0;
    min-width: 640px;
    /width: 680px;
}
#about-page .li-10{
    padding-left:0;
    min-width: 800px;
    /width: 800px;
}
#about-page .li-11{
    min-width: 660px;
    /width: 660px;
}*/

#about-page dl dd ul li{
    border-left: 2px solid #5B5B5B;
    float: left;
    margin: 2px 0 2px 0;
    padding: 0 0 0 6px;
    min-width: 200px;
    /width:210px;
}
#about-page dl.li-09 dd ul li{
    min-width: 200px;
    width: auto;
    /width:200px;
}
#about-page dl.li-11 dd table{
    float: right;
    font-size: 96%;
    text-align: right;
}
#about-page dl.li-11 dd table th{
    background-color: #E0FFFF;
    border-left: 2px solid #5B5B5B;
    font-weight: normal;
    line-height: 140%;
    padding-left: 10px;
    text-align: left;
}
#about-page dl.li-11 dd table td{
    border-bottom: 1px dashed;
    padding-bottom: 2px;
    padding-left: 10px;
}
#about-page dl.li-11 dd table td.blank{
    width: 130px;
}
#contents{
    border: 3px double #663300;
    margin: 0 auto 50px;
    width: 600px;
    /width: 620;
}
#contents h3{
    background: none repeat scroll 0 0 #FFFFCC;
    border-bottom: 1px solid #663300;
    color: #663300;
    line-height: 200%;
    text-align: center;
}
#contents #thanks{
    padding: 20px 0px 16px 20px;
    /text-align: left;
}
#thanks .att{
    border-bottom: 1px solid #FF0000;
    color: #FF0000;
    font-weight: bold;
    margin: 0 0 10px;
    width: 560px;
}
.photo{
    height: 100%;
    text-align: center;
    width: 300px;
}
.photo img{
    background-color: #FFFFFF;
    border: 3px double #000000;
    display: block;
    margin: 120px auto 0;
    width: 280px;
}


 
/*お知らせ投稿詳細
--------------------------------------------*/
#form-page{
    margin: 0 auto;
    width: 600px;
}
#form-page h1{
    background-color: #CCCCCC;
    border-color: #000000;
    border-style: solid;
    border-width: 0 10px 1px;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
#form-page h2{
    background-color: #FFCCCC;
    border-color: #FF0000;
    border-style: solid;
    border-width: 0 0 1px 10px;
    margin-bottom: 10px;
    padding-left: 10px;
}
#form-page .new-cont,#form-page .del-cont{
    margin: 0 10px 10px;
    text-align: left;
}
#form-page .new-cont p{

}
#form-page .new-cont p input{
    border: 1px solid #5B5B5B;
    font-size: 120%;
    margin-left: 10px;
    width: 70%;
}
#form-page .del-cont{
    margin-top: 20px;
}
#form-page .del-cont p{

}
#form-page .del-cont p input{
    margin-left: 10px;
}
#form-page .btns{
    text-align: center;
}
#form-page .submit,#form-page .reset{
    border-color: #CCCCCC #000000 #000000 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    width: 80px;
}
#form-page .submit:hover,#form-page .reset:hover{
    border-color: #000000 #CCCCCC #CCCCCC #000000;
}