@charset "UTF-8";

/* ###### reset CSS ###### */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img {
	border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ol, ul {
	list-style:none;
}

caption, th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

q:before, q:after {
	content:'';
}

abbr, acronym {
	border:0;
}

a {
	outline : 0;
	color: #004DA3;
}

a:link, a:visited, a.active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*-----------------------*/

html {
	overflow-y:scroll;
}

html, body {
	height:100%;
}

body {
	font: normal 12px/1.5em Geneva, "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
	color: #111111;
	background: #F5F5F5 url(../assets/templates/sixbird/images/background.jpg) repeat center top;
}

/* ###### BASE LAYOUT ###### */
/* ----- BOTTOM ----- */
#pageBottom {
	position: relative;
	background: url(../assets/templates/sixbird/images/bg_bottom.png) repeat-y center top;
	height: 100%;
	min-height: 100%;
}

body > #pageBottom {
	height: auto;
}

#wrap {
	padding-top: 121px;
}

#container {
	background: #F5F5F5;
	padding-top: 30px;
	padding-bottom: 5px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#headerContainer {
	position:absolute;
	top: 0;
	left: 0;
	height: 120px;
	width: 100%;
	border-bottom: 1px solid #0a3d21;
}

#header, #content, #footer {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}
	#content:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	/*\*/
		* html #content {
		height: 1em;
		overflow: visible;
	}
	/**/
#content {
	background: url(../assets/templates/sixbird/images/content_verticalline.png) repeat-y left top;
}
#contents {
	float: right;
	width: 610px;
	padding: 0 0 0 20px;
}

#sideArea {
	float: left;
	width: 230px;
}


/* ###### HEADER ###### */

/* ----- LOGO ----- */
#logo {
	float: left;
	width: 233px;
	margin-top: 10px;
}

/* ----- HOME BUTTON ----- */
#buttonHome {
	float: left;
	width: 65px;
	margin-top: 86px;
}

#buttonHome a {
	float: left;
	overflow: hidden;
	background: url(../assets/templates/sixbird/images/button/home.png) no-repeat left top;
	width: 65px;
	height: 0;
	padding-top: 34px;
}

#buttonHome a {
	background-position: 0 0;
}

#buttonHome a:hover {
	background-position: 0 -34px;
}

/* ----- GLOBAL MENU ----- */
#globalMenu {
	float: right;
	width: 440px;
	margin-right: 94px;
}
/* safari */
body:first-of-type #globalMenu {
	margin-right: 93px !important;
}

#globalMenu ul {
}

#globalMenu li {
	display: inline;
}

#globalMenu li a {
	float: left;
	overflow:hidden;
	background: url(../assets/templates/sixbird/images/button/globalmenu.jpg) no-repeat left top;
	height: 0px;
	width: 110px;
	padding-top: 120px;
}

#globalMenu li#gmService a {
	background-position: 0 0;
}

#globalMenu li#gmWorks a {
	background-position: -110px 0;
}

#globalMenu li#gmContact a {
	background-position: -220px 0;
}

#globalMenu li#gmAbout a {
	background-position: -330px 0;
}

/* HOVER MENU */
#globalMenu li#gmService a:hover {
	background-position: 0 -120px;
}

#globalMenu li#gmWorks a:hover {
	background-position: -110px -120px;
}

#globalMenu li#gmContact a:hover {
	background-position: -220px -120px;
}

#globalMenu li#gmAbout a:hover {
	background-position: -330px -120px;
}

/* CURRENT MENU */
#globalMenu li#gmService a.this {
	background-position: 0 -120px;
}

#globalMenu li#gmWorks a.this {
	background-position: -110px -120px;
}

#globalMenu li#gmContact a.this {
	background-position: -220px -120px;
}

#globalMenu li#gmAbout a.this {
	background-position: -330px -120px;
}


/* ###### CONTENTS AREA OF LOWER LAYAR ###### */
body#service #contents p, body#works #contents p, body#about #contents p,
body#link #contents p, body#contact #contents p, body#information #contents p {
	margin-bottom: 1.5em;
}


/* ###### SIDEAREA ###### */

/* ----- CONTENTS TITLE FOR SIDEAREA ----- */
#sideArea h2#contentTitle {
	margin-bottom: 20px;
	color: #0e2f19;
	font-size: 36px;
}
*:first-child+html #sideArea h2#contentTitle { /* IE7 */
	line-height: 1.0;
}


/* ----- SUB TITLE FOR SIDEAREA ----- */
#sideArea p#subTitle {
	width: 209px;
	padding-left: 7px;
	border-left: 4px solid #111111;
	font-size: 18px;
	line-height: 1.2em;
}

/* ----- SIDEAREA MENU ----- */
#sideArea ul#subMenu {
	clear: both;
	margin: 30px 0;
}
#sideArea ul#subMenu li {
	margin-bottom: 3px;
}
#sideArea ul#subMenu li a {
	display: block;
	overflow: hidden;
	background: url(../assets/templates/sixbird/images/button/bg_menu.png) no-repeat left top;
	width: 210px;
	height: 24px;
	padding: 4px 10px 0 10px;
	font-size: 14px;
	color: #FFFFFF;
}
#sideArea ul#subMenu li a {
	background-position: 0 0;
}
#sideArea ul#subMenu li a.this {
	background-position: 0 -28px;
}
#sideArea ul#subMenu li a:hover {
	background-position: 0 -28px;
	text-decoration: none;
}

/* ----- SIDEAREA ----- */
#sideAreaContentsRange {
	width: 220px;
	text-align: justify;
}



/* ###### FOOTER ###### */
#footer {
	clear: both;
	background: url(../assets/templates/sixbird/images/line.gif) repeat-x left top;
	padding: 8px 0;
	margin-top: 15px;
}

#footer:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
	* html #footer {
	height: 1em;
	overflow: visible;
}

/**/
ul#footerLink {
	float: left;
}

ul#footerLink li {
	display: inline;
	padding-right: 5px;
	margin-right: 2px;
	border-right: 1px solid #CCCCCC;
}

p#copyright {
	float: right;
}


/* ###### BOTTOM ###### */
#bottom {
	border-top: 1px solid #0a3d21;
	min-height: 50px;
}



/* ###### OTHER ###### */
.line {
	background: url(../assets/templates/sixbird/images/line.gif) repeat-x left top;
	height: 2px;
	margin: 5px 0;
}
.borderRnone {
	border-right: none !important;
}

.clear {
	clear: both;
}
.tCenter {
	text-align: center;
}
.tRight {
	text-align: right;
}

.floatL {
	float: left;
}
.floatR {
	float: right;
}

.mgnR_0 {
	margin-right: 0px !important;
}
.mgnBtm_0 {
	margin-bottom: 0px !important;
}
.mgnBtm_50 {
	margin-bottom: 50px !important;
}

.fontSize_11px {
	font-size: 11px;
}

.textJustify {
	text-align: justify;
}



/* ###### Base Superbox Styles ###### */
#superbox-overlay {
	position:fixed;
	top:0;
	left:0;
	z-index:9998;
	width:100%;
	height:100%;
	background:#e0e4cc;
}

#superbox-wrapper {
	position:fixed;
	z-index:9999;
	top:0;
	display:table;
	width:100%;
	height:100%;
}

#superbox-container {
	position:relative;
	display:table-cell;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	vertical-align:middle;
}

#superbox {
	margin:0 auto;
	padding:10px;
	background:#fff;
}

#superbox-container .loading {
	margin:0;
	text-align:center;
}

/* IE7 */
*:first-child+html #superbox-container {
	position:absolute;
	top:50%;
	display:block;
	height:auto;
}

*:first-child+html #superbox {
	position:relative;
	top:-50%;
	display:block;
}

/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container {
	position:absolute;
	top:50%;
	display:block;
	height:auto;
}

* html #superbox {
	position:relative;
	top:-50%;
	display:block;
}

* html #superbox-overlay {
	position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');
}

* html #superbox-wrapper {
	position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

/* Default Theme */
#superbox-overlay {
	background:#000;
}

#superbox-container .loading {
	text-align:center;
	font-size:40px;
	color:#fff;
	width:32px;
	height:32px;
	margin:0 auto;
	text-indent:-9999px;
	background:url(../assets/templates/sixbird/js/loader.gif) no-repeat 0 0;
}

#superbox-innerbox {
	padding:10px 0;
}

#superbox.image {
	text-align:center;
}

#superbox .close, #superbox .nextprev {
	overflow:hidden;
	margin:0;
}

#superbox .close a {
	float:right;
	padding:0 5px;
	line-height:20px;
	background:#333;
	cursor:pointer;
}

#superbox .close a span {
	color:#fff;
}

#superbox .nextprev a {
	float:left;
	margin-right:5px;
	padding:0 5px;
	line-height:20px;
	background:#333;
	cursor:pointer;
	color:#fff;
}

#superbox .nextprev .disabled {
	background:#ccc;
	cursor:default;
}


/* ###### jquery.galleria.js ###### */
.galleria_container {
	margin-bottom: 10px;
	cursor: pointer;
}
#jsGalleryTumbnail {
	clear: both;
	width: 610px;
	margin-bottom: 20px;
}
	#jsGalleryTumbnail:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	/*\*/
		* html #jsGalleryTumbnail {
		height: 1em;
		overflow: visible;
	}
	/**/
#jsGalleryTumbnail li {
	display: block;
	width: 145px;
	height: 70px;
	overflow: hidden;
	float: left;
	margin: 0 10px 0 0;
}
#jsGalleryTumbnail li img.thumb {
	cursor: pointer;
	top: 0;
	left: 0;
	display: block;
	width: 145px;
	height: 70px;
	margin: 0px;
}
#jsGalleryTumbnail li .caption {
	display: block;
	padding-top: .5em;
}