/* 全体 */

*{margin:0; padding:0; color: #444444; font-weight: none; font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka',sans-serif; }

body { 
    color: #333333;
    text-align:center; /* ie用center */
    font-size:13px;
    line-height:140%;
    background-image:url("../img/top-bg.jpg");
    background-repeat:repeat-x; /* 横方向だけ */
    text-align:center;
    z-index:1;
}

/* IE用center */
body {
    scrollbar-face-color: #ffffff; scrollbar-track-color: #ffffff; 
    scrollbar-arrow-color:#4349bc; 
    scrollbar-highlight-color:#ffffff; 
    scrollbar-shadow-color:#4349bc; 
    scrollbar-3dlight-color:#4349bc; 
    scrollbar-darkshadow-color:#ffffff 
}

/* 共通 */
img{border:0px;} /* 画像ボーダなし */
a { text-decoration:none; }   /* リンク下線なし */

/* 全体終了 */

/* レイアウト */
    /* 大枠 */
    
    .container{
        width:100%; 
        margin-left: auto; margin-right: auto; /* IE用以外のcenter */
        margin-top: 0px; margin-bottom: 5px;
        z-index:1;
        text-align:center; /* IE用center */
    }
    
    
    /* 中枠 */
    .wrapper{
        clear:both;
        width:840px;
        position:relative; /* 相対配置:本来自分が配置される位置を基点  */
        margin-left: auto; margin-right: auto; /* IE用以外のcenter */
        margin-top: 0px; margin-bottom: auto;
        background-color:#ffffff;
        text-align:center;    /* IF用center */
        
    }
    /* 枠終了 */
    
    /* header */
        .header{
        width:800px;
        margin-left: auto; margin-right: auto;
        margin-top: 0px; margin-bottom: 0px;
        height: 70px;
        }

        .header h1{
        float:left;
        width:auto;
        margin-left: 10px; margin-right:0;
        margin-top: 5px; margin-bottom: 0px;
        text-indent: 0px;
        line-height: normal;
        letter-spacing: 1px; 
        color:#ed1b4a; 
        font-style: normal; 
        font-weight: normal; 
        font-size: 12px;
        text-align:left;
        }
        
        .header_logo{
        clear:both;
        float:left;
        width:350px;
        margin-top:10px; margin-bottom: 5px;
        margin-left: 20px;
        text-align:left;
        }
        
        .header_right{
        float:right;
        width:350px;
        margin-bottom: 2px;
        margin-right: 10px;
        color: #513c1c;
        text-align:right;
        }
 
        
    /* header終了 */
    
    /* 本文 */ 
    
        .leftpanel{ 
        position : absolute ; left : 0 ;  width : 200px ; /* 絶対配置:基準となるボックスを基点として表示位置   */
        margin-left: auto;margin-right: auto;
        margin-top: 0px; margin-bottom: 10px;
        padding-left: 15px; padding-bottom: 30px;
        text-align: left;
        border-left: 2px dotted #bbbbbb;
        
        }
        
        .rightpanel{ 
        margin-left: 220px ;
        margin-top: 10px; margin-bottom: 10px;
        padding-left: 5px;
        text-align: left;
        }
        
        .img-agaricus{
        float:left; 
        width:auto; height:auto;
        margin:6px;
        padding: 10px;
        font-size:13px; 
        line-height: 160%;
        text-align: center;
        }
    
        .main800{
        clear:both; /* 回り込み禁止 */ 
        float:none;
        width:800px;
        height:auto;
        margin-left: auto; margin-right: auto;
        margin-top: 10px; margin-bottom: 10px;
        padding-left: 20px; padding-right: 20px;
        padding-top: 0px; padding-bottom: 0px;
        font-size:12px; line-height: 200%;
        text-align: left;
        }
        
        .main700{
        clear:both; /* 回り込み禁止 */ 
        float:none;
        width:700px;
        height:auto;
        margin-left: auto; margin-right: auto;
        margin-top: 10px; margin-bottom: 10px;
        padding-left: 20px; padding-right: 20px;
        padding-top: 0px; padding-bottom: 0px;
        font-size:12px; line-height: 200%;
        text-align: left;
        }
        
        .main600{
        clear:both; /* 回り込み禁止 */ 
        float:none;
        width:600px;
        height:auto;
        margin-left: auto; margin-right: auto;
        margin-top: 10px; margin-bottom: 10px;
        padding-left: 20px; padding-right: 20px;
        padding-top: 0px; padding-bottom: 0px;
        font-size:12px; line-height: 200%;
        text-align: left;
        }
        
        .main560{
        clear:both; /* 回り込み禁止 */ 
        float:none;
        width:560px;
        height:auto;
        margin-left: auto; margin-right: auto;
        margin-top: 10px; margin-bottom: 10px;
        padding-left: 20px; padding-right: 20px;
        padding-top: 0px; padding-bottom: 0px;
        font-size:12px; line-height: 200%;
        text-align: left;
        }
        
        .main450{
        clear:both; /* 回り込み禁止 */ 
        float:none;
        width:450px;
        height:auto;
        margin-left: auto; margin-right: auto;
        margin-top: 10px; margin-bottom: 10px;
        padding-left: 20px; padding-right: 20px;
        padding-top: 10px; padding-bottom: 10px;
        font-size:13px; line-height: 120%;
        text-align: left;
        }

        .main800center{
        clear:both; /* 回り込み禁止 */ 
        float:none;
        width:800px;
        height:auto;
        margin-left: auto; margin-right: auto;
        margin-top: 10px; margin-bottom: 10px;
        padding-left: 20px; padding-right: 20px;
        padding-top: 0px; padding-bottom: 0px;
        font-size:12px; line-height: 200%;
        text-align: center;
        }
        
        .main600center{
        clear:both; /* 回り込み禁止 */ 
        float:none;
        width:600px;
        height:auto;
        margin-left: auto; margin-right: auto;
        margin-top: 10px; margin-bottom: 10px;
        padding-left: 0px; padding-right: 0px;
        padding-top: 0px; padding-bottom: 0px;
        font-size:12px; line-height: 200%;
        text-align: center;
        }
                
        .main-waku600 {
        clear:both;
        float:none;
        width:600px;
        height:auto;
        margin-left: auto; margin-right: auto;
        margin-top: 10px; margin-bottom: 10px;
        padding-left: 0px; padding-right: 0px;
        padding-top: 0px; padding-bottom: 0px;
        font-size:13px; line-height: 200%;
        text-align: left;
        border-collapse: collapse;
        border: 1px dotted #86C9D5; /* 外側の枠線 dotted solid */
        }
        
        .main-waku500 {
        clear:both;
        float:none;
        width:500px;
        height:auto;
        margin-left: auto; margin-right: auto;
        margin-top: 20px; margin-bottom: 20px;
        padding-left: 25px; padding-right: 0px;
        padding-top: 10px; padding-bottom: 10px;
        font-size:13px; line-height: 200%;
        text-align: left;
        border-collapse: collapse;
        border: 1px dotted #3c6bce; /* 外側の枠線 dotted solid */
        }
        
        .main-waku400 {
        clear:both;
        float:none;
        width:400px;
        height:auto;
        margin-left: 30px;
        margin-top: 20px; margin-bottom: 20px;
        padding-left: 20px; padding-right: 0px;
        padding-top: 10px; padding-bottom: 10px;
        font-size:13px; line-height: 200%;
        text-align: left;
        border-collapse: collapse;
        border: 1px solid #3c6bce; /* 外側の枠線 dotted solid */
        }
        
        
    /* 本文終了 */
    
    /* footer */
        .footer{
        background-image:url("../img/top-bg.jpg");
        background-repeat:repeat-x; /* 横方向だけ */
        margin-left: auto; margin-right: auto;
        margin-top: 0px; margin-bottom: 0px;
        width:99%;
        height:40px;
        padding: 0px;
        }
        .footer h6{
        text-align: center;
        font-size: 12px;
        font-weight:normal;
        font-style: normal; 
        }
        
        .footer h6 a:hover {
        color:#ffffff; 
        background:#2c669a
        }
       
    /* footer終了 */

/* レイアウト終了 */

 /* 文字 */

h3 { text-indent: 15pt; border-left:8px solid #8D71CA; border-bottom:2px dotted skyblue;  font-size: 16px; color: #326AA3;margin-bottom: 10px; margin-top: 20px; margin-left: 3px; }
h4 { text-indent: 12pt; line-height: normal; letter-spacing: 1px; margin-top: 2px; margin-bottom: 0px;  color: #EED9EE; font-style: normal; font-weight: normal; font-size: 12px; line-height: 140%;} 
h5 { background-color:#c1ac79; border-color:#f00931; border-width:0px 0px 2px 12px; border-style:solid; font-size:14px; text-indent:5px; color:#ffffff; height:25px; margin:5px;}
/* 文字終了 */
    
/* リンク色 */
a:link { color: #382b71}
a:active { color: #2f5b2f}
a:visited { color: #79226f}
a:hover {color:#f51256;}
 /* リンク色終了 */

/* 共通終了 */

/* p div */
.top5{margin-top: 5px; margin-bottom: 0px;}
.top10{margin-top: 10px; margin-bottom: 0px;}
.tb5{margin-top: 5px; margin-bottom: 0px;}
.tb10{margin-top: 10px; margin-bottom: 5px;}
.p-right{clear:both; margin-top:10px; margin-bottom:10px; margin-right: 20px; padding: 0px; text-align: right;} /* ページtopへ戻る */
/* p div終了 */


/* 文字色 */
.aka { color: #ea0247}
.aka12 { color: #ea0247; font-size:12px; line-height: 120%; }
.aka12-16 { color: #fa2e4d; font-size:12px; line-height: 160%; }
.aka13 { color: #ea0247; font-size:13px; line-height: 120%; }
.aka14 { color: #ea0247; font-size:14px; line-height: 120%; }

.mizu { color: #3d6b92}
.mizu11 { color: #3d6b92; font-size:11px; line-height: 120%;}
.mizu12 { color: #3d6b92; font-size:12px; line-height: 120%; }
.mizu13 { color: #3d6b92; font-size:13px; line-height: 120%; }
.mizu14 { color: #3d6b92; font-size:14px; font-weight: bold; }

.ao { color: #2626d0}
.midori { color: #33843f}
.murasaki { color: #771fa7}
.nezumi { color: #555555}
.momo { color: #af15c6}
/* 文字色終了 */

/* table */


table.w550 {
   width: 550px; 
   margin-left: auto; margin-right: auto;
   margin-top:10px; margin-bottom:10px;
   border-collapse: collapse;
   border: 2px solid #bed5ed; /* 外側の枠線 dotted solid */
}

table.w550 td {
   border-width: 1px 1px; /* 上下だけ引く：横　縦 */
   border-color: #bed5ed; /* 線色：緑 */
   border-style: solid; /* 線種：実線solid 点線:dotted */
   padding: 5px; /* セル内側の余白 */
   font-size:13px;line-height: 140%; /* 基準 font-size:12px line-height:140px */
}

table.w500 {
   width: 500px; 
   margin-left: auto; margin-right: auto;
   margin-top:10px; margin-bottom:10px;
   padding: 0px
   border-collapse: collapse;
   border: 1px solid #bed5ed; /* 外側の枠線 dotted solid */
}

table.W500 td {
   border-width: 1px 1px; /* 上下だけ引く：横　縦 */
    border-color: #bed5ed; /* 線色：緑 */
    border-style: solid; /* 線種：実線solid 点線:dotted */
   padding: 5px; /* セル内側の余白 */
   font-size:13px;line-height: 140%; /* 基準 font-size:12px line-height:140% */
}

table.w350 {
   width: 350px; 
   margin-left: auto; margin-right: auto;
   margin-top:10px; margin-bottom:10px;
   border-collapse: collapse;
   border: 2px solid #bed5ed; /* 外側の枠線 dotted solid */
}

table.w350 td {
   border-width: 1px 1px; /* 上下だけ引く：横　縦 */
   border-color: #bed5ed; /* 線色：緑 */
   border-style: solid; /* 線種：実線solid 点線:dotted */
   padding: 5px; /* セル内側の余白 */
   font-size:13px;line-height: 140%; /* 基準 font-size:12px line-height:140px */
}
    
/* table終了 */
    
/* 線引き */
    hr.ao1 {
    clear:both;
    border-style: solid; /* 線種 点線dotted */
    border-color: #5378B5; /* 青 */
    height: 1px; /* 高さ */
    }
    
    hr.ao2 {
    clear:both;
    border-style: solid; /* 線種 点線dotted */
    border-color: #5378B5; /* 青 */
    height: 2px; /* 高さ */
    }
    
    hr.mizu1 {
    clear:both;
    margin: 0;
    border-style: dashed; /* 線種 点線dotted */
    border-color:#a5c0ef; /* ブルー */
    height: 1px; /* 高さ */
    }
    
    hr.aka1 {
    clear:both;
    border-style:dashed; /* 線種 点線dashed */
    border-color:#f0061e ; /* 赤 */
    height: 1px; /* 高さ */
    }
/* 線引き終了 */
    
/* 下線引き */
    .under01 {
    border-bottom: 1px dashed #aaaaaa; /* dotted  グレー */
    padding-bottom: 5px; /* 内容と線との間隔量 */
    }
    
    .under02 {
    border-bottom: 1px dashed #eb2e5e; /* dotted 赤 */
    padding-bottom: 5px; /* 内容と線との間隔量 */
    padding-top: 5px; 
    }
    
    .under03 {
    border-bottom: 1px dashed #609ace; /* dotted ブルー */
    padding-bottom: 5px; /* 内容と線との間隔量 */
    padding-top: 5px; 
    }
    
    .under04 {
    border-bottom: 1px solid #5378B5; /* dotted  グレー */
    padding-bottom: 5px; /* 内容と線との間隔量 */
    padding-top: 5px; 
    }
    
/* 下線引き終了 */

/* 文字 */
.f-20-140 { font-size:20px; line-height: 140%; }
.f-18-180 { font-size:18px; line-height: 180%; }
.f-18-140 { font-size:18px; line-height: 140%; }
.f-18-120 { font-size:18px; line-height: 120%; }
.f-18-100 { font-size:18px; line-height: 100%; }
.f-18 { font-size:18px; font-weight: bold;}

.f-17-140 { font-size:17px; line-height: 140%; }
.f-17-120 { font-size:17px; line-height: 120%; }
.f-17-100 { font-size:17px; line-height: 100%; }

.f-16-180 { font-size:16px; line-height: 180%; }
.f-16-140 { font-size:16px; line-height: 140%; }
.f-16-120 { font-size:16px; line-height: 120%; }
.f-16-100 { font-size:16px; line-height: 100%; }

.f-15-140 { font-size:15px; line-height: 140%; }
.f-15-120 { font-size:15px; line-height: 120%; }
.f-15-100 { font-size:15px; line-height: 100%; }

.f-14-140 { font-size:14px; line-height: 140%; }
.f-14-120 { font-size:14px; line-height: 120%; }
.f-14-100 { font-size:14px; line-height: 100%; }

.f-13-200 { font-size:13px; line-height: 200%; }
.f-13-180 { font-size:13px; line-height: 180%; }
.f-13-160 { font-size:13px; line-height: 160%; }
.f-13-140 { font-size:13px; line-height: 140%; }
.f-13-120 { font-size:13px; line-height: 120%; }
.f-13-100 { font-size:13px; line-height: 100%; }

.f-12-200 { font-size:12px; line-height: 200%; }
.f-12-160 { font-size:12px; line-height: 160%; }
.f-12-140 { font-size:12px; line-height: 140%; }
.f-12-120 { font-size:12px; line-height: 120%; }
.f-12-100 { font-size:12px; line-height: 100%; }
.f-11-120 { font-size:11px; line-height: 120%; }
.f-11-100 { font-size:11px; line-height: 100%; }
.f-10-120 { font-size:10px; line-height: 120%; }
.f-10-100 { font-size:10px; line-height: 100%; }

/* 文字終了 */

/* form */
    .input1{
    border: 1px solid #6387d1;
    }
    
    .input2{
    border: 1px solid #e19be3;
    }
    
    .textarea1{
    border: 1px solid #6387d1;
    }
    
    .select1{
    border: 1px solid #6387d1;
    }
/* form終了 */

/* リスト */
ul.siro { list-style-type: circle; margin-left: 30px;} 


/* リスト終了 */