@charset "utf-8";

/* ---------------------------------------------------
   File: index.css
   Version: 1.0.0
   Update: 2014-09-19
   Author: http://flowlab.co.jp

   (c)2007-2014 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */




/* ===================================================
    Main
=================================================== */

/* -----------------------------------
		Main Box
----------------------------------- */
#mainBox {
	width: 655px;
	height: 390px;
	background: url(../img_index/main/img_corner.png) 0 0 no-repeat;
	position: absolute;
	margin: 50px 0 0  0;
	padding: 30px 0 0 25px;
	z-index: 9999;
	behavior: expression(IEPNGFIX.fix(this));
}
#mainBox h2,
#mainBox p,
#mainBox p img,
#mainBox ul {
	display: block;
	overflow: hidden;
}

/* Title */
#mainBox h2 {
	margin-bottom: 10px;
}

/* Btn - Detail */
#mainBox ul {
	margin-top: 25px;
}


/* -----------------------------------
		Flexslider
----------------------------------- */
.flexslider,
#newWorksBox {
	margin: 50px 0 80px 0;
}

/* Cover */
#mainFrame {
	width: 680px;
	position: absolute;
	margin: 0 0 0 10px;
}
.flexslider {
	width: 680px;
	float: left;
}

/* -----------------------------------
		New Information
----------------------------------- */
#newWorksBox {
	width: 283px;
	background: url(../img_index/bg_new_information.jpg) 0 0 no-repeat;
	float: right;
}
#newWorksBox article {
	width: 234px;
	margin: 0 auto;
}
#newWorksBox span,
#newWorksBox span img {
	width: 283px;
	height: 23px;
	display: block;
}

/* Title */
#newWorksBox article h3 {
	width: 171px;
	height: 22px;
	background: url(../img_index/tit_new_information.jpg) 0 25px no-repeat;
	display: block;
	text-indent: -9999px;
	padding: 20px 0;
	overflow: hidden;
}

/* Works Type */
#worksType,
#worksType img {
	display: block;
}
#worksType {
	position: absolute;
	margin: -20px 0 0 190px;
	z-index: 9999;
}

/* Photo */
#newWorksBox .photo span,
#newWorksBox .photo span img {
	width: 234px;
	height: 148px;
}
#newWorksBox .photo span {
	behavior: expression(IEPNGFIX.fix(this));
	position: absolute;
}
#newWorksBox .photo p {
	padding-bottom: 10px;
}

/* Information --------------------- */
#newWorksBox section {
	font-size: 0.9em;
	line-height: 1.5em;
	background: url(../img_common/line_dot_paper.jpg) left bottom repeat-x;
	padding-bottom: 20px;
}
#newWorksBox section a {
	color: #000;
	text-decoration: none;
	display: block;
}
#newWorksBox section a:hover {
	color: #999;
}

/* Name */
#newWorksBox section h4 {
	font-size: 1.2em;
	margin-bottom: 10px;
}

/* Btn - Works --------------------- */
#newWorksBox ul,
#newWorksBox ul li,
#newWorksBox ul li a,
#newWorksBox ul li a img {
	display: block;
}
#newWorksBox ul {
	margin-top: 20px;
}
#newWorksBox ul li {
	width: 114px;
	float: left;
}
#newWorksBox ul li.float_r {
	float: right;
}






/* ===================================================
    Service List - Main
=================================================== */

/* -----------------------------------
		Box Style
----------------------------------- */
#serviceListBox {
	width: 1000px;
	background: url(../img_index/line_dot_tandem.jpg) 237px 0 repeat-y;
	margin-bottom: 50px;
}

#serviceListBox article {
	width: 222px;
	font-size: 0.9em;
	line-height: 1.6em;
	padding-right: 37px;
	float: left;
}
#serviceListBox article.float_r {
	padding-right: 0;
}

/* -----------------------------------
		Title
----------------------------------- */
#serviceListBox h3 {
	width: 220px;
	height: 31px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	margin-bottom: 20px;
}
#serviceListBox #spec h3						{ background: url(../img_index/tit_spec.jpg) 0 0 no-repeat;}
#serviceListBox #flow h3						{ background: url(../img_index/tit_flow.jpg) 0 0 no-repeat;}
#serviceListBox #service h3				{ background: url(../img_index/tit_service.jpg) 0 0 no-repeat;}
#serviceListBox #support h3				{ background: url(../img_index/tit_support.jpg) 0 0 no-repeat;}

/* -----------------------------------
		Photo
----------------------------------- */
#serviceListBox .photo,
#serviceListBox .photo img {
	display: block;
}
#serviceListBox .photo {
	margin: 15px 0;
}

/* -----------------------------------
		Btn - Link
----------------------------------- */
#serviceListBox ul,
#serviceListBox ul li,
#serviceListBox ul li a,
#serviceListBox ul li a img {
	display: block;
}
#serviceListBox ul {
	margin-top: 10px;
	float: right;
}






/* ===================================================
    Service List - Sub
=================================================== */

/* -----------------------------------
		Box Style
----------------------------------- */
#subServiceBox {
	padding-bottom: 80px;
}
#subServiceBox article {
	width: 296px;
	margin-right: 46px;
	float: left;
}

/* -----------------------------------
		Title
----------------------------------- */
#subServiceBox article h4,
#subServiceBox article h4 img {
	width: 155px;
	display: block;
}
#subServiceBox article h4 {
	float: left;
}

/* -----------------------------------
		Detail
----------------------------------- */
#subServiceBox article div.float_r {
	width: 125px;
	font-size: 0.8em;
	line-height: 1.6em;
}
#subServiceBox article div.float_r p {
	width: 125px;
	margin-bottom: 15px;
}
#subServiceBox article div.float_r ul {
	margin-top: 15px;
}

/* -----------------------------------
		Company
----------------------------------- */
#subServiceBox div.float_r {
	width: 314px;
	margin-right: 0;
}

/* Photo - Boss */
#subServiceBox div.float_r p {
	width: 155px;
	padding-top: 7px;
	float: left;
}

/* Detail */
#subServiceBox div.float_r div {
	width: 159px;
	float: right;
}
#subServiceBox div.float_r div p {
	width: 147px;
	padding-top: 0;
	float: none;
}

/* Btn - Aboutus / Staff */
#subServiceBox div.float_r div ul,
#subServiceBox div.float_r div ul li,
#subServiceBox div.float_r div ul li a,
#subServiceBox div.float_r div ul li a img {
	display: block;
}
#subServiceBox div.float_r div ul {
	margin: 15px 0 0 10px;
}
#subServiceBox div.float_r div li {
	margin-bottom: 12px;
}