/* Default CSS */

body {
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

.clear {
clear:both;
}

/* layout */
body{
text-align:center;
margin:auto;
padding:auto;
background:url(../img/background.gif);
}

div#container {
width:840px;
/*border-top:5px solid #3d370f;*/
margin:auto;
padding:auto;
}

div#header {
width:840px;
height:108px;
}

div#content {
width:600px;
float:right;
}

*html #content {
}

div#side-content {
width:240px;
float:left;
text-align:left;
padding-top:20px;
}


/* header */

h1 {
}

div#header ul {
float:right;
padding-top:3px;

}

div#header li img{
vertical-align:top;
}

div#header li.header-navi {
text-align:right;
padding-right:9px;
}

/* footer */

div#footer ul{}

div#footer ul li{
float:left;
font-size:0.75em;
margin-right:10px;
color:#555;
}

div#footer ul li a{
background:url(../img/list_01.gif) no-repeat left center;
display:block;
text-indent:9px;
color:#555;
text-decoration:none;
}

div#footer ul li a:hover{
color:#ea5531;
text-decoration:underline;
}

div#footer address{
clear:both;
font-family:Arial, Helvetica, sans-serif;
width:840px;
font-size:0.65em;
padding:0;
line-height:1.4;
color:#333;
margin-bottom:20px;
}


h2 {
padding:0;
margin:0;
line-height:0.5em;
}

div#main-content {
margin-bottom:20px;
padding-top:10px;
}


/* colum */

div#main-content div.colum{
background:#FFF url(../img/background-colum.jpg) no-repeat;
text-align:left;
padding:35px 30px;
padding-bottom:10px;
margin-bottom:10px;
}

div#main-content div.colum p.date{
font-size:0.8em;
margin-bottom:10px;
font-weight:bold;
color:#373633;
}

div#main-content div.colum h2{
font-size:1.2em;
margin-bottom:20px;
font-weight:bold;
color:#373633;
background:url(../img/background-columtitle.gif) no-repeat left bottom;
padding-bottom:0.5em;
}

div#main-content div.colum p{
font-size:0.8em;
font-weight:normal;
color:#373633;
line-height:1.6em;
}

div#main-content div.colum p.detail{
text-align:right;
font-size:0.8em;
}

div#main-content div.colum p.detail a{
background:url(../img/arrow_colum.gif) no-repeat 0 2px;
color:#333;
text-decoration:none;
padding-left:15px;
}

div#main-content div.colum p.detail a:hover{
color:#F30;
}

/* side-content */

*html div#side-content {
margin-right:-3px;
}

div#side-content div.side-box{
width:210px;
}

div#side-content div.side-box h3{
height:40px;
width:210px;
}

div#side-content div.side-box div.menu{
border:1px solid #a59775;
border-top:0;
margin-bottom:10px;
}

div#side-content div.side-box div.menu ul{
border:4px solid #c0b291;
}

div#side-content div.side-box div.menu ul li{
background:#ebe7dc;
padding:5px 10px;
border-bottom:1px solid #a59775;
}

div#side-content div.side-box div.menu ul li a{
background:url(../img/sidenavi-title-point.gif) no-repeat 0 5px;
color:#333;
font-size:0.8em;
text-decoration:none;
padding-left:14px;
}

div#side-content div.side-box div.menu ul li a:hover{
color:#F30;
}

/* footer */

div#footer {
clear:both;
border-top:1px solid #3c3932;
padding-top:16px;
}

/* page-navi */

div#page-navi{
background:#7e7561;
border:1px solid #b1a995;
padding:5px 8px;
margin-top:20px;
}

div#page-navi table{
width:100%;
}

div#page-navi table td.back,
div#page-navi table td.next{
width:5%;
}

div#page-navi table td a{
color:#FFF;
font-size:0.8em;
text-decoration:none;
}

div#page-navi table td a:hover{
color:#F30;
}

div#page-navi table td span{
font-size:0.8em;
color:#333;
background:#FFF;
padding:0 3px;
}