@charset "Shift_JIS";

/* ========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:#FF6060;
text-decoration:none;
}

a:hover{
color:#ffffff;
cursor:e-resize;
}

image{
border:0;
}

br{
letter-spacing:normal;
}

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

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

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

div#menu{
width:150px;
height:370px;
float:left;
}

div#contents{
width:400px;
float:right;
height:350px;
overflow:auto;
padding:10px 130px 10px 10px;
}

div#footer{
clear:both;
}

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

div#menu ul{
list-style:none;
margin:0;
padding-left:20px;
}

/* ========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:3px 3px 3px 55px;
border-bottom:1px #ff9999 dotted;
font-size:1em;
font-weight:normal;
line-height:33px;
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.9em;
text-align:right;
}

/* ========ENTERPAGE CUSTOMIZE======== */
div#enter{
width:400px;
overflow:hidden;
margin:-150px 0 0 -200px;
position:absolute;
top:50%;
left:50%;
text-align:left;
}

div#enterText{
width:260px;
float:left;
vertical-align:bottom;
text-align:right;
margin-top:40px;
}

div#enterPhoto{
width:130px;
float:right;
vertical-align:bottom;
}