@charset "utf-8";

/*//////////////////////////////

STYLE CSS
last up date 2013/05/12

/////////////////////////////*/

/* BODY */
body{
	background: url(../images/common/com_bg01.jpg) repeat 0 0;
}

/* COMMON */
.container{
	width: 1080px;
	margin: 0 auto;
}

#mainContainer{
	width: 1080px;
	padding:0 0 50px 0;
	/*overflow: hidden;*/
	background-image: url(../images/common/com_sideBg01.png);
	background-position: top right;
	background-repeat: repeat-y;
}

#main{
	width: 868px;
	float: left;
}

#side{
	width: 202px;
	padding: 5px;
	float: right;
	/*background-color: rgba(100,185,154,0.7);*/
}

footer{
	min-height: 80px;
	background-color: #d8d8d8;
}

/* ----------------------------------------------
General Classes
---------------------------------------------- */

.clearfix:after {
	display: block;
	visibility: hidden;
	content: ".";
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* HEADER */
header{
	height: 120px;
	background: #076b37;
}

header div.container{
	height: 120px;
	position: relative;
	background-color: #076b37;
	background-image: url(../images/common/com_headerBg02.png);
	background-repeat: no-repeat;
	background-position: 868px 0px;
}

header h1{
	padding:38px 0 0 0;
	text-align: center;
}

header h1 a:hover{
	opacity: 0.4;
}

header h2{
	position:	absolute;
	top: 5px;
	line-height: 1.5;
	color: #FFFFFF;
}

/* FOOTER */
footer div.container{
	min-height: 80px;
	background-image: url(../images/common/com_footersideBg01.jpg);
	background-position: top right;
	background-repeat: repeat-y;
}

#copyright{
	padding: 60px 0 0 0;
}

/* nav */
nav#gnav{
	height: 42px;
	background: #1b7d59;
}

nav#gnav div.container{
	height: 42px;
	overflow: hidden;
}

nav#gnav ul{
	width: 868px;
	float: left;
	overflow: hidden;
}

nav#gnav p{
	width: 212px;
	float: right;
	text-align: center;
	background-image: url(../images/common/com_headerBg03.png);
	background-repeat: repeat-y;
}

nav#gnav ul li{
	height: 36px;
	margin: 3px;
	float: left;
}

nav#gnav ul li a{
	height: 36px;
	display: block;
}

nav#gnav ul li a:hover{
	height: 36px;
	background-color: #3fb896;
	border-radius: 3px 3px;
}

#navContact a:hover{
	opacity: 0.75;
}

#cinHome nav#gnav ul li#navHome a,
#cinWorks nav#gnav ul li#navWorks a,
#cinPhilosophy nav#gnav ul li#navPhilosophy a,
#cinStaff nav#gnav ul li#navStaff a,
#cinService nav#gnav ul li#navService a,
#cinAbout nav#gnav ul li#navAbout a,
#cinpriceplans nav#gnav ul li#navpriceplans a{
	height: 36px;
	background-color: #3fb896;
	border-radius: 3px 3px;
}

/* eyecatch */
div#eyecatch{
	margin-top: 5px;
	padding:0 0 5px 0; 
	background-color: rgba(255,255,255,0.65);
	background-image: url(../images/common/com_headerBg04.jpg);
	background-position: top right;
	background-repeat: repeat-y;
}
div#eyecatch h3{}

div#eyecatch dl{
	width: 560px;
	margin: 0 auto 25px;
}

div#eyecatch p#mainMovie{
	padding: 10px 0;
	text-align: center;
}

#mainMovieTit{
	font-size: 18px;
	font-weight: bold;
}

#mainMovieDes{
	margin: 15px 0 0 0;
	line-height: 1.5;
}

.moreBox h3{
	width: 80px;
	height: 15px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	background-color: #1b7d59;
}

.moreBox h3 a{
	color: #FFF;
}

.moreBoxIn{
	padding:5px 0 0 0;
	display: none;
	background-color: #1b7d59;
}

.moreBoxIn p{
	width: 550px;
	margin: 0 auto;
	padding: 5px;
	background-color: #FFF;
}

div.lineType01{
	border-bottom: solid 5px #1b7d59;
}

/* main */
/* home */
#serviceInfo{
	width: 859px;
	margin: 5px 0 0 0;
	padding: 2px;
	background-color: rgb(27,125,89);
	border-radius: 3px 3px;
}

#serviceInfoBox{
	width: ;
	padding: 10px 0 0 4px;
	overflow: hidden;
	background-color: rgb(255,255,255);
}

#serviceInfoTit{
	padding: 0 0 5px 5px;
}

#serviceInfoBox dl{
	padding: 0 4px 4px 0;
	float: left;
}

#serviceInfoBox dl dt{
	padding: 0 0 5px 0;
}

#serviceInfoBox dl dd a:hover{
	opacity: 0.65;
}

/* home_maincontents */
#boxcontent{
	/*margin: 25px 0 0 0;*/
	margin:5px 0 0 0;
}

#boxcontentSec{
	margin: 0 0 0 0;
}


.col01{
	width: 212px;
	margin: 0 0 5px 0;
	background-color: rgb(255,255,255);
	border-radius: 3px 3px;
}

.col02{
	width: 429px;
	margin: 0 0 5px 0;
	background-color: rgb(255,255,255);
	border-radius: 3px 3px;
}

.col03{
	width: 212px;
	margin: 0 0 5px 0;
	background-color: #076B37;
	border-radius: 3px 3px;
}

.col01 dl,
.col03 dl{
	width: 202px;
	margin: 5px;
	padding: 10px 0 0 0;
}

.col02 dl{
	width: 417px;
	margin: 5px;
	padding: 10px 0 0 0;
	border: solid 1px #076b37;
	border-radius: 3px 3px;
}

.col01 dl dt,
.col02 dl dt,
.col03 dl dt{
	padding: 0 0 8px 0;
	text-align: center;
}

.col01 dl dd,
.col02 dl dd,
.col03 dl dd{
	padding: 0 0 5px 0;
	text-align: center;
	line-height: 1.5;
}

.col03 dl a:hover{opacity: 0.8}
.col03 dl dd{color: #FFF}

/* secMain */
.secMainBox{
	width: 849px;
	margin: 15px 0 0 0;
	padding: 5px;
	background-color: rgb(255,255,255);
	border-radius: 3px 3px;
}

.secMainInBox{
	width: 847px;
	border: solid 1px #076b37;
	border-radius: 3px 3px;
}

.secMainTit{
	padding: 70px 0 70px 50px;
}

/* sec section */
.secBoxType01{}
.secBoxType01 h3{
	width: 787px;
	height: 35px;
	margin: 0 0 35px 0;
	padding:15px 0 0 50px;
	color: #FFF;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 0.2em;
	background-color: #076b37;
}
.secBoxType01 p{
	padding: 0 100px 35px 50px;
	color: #076b37;
	font-weight: bold;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0.2em;
}

.secBoxType01 dl{
	padding: 0 100px 35px 50px;
	overflow: hidden;
	color: #076b37;
}

.secBoxType01 dt{
	width: 180px;
	float: left;
}

.secBoxType01 dd{
	float: left;
	line-height: 1.5;
}

/* works */
.worktit a{
	color: #076b37;
}

.workimg a:hover,
.worktit a:hover{
	opacity: 0.65;
	text-decoration: none;
}

/* staffDescBox */
div#staffDescBox{
	width: 804px;
	margin: 0 auto 25px;
	overflow: hidden;
}

.secBoxType01 div#staffDescBox dl.staffinfoA,
.secBoxType01 div#staffDescBox dl.staffinfoB{
	width: 402px;
	height: 392px;
	padding:10px 0 0 0;
	float: left;
}

.secBoxType01 div#staffDescBox dl.staffinfoA{
	background-color: #076b37;
}

#staff01,
#staff04,
#staff05{
	width: 402px;
	text-align: center;
}

#staff02,
#staff03{
	width: 402px;
	text-align: center;
}

.staffName{
	padding: 5px 0 0 10px;
}

/* side */
#facebookBox{
	width: 202px;
}

#facebookBox h2{
	margin: 0 0 5px 0;
}

#wall{
	background-color: rgba(255,255,255,0.85);
}

/* detail */
.mt10{margin: 10px 0 0 0;}
.bg01{background-color: #076B37;}