@charset "utf-8";

/*
ファイル名:style.css
最終更新日:2009/07/21
*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,
fieldset,legend,input,textarea,
p,blockquote,table,caption,
tbody,tfoot,thead,th,td,option{
margin:0;
padding:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

img{border:0;}

address,strong,em{
font-style:normal;
font-weight:normal;
}

ol,ul{list-style:none;}

h1,h2,h3,h4,h5,h6{
font-size: 100%;
}


html{
overflow: scroll;
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}

body{
background-color: #dcf2ff;
line-height: 1.5;
font-size: 12px;
font-family: Arial, Helvetica, Verdana;
color: #454545;
}

a:link{color:#38a1e7;text-decoration: underline;}
a:visited{color:#38a1e7;}
a:hover{color:#38a1e7;text-decoration: none;}
a:active{color:#38a1e7;}

#container{
width: 780px;
margin: 20px auto;
padding: 10px;
background-color: #eef8ff;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#container-in{
padding: 20px 40px;
border: 1px solid #cae6f9;
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.h-in{
border-left: 6px solid #edf8ff;
padding-bottom: 1em;
padding-left: 1.5em;
margin-bottom: 1.5em;
}

.h-in .site-title{
font-weight: bold;
font-size:2em;
line-height: 2;
}

#main{
width: 318px;
float: left;
margin-right: 20px;
}

.page-title,
#sub h3,
#side h3{
font-size: 1.167em;
font-weight: bold;
line-height: 2.0;
border-bottom: 6px solid #edf8ff;
margin-bottom: 1em;
}

#main h3{
font-weight: bold;
margin-bottom: .7em;
}

#main .sec{
padding: 10px;
border: 1px solid #cae6f9;
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 1em;
}

#main .sec ul li{
display :inline;
}

#main .sec ul li{
padding-right: 1em;
line-height: 1.5;
}



#sub,
#side{
width: 170px;
float: left;
margin-right: 20px;
}

#side{
margin-right: 0 !important;
}

#sub .sub-div,
#side .side-div{
margin-bottom: 1.5em;
}

#sub .sub-div dl{
margin-bottom: 1em;
}

.toge li{
list-style-type: disc;
list-style-position: inside;
}

.recom li{
margin-bottom: .7em;
}

.crumb{
margin-bottom: 1em;
}

.crumb li{
display: inline;
}

.crumb li span{
padding: 0 .5em;
}

#main table{
width: 317px;
border-top: 1px solid #c9e9ff;
border-left: 1px solid #c9e9ff;
margin-bottom: 1em;
}

#main th,
#main td{
padding: 5px;
text-align:left;
font-weight: normal;
border-right: 1px solid #c9e9ff;
border-bottom: 1px solid #c9e9ff;
}

#main th{
width: 60px;
background-color: #edf8ff;
}

.pager li{
padding: 5px;
float: left;
}

.relative li{
display: inline;
padding-right: .5em;
}

ul.pager:after,
div#cont:after,
.clearfix:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

ul.pager,
div#cont,
.clearfix{
display:inline-block;
}

/* MacIE begin \*/
*+html ul.pager,
*+html div#cont,
*+html .clearfix{
height:1%;
}

* html ul.pager,
* html div#cont,
* html .clearfix{
height:1%;
}

ul.pager,
div#cont,
.clearfix{
display: block;
}
/* Mac IE end */