@charset "UTF-8";
/* CSS Document */

.style1 {font-size: 7pt}
/* 基本となる文字色の設定 */
body {
color: #ff0000
}
/* 基本となる背景色の設定 */
body {
background-color: #ffddcc
}
/* ページ全体の基本設定 */
body {
background-color: #ffffff;
color: #000000;
font-size: 11pt;
font-family: "MS UI Gothic"
}

/*-------------------------------------------------------------------*/
.back {
background-color: #ffccee
}
.moji {
background-color: #AA00AA;
color: #FFFFFF
}
/* 単語の間隔 【word-spacing】 */
.kankaku10 {
word-spacing: 10px
}
/* ォントファミリーを指定する 【font-family】 */
.family {
font-family: "Comic Sans MS",Georgia,sans-serif
}
/* フォントサイズを指定する 【font-size】 */
.size {
font-size: 20pt
}
/* 文字の太さを指定する 【font-weight】 */
.weight {
font-weight: 700
}
/* 文字に色を設定する */
.font {
color: #ff00cc
}
/* 文字の背景に色を設定する */
.font {
background-color: #ffcccc;
color: #cc0000
}

/*-------------------------------------------------------------------*/
/* 枠線の色を個別指定 【border-top-color、border-bottom-color、border-left-color、border-right-color】*/
h3 {
border-bottom-color: #cc0000;
border-bottom-width: 2px;
border-bottom-style: solid;
font-family: Courier
}
/* 枠線の色を一括指定 【border-color】 */
h4 {
border-width: 4px;
border-style: double;
text-align: center;
font-family: Courier
}
h4#1 {
border-color: #cc0000
}
h4#2 {
border-color: #ff66cc #cc66ff #3399ff #66cccc
}
/* 枠線の太さを個別指定 【border-top-width、border-bottom-width、border-left-width、border-right-width】 */
h5 {
border-left-color: #ff9900;
border-left-width: 10px;
border-left-style: solid;
padding-left: 5px;
font-family: Courier
}
/* 枠線の太さを一括指定 【border-width】 */
h6 {
border-color: #ff9900;
border-width: 0px 0px 2px 8px;
border-style: solid;
padding-left: 5px;
font-family: Courier
}
/* 上下左右のマージン 【margin-top、margin-bottom、margin-left、margin-right】 */
.margin {
margin-left: 30%;
border: #000000 1px solid
}
/* 幅と高さの設定 【width、height】 */
.box {
width: 200px;
height: 100px;
border: #000000 1px solid
}
/* ナビゲーションバー */
.navi {
background-color: #cce6ff;
font-family: Courier;
text-align: right;
border-bottom: #00bfff 2px solid;
padding: 5px 7px 0px 0px
}
.navi2 {
background-color: #dcf0e4;
color: #336644;
font-weight: 700;
font-family: "Times New Roman";
text-align: center;
border-top: #336644 4px double;
border-bottom: #336644 4px double;
padding: 0px 5px
}
.navi3 {
background-color: #cc8866;
color: #ffffff;
font-family: "Comic Sans MS";
border: #cc8866 3px dashed;
padding: 2px 7px;
width: 100%
}

/*-------------------------------------------------------------------*/
/* リンク色の設定 【a:link、a:visited、a:hover、a:active】*/
a:link {
color: #0033ff;
text-decoration: none
}
a:visited {
color: #6633cc;
text-decoration: none
}
a:hover {
color: #ff33aa;
background-color: #99ffff;
text-decoration: none
}
/*a:hover {
color: #ff33aa;
text-decoration: none;
position: relative;
top: 1;
left: 1
}*/
a:active {
color: #ff33aa;
text-decoration: none
}

/*-------------------------------------------------------------------*/
/* 罫線 */
hr {
border-style: dashed;
border-color: #999999;
height: 1px;
width: 99%
}
hr1 {
border: dotted 1px #3399ff
}

/*-------------------------------------------------------------------*/
/* 基本セレクタ
h1 { 属性: 値 }
*/
/* セレクタのグループ化
セレクタ,セレクタ { 属性: 値 }
一つのセレクタに、複数のセレクタを定義することができます。
セレクタは「,」で区切ります。
*/
h1,h2 {
background-color: #ccffcc;
color: #009999
}

/* IDセレクタ
#ID名 { 属性: 値 }
基本セレクタ名#ID名 { 属性: 値 }
*/

/* CLASSセレクタ
.CLASS名 { 属性: 値 }
基本セレクタ名.CLASS名 { 属性: 値 }
*/

/* 擬似クラス
要素名:擬似クラス名 { 属性: 値 }
*/
/* 例えば */
/*
a:link {
color: #0000ff
}
a:visited {
color: #9900cc
}
a:hover {
color: #ff0099
}
a:active {
color: #ff0000
}
*/