/***************************************/
/* 共通スタイルシート                  */
/* 全ページ共通のスタイル設定を記述    */
/***************************************/

/** 全体設定 **/
body {
 margin: 0px 0px 0px 0px;
 font-family: 'メイリオ',sans-serif;
 font-size: 14pt;

}

/** パーツ **/
a:link { color: #000080; } 
a:visited { color: #000080; } 
a:hover { color: #FF0000;text-decoration: underline; } 
a:active { color: #000080; }
a { text-decoration: none; } 

h1 { margin-top: 0px;margin-bottom: 0px; font: normal 20pt/100% ; }  
h2 { margin-top: 0px;margin-bottom: 0px; font: normal 17pt/100% ; }
h3 { margin-top: 0px;margin-bottom: 0px; font: normal 12pt/100% ; }



/** 外枠 **/
div.base {
 width: 100%;
 text-align: center;
}

/** タイトル領域 **/
div.title {
 padding-top: 10px;
 padding-bottom: 10px;
 color: #F0F8FF;

 /* ヘッダー背景画像設定 */
 background-image: url(./images/sys_bg_title01.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: right;
}

/* ページ見出しのアイコン付き文字（ト音記号大） */
.page-title { margin-top: 0px;margin-bottom: 0px; font: normal 20pt/100% ; }
.page-title:before {content: url(./images/sys_ico_gclef02.png);}
.page-title:after {content: url(./images/sys_ico_gclef02.png);}


/** サイトリンク領域 **/
.links {
 height: 40px;
 padding: 15px 0px 0px 0px;
 margin: 0 auto;
 font-size: 16pt;
 color: #000080;
 background-color: #FFFFFF;
 border-top: 2px solid #FF9933;
 border-bottom: 2px solid #FF9933;
}

/** コンテンツ領域 **/
.main{
 position: relative;
 width: 100%;
 padding-top: 10px;
 color: #000000;
 background-color: #FFFFDD;

 /* 壁紙設定 */
 background-image: url(./images/sys_bg_note02p.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: right;
}

/* 更新日時 */
.update {
 font-size: 14pt;
} 


/* コンテンツ枠 */
.divbox{
 width: 95%;
 margin: 0 auto; /* 枠を中央揃え */
 position: relative;
 background: rgba(255, 240, 205, 0.5);
 border-radius: 10px;
 padding: 5px 0px 5px 0px;
}

/* 枠内文字 */
.textpos {
 position: abusolute;
 text-align: left;
 margin-right: 20px;
}

/* アイコン付き見出し（音符オレンジ） */
.topic-title {
 position: abusolute;
 text-align: left;
 margin-top: 8px;
 }
.topic-title:before {
 content: url(./images/sys_ico_note04.png);
}
.topic-title:after {
 content: url(./images/sys_ico_note04.png);
}

/* アイコン付き写真コメント（音符黒） */
.comment {
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 }
.comment:before {
 content: url(./images/sys_ico_note01.gif);
}
.comment:after {
 content: url(./images/sys_ico_note01.gif);
}

/* アイコン付き見出し（注意） */
.topic-caution {
 position: abusolute;
 text-align: left;
 margin-top: 8px;
 }
.topic-caution:before {
 content: url(./images/sys_ico_caution01.png);
 font-size: 2em;
}
.topic-caution:after {
 content: url(./images/sys_ico_caution01.png);
 font-size: 2em;
}

/* アイコン付き見出し（ト音記号小） */
.con-category {
 font-weight: bold;
}
.con-category:before {content: url(./images/sys_ico_gclef01.png);}
.con-category:after {content: url(./images/sys_ico_gclef01.png);}



/** フッター領域 **/
/* ページトップへ */
.totop {
 margin: 0 auto;

} 

/* コピーライト */
.copyright {
 height: 30px;
 padding: 5px 2px 4px 5px; 
 text-align: center;
 font-size: 12pt;
 color: #F0F8FF;
 
 /* フッター背景画像設定 */
 background-image: url('./images/sys_bg_title01.png');
 background-repeat: no-repeat;
 background-size: cover;
 background-position: right;
}