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


/* 静的ページと共通
---------------------------------------------------- */

body{ background:#ededed;}

/* ヘッダー */

#header_wrap{ position:relative; width:100%; height:256px;}
header{ width:980px; margin:0 auto; position:relative;}
.logo{ position:absolute; right:0; top:34px;}

footer .copy{ padding:20px 0 0 0;}



/* ワードプレス共通
---------------------------------------------------- */

#main_wrap{ padding:38px 0 40px 0;}
.page_ttl{ position:absolute; right:18px; top:0;}

main{ float:right; width:858px;}

/*works詳細ページ用*/
.detail_main_wrap { padding-top:0;}
.detail_main_wrap main{ float:inherit; width:980px;}


aside.sidebar_wp{ float:left; width:122px; letter-spacing:0.2em;}

aside.sidebar_wp ul{ padding-bottom:40px;}
aside.sidebar_wp ul li{ padding-bottom:4px;}
aside.sidebar_wp ul li a { text-decoration:none;}
aside.sidebar_wp ul li.select a{
opacity:0.3;
filter: alpha(opacity=30);
-ms-filter: "alpha( opacity=30 )";}

aside.sidebar_wp .side_ttl{ padding-bottom:12px;}

aside.sidebar_wp ul li .year{ cursor:pointer;}
aside.sidebar_wp ul li .year:hover{ color:#b2b2b2;}

aside.sidebar_wp ul li ul{ padding-left:26px; padding-top:10px; padding-bottom:14px;}
aside.sidebar_wp ul li ul li{}


/*コンテンツ部分共通*/
.wp_top_wrap{ position:relative; overflow:hidden;}


/*
.box1 .inner{ width:760px; margin-right:98px; padding-bottom:36px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.box1 .con_ttl{ padding:25px 0 23px 9px; line-height:1;}

.box{ position:relative;}
*/



/*ページネーション*/
.pagenav{ border-top:1px solid #ccc; padding-top:22px;}
.pagenav .pagenav_inner{ position:relative;}
.pagenav .pagenav_inner ul{ height:12px;}
.pagenav .pagenav_inner ul li{ line-height:1.0;}
.pagenav .page_prev{ position:absolute; left:0; top:0; height:12px;}
.pagenav .page_next{ position:absolute; right:0; top:0; height:12px;}
.pagenav .page_worksindex{ position:absolute; left:50%; top:0; margin-left:-39px; width:78px; height:12px;}
.pagenav .page_newsindex{ position:absolute; left:50%; top:0; margin-left:-100px; width:200px; height:12px; text-align:center;}
.pagenav .page_newsindex a{ text-decoration:none;}
.pagenav .pagetop{ padding-top:40px;}



/*詳細ページ*/

.detail_main_wrap .cate{}
.detail_main_wrap .date{}
.detail_main_wrap .ttl{ padding:16px 0;}
.detail_main_wrap .write_area{ padding-bottom:40px;}

.write_area img{ padding-bottom:18px;}
.write_area p{ line-height:2.0; letter-spacing:0.1em;}
/*
.write_area p{ padding:6px 0;}
*/

/* works
------------------------------------------------------------ */

.works_css{}
.works_top_wrap .inner{ width:780px; margin-right:-20px; padding-bottom:;}
.works_top_wrap .inner div.item{ float:left; width:240px; padding-right:20px; padding-bottom:10px; margin-bottom:24px;}
.works_top_wrap .inner div.item .cate{ padding-top:5px; font-size:90%; letter-spacing:0.1em;}
.works_top_wrap .inner div.item .date{ padding-top:2px; letter-spacing:0.1em;}
.works_top_wrap .inner div.item .ttl{ padding-top:2px; font-size:108%; letter-spacing:0.1em;}

/*詳細*/
.works_css .detail_main_wrap{ padding:0 0 40px 0!important;}
.works_box .cate{ font-size:96%; letter-spacing:0.2em;}
.works_box .date{ letter-spacing:0.15em;font-size:106%;}
.works_box .ttl{ padding:10px 0 20px 0; font-size:130%; letter-spacing:0.2em;}


/* news
------------------------------------------------------------ */

.news_css{}
.news_wrap{}
.news_wrap .inner{ width:760px;  margin-right:98px; padding-bottom:36px;}
.news_wrap .news_box{  border-top:1px solid #ccc; padding-bottom:36px; padding-top:24px;}
.news_wrap .date{ padding:0 8px;}
.news_wrap .ttl{ padding:10px 8px 22px 8px; font-size:120%; letter-spacing:0.1em}
.news_wrap .ttl a{ text-decoration:none;}

/*アーカイブページ*/
.news_box_archive{  border-top:1px solid #ccc; padding:24px 8px 26px 8px;}

.news_box_archive .con_ttl{ padding-bottom:8px;}
.news_box_archive .date{ padding:10px 16px 10px 0 ;}
.news_box_archive .ttl{ padding:10px 20px 10px 0 ; font-size:100%; letter-spacing:0.08em;}
.news_box_archive .ttl a:link,
.news_box_archive .ttl a:visited{ text-decoration:underline;}
.news_box_archive .ttl a:hover{ text-decoration:none;}