@charset "utf-8";

/* ========BASIC======== */
body{
font-size : 12px;
font-family : Verdana,Osaka,'MS UI Gothic';
color:#333; 
line-height:150%;
margin:0;
letter-spacing:0.05em;

/* スクロールバーの設定 */
scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#ff9999;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
overflow-y:auto;
}

a{
color:#CC6600;
text-decoration:none;
}

b{
color:#CC6600;
text-decoration:none;
}

p{
color:#CC6600;
text-decoration:none;
}

a:link {/*未訪問のリンク*/
    color:#005FFF;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#934C7B;
    text-decoration:underline;
}

a:hover{
color:#FF0000;
cursor:pointer;
}

image{
border:0;
}

br{
letter-spacing:normal;
}

/* テーブルを囲んでいる線の設定 */
.line{
border:1px #ff9999 solid;
}

/* タイトル */
h1{
font-size:23px;
color:	#DAA520;
font-weight:bold;
text-align:center;
}

/* ========TEMPLATE FRAMEWORK======== */
div#wrapper  {
width:900px;
overflow:hidden;
margin:-300px 0 0 -500px;
position:absolute;
top:50%;
left:50%;
text-align:left;
}

div#menu{
width:340px;
height:650px;
float:left;

/* スクロールバーの設定 */
scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#ff9999;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
overflow:auto;

}


div#contents{
width:320px;
float:right;
height:650px;
overflow:auto;
padding:0px 219px 0px 0px;
}

div#footer{
clear:both;
}

/* ========MENU CUSTOMIZE======== */
div#menu{
background-image:url("../image/bg.gif");
vertical-align:top;
line-height:250%;
}

div#menu p{
list-style:none;
margin:0;
padding-left:20px;
color:#339999;
font-weight:bold;
white-space: nowrap;
}


/* ========CONTENTS CUSTOMIZE======== */
div#contents{
/* Firefox用背景画像指定 */
background: url("../image/illust.gif") 96% 100% no-repeat !important;
/*IE6用背景画像指定 */
background: url("../image/illust.gif") 100% 100% no-repeat fixed;
}

div#contents h2{
background:url("../image/yeah.gif") no-repeat;
padding:20px 3px 3px 20px;
border-bottom:0px #ff9999 dotted;
font-size:1em;
font-weight:bold;
line-height:30px;
margin:0;
}

div#contents h3{
padding:10px 3px 3px 90px;
border-bottom:0px #ff9999 dotted;
font-size:1em;
font-weight:bold;
line-height:30px;
margin:0;
}


div#contents p{
margin:0;
padding:0.5em 0 2em 0;
}

div#contents strong{
color:red;
font-weight:normal;
border-bottom:1px dashed #999;
}

/* ========FOOTER CUSTOMIZE======== */
div#footer{
font-size:0.7em;
text-align:right;
}