/*
GAB
style.css

/*-
text #555555
*/

/*-------------------------------------------------------
 SECOND LYOUT
---------------------------------------------------------*/

/* 第2階層 NAVI
----------------------------------------------------------*/ 

/* NAVI
----------------------------------------------------------*/ 

#navi {
width: 100%;
height:90px;
position: fixed;
top: 0;
left:0;
right:0;
z-index: 101;
background-color:#FFFFFF;  ナビ部分の背景
}

/* 1024以上はロゴ＆トグル横にスペース追加 --------------*/ 
@media screen and (min-width: 1250px) {
.nav-space {
width: 100%;
padding:0 80px;
height: auto;
}
}
@media screen and (max-width: 780px) {
.nav-space {
min-width:780px !important;
height: auto;
}

.nav-space .logo{
padding-top:10px;
padding-left:20px;
}
}




/* 第2階層ベース MAIN CONTENT
-----------------------------------------------*/

.content{
 margin: 50px auto 20px;
 width:780px;
}




/*-------------------------------------------------------
 CONCEPT
---------------------------------------------------------*/
#concept {
margin:30px 0;
padding:0;
}


/*-------------------------------------------------------
 NEWS
---------------------------------------------------------*/
.newslist{
margin-top:80px;
text-align: center;
margin-left:auto;
margin-right:auto;
background-image:url(../img/news/back_line.jpg);
background-repeat:repeat-y;
}

#news article {
margin:10px 40px 40px;
width:700px;
text-align: center;
}

#news article dl{
margin:0px 10px;
display: inline-block;
text-align: left;
}

#news article dt{
font-size: 0.9rem;
color:#CCA37A !important;
width:700px;
text-align: right;
margin:-35px 0 15px;
}

#news article dd p{
padding-right:30px;
line-height:160% ;
}
 
#news table {  
  width: 100%; 
  margin: -18px 0 4px 5px; 
  border: 0px;
  border-collapse: collapse;
  background-color:#FFFFFF
}
#news tbody { 
  padding: 0 0 0 5px;
  border: 0px;
}

#news th { 
  padding: 0 0 0 5px;
  border: 0px;
}

/*-------------------------------------------------------
 WORK
---------------------------------------------------------*/

/* WORK INDEX
-----------------------------------------------*/ 

.workmenu {
width:			780px;
height:			296px;
text-align:     center;
overflow:		hidden;
position:		relative;	/* 相対位置指定 */
}

.workmenu .caption {
font-size:		140%;
font-weight:    bold;
text-align: 	center;
padding-top:	133px;
letter-spacing: 0.5em;
color:			#000000 !important;
}

.workmenu .mask {
width:			98%;
height:			100%;
position:		absolute;	/* 絶対位置指定 */
top:			6px;
opacity:		0;	/* マスクを表示しない */
background-color:	rgba(255,255,255,0.8) !important;	/* マスクは半透明 */
-webkit-transition:	all 0.2s ease;
transition:		all 0.2s ease;
}

.workmenu :hover .mask {
opacity:		1  !important;	/* マスクを表示する */
}


/* SUB NAV
-----------------------------------------------*/ 
.subnav{
 margin-top:50px;
}

.subnav table{
 width:50%;
 padding:0;
 margin:auto;
}

.subnav td{
 width:20%;
 text-align:center;
 font-size: 80%;
 padding:0;
}

.subnav td a { 
 display:block;
 width:100%;
 height:100%;
 padding:0.5em;
 color: #221111; 
}

.subnav td a:hover { 
 background-color: rgba(139,0,0,0.3) ; /*color:#8b0000 Bordeaux-red */ 
}


/* WORK PHOTOS
-----------------------------------------------*/ 

.gallery p.style {
margin:5px 0 -5px;
font-size: 0.86em;
line-height: 150%;
text-align:center;
}
.gallery p.conce {
padding: 0 0px 5px 1px;
font-size: 0.8em;
line-height: 148%;
text-align:left;
}

/*---pager----*/

.pager {
    overflow: hidden;
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
	margin-bottom:30px;
}
 
.pager ul li {
    margin: 0 6px;
    position: relative;
    left: -62%;
    float: left;
}
 
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.5em 0.9em;
}
 
.pager ul li a {
    border: #E0D5C0;
    color: #555555;
    text-decoration: none;
	border:#AE9383 1px solid
}
 
.pager ul li a:hover {
    background: #AE9383;
    color: #FFF;
}



/*-------------------------------------------------------
 ABOUT
---------------------------------------------------------*/

.abphoto{
 display:inline-block;
 padding-left:6px;
}

.abphoto img{
 margin-right:2x; 
 margin-bottom:-2px;
}

.google-map{
margin:0 auto 0;
padding: 30px 0 30px;
text-align:center;
}

#about p{
 margin: 0px 15px;
}

/*---PC TEL部分----*/
@media screen and (min-width: 768px) {
.tel{
pointer-events: none;
cursor: default;
}
}

/*-------------------------------------------------------
 AWARD
---------------------------------------------------------*/

#award .content{
	padding-left:30px;
	padding-right:25px;
}

#award ul{
	margin: 5px 0 0 20px;
	padding-bottom: 10px;
}

#award li{
 margin-left: 10px;
 line-height: 2.0;
}

#award a {
	 text-decoration: underline;
  color: #555555; 
}

#award a:hover { 
  color: #a0522d; 
}

/* FOOTER
----------------------------------------------------*/ 

#copyright {
width:100%;
text-align:center; 
margin:60px auto 0;
border-top:#CCCCCC solid 1px;
}

#copyright p{
text-align:center; 
padding:5px 0;
font-size:0.75em;
letter-spacing: 0.2em;
}