@charset "utf-8";
/* ===================================================================
CSS information
module.css
=================================================================== */
#wrapper{
	margin:0 auto;
	padding:0 10px;
	width:960px;
}



/* header
=================================================================== */
header{
	padding:21px 0 27px 0;
	margin:0 0 6px 0;
	border-bottom:2px solid #E16A0D;
	position:relative;
}
header h1{
	margin:0 20px 17px 0;
	float:left;
}
header p.banner{
	float:left;
}
header #g_navi{
	clear:both;
}
header #g_navi li{
	float:left;
	width:105px;
	height:27px;
	border-left:1px solid #D9D9D9;
	text-align:center;
	padding:4px 0 0 0;
}
/*header #g_navi li{
	float:left;
	width:119px;
	height:27px;
	border-left:1px solid #D9D9D9;
	text-align:center;
	padding:4px 0 0 0;
}*/
header #g_navi li.last{
	border-right:1px solid #D9D9D9;
	/*width:118px;*/
}
header #g_navi li a{
	width:inherit;
	height:inherit;
	display:block;
	color:#333;
}
header #g_navi li a:hover{
	color:#E16A0D;
	text-decoration:none;
}

/*.twitter-btn{ left:0;}
.mixi-btn{ left:79px;}
.facebook-btn{ left:141px;}
.plusone-btn{ left:243px; width:32px;}
.hatena-btn{ left:279px;}*/
.twitter-btn{ left:0;}
.facebook-btn{ left:79px;}
.hatena-btn{ right:0;}
.mixi-btn{display: none;}
.plusone-btn{ display: none;}
/*
body#about	#g_navi li.about a,
body#map	#g_navi li.map a,
body#job	#g_navi li.job a,*/
body#blog	#g_navi li.blog a/*,
body#mail	#g_navi li.mail a,
body#mail_job	 #g_navi li.mail_job a,
body#special 	 #g_navi li.special a,
body#recruitment #g_navi li.recruitment a*/{
	font-weight:bold;
	color:#E16A0D;
}



/* #pankuzu
=================================================================== */
#pankuzu{
	font-size:84%;
	height:32px;
}
#pankuzu li{
	display:inline;
	margin-bottom:12px;
	padding:0 4px 0 0;
}
#pankuzu li a{
	padding:0 8px 0 0;
}



/* #container
=================================================================== */
#container{
	margin:0 auto;
	width:960px;
	position:relative;
}
#left-contents{
	float:left;
	width:632px;
}
#right-contents{
	float:right;
	width:304px;
	font-size:93%;
}



/* #container in
=================================================================== */
#right-contents section{
	border:solid 5px #E6E6E6;
	margin:0 0 20px 0;
}
#right-contents .inner{
	padding:0 17px 12px;
}



/* footer
=================================================================== */
footer{
	padding:21px 0 27px 0;
	margin:0 0 12px 0;
	text-align:center;
	font-size:93%;
}
footer .pagetop{
	width:960px;
	text-align:right;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	border-bottom:2px solid #333;
}
footer .pagetop a{
	background:url(/common/img/content/icon_arrow_02.gif) no-repeat 0 4px;
	padding:0 0 0 13px;
}
#footer-navi li{
	display:inline;
	border-right:1px solid #D9D9D9;
	padding:0 10px 0 8px;
	line-height:1;
}
#footer-navi li.last{
	border:none;
}
#copyright{
	font-size:84%;
}
#copyright a{
	color:#4D4D4D;
}
#copyright a:hover{
	text-decoration:none;
}

/* footer2
=================================================================== */
#footer-navi2 { display: table; width: 90%; margin:0 auto; }

#footer-navi2 ul{ display: table-cell;}

#footer-navi2 > ul:nth-child(1),
#footer-navi2 > ul:nth-child(3),
#footer-navi2 > ul:nth-child(4),
#footer-navi2 > ul:nth-child(5){
	width: 18%;
}

#footer-navi2 > ul:nth-child(2){
	width: 25%;
}

#footer-navi2 li{text-align: left;}

#footer-navi2 li a{
	font-size: 110%;
	font-weight: bold;
}

#footer-navi2 li a:before{
	content:"・";
	color: #E16A0D;
	padding-right: 3px;
}

#footer-navi2 ul ul{
	display: block;
	text-indent: 1em;
	width: 100%;}

#footer-navi2 li li a{
	font-size: 95%;
	font-weight: normal;
}

#footer-navi2 li li a:before{ content:"-"; }


/* module
=================================================================== */
#title-01{
	font-size:139%;
	color:#E16A0D;
	padding:0 0 4px 4px;
	margin:0 0 10px 0;
	width:956px;
	border-bottom:2px solid #D9D9D9;
	font-weight:bold;
}
.title-2{
	font-size:108%;
	font-weight:bold;
	color:#333;
	padding:3px 0 0 15px;
	margin:0 0 24px 0;
	width:617px;
	height:28px;
	background:#F2F2F2 url(/common/img/content/h_bg_01.gif) no-repeat 0 0;
}
.title-2-long{
	font-size:108%;
	font-weight:bold;
	color:#333;
	padding:3px 0 0 15px;
	margin:0 0 24px 0;
	height:28px;
	background:#F2F2F2 url(/common/img/content/h_bg_01.gif) no-repeat 0 0;
}


.title-3{
	font-size:124%;
	font-weight:bold;
	padding:0 0 4px 0;
	margin:0 0 18px 0;
	width:632px;
	border-bottom:2px solid #E6E6E6;
}
.title-4{
	font-size:117%;
	color:#333;
	font-weight:bold;
	height:38px;
	border-top:solid 1px #fff;
	padding:11px 0 0 17px;
	margin:0 0 16px 0;
	background:#F2F2F2 url(/common/img/content/icon_arrow_01.gif) no-repeat 0 18px;
}
.arrow_01 li{
	padding:0 0 0 13px;
	background:url(/common/img/content/icon_arrow_03.gif) no-repeat 4px 8px;
}
.dot_01 dd,
.dot_01 li{
	padding:0 0 0 12px;
	background:url(/common/img/content/icon_dot_01.gif) no-repeat 4px 11px;
}



/* #worksLightBox 【実績ライトボックス】
=================================================================== */
#fancybox-content header,
#fancybox-content footer
{
	display: none;
}

#wrapper.popupPage{
	height: 600px;
	padding: 0!important;
	overflow: hidden;
}
.page-popupPage #wrapper.popupPage{
	height: auto;
}
#worksLightBox{
	border:5px solid #e6e6e6;
	padding:35px 35px 30px;
	height: 622px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
    width: 100%;
}

.page-popupPage #worksLightBox{
	height: auto;
}

#worksLightBoxLeft{
    width: 420px;
    padding: 0 40px 0 0;
    display: table-cell;
    vertical-align: top;
}
#worksLightBoxLeft ul#worksLightBoxImg{
	position:relative;
	width:420px;
	height:300px;
	overflow:hidden;
}
#worksLightBoxLeft ul#worksLightBoxImg li{
	position:absolute;
	top:0px;
}
#worksLightBoxLeft ul#worksLightBoxImg li.slideImg01{
	left:0px;
}
#worksLightBoxLeft ul#worksLightBoxImg li.slideImg02{
	left:420px;
}
#worksLightBoxLeft ul#worksLightBoxImg li.slideImg03{
	left:840px;
}

#worksLightBoxLeft ul#worksLightBoxThum li{
	float:left;
	padding:12px 12px 0 0;
}
#worksLightBoxLeft ul#worksLightBoxThum li img{
	cursor:pointer;
}
#worksLightBoxLeft ul#worksLightBoxThum li.last{
	padding-right:0;
}
#worksLightBoxRight{
    width: 420px;
    padding: 2px 0 0 0;
    vertical-align: top;
    display: table-cell;
}
 #worksLightBoxRight h5{
	font-size:170%;
	font-weight:bold;
	color:#E16A0D;
	border-bottom:2px solid #E16A0D;
	padding:0 0 10px 0;
	margin:0 0 6px 0;
	line-height:1.1;
}
#worksLightBoxRight .smallText{
	font-size:86%;
	padding:0 0 0 6px;
}
#worksLightBoxRight .smallText a{
	color:#E16A0D;
}
#worksLightBoxDetail{
	padding:10px 0 0 0;
}
#worksLightBoxDetail dl{
	border-bottom:1px solid #e6e6e6;
	padding:0 0 10px 0;
	margin:0 0 11px 0;
}
#worksLightBoxDetail dt{
	font-weight:bold;
	color:#231815;
	margin:0 0 2px 0;
}
#worksLightBoxDetail dd{
	font-size:93%;
}
#worksLightBoxDetail dl.icon_dot dd{
	background:url(/common/img/content/icon_arrow_03.gif) no-repeat 5px 7px;
	padding:0 0 0 16px;
}
#fancybox-close{
	background: url(/job/img/icon_close.gif) 0px 0px no-repeat !important;
	bottom:5px !important;
	right: 5px !important;
	width: 82px !important;
	height: 37px !important;
}

#ie7 #worksLightBox,
#ie6 #worksLightBox{
	width:880px;
}

.works-toListBtn{
	display: none;
	padding-left: 10px;
	background: url("../img/content/icon_arrow_06.gif") 0 7px no-repeat;
}
.page-popupPage .works-toListBtn{
	display: block;
}

/* browzer prefix
=================================================================== */

#ie6 #footer-navi li,
#ie7 #footer-navi li{
	padding:0 9px 0 14px !important;
}
#ie6 .title-4{
	width:282px !important;
}


.public{
	/*background: url(/common/img/content/icon_arrow_03.gif) no-repeat 0 5px;*/
	/*padding:0 0 0 9px;*/
}
.mobile .public{
	position:absolute;
	left: 132px;
	bottom: 11px;
}
.public a{
	background-color:#E16A0D;
	color: #fff;
	padding: 8px;
	border: 1px solid #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .5);
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .5);
	font-weight:bold;
	font-size:88%;
}
.public a:hover{
	text-decoration: none;
	color: #ff0;
}
.public a:before{
	content: ">";
	margin-right: 5px;
}

#worksLightBox .public a{
	font-size: 114%;
	padding: 8px 16px;
}