/**************************** 全体 ****************************/
*{
 margin:0;
 padding:0;
}

html{
 height:100%;
}

body{
 background-image:url(../img/haikei4.jpg);
 height:100%;
 text-align:center;
 scrollbar-face-color:mistyrose;
 scrollbar-highlight-color:white;
 scrollbar-shadow-color:#ff0099;
 scrollbar-3dlight-color:black;
 scrollbar-arrow-color:#ff0099;
 scrollbar-track-color:white;
 scrollbar-darkshadow-color:black;
 font-size:75%;
 font-family:"MS UI Gothic","MS PGothic";
}

body > #main{
 height:auto;
}

#whole{
 background-color:#fff;
 margin-left:auto;
 margin-right:auto;
 height:100%;
 min-height:100%;
}

#side_left{
 background-image:url(../img/side_bl.jpg);
 width:20px;
}

#side_right{
 background-image:url(../img/side_br.jpg);
 width:20px;
}

#main{
 width:800px;
 vertical-align:top;
 text-align:center;
 padding:0px 5px;
}

a{
 color:#000000;
 text-decoration:underline;
}

a:hover{
 color:#0000ff;
 text-decoration:none;
}

img{
 border:0px;
}

hr{
 border-style:dotted;
 color:#e0c4b0;
 height:1px;
 clear:both;
 margin:0px;
 padding:0px;
}

br{
 clear:both;
}

.red{
 color:#ff0000;
}

/**************************** ヘッダー ****************************/
#header{
 height:125px;
 padding:0px;
 clear:both;
 margin-bottom:20px;
}

.top_img{
 float:left;
 width:310px;
}

.top_banner{
 float:left;
 background-image:url(../img/2.jpg);
 width:468px;
 height:60px;
 padding:20px 11px;
}

#header ul{
 list-style-type:none;
 text-align:center;
 width:auto;
}

#header li{
 display:inline;
 list-style:none;
 font-size:12px;
}

#header li a{
 display:block;
 float:left;
 width:81px;
 height:15px;
 margin:0;
 padding:7px 8px 3px 8px;
 color:#000;
 background-color:#fd4ba3;
 border-right:1px solid #fff;
}

#header li a:hover{
 background-color:#f0f8ff;
}

/**************************** 左側 ****************************/
#left{
 width:220px;
 text-align:left;
 float:left;
}

/************* メニュー *************/
#menu_title{
 color:#ff6600;
 border:1px #fdb5c7 solid;
 padding:8px 5px;
}

#menu{
 margin-bottom:20px;
 text-align:left;
}

#menu ul{
 list-style-type:none;
}

#menu li{
 list-style-type:none;
 border-left:1px #fdb5c7 solid;
 border-right:1px #fdb5c7 solid;
 border-bottom:1px #fdb5c7 solid;
}

#menu a{
 display:block;
 padding:8px 10px;
}

#menu a:hover{
 background-color:#f0f8ff;
}

/************* 新着 *************/
#info_title{
 color:#ff6600;
 border:1px #fdb5c7 solid;
 padding:8px 5px;
 margin-bottom:5px;
}

#info_box{
 height:300px;
 overflow:auto;
 border:1px #fdb5c7 solid;
}

#info_box a{
 color:#ff33cc;
 font-weight:bold;
}

#info_box th{
 padding:5px;
}

#info_box td{
 padding:0px 5px;
 vertical-align:top;
}

/************* QR *************/
#qr{
 text-align:center;
 margin:20px 0px;
 padding:0px;
}

/**************************** 右側 ****************************/
#right{
 width:560px;
 margin:0px 0px 20px 0px;
 float:right;
}

/**************************** フッター ****************************/
#copyright{
 padding:10px 0px;
 clear:both;
}

#footer{
 background-image:url(../img/footer_menu.jpg);
 width:800px;
 clear:both;
}

#footer ul{
 list-style:none;
 margin:0px;
 padding:9px 30px;
}

#footer li{
 display:inline;
 margin:5px;
}