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

*{margin:0; padding:0; list-style:none;}

body{background-image:url(image/shared/back01.jpg), url(image/shared/back02.jpg);
    background-repeat:repeat-x, repeat;
    background-position:top,top;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


a{ color:#333333;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: text-bottom;
}


a img{
    transition:all 0.5s ease;
}

a:hover img{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}



/*column*/
#contents{
    background:#FFFFFF;
    width:990px;
    margin:0 auto;
    overflow:hidden;
    -moz-box-shadow: 0px 0px 4px #000000;
    -webkit-box-shadow: 0px 0px 4px #000000;
    box-shadow: 0px 0px 4px #000000;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}

#left{
    float:left;
    width:156px;
    margin:5px;
}

#main{
    width:590px;
    float:left;
    margin:5px;
}

#right{
    width:200px;
    float:left;
    margin:5px;
}

/*header*/
#header{
    background:url(image/shared/back_head.jpg) repeat-x bottom;
    position:relative;
    overflow:hidden;
    height:124px;
}

#header a{
    text-decoration:none;
}

#header .logo{
    float:left;
    margin:6px 10px;
}

#header .head_banner{
    margin:14px 0 0 500px;
}

#header h1{
    padding:10px;
    background:#333333;
    color:#FFFFFF;
    font-size:12px;
    font-weight:normal;
}

#header #subnavi{
    overflow:hidden;
    position:absolute;
    right:0;
    top:10px;

    width:200px;
}
#header #subnavi li{
    float:left;
    margin:0 0 0 20px;
}

#header #subnavi li:first-child{
    border-right:1px sosolid #FFFFFF;
}

#header #subnavi li a{
    color:#FFFFFF;
    font-size:12px;
}




/*left*/

#left_navigation{
    background:url(image/shared/left/back.jpg);
    overflow:hidden;
}

#left_navigation .line{
    background:url(image/shared/left/line.jpg);
    height:9px;
    margin:10px 0;
}

#left_navigation .area{
    width:138px;
    margin:0 auto 0 12px;
    overflow:hidden;
}

#left_navigation .area li{
    padding:5px;
    font-size:13px;
    background:#515151;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
    float:left;
    margin:0 5px 5px 0
}

#left_navigation .area li:hover{
    background:#666666;
}

#left_navigation .area li a{
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold
}


#left_navigation .area li.last{
    width:122px;
    text-align:center;
}

#left_navigation .arealist{
    padding:0px 10px;
}

#left_navigation .arealist h3{
    font-size:14px;
    color:#FFEEAC;
}

#left_navigation .arealist li{
    background:url(image/shared/left/arr.jpg) no-repeat 0 5px;
    padding:3px 0 3px 10px;
}

#left_navigation .arealist ul li ul li{
    background:url(image/shared/left/arr.jpg) no-repeat -5px 5px;
    padding:3px 0 3px 5px;
}

#left_navigation .arealist li.category{
    font-size:14px;
    color:#888888;
}

#left_navigation .arealist li.category a{
    color:#FFFFFF;
}

#left_navigation .arealist li{
    font-size:11px;
}

#left_navigation .arealist li a{
    color:#FFFFFF;
    text-decoration:none;
}

#left_navigation .arealist li a:hover{
    text-decoration: underline;
}

#left .banner{
    text-align:center;
    padding:8px;
}


/*index*/

#news{
    background:url(image/index/back_news.jpg);
    width:560px;
    height:483px;
    overflow:hidden;
    padding:15px;
    margin:0 0 20px 0;
}

#news #pickup .photo{
    float:left;
}

#news #pickup .data{
    margin:0 0 0 210px;
    line-height:20px;
}

#news #pickup .data h3{
    font-size:16px;
    color:#4C3E1F;
    margin:0 0 10px 0;
}

#news #pickup .data h3 a{
    color:#4C3E1F;
    text-decoration:none;
}

#news #pickup .data{
    font-size:12px;
}

#news #news_list{
    clear:both;
    padding:10px 0 0 0;
}

#news #news_list dt{
    background:#F5EEE0;
    padding:2px 4px;
    font-size:11px;
    text-align:center;
    width:70px;
    height:32px;
    float:left;
    clear:left;
    margin:0 10px 5px 0;
    line-height:16px;
    /*中央揃え用 */
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */

}

#news #news_list dd{
    font-size:13px;
    margin:0 0 5px 80px;
    padding:2px 4px;
    border-bottom:1px dashed #CCCCCC;
    line-height:16px;

}

#news #news_list dd h4{
    font-size:12px;
    font-weight:bold;
}

#news #news_list a{
    text-decoration:none;
}

#cover{
    margin:0 0 20px 0;
}

#cover h3{
    background:#282828;
    text-align:center;
    padding:5px;
    color:#FFFFFF;
    font-size:14px;
}


#dendou{
    overflow:hidden;
}

#dendou h3{
    font-size:12px;
    font-weight:normal;
    text-align:center;
}

#dendou li{
    float:left;
    padding:5px 0;
}

#dendou .left{
    margin:0 6px 10px 0px;
}

#dendou .right{
    margin:0 0px 10px 0px;
    float:right;
}


#lady{
    overflow:hidden;
}

#lady li{
    width:112px;
    float:left;
    margin:3px;
}

#lady li h3{
    background:#F5EEE0;
    font-size:14px;
    text-align:center;
}

#lady li h3 a{
    color:#4C3E1F;
    padding:5px 0;
    text-align:center;
    display: block;
    width:100%;
}

#lady li strong a{
    font-size:8px;
    font-weight:normal;
    text-decoration:none;
    padding:2px 0;
    display:block;
}


/*right*/

#right li{
    font-size:10px;
    text-align:center;
    padding:0 0 6px 0;
}