@charset "utf-8";
@import "base.css";
/* CSS Document

layout.css
========================================================
*/


*{
margin: 0;
padding: 0;
}
body{
background:#f0f0e4;
}
a {
color: #0000FF;
text-decoration: underline;
}
a:visited {
}
a:hover {
color: #8C4100;
text-decoration: none;
}
a.blank {
}
#wrapper{
text-align: left;
width: 98%;
margin: 0 auto;
}

#header{
height: 279px;
background:url(../assets/index01.jpg) 200px 0 no-repeat;
}
#logo{
display:block;
width:200px;
height:319px;
overflow:hidden;
}
#container{
width: 100%;
float: right;
margin-left: -190px;
}

#contents{
position: relative;
margin: 5px 0 0 185px;
padding: 0;
}

#sidebar{
width: 190px;
float: left;
margin-top:10px;
padding:10px 0;
background:#fff;
}

#footer{
clear: both;
overflow:hidden;
width: 1170px;
margin-bottom:10px;
padding:0 10px;
text-align: right;
color:#1a1a1a;
font-size:10px;
background:#fff;
}

#footer p{
padding: 0.5em 0;
}

#footer p a{
color:#1a1a1a;
text-decoration:none;
}

#footer p a:hover{
text-decoration:underline;
}
#footer p#goTop,
#footer p#copy{
margin:0;
}


#footer-inner {
clear:both;
margin:0 auto;
padding:0;
position:relative;
text-align:left;
background:#fff;
}
#footerContents {
clear:both;
height:100%;
margin:0;
line-height:1.2;
overflow:hidden;
}
#footerC1, #footerC2, #footerC3, #footerC4 {
display:inline;
float:left;
}
#footerC1 ul li {
line-height:0;
}
#footerC2 {
width:240px;
}
#footerC2 ul li.gsl {
padding-top:20px;
font-size:9px;
color:#333;
}
#footerC3 {
clear:right;
width:240px;
}
#footerC3 p {
margin:0 0 0 50px;
color:#1a1a1a;
font-size:11px;
}
#footerC4 {
clear:right;
padding-top:80px;
width:240px;
}
#footerC4 dd{
margin-bottom:.25em;
font-weight:bold;
}
#footerC4 dt a{
font-weight:normal;
color:#333;
text-decoration:none;
}
#footerC4 dt a:hover{
text-decoration:underline;
}




#topnavi{
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0.5em 0;
}

#undernavi{
position: absolute;
bottom: 0;
left: 0;
text-align: right;
margin-right: 2em;
width: 100%;
padding: 0.5em 0;
}
/*
.box {
width: 210px;
margin: 5px;
padding: 10px;
float: left;
font-size:12px;
background: #fff;
display: inline;
overflow:hidden;
}*/
#sidebar ul{
margin:0 0 0 15px;
}
#sidebar li{
margin-bottom:.25em;
}
#sidebar ul.areaIndx a{
font-size:12px;
color:#1a1a1a;
}
#sidebar ul.areaIndx a:hover {
color: #8C4100;
text-decoration: none;
}
#sidebar p{
font-size:11px;
}
#sidebar .sNav p{
margin:0 0 .25em 0;
font-size:13px;
font-weight:bold;
}







/**** Masonry CSS ****/

.wrap {
    background: #FFF;
    border: 0px solid #456;
    padding: 10px;
margin-bottom: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background:none;
padding-top:0;
}

.wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.box {
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
line-height:1.4;
    float: left;
background:#fff;
}

.col1 { width: 80px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }

.col1 img { max-width: 80px; }
.col2 img { max-width: 180px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

.col1, .col2, .col3, .col4, .col5{
float:left;
display:inline;
height:230px;
}

.col1 .boxinner p, .col2 .boxinner p, .col3 .boxinner p, .col4 .boxinner p, .col5 .boxinner p{
height:68px;
overflow-y: auto;
overflow-x:hidden;
}


.cus{
background:#faf5f7 url(../assets/stripe01.gif) repeat;
}
.buz{
background:#edf4fa url(../assets/stripe01.gif) repeat;
}
.twt{
display:block;
height:220px;
background:#F0F0E4;
}





/* news list */
.newsBox,
.voiceBox{
background:#FFFAFA;
height:220px;
}
.newsBoxInner,
.voiceBoxInner{
height:180px;
overflow-y: auto;
overflow-x:hidden;
}
ul.news {
margin:1em .5em;
}
ul.news li {
margin-bottom:.25em;
}
ul.news a {
}
#mainColumn ul.news a:hover {
}
ul.news .date {
font-size: 95%;
}
ul.news li {
margin: 0 0 5px;
padding-left:6em;
padding-bottom:3px;
text-indent:-6em;
border-bottom:1px dotted #ccc;
}
/* for IE7 */
*+html ul.news li {
padding-left:6.5em;
text-indent:-6.5em;
}
/* for IE6 */
* html ul.news li {
font-size: 95%;
padding-left:5em;
text-indent:-5em;
font-family:"ＭＳ Ｐゴシック", sans-serif;
}
ul.news a span.date {
line-height:2em;
font-size: 90%;
}
.voiceBox p{
margin-top:5px;
padding-bottom:3px;
border-bottom:1px dotted #ccc;
}