@charset "utf-8";
/* --------------------------------
	(各ページ個別スタイル)
	2011/06/02　nz
--------------------------------

	index
	
	1. index.html
	2. about.html
	3. service.html
	4. works.html
	5. frow.html
	6. .html
	
	
--------------------------------- */




/* ==========================================================================================================

	 1. index.html
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	1-e.	Extra

---------------------------------------------------------------------*/
/*  画像ボタンをhover時に透過させる
-----------------------------------*/
#home #topNav img{
	opacity: 0.70;
	filter: alpha(opacity=70); /* IE7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
	display: block;
}

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

	1-1.	home template

---------------------------------------------------------------------*/
#home #wrapper {
	text-align : left;
	margin : 0px auto;
	width : 1285px;
}
#home #mainGraphicContainer {
	overflow: hidden;
	position: relative;
	min-height:612px;
	height: auto !important;
	height: 612px;
	width: 1285px;
}
#home #mainContent {
	margin: 0px;
	padding: 0px;
	float: none;
	width: 1285px;
}
#home #mainContent p {
	margin-bottom: 0px;
}

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

	1-2.	mainGraphic

---------------------------------------------------------------------*/
#home ul#mainGraphic {
	padding:0;
	width:1285px;
	height:600px;
	position:relative;
	list-style:none;
	margin-bottom: 12px;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
#home ul#mainGraphic li {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	
}

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

	1-3.	ul

---------------------------------------------------------------------*/
#home #topNav {
	position: absolute;
	bottom: 12px;
	left: 0px;
	z-index: 10;
}

#home #topNav li {
	margin: 0px;
	padding: 0px;
	float: left;	
} 

#home div.sectionWrap {
	margin-bottom: 24px;
}
#home div.sectionWrap div.section {
	padding-top: 12px;
	padding-left: 24px;
}
#home div.sectionWrap div.section.lastChild {
	margin: 0px;
	padding: 0px;
}
#home div.sectionWrap ul li {
	float: left;
	margin-right: 32px;
}
#home div.sectionWrap ul li.lastChild {
	margin-top: 10px;
	margin-right: 0px;
}


/* ==========================================================================================================

	 2. about.html
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	1-1.	table

---------------------------------------------------------------------*/
#about table td {
	padding:25px 50px;
}
#about table tr.description {
	color: #FF0000;
}



/* ==========================================================================================================

	 3. service.html
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	1-e.	Extra

---------------------------------------------------------------------*/
#service .red {
	color: #FF0000;
}
#service div.service_section a:link {
	color: #070a63;
	text-decoration: none;
}
#service div.service_section a:hover {
	text-decoration: underline;
}

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

	1-1.	service_section

---------------------------------------------------------------------*/
#service div.service_section {
	background: url(../img/service/service_boxBG.jpg) repeat-y left top;
	width: 708px;
	margin-bottom: 32px;
	padding: 18px;
	margin-left: 50px;
}
#service div.service_section2 {
	position:relative;
	background: url(../img/service/service_boxBG.jpg) repeat-y left top;
	width: 708px;
	margin-bottom: 32px;
	padding: 18px;
	margin-left: 50px;
}
#service div.service_section2 p.media_title {
	padding:10px 20px;
	background:#111;
	color:#fff;
	text-align:center;
	font-size:13px;
	letter-spacing:0.1em;
	margin-bottom:20px;
}
	
#service div.service_section2 .txt01 {
	position:absolute;
	top:20px;
	left:48px;
}
#service div.service_section2 .txt02 {
	position:absolute;
	line-height:2.5;
	top:70px;
	right:20px;
	width:250px;
}
#service div.service_section2 .txt03 {
	position:absolute;
	bottom:20px;
	right:40px;
}


#service div.service_section3 {
	position:relative;
	background: url(../img/service/service_boxBG.png) repeat-y left top;
	width: 708px;
	margin-bottom: 32px;
	padding: 18px;
	margin-left: 50px;
}
#service div.service_section3 p.media_title {
	padding:10px 20px;
	background:#111;
	color:#fff;
	text-align:center;
	font-size:13px;
	letter-spacing:0.1em;
	margin-bottom:20px;
}
	
#service div.service_section3 .txt01 {
	position:absolute;
	top:20px;
	left:48px;
}
#service div.service_section3 .txt02 {
	position:absolute;
	line-height:2.5;
	top:70px;
	right:20px;
	width:250px;
}
#service div.service_section3 .txt03 {
	position:absolute;
	bottom:20px;
	right:40px;
}





#service div.service_section p {
	margin-bottom: 1em;
	font-size: 14px;
	line-height: 2;
}
#service div.service_section p.title {
	font-size: 12px;
}
#service div.service_section p.minTitle {
	font-size: 18px;
	clear: both;
	margin-left: 16px;
	line-height: 1;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
#service div.service_section p.materialTex,
#service div.service_section p.aquaTex {
	padding-left: 1em;
}
#service div.service_section p.materialTex title {
	font-size: 12px;
	padding-left: 1em;
}

#service .line_upBox {
	padding: 24px 40px 0px 24px;
	color: #333333;
}

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

	1-2.	Dl

---------------------------------------------------------------------*/
#service dl.profileDl dt {
	float: left;
	width: 120px;
}
#service dl.profileDl dd {
	padding-left: 120px;
}
#service dl.profileDl dd p {
	font-size: 12px;
	margin-bottom: 0.5em;
}
#service dl.profileDl dd p.profile_name {
	font-size: 12px;
	padding-left: 20px;
	margin-bottom: 0.5em;
	line-height: 1.6;
}
#service dl.profileDl dd p.profile {
	font-size: 10px;
	padding-left: 20px;
	margin-bottom: 0.5em;
	line-height: 1.6;
}

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

	1-3.	table

---------------------------------------------------------------------*/
#service table.materialTable td img {
	padding-right: 85px;
	padding-left: 16px;	
}

#service table.line_upTable {
	margin-bottom: 45px;
}
#service table.line_upTable td.imageL p {
	margin-bottom: 0px;
}
#service table.line_upTable td.imageL p img {
	padding-right: 35px;
	padding-left: 10px;
	padding-bottom: 1em;
}

#service table.comingTable p {
	margin-bottom: 0em;
	line-height: 1.6;
}
#service table.comingTable td.coming_soon p {
	padding-top: 80px;
	padding-bottom: 80px;
	font-size: 18px;
}

#service table.aquaTable td.imageL p {
	margin-bottom: 8px;
}
#service table.aquaTable td.imageL p.lastChild {
	margin-bottom: 30px;
}
#service table.aquaTable td.imageL p img {
	padding-right: 25px;
	padding-bottom: 1em;
	padding-left: 8px;
}

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

	1-4.	Ul

---------------------------------------------------------------------*/
#service ul.line_upList {
	margin-left: 16px;
	clear: both;
	margin-bottom: 2em;
}
#service ul.line_upList li {
	float: left;
	margin-right: 15px;
	text-align: center;
}
#service ul.line_upList li.lastChild {
	margin-right: 0px;
}
#service ul.line_upList li img {
	margin-bottom: 0.5em;
}

#service table.line_upTable ul {
	padding-left: 10px;
}
#service table.line_upTable ul li {
	float: left;
	margin-right: 22px;
}
#service table.line_upTable ul li.lastChild {
	margin-right: 0px;
}



/* ==========================================================================================================

	 4. works.html
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	1-1.	works list

---------------------------------------------------------------------*/
#works #works_list li {
	background: url(../img/works/works_listBG.jpg) repeat-y left top;
	width: 132px;
	float: left;
	margin-right: 20px;
	min-height:220px;
	height: auto !important;
	height: 220px;
	padding-top: 18px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 18px;
}
#works #works_list li.lastChild {
	margin-right: 0px;
}
#works #works_list li.empty p {
	height: 91px;
	width: 123px;
	text-align: center;
	padding-top: 50px;
}
#works #works_list li dl {
	margin-top: 14px;
}
#works #works_list li dt {
	float: left;
	width: 24px;
}
#works #works_list li dd {
	padding-left: 5px;
}



#works #works_list2 li {
	background: url(../img/works/works_listBG.jpg) repeat-y left top;
	width: 132px;
	float: left;
	margin-right: 20px;
	min-height:220px;
	height: auto !important;
	height: 220px;
	padding-top: 18px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 18px;
}
#works #works_list2 li.lastChild {
	margin-right: 0px;
}
#works #works_list2 li.empty p {
	height: 91px;
	width: 123px;
	text-align: center;
	padding-top: 50px;
}
#works #works_list2 li dl {
	margin-top: 14px;
}
#works #works_list2 li dt {
	float: left;
	width: 24px;
}
#works #works_list2 li dd {
	padding-left: 5px;
}





/* ==========================================================================================================

	 5. frow.html
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	1-1.	frow list

---------------------------------------------------------------------*/
#frow #frow_list {
	background: url(../img/frow/frow_mainfrowBG.jpg) repeat-y center top;
	padding: 45px 36px;
	margin-left: 52px;
}

#frow #frow_list li {
	background:#fff;
	padding:10px 20px;
	width:600px;
	margin:0 auto;
}

#frow #frow_list li.arrow{
	width:5px;
	height:50px;
	background:#F00;
	margin:0 auto;
	padding:0;	
}

#frow #frow_list li h3{
	font-size:130%;
	padding-left:30px;
	margin-bottom:20px;
}

#frow #frow_list li.point{
	background:#6FBCE2;
}

#frow #frow_list li.point h3, #frow #frow_list li.point p{
	color:#fff;
}

#frow #frow_list li p{
	text-align:center;
	margin-bottom:30px;
	line-height:1.8;
}

#frow #frow_list span.line{
	width:3px;
	height:30px;
	background:#f00;
	margin:0 auto; 
}

/* ==========================================================================================================

	99. clearFix (pkg)

============================================================================================================*/

/* start clearfix */
#service ul.line_upList:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ie6 hack */
* html #service ul.line_upList,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html #service ul.line_upList,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx {
	zoom: 1;
}
/* end clearfix */
#form {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#form p {
	margin-bottom: 30px;
}
#h1box {
	width: 550px;
}
.mr_10 {
	margin-right: 10px;
}
#h1box h1 {
	font-weight: normal;
}
.top_banner {
	margin-top: 10px;
	margin-right: 5px;
}
.worksbox {
	clear: both;
	height: 280px;
}
#mailformtext {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#mailformtext li {
	margin-bottom: 5px;
	list-style-type: square;
}
#mailformtext ul {
	margin-left: 20px;
}

tr.com,td.com{
	border-bottom:1px #333 dashed;
}

.fixed{
	position:fixed;
	bottom:0
}

#h1box h1{
	margin-bottom:30px;
}

#h1box a{
	margin-right:10px;
}

.cent{
	display:block;
	margin:0 auto;
	padding:20px 0px 40px;
}

#aqua{
	width:667px;
	background:#000;
	margin:0 auto;
	padding-top:30px;
}

#aqua .blc{
	display:block;
	margin:0 auto;
}

#aqua h2{
	margin:0px 0px 20px 50px;
}

#aqua p{
	color:#fff;
	line-height:1.2;
	width:567px;
	margin:0 auto 100px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}

.worksection{
	width:895px;
}

.workline{
	border-bottom:1px #333 dashed;
	margin-top:30px;
}