@charset "utf-8";
/* CSS Document */

/* ---------------- ◆ [基本設定部分　開始] ◆ ---------------- */

* {
margin:0px;
padding:0px;
}

body{
color:#333333; 
font-size: 12px; 
font-family: "ＭＳ Ｐゴシック",Osaka;
line-height:1.4; 
margin:0px;
padding:0px;
background-color:#D9D9D0;
background-image:url(../images/bc.png);
background-repeat:repeat-x;
}

a:link{
color:#330000; 
}
a:visited{
color:#330000;
}
a:hover{
color:#FF6600;
}
a:active{
color:#FF6600;
}

a img{
border:0 none;
}

/* ---------------- ◆ [基本設定部分　終了] ◆ ---------------- */

/* ---------------- ◆ [HEADER用　開始] ◆ ---------------- */

div#header{
width:782px;
height:59px;
margin:0 auto;
position:relative;
padding:20px 0px 0px 20px;
text-align:left;
background-image:url(../images/bc2.png);
background-repeat:no-repeat;
clear:both;
}

h1{
width:782px;
height:15px;
margin:0 auto;
position:relative;
padding:10px;
font-size:10px;
line-height:1.0;
font-weight:normal;
background-image:url(../images/h1.png);
background-repeat:no-repeat;
color:#666666;
}


div#header #logo{
float:left;
}

div#header p{
height:20px;
width:100px;
display:block;
background-image:url(../images/top-list1.png);
background-repeat:no-repeat;
padding-left:10px;
float:left;
}

div#header p a{
text-decoration:none;
}

/* ---------------- ◆ [HEADER用　終了] ◆ ---------------- */

/* ---------------- ◆ [CONTENTS用　開始] ◆ ---------------- */
div#contents{
width:802px;
margin:0 auto;
position:relative;
padding:0px;
background-image:url(../images/bc3.png);
background-repeat:repeat-y;
clear:both;
text-align:left;
}
/* ---------------- ◇ [left(メニュー)用　開始] ◇ ---------------- */
div#left{
width:200px;
height:600px;
margin:10px 10px 0px 5px;
*margin:10px 10px 0px 3px;
float:left;
padding:15px 0px 0px 0px;
background-image:url(../images/menu-bc.png);
background-repeat:no-repeat;
text-align:center;
}

div#contents #left ul{
padding:0px;
}

div#contents #left ul li {
list-style:none;
font-size:0.2em;
padding:0px;
}


div#contents #left ul li a {
width:183px;
height:42px;
display: block;
text-indent: -9999px;
text-decoration: none;
outline:0;
margin:2px 0px 0px 0px;
}

#left li#h a{
background-image:url(../images/menu-h.png);
background-position:top;
}

#left li#h a:hover{
background-position:bottom;
}

#left li#c a{
background-image:url(../images/menu-c.png);
background-position:top;
}

#left li#c a:hover{
background-position:bottom;
}

#left li#w a{
background-image:url(../images/menu-w.png);
background-position:top;
}

#left li#w a:hover{
background-position:bottom;
}

#left li#l a{
background-image:url(../images/menu-l.png);
background-position:top;
}

#left li#l a:hover{
background-position:bottom;
}

#left li#m a{
background-image:url(../images/menu-m.png);
background-position:top;
}

#left li#m a:hover{
background-position:bottom;
}

#left li#s a{
background-image:url(../images/menu-s.png);
background-position:top;
}

#left li#s a:hover{
background-position:bottom;
}

#left li#blog{
background-image:url(../images/blog_bn.jpg);
background-position:top;
margin:10px 0px 10px 0px;
width:183px;
height:64px;
background-repeat: no-repeat;
}
#left li#blog a{
background-image:url(../images/blog_bn.jpg);
background-position:top;
margin:10px 0px 10px 0px;
width:183px;
height:64px;
background-repeat: no-repeat;
}






/* ---------------- ◇ [left(メニュー)用　終了] ◇ ---------------- */

/* ---------------- ◇ [right(メインコンテンツ)用　開始] ◇ ---------------- */
div#main{
width:550px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:10px;
float:left;
}

/* ---------------- ◇ [right(メインコンテンツ)用　終了] ◇ ---------------- */


/* ---------------- ◆ [CONTENTS用　終了] ◆ ---------------- */



/* ---------------- ◆ [BOTTOM用　開始] ◆ ----------------  */
div#btm2{
width:770px;
height:50px;
font-size:12px;
clear:both;
margin:20px 0px 0px 20px;
}

div#btm-l{
width:200px;
height:50px;
font-size:12px;
float:left;
margin:0px;
}

div#btm-r{
width:560px;
height:20px;
text-align:right;
color:#330000;
font-size:12px;
vertical-align:bottom;
float:left;
margin:20px 0px 0px 0px;
}

div#btm{
width:802px;
height:20px;
margin:0px auto;
position:relative;
padding:5px 0px;
text-align:center;
clear:both;
background-color:#666666;
}

div#btm a{
color:#FFFFFF;
}

.acc{
display:block;
top:-9999px;
left:-9999px;
position:absolute;
}

/* ---------------- ◆ [BOTTOM用　終了] ◆ ---------------- */