@charset "Shift_JIS";

/* CSS Document */

/*==========▼index.htmlサンプルソース▼==========

<!-- 重要なお知らせ枠_ここから -->
<div id="wnews">

<div id="art">
<p class="art_ttl">緊急のお知らせタイトル</p>
<p>緊急のお知らせ枠緊急のお知らせ枠緊急のお知らせ枠緊急のお知らせ</p>
</div>
<!-- 重要なお知らせ枠_ここまで -->

上記のソースをコピーし、idex.htmlへペーストしてください。

==========▲index.htmlサンプルソース▲==========*/



/*arrat*/

/*▼▼▼ここから下を編集してください。▼▼▼*/
#art{
/*▼ボックス内外の余白設定です。表示の崩れの原因になるおそれがあるので、こちらは変更しないでください。▼*/
margin:0 0 5px 0;
padding:5px;
/*▲ボックス内外の余白設定です。表示の崩れの原因になるおそれがあるので、こちらは変更しないでください。▲*/

/*ボックスの枠線（枠線を消したい場合は「1px solid #FF0000」の部分を「none」としてください。）*/
border:1px solid #FF0000;

/*ボックス内の基本となる文字色*/
color:#666666; /*text color*/

/*ボックスの横幅の指定（ピクセル指定の場合360px以内にしてください。）*/
width:360px;

/*行揃え指定（・中央揃え：center ・左揃え：left ・右揃え：right と指定してください。）*/
text-align:left;
}



/*▼▼各リンク文字設定ここから▼▼*/

/*▼未訪問リンクここから▼*/
#art p a:link{
/*文字色*/
color:#FF0000;
/*文字の下の下線の表示 （下線を表示したい場合はコロン（：）の右側を「underline」としてください）*/
text-decoration:underline;
}
/*▲未訪問リンクここまで▲*/

/*▼マウスオーバーここから▼*/
#art p a:hover{
/*文字色*/
color:#FF33CC;
/*文字の下の下線の表示 （下線を非表示にしたい場合はコロン（：）の右側を「none」としてください）*/
text-decoration:underline;
}
/*▲マウスオーバーここまで▲*/

/*▼訪問済リンクここから▼*/
#art p a:visited{
/*文字色*/
color:#666666;
/*文字の下の下線の表示 （下線を表示したい場合はコロン（：）の右側を「underline」としてください）*/
text-decoration:underline;
}
/*▲訪問済リンクここまで▲*/
/*▲▲各リンク文字設定ここまで▲▲*/



/*▼▼タイトル文字設定ここから▼▼*/
#art p.art_ttl{
/*タイトルテキスト余白設定です。表示の崩れの原因になるおそれがあるので、こちらは変更しないでください。*/
margin:0;
padding:0;
/*タイトルテキスト余白設定です。表示の崩れの原因になるおそれがあるので、こちらは変更しないでください。*/

/*行間*/
line-height:1.5;

/*文字サイズ*/
font-size:11pt;

/*文字幅*/
font-weight:bold;

/*文字色*/
color:#FF0000;

/*行揃え指定（・中央揃え：center ・左揃え：left ・右揃え：right と指定してください。）*/
text-align:left;
}
/*▲▲タイトル文字設定ここまで▲▲*/



/*▼▼文の文字設定ここから▼▼*/
#art p{
/*▼テキスト余白設定です。表示の崩れの原因になるおそれがあるので、こちらは変更しないでください。▼*/
margin:0;
padding:0;
/*▲テキスト余白設定です。表示の崩れの原因になるおそれがあるので、こちらは変更しないでください。▲*/

/*行間*/
line-height:1.5;

/*文の文字サイズ*/
font-size:100%;

/*文字色*/
color:#FF0000;

/*行揃え指定（・中央揃え：center ・左揃え：left ・右揃え：right と指定してください。）*/
text-align:left;
}
/*▲▲文の文字設定ここまで▲▲*/