@charset "utf-8";


body {

line-height:160%;

}

/*main_image*/




/*header*/

.container {
width: 984px;
margin:0 auto;
position:relative;
}

header {
width:100%;
height:116px;
position:fixed;
left:0;
top:0;
z-index:1000;
background-image:url(../img/common/bg_header.png);
background-size:30px auto;
}
header h1{
position:absolute;
left:30px;
top:0;
width:220px;
height:116px;
margin:0;
padding:0;
}
header h1 a{
display:block;
width:220px;
height:116px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background:url(../img/common/logo_pc.png) no-repeat;
background-size:220px auto;
}

#mainSlide {
margin-top:116px;
}


/*nav*/
#menu {
width: 378px;
padding: 0;
margin:0;
position:absolute;
top:0;
right:30px;
}
#menu li{
float:left;
margin: 0;
padding: 0;
list-style-type:none;
}
#menu li a {
display: block;
height:116px;
margin: 0;
padding: 0;
text-decoration: none;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-image:url(../img/common/gnav.png);
background-repeat:no-repeat;
}

#menu li.about a {
width:69px;
background-position:0 0;
}
#menu li.about a.current,
#menu li.about a:hover {
background-position:0 -116px;
}

#menu li.works a {
width:69px;
background-position:-69px 0;
}
#menu li.works a.current,
#menu li.works a:hover {
background-position:-69px -116px;
}

#menu li.news a {
width:69px;
background-position:-138px 0;
}
#menu li.news a.current,
#menu li.news a:hover {
background-position:-138px -116px;
}

#menu li.publishing a {
width:98px;
background-position:-207px 0;
}
#menu li.publishing a.current,
#menu li.publishing a:hover {
background-position:-207px -116px;
}

#menu li.company a {
width:73px;
margin-right:0;
background-position:-305px 0;
}
#menu li.company a.current,
#menu li.company a:hover {
background-position:-305px -116px;
}

#toggle {
display: none;
}


#footer{
margin-top:50px;
}

#footer h1 {
font-weight:normal;
font-size:12px;
border-bottom:1px solid #707070;
font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

#copyright {
text-align:right;
padding:0 0;
font-size:12px;
color:#666666;
}

#copyright img{
margin-bottom:44px;
width:446px;
height:13px;
}

#pagetop {
display:block;
width:60px;
height:60px;
position:fixed;
right:100px;
bottom:275px;
z-index:1000;
}
#pagetop img{
width:60px;
height:60px;
opacity:1;
filter:alpha(opacity=1);
}
#pagetop:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}


.title {
height:13px;
width:auto;
margin:57px 0 52px 0;
}
.title_news{
background-image:url(../img/common/title_news.png);
background-size:auto 13px;
background-repeat:no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}



.date {
clear:both;
width:100%;
height:20px;
}

.date h3 {
font-size:15px;
font-family: sans-serif !important;
font-weight:normal;
margin:0;
float:left;
width:150px;
line-height:20px;
}


.newsLine {
border-bottom:1px solid #e0e1e1;
padding-bottom:7px;
margin-bottom:50px;
}
#news #wp_editable {
padding-top:30px;
}
#publishing #wp_editable {
padding-top:60px;
}

.newsLine {
border-bottom:1px solid #e0e1e1;
padding-bottom:5px;
margin-bottom:50px;
clear:both;
}
.cat {
display:block;
width:80px;
height:20px;
float:right;
background-size:80px auto;
background-repeat:no-repeat;
background-position:0 100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.cat_works {
background-image:url(../img/common/cat_works.png);
}
.cat_publishing {
background-image:url(../img/common/cat_publishing.png);
}
.cat_news {
background-image:url(../img/common/cat_news.png);
}
.cat_about {
background-image:url(../img/common/cat_about.png);
}
.cat_company {
background-image:url(../img/common/cat_contact.png);
}


#information h2 {
font-size:15px;
font-weight:normal;
margin:0;
font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#information p {
margin:0 0 1.5em 0;
}


/*****worksList*****/
.pTitle,
.selectNav,
.sp_title {
display:none;
}

.worksNav {
width:240px;
float:left;
font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:14px;
-webkit-font-smoothing: antialiased;
}
.worksNav ul,
.worksNav li{
list-style-type:none;
margin:0;
padding:0;
}

.worksNav li{
list-style-type:none;
margin:0 0 22px 0;
}
.worksNav li a{
color:#474747;
}
.worksNav li a.current,
.worksNav li a:hover{
color:#999999;
text-decoration:none;
}
.worksNav li a.current {
cursor:default;
}
.worksNav li span{
display:block;
font-size:13px;
}

.cols {
width:744px;
float:right;
}
.col {
width:198px;
float:left;
margin-left:50px;
margin-bottom:36px;
}
.col img {
width:100%;
height:auto;
}
.col a:hover {
opacity:0.6;
}
.col h3{
font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:14px;
margin:0 0 0 0;
padding:0;
font-weight:normal;
}
#worksList {
margin-top:146px;
}




/*works 詳細ページ設定*/


.ph_keep {
text-align:center;
margin:20px auto;
}

.ph_full {
width:100%;
text-align:center;
margin:20px auto;
max-width:1500px;
}

.ph_full img{
width:100%;
height:auto;
}
.ph_tate {
width:100%;
text-align:center;
margin:20px auto;
}
.ph_tate img{
width:45%;
height:auto;
}

.snsBox {
padding-top:15px;
}

/**************snsBox.snsBox {
width:100%;
text-align:right;
}
.snsBox:before, .snsBox:after {
  content: " ";
  display: table;
}
.snsBox:after {
  clear: both;
}************/

/* ----------pagenation---------- */
.pagenation{
	text-align: center;
	font-size: 15px;
	margin: 60px auto 30px auto;
}

.pagenation:before, .pagenation:after{
  content: " ";
  display: table;
}
.pagenation:after {
  clear: both;
}

.pagenation span,
.pagenation a:link,
.pagenation a:visited{
	width: 40px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	border: 1px dotted #999;	
}
.pagenation a:hover,
.pagenation a:active,
.pagenation a:focus{
	color: #fff;
	text-decoration: none;
	background-color: #666;
	border: 1px solid #666;		
}

.pagenation span.current,
.pagenation a.current{
	color: #fff;
	text-decoration: none;
	background-color: #666;
	border: 1px solid #666;		
}


/*固定ページ用およびヒストリーバック*/

.page {
margin-top:146px;
}

.back {
/*text-align:right;*/
margin:60px auto 0 auto;
width:984px;
}
.back.back02 {
/*text-align:right;*/
margin:30px auto 30px auto;
width:984px;
}
.back a{
display:inline-block;
width:46px;
height:30px;
background-image:url(../img/common/back.png);
background-size:46px auto;
background-repeat:no-repeat;
background-position:0 100%;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

.fullBlock {
width:100%;
}
.fullBlock:before, .fullBlock:after {
  content: " ";
  display: table;
}
.fullBlock:after {
  clear: both;
}
.halfBlock {
width:50%;
float:left;
}



/***********worksNavFix
.worksNavFix {
position:fixed;
top:140px;
}**********/

/***********worksdetail header**********/
.worksdetail #header {
position:relative;
}
.worksdetail #mainSlide {
    margin-top: 0;
}



.publishingLine {
margin-bottom:2em;
}
.publishingLine .thumb{
width:100px;
float:left;
}

.publishingLine .thumb img{
width:100%;
height:auto;
}
.publishingLine .publishingTxt{
width:860px;
float:right;
}

.publishingLine .publishingTxt p{
margin-top:0 !important;
}
#worksdetail_ph {
width:100%;
max-width:1500px;
margin:0 auto;
}
#worksdetail_ph img {
width:100%;
height:auto;
}

.about_ph {
width:198px;
}
.about_ph img{
width:100%;
height:auto;
}


#tab {
display:none;
}

#slides {
margin-top:116px;
}