@charset "UTF-8";
@import "../../common/css/reset.css";
@import "../../common/css/common.css";
@import "../../common/css/side.css";

/**************************************************/
/* ブログINDEX */
/**************************************************/
#blogHead{position:relative;}

.newsControl{width:340px;position:absolute;top:15px;right:0px;}
.newsControl p{display:inline;line-height:28px;}
.newsControl select{background-color:#FFF;}

#newsHead1{width:150px;display:inline;margin-right:15px;}
#newsHead1 select{width:150px;}

#newsHead2{width:106px;display:inline;}
#newsHead2 select{width:106px;}

#newsHead3{height:22px;padding:3px 0px;position:absolute;top:0px;right:0px;}

#blogList{background-color:#FFF;padding:30px 0px 20px 20px;}
#blogList li{font-size:13px;position:relative;padding-bottom:25px;margin-left:205px;}

#blogList li a{text-decoration:underline;}
#blogList li a:hover{text-decoration:none;}
#blogList li span{width:90px;color:#C9A566;font-size:12px;line-height:20px;display:block;position:absolute;left:-205px;top:0px;}
#blogList li img{position:absolute;left:-115px;top:0px;}

.blogArticle{background-color:#FFF;padding:30px;}

.articleBox{}
.articleBox p{color:#000;font-size:16px;line-height:1.5em;}
.articleBox img{display:inline;}

#articleHead{padding-top:27px;position:relative;margin-bottom:15px;}
#articleHead h3{color:#6C4646;font-size:26px;line-height:30px;font-weight:bold;}
#articleHead p{color:#C9A566;font-size:14px;line-height:27px;font-weight:bold;position:absolute;width:100%;left:0px;top:0px;}

.blogPaging{width:100%;height:40px;position:relative;margin-top:17px;display:none;}

#blogIndex{width:160px;margin:0px auto;}
#blogPrev{width:120px;line-height:40px;position:absolute;top:0px;right:30px;text-align:right;display:none;}
#blogNext{width:120px;line-height:40px;position:absolute;top:0px;left:30px;text-align:left;display:none;}

.blogPaging ul{width:100%;text-align:center;}
.blogPaging li{width:30px;display:inline-block;line-height:28px;margin:0px 0px;}
.blogPaging li a,
.blogPaging li span{width:100%;display:inline-block;text-align:center;color:#333;border:1px solid #B4B681;padding:0px;}

.blogPaging li.selected a,
.blogPaging li.selected span{font-weight:bold;text-decoration:underline;background-color:#B4B681;color:#FFF;}

/**************************************************/