@charset "UTF-8";  /* SP用 */


 /* ページ全体 */

 body { 
    margin: 0px auto;    /* 中央揃え */ 
    width: 100%; 
    height: auto;  
    background-color: #ffffff;
    font-family: "ＭＳ　Ｐゴシック",Meiryo,sans-serif;  
    color: #333333; 
    -webkit-text-size-adjust: 100%; 

}


 /* リンクの設定(共通) */

 a{
    text-decoration: none; 

}


/* リンクの基本的な設定 */

 a:link{ color: #333333; background-color: #ffffff; }
 a:visited{ color: #333333; background-color: #ffffff; }
 a:hover{ color: #000000; background-color: #ffffff; 
          text-decoration: underline; }
 a:active{ color: #333333; background-color: #ffffff; } 


/* リンクの基本的な設定(フッター) */

 footer a:link{ color: #ffffff; background-color: #660033; }
 footer a:visited{ color: #ffffff; background-color: #660033; }
 footer a:hover{ color: #ffff66; background-color: #660033; 
          text-decoration: underline; }
 footer a:active{ color: #ffffff; background-color: #660033; } 


 /* ヘッダーの設定 */

 header {
    margin: 0px;
    padding: 0px;
    width: 100%; 
    height: auto;
    text-align: center;  
    background-color: #ffffff; 

}


/* 画像下端の処理(全て) */

 img{
    vertical-align: bottom;

}


 /* トップ画像の設定 */

 h1 {
    margin: 0px auto;
    padding: 0px;
    width: 100%; 
    height: auto;
    text-align: center;  
    background-color: #ffffff;  

}


/* メインコンテンツの設定 */

 #main{
    margin: 0px auto;
    padding: 0px;
    background-color: #ffffff;

}


/* あとりえ全体の紹介の設定 */

 .sec_01{
    margin: 0px auto;
    padding: 20px;
    background-color: #ffffff;

}


/* リストの設定 */

 ul{
    margin: 0px auto;
    padding: 0px;

}


/* リストアイテムの設定 */

 li{
    margin: 0px auto;
    padding: 0px;
    list-style-type: none;
    font-size: 12pt;
    font-weight: bold;
    display: block;
    width: 100%;

}


/* 文章の見出し */

 h2{
    margin: 0px;
    padding-left: 10px;
    padding-bottom: 5px;
    font-size: 12pt;
    font-weight: bold;
    border-left: 10px solid #cc99ff;    
    border-bottom: 5px solid #cc99ff;

}


/* 小見出し(フッターのロゴ) */

 h3{
    margin: 0px;
    padding-left: 10px;
    font-size: 11pt;
    font-weight: bold;

}


/* 文章の設定 */

 .bunbun{
    margin-botoom: 10px;
    padding: 5px 10px;
    font-size: 11pt;
    font-weight: normal;
    line-height: 180%;

}


/* 文章の設定(上部に画像がある場合) */

 .bunbun2{
    margin-botoom: 10px;
    padding: 0px 10px 5px 10px;
    font-size: 11pt;
    font-weight: normal;
    line-height: 180%;

}


/* 文章の設定(フッターリンク) */

 .bunbun3{
    margin-botoom: 10px;
    padding: 10px 5px 10px 10px;
    font-size: 11pt;
    font-weight: bold;
    line-height: 200%;

}


/* 文章の設定(フッター文) */

 .bunbun4{
    margin-botoom: 10px;
    padding: 5px 10px;
    font-size: 10pt;
    font-weight: bold;
    line-height: 180%;

}


/* spanで使う部分的な装飾 */

 .aka{
    color: #660033;

}


 .akabo{
    color: #660033;
    font-weight: bold;
}


 .bo{
    font-weight: bold; 

}



 /* フッターの設定 */

 footer {
    margin:0;
    background-color: #660033; 
    padding-top: 30px; padding-left: 10px; 
    padding-bottom: 20px; padding-right: 10px; 
    color: #ffffff; 

}
