/* color=#339933 */
HTML{background-colof:#ffffff} /* 背景イメージを使用時には、表示の崩れを防ぐ為の呪文として必須！ */
/* と、共にHTML側には次の記述が必須！ */
BODY{
background-color:#ffffff;
color:#333333;
font-size:14px;
letter-spacing:1px; /* 文字と文字の間隔を指定*/
background-image:url(../pet/img/index/bg_main_2.gif)
}
.style1 {color: #CC9900}
.style3 {color: #009900; font-weight: bold; }
A{
text-decoration:none; /* 下線を表示させない */
/* font-size:13px */
}
/* 文字の色だけを変更：未アクセス、アクセス中、アクセス済み、カーソルを重ねた時 */
/* 通常のメニューのリンクとする */
A:link {color:#339933}
A:active {color:#FFFFCC}
A:visited {color:#339933}
A:hover {
color:#ff5500;
background-color: #FFFFCC; /* アクセス中の背景色*/
}
A.side_menu:link {color:#FFCC00}
A.side_menu:active {color:#FFFFCC}
A.side_menu:visited {color:#FFFF99}
A.side_menu:hover {
color:#ff5500;
background-color: #FFFFCC; /* アクセス中の背景色*/
}
/* 他で使用のmain画面内でのリンクとする(CLASS="normal_main") */
A.menu_orenge:link {color:#FFCC00}
A.menu_orenge:active {color:#FFFFCC}
A.menu_orenge:visited {color:#FFCC00}
A.menu_orenge:hover {
color:#ff5500;
background-color: #FFCC33;
}
/* 他で使用のmain画面内でのリンクとする(CLASS="normal_main") */
A.menu_side{
display:block;
margin-top:1px;
margin-bottom:3px;
padding:1px;
width:125px;
background-color:#FFFFCC;
color:#339900
}
.main{
width;500;
padding:10px
}
H1 {
background-color:#CCFF66;
color:#00CC33;
font-size:20px;
line-height:1.3em;
margin:10px 10px;
padding:5px 15px;
border-bottom:1px solid #666666; /* シャドウ（下）*/
border-right:1px solid #666666; /* シャドウ（右）*/
border-left:5px solid #339933; /* 左カラー*/
}
H2{text-align:center} /* センターリング*/
H3 {
border-bottom:solid 1px #ff7f00;
border-left:5px solid #ff7f00; /* 左カラー*/
margin:10px 10px;
padding:5px 15px;
text-align:left;
font-size:14px;
}
H4 {
background-color:#009900;
color:#FFCC00;
font-size:14px;
}
P {
/* font-size:12px; */
line-height:150%; /* 本文の行送りの調整*/
}
/* テキストの周囲にボーダーを表示。(P CLASS="text_border")*/
P.text_border{
border-style:solid; /* ボーダーで囲む */
border-width:2px; /* 太さを指定 */
border-color:#CCFF66; /* カラーを指定 */
margin:10px 10px;
padding:10px 10px
}
/* テキストの周囲に点線ボーダーを表示。(P CLASS="text_border_ten")*/
P.text_border_ten{
/* border-style:dotted; /* 点線で囲む (注：IE5.5、NN6 以上でなければ未対応)*/
border-style:dashed; /* 太点線で囲む（注：IE5.5、NN6 以上でなければ未対応)*/
border-width:2px;
border-color:#00CC33;
margin:10px 10px;
padding:10px 10px
}
/* テキストの上下に点線ボーダーを表示。(P CLASS="text_border_ten_updown")*/
P.text_border_ten_updown{
border-top-style:dotted; /* ボーダー上辺 (注：IE5.5、NN6 以上でなければ未対応)*/
border-bottom-style:dotted; /* ボーダー下辺 (注：IE5.5、NN6 以上でなければ未対応)*/
border-width:2px;
border-color:#00CC33;
margin:10px 10px;
padding:10px 10px
}
/* テキストの左右にボーダーを表示。(P CLASS="text_border_ten_rightreft")*/
P.text_border_ten_rightreft{
/* border-right-style:dotted; /* ボーダー右辺 (注：IE5.5、NN6 以上でなければ未対応)*/
border-left-style:solid; /* ボーダー左辺 (注：IE5.5、NN6 以上でなければ未対応)*/
border-width:10px;
border-color:#CCFF66;
margin:10px 10px;
padding:10px 10px
}
SPAN{background-color:#FFFF99}
LI {
margin:10px;
/* font-size:12px; */
line-height: 16pt;
margin-top: 5px;
margin-bottom: 5px;
} /* リストのマークを画像指定 */
LI.site0 {
list-style-image: url(../pet/img/b/p_2.gif); /* ../pet/img/b/sankaku.gif */ /* ../pet/img/b/b_orenge.gif */
margin:10px;
/* font-size:12px */
line-height: 16pt;
margin-top: 5px;
margin-bottom: 5px;
} /* リストのマークを画像指定 */
LI.site1 {
list-style-image: url(../pet/img/site/pc_14.gif);
margin:10px;
/* font-size:12px */
line-height: 16pt;
margin-top: 5px;
margin-bottom: 5px;
} /* リストのマークを画像指定 */
LI.site2 {
list-style-image: url(../pet/img/site/pc_23.gif);
margin:10px;
/* font-size:12px */
line-height: 16pt;
margin-top: 5px;
margin-bottom: 5px;
} /* リストのマークを画像指定 */
/* テーブル関連 */
/* table {font-size:12px} */
.table_green{
border:solid 2px #007733;
margin:10px 10px;
padding:10px 10px;
}
.th_green {
background-color:#00cc88; /* 背景色 */
background-image:url(bg.gif); /*背景に画像を表示*/
color:white /* 文字色 */
}
.td_green {
border:solid 2px #aacc88; /* ボーダー表示・色の指定*/
padding:10px 10px /* ボーダーとコンテンツの間隔指定*/
}
.table_oreng{
border:solid 2px #FF9900;
margin:10px 10px;
padding:10px 10px;
}
.th_oreng {
background-color:#FFCC33; /* 背景色 */
/* background-image:url(bg.gif); /*背景に画像を表示*/
color:white /* 文字色 */
}
.td_oreng {
border:solid 2px #FFFFCC;
padding:10px 10px;
}
/* フォーム関連 */
/* 入力言語指定 (CLASS="ime_01")*/
.ime_01{ ime-mode:active } /* ＩＭＥをオンにする（日本語表示可能、ユーザが切り替えも可能） */
.ime_02{ ime-mode:active } /* ＩＭＥをオフにする（日本語不可、ユーザが切り替えは可能） */
.ime_03{ ime-mode:active } /* ＩＭＥをオフにする（日本語不可、ユーザが切り替えも不可） */