/* 【現在使用中の色】 ベース:#000,#ffc 目立たせ用:#903,#fff */


/* ■ classes and IDs ■ */

.main{
font-size:20px;
line-height:36px;
width:600px;
margin:0 auto; /* 但しこの設定はＩＥ非対応ゆえ、BODY属性にも要設定！ */
padding:0;
border:0;
}

DIV.blog{width:800px;margin:0 auto;padding:0;border:0;}
DIV.right{width:200px;float:right;background-color:#fff;margin:24px 0px;padding:4px;border:4px #000 solid;}
DIV.left{width:480px;float:left;text-align:left;margin:24px 0px;}
DIV.left DIV.main{width:480px;font-size:16px;line-height:30px;font-family:Arial Narrow,sans-serif;overflow:hidden;}

.memo{
font-size:16px;
line-height:20px;
margin:16px auto;
padding:16px;
width:500px;
border:solid 1px #000;
-moz-border-radius:32px;
background-color:#ffc;
}

.del{text-decoration:line-through;}
.omit{display:none;}


/* ■ basic blocks ■ */

BODY{
color:#000;
background-color:#ffc;
margin:0;
padding:0;
text-align:center; /* マイクソ対策(笑) */
}

P{
color:#000;
text-align:left;
text-indent:1em;
letter-spacing:1px;  /* 但しこれをIEで多用すると改行がおかしくなるのでここにのみ設定 */
margin:24px 0 0 0;
padding:0;
border:0;
}

H1{
text-align:center;
font-size:48px;
line-height:48px;
font-family:Comic Sans MS,Geneva,cursive;
font-weight:bold;
border:solid #903 1px;
padding:24px 12px 24px 12px;
margin:0px;
width:100%;
color:#fff;
background-color:#903;
}

H2{
text-align:center;
font-size:32px;
font-weight:bold;
border:solid 4px #000;
-moz-border-radius:48px;
padding:12px;
margin:48px 0px 24px 0px;
color:#000;
background-color:#ffc;
}

H3{
text-align:left;
font-size:32px;
font-weight:bold;
border:none;
border-bottom:solid 6px #000;
padding:2px 12px;
margin:24px 0px 16px 0px;
color:#000;
background-color:transparent;
}

H4{
text-align:left;
font-size:28px;
font-weight:bold;
border:none;
border-top:solid 2px #000;
border-bottom:solid 2px #000;
padding:2px 16px;
margin:24px 0px 16px 0px;
color:#000;
background-color:transparent;
}

H5{
text-align:left;
font-size:24px;
font-weight:bold;
border:solid 0px #000;
padding:0px 20px;
margin:24px 0px 16px 0px;
color:#ffc;
background-color:#000;
}

 /* H6は外部cssにおいてはfont-sizeにバグがあるので使用しません。 */

.memo P{margin:0;}
.memo H2{font-size:24px;padding:6px;margin:12px 0;}
.memo H3{font-size:24px;padding:6px;margin:12px 0;}
.memo H4{font-size:20px;padding:1px 8px;margin:12px 0;}
.memo H5{font-size:16px;padding:0px 10px;margin:12px 0;}

HR{display:none; /* HRタグは非css環境専用とします。 */}

BLOCKQUOTE{width:100%;font-size:80%;background-color:#fff;margin:0;padding:1em;border:0;}


/* ■ inline tags ■ */

a:link{
color:#000;
background-color:#fff;
font-weight:bold;
text-decoration:underline;
}

a:visited{
color:#000;
background-color:transparent;
text-decoration:underline;
font-weight:normal;
}

H1 a:visited{
color:#ffc;
background-color:#903;
font-weight:bold;
}

H2 a:visited{
color:#000;
background-color:#ffc;
font-weight:bold;
}

H3 a:visited{
color:#000;
background-color:transparent;
font-weight:bold;
}

H4 a:visited{
color:#000;
background-color:transparent;
}

a:hover{
color:#fff;
background-color:#000;
text-decoration:none;
font-style:italic;
font-weight:bold;
}

a:active{
color:#fff;
background-color:#903;
font-style:italic;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
}

em{
font-weight:normal;
font-style:normal;
border-bottom:double 3px #903;
}

strong{
color:#903;
font-weight:bold;
font-size:1.25em;
font-family:Arial Narrow,sans-serif;
 /* これがないと、Mozillaで英字が太字明朝となり、うしろに重なります。 */
}

img{float:right; /* 文章の頭を左に揃えるため、画像は右寄せします。 */ }
big{font-size:1.25em;}
small{font-size:0.8em;}
 /* big と small とで掛け合わせて１になるよう大きさを調整しています。 */
br{letter-spacing:0px;}  /* マイクソIE対策（複数の連続改行が認識できなくなるバグあり） */

/* ■ list blocks ■ */

OL{text-align:left;list-style:cjk-ideographic;}
UL{text-align:left;list-style:square;}
DL{text-align:left;}
DT{
font-weight:bold;
border:none;border-bottom:solid 4px #000;border-left:solid 1em #000;
padding:0 1em;
margin:0 1em;
}
DT a:visited{font-weight:bold;}
LI,DD{text-align:left;text-indent:1em;}

TABLE{display:none;} /* TABLEは環境による差異が大きすぎるため使用しません。 */


/* DL compact 専用 */

DL.cell{
width:500px;
margin:0 auto;padding:0;border:0;
background:#903;
line-height:1.5em;
text-indent:0;
}
DL.cell DT{
margin:0;
padding:0;padding-right:4px;
clear:both;float:left;
width:96px;
border:0;border-top:1px solid #fff;
#fff-space:nowrap;
color:#fff;
background:#903;
text-align:right;
}
DL.cell DD{
margin-left:96px;
padding-left:8px;
border-top:1px solid;border-left:1px solid;
background:#fff;
text-indent:0;
}


/* ■ banners ■ */

/* ● logo ● */

DIV.logo{
border:solid 1px #000;
width:200px;
margin:12px;
float:right;
}

DIV.logo a{
display:block;
width:198px;
line-height:38px;
font-size:24px;
font-family:Comic Sans MS,Geneva,cursive;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#fff;
background-color:#903;
}

DIV.logo a:visited{
font-weight:bold;
text-decoration:none;
color:#fff;
background-color:#903;
}

/* ● icon ● */

DIV.icon{
border:solid 1px #000;
width:200px;
margin:12px;
float:left;
}

DIV.icon a{
display:block;
width:198px;
line-height:38px;
font-size:24px;
font-family:Comic Sans MS,Geneva,cursive;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#903;
background-color:#fff;
}

DIV.icon a:visited{
font-weight:bold;
text-decoration:none;
color:#903;
background-color:#fff;
}

/* ● banner ● */

DIV.banner{
border:solid 1px #000;
width:468px;
margin:20px auto;
float:none;
}

DIV.banner a{
display:block;
width:466px;
line-height:58px;
font-size:36px;
font-family:Comic Sans MS,Geneva,cursive;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#903;
background-color:#fff;
}

DIV.banner a:visited{
font-weight:bold;
text-decoration:none;
color:#903;
background-color:#fff;
}

/* ■ Form block ■ */

DIV.Q{
width:550px;
background-color:#fff;
margin:12px;
padding:12px;
border:inset 2px #ffc;
font-size:16px;
line-height:20px;
}
INPUT.Q{font-size:16px;line-height:20px;width:200px;height:20px;}
TEXTAREA.Q{width:100%;font-size:16px;line-height:20px;}
SELECT.Q{font-size:16px;line-height:20px;width:500px;height:20px;}
SELECT.Q option{font-size:16px;line-height:20px;height:20px;}
option.Q{color:#903;}

FORM.mail{width:600px;}
FORM.mail INPUT{height:32px;font-size:22px;line-height:28px;}
FORM.mail SELECT{height:32px;font-size:22px;line-height:28px;}
FORM.mail SELECT option{height:32px;font-size:22px;line-height:28px;}
FORM.mail TEXTAREA{width:100%;font-size:22px;line-height:28px;}
.half{width:250px;}

/* ■ others ■ */

ADDRESS{
font-size:16px;
line-height:20px;
font-weight:bold;
font-style:normal;
clear:both;
border:solid 1px #903;
margin:16px 0 0 0;
padding:4px 0;
width:100%;
}

ADDRESS,ADDRESS a:link,ADDRESS a:visited{
color:#fff;
background-color:#903;
}