@charset "utf-8";
/*
	Site Name: 
	Description: base template style
	Version: 
	Author: 
*/

/*
===== 1: Top ==========================================
*/
#top #titleBox {	position:relative;	}
#top #titleBox h2 {
	width: 500px;
	padding:50px 0 40px;
	}
#top #titleBox p {
	position: absolute;
	top:110px;
	left:50%;
	margin-left:300px;
	}
#top #mainBox {
	background: #fff;
	padding: 0;
	}
#top .wrap {
	width:980px;
	margin: 0 auto;
	}
#top .section01{
	background:#f4f4f4;
 	margin:0 auto 20px;
	padding: 80px 0;
	}
#top .section01 h3{
	text-align: center;
	margin-bottom:65px;
	}
#top .section01 #slider {
	display: block;
	width:820px;
	margin: 0 auto 30px;
	padding:0;
	}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0 35px;
	*zoom: 1;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -47px;
	outline: 0;
	width: 41px;
	height: 95px;
	text-indent: -9999px;
	z-index: 10;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.bx-wrapper .bx-prev {
	background: url(../img/index/arrow_prev.gif) no-repeat 0 0;
	left: -81px;
}
.bx-wrapper .bx-next {
	background: url(../img/index/arrow_next.gif) no-repeat 0 0;
	right: -81px;
}
.bx-wrapper .bx-prev:hover {	background: url(../img/index/arrow_prev_s2.gif) no-repeat 0 0;}
.bx-wrapper .bx-next:hover {	background: url(../img/index/arrow_next_s2.gif) no-repeat 0 0;}
#top .section01 .pager {
	display: block;
	width:174px;
	margin: 0 auto 50px;
	}
#top .section01 .pager li {
	float: left;
	width:14px;
	margin-left: 26px;
	text-indent:-9999px;
	}
#top .section01 .pager li:first-child {	margin-left:0;	}
#top .section01 .pager li a {
	background: url(../img/index/nav_dot.gif) no-repeat;
	display: block;
	padding:0;
	width:14px;
	height:14px;
	}
#top .section01 .pager li a.active,
#top .section01 .pager li a:hover {
	background: url(../img/index/nav_dot_on.gif) no-repeat;
	cursor: pointer;
	}

#top .section01 .btnBox {
	width:980px;
 	margin:0 auto;
	}
#top .section01 .btnBox p{	text-align: center;	}

#top .section02 {
	background: url(../img/index/bg.jpg) no-repeat top center;
	margin: 0 auto 20px;
	padding:140px 0;
	text-align: center;
	}
#top .section02 h3 { 	margin-bottom:53px;	}

#top .section03 {
	background: #fff;
	padding:60px 0 80px;
	}
#top .section03 h3 { 	margin-bottom:30px;	}
#top .section03 #columnBox {
	float: left;
	width:440px;
	margin: 0 auto;
	}
#top .section03 dt {
	clear:left;
	float: left;
	width:105px;
	}
#top .section03 dd {
	float: left;
	width:335px;
	margin-bottom:20px;
	line-height:1.4;
	}
#top .section03 dd .ttl {	margin-bottom:10px;	}
#top .section03 #contactBox {
	float: right;
	width:440px;
	margin: 0 auto;
	}


/*
===== 2: Service ==========================================
*/
#service #mainImgBox{
	background:#eee url(../img/service/01/main_bg.jpg) no-repeat top center;
	padding:66px 0 68px;
	}
#service .section01{
	width:922px;
 	margin:0 auto 50px;
	}
#service .section02{
	width:980px;
 	margin:0 auto;
	}
#service .section02 p{	text-align: center;	}

/*===== 2-2: Service02 ===========================*/
#service02 #mainImgBox{
	background:#eee url(../img/service/02/main_bg.jpg) no-repeat top center;
	padding:92px 0 95px;
	}
#service02 .section01,
#service02 .section02{
	width:980px;
 	margin:0 auto 50px;
	}
#service02 .wrap{
	background:url(../img/service/02/bg.gif) repeat-y top;
	width:980px;
 	margin:0;
	}
#service02 .groupBox{
	float:left;
	width:287px;
 	margin-left:60px;
	line-height:1.6;
	}
#service02 .groupBox:first-child{
	width:286px;
 	margin-left:0;
	}
#service02 .groupBox h4{ 	margin-bottom:30px;	}
#service02 .groupBox h5{ 	margin-bottom:15px;	}
#service02 .groupBox p{ 	margin-bottom:25px;	}


#service02 .section02{ 	margin:0 auto;	}
#service02 .section02 p{	text-align: center;	}

/*===== 2-3: Service03 ===========================*/
#service03 #mainImgBox{
	background:#eee url(../img/service/03/main_bg.jpg) no-repeat top center;
	padding:79px 0 109px;
	}
#service03 .section01{
	position: relative;
	width:980px;
	min-height:400px;
 	margin:0 auto;
	}

#service03 .faqBox{
	display:none;
	position: absolute;
	width:980px;
	text-align: center;
	}
#service03 .faqBox .btnPrev{
	position: absolute;
	width:67px;
	height:67px;
	top:170px;
	left:0;
	}
#service03 .faqBox ul {
	width:310px;
 	margin:0 auto 30px;
	}
#service03 .faqBox li {
	float: left;
	width:145px;
	margin-left: 20px;
	}
#service03 .faqBox li:first-child {	margin-left:0;	}
#service03 .faqBoxR {
	display:none;
	position: absolute;
	width:840px;
 	margin:0 auto;
	padding:0 70px;
	}
#service03 .faqBoxR .lBlock {
	width:264px;
	}
#service03 .faqBoxR .rBlock {
	width:530px;
	font-size:14px;
	line-height:1.6;
	}
#service03 .faqBoxR .btnContact { 	margin:30px 0 70px;	}
#service03 .faqBoxR .btnStart {	text-align: right;	}



/*
===== 3: Case Study ==========================================
*/
#caseStudy #mainImgBox{
	background:#eee url(../img/case_study/main_bg.jpg) no-repeat top center;
	padding:92px 0 90px;
	}
#caseStudy .section01{
	border-bottom: solid 2px #ddd;
	width:980px;
 	margin:0 auto 50px;
	}
#caseStudy .section01 li{
	float:left;
	width:47%;
	margin-bottom:50px;
	}
#caseStudy .section01 li.even{	width:53%;	}
#caseStudy .section02{
	width:980px;
 	margin:0 auto;
	}
#caseStudy .section02 p{	text-align: center;	}

/*===== 3-1: Case Study Child ===========================*/
#caseChild #mainBox {
	padding: 60px 0 80px;
	}
#caseChild .section01{
	width:980px;
 	margin:0 auto 20px;
	line-height:1.6;
	}
#caseChild .section01 h3,
#caseChild .section01 h4{ 	margin-bottom:15px;	}

#caseChild .section01 #tabBtn ul{	width:980px;	}
#caseChild .section01 #tabBtn li{
	float:left;
	display:block;
	width:490px;
	}
#caseChild .section01 #tabBtn li#tabBtn01{	background: url(../img/case_study/tab01_off.gif) no-repeat;	}
#caseChild .section01 #tabBtn li#tabBtn02{	background: url(../img/case_study/tab02_off.gif) no-repeat;	}
#caseChild .section01 #tabBtn li.active{	text-indent:-9999px;	}
#caseChild .section01 #tabBtn li a{	display:block;	}
#caseChild .section01 #tabBox{
	background: url(../img/case_study/bg.gif) repeat-y;
	border-bottom: solid 2px #ddd;
	width:890px;
 	margin:0 auto 40px;
	padding:45px;
	line-height:1.6;
	}
#caseChild .section01 #tabBox02,
#caseChild .section01 #tabBox03,
#caseChild .section01 #tabBox04{	display:none;	}
#caseChild .section01 .wrap{
	background: url(../img/case_study/bg.gif) repeat-y;
	border-top: solid 2px #ddd;
	border-bottom: solid 2px #ddd;
	width:890px;
 	margin:0 auto 40px;
	padding:45px;
	line-height:1.6;
	}
#caseChild .section01 .list li{
	list-style-type:disc;
	margin-left:18px;
	}
#caseChild .section01 span{
	background:#8cdbff;
	font-size:18px;
	}
#caseChild .section02{
	width:980px;
 	margin:0 auto;
	}
#caseChild .section02 p{	text-align: center;	}



/*
===== 4: Faq ==========================================
*/
#faq #mainImgBox{
	background:#fefefe url(../img/faq/main_bg.jpg) no-repeat top center;
	padding:117px 0 133px;
	}
#faq .section01,
#faq .section02{
	width:980px;
 	margin:0 auto 50px;
	}
#faq #tabBtn ul{	width:980px;	}
#faq #tabBtn li{
	float:left;
	display:block;
	width:326px;
	}
#faq #tabBtn li#tabBtn01{	background: url(../img/faq/tab01_off.gif) no-repeat;	}
#faq #tabBtn li#tabBtn02{	background: url(../img/faq/tab02_off.gif) no-repeat; width:328px;	}
#faq #tabBtn li#tabBtn03{	background: url(../img/faq/tab03_off.gif) no-repeat;	}
#faq #tabBtn li.active{	text-indent:-9999px;	}
#faq #tabBtn li a{	display:block;	}
#faq #tabBox{ 	margin:20px auto;	}
#faq #tabBox02,
#faq #tabBox03{	display:none;	}
#faq #tabBox dt{
	background: url(../img/faq/icon_plus.gif) no-repeat 930px center;
	display:block;
	cursor:pointer;
	margin-top:15px;
	padding:20px;
	}
#tabBox dd{
	display:none;
	background: url(../img/faq/list_a.gif) no-repeat 40px 3px;
	padding:0 150px 20px 70px;
	line-height:1.8;
	}
#faq #tabBox dt:hover{	background: url(../img/faq/icon_plus_s2.gif) no-repeat 930px center;	}
#faq #tabBox dt.active{	background: url(../img/faq/icon_minus.gif) no-repeat 930px center;	}
#faq #tabBox dt.active:hover{	background: url(../img/faq/icon_minus_s2.gif) no-repeat 930px center;	}
#faq #tabBox dt.odd,
#faq #tabBox dt.odd:hover,
#faq #tabBox dd.odd{	background-color:#e6e6e5;	}
	
#faq .section02{ 	margin:0 auto;	}
#faq .section02 p{	text-align: center;	}


/*
===== 5: Column ==========================================
*/
#column #mainImgBox{
	background:#eee url(../img/column/main_bg.jpg) no-repeat top center;
	padding:140px 0 139px;
	}
#column .section01,
#column .section02{
	width:980px;
 	margin:0 auto 50px;
	}
#column .entry{
	border-bottom: solid 2px #ddd;
	margin-bottom: 40px;
	padding-bottom:40px;
	}
#column .entry .dataBox{
	float: left;
	width:418px;
	line-height:1.6;
	}
#column .entry .txtBox{
	float: right;
	width:562px;
	line-height:2.0;
	}
#column .entry .date{	margin-bottom: 5px;	}
#column .entry .title{	margin-bottom: 10px;	}
#column .entry .btnEntry{
	text-align: right;
	margin-top:15px;
	}
#column .section02{ 	margin:0 auto;	}
#column .section02 p{	text-align: center;	}


ul.simple-pagination {
	list-style: none;
	}
.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: center;
	}
.simple-pagination ul {
	list-style: none;
	width:auto;
	padding: 0;
	margin: 0 auto;
	}
.simple-pagination li {
/*	float: left;*/
	display:inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	}
.rPageNav a, .rPageNav span {
	float: left;
	background: #009eeb;
	color: #fff;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	}
.rPageNav a:hover {
	background: #0db9ff;
	text-decoration: none;
	}
.rPageNav .current {
	background: #ccc;
	color: #fff;
	cursor: default;
	}
.rPageNav .ellipse {
	background: none;
	border: none;
	color: #009eeb;
	font-weight: bold;
	cursor: default;
	}
.rPageNav li:first-child,
.rPageNav li:last-child	{
	display: none;
	}


/*===== 5-1: Entry ===========================*/
#cEntry #mainImgBox{
	background:#eee url(../img/column/main_bg.jpg) no-repeat top center;
	padding:140px 0 139px;
	}
#cEntry .section01,
#cEntry .section02{
	width:980px;
 	margin:0 auto;
	}
#cEntry #entryBox{
	float: left;
	width:620px;
	font-size:14px;
	line-height:1.6;
	}
#cEntry #entryBox .date{	margin-bottom: 10px; font-size:12px;	}
#cEntry #entryBox .title{	margin-bottom: 15px;	}
#cEntry #entryBox .name{	margin-bottom: 25px;	}
#cEntry #entryBox .section{	margin-bottom: 55px;	}
#cEntry #entryBox .section h4{
	margin-bottom: 15px;
	font-size:20px;
	font-weight: bold;
	}
#cEntry #entryBox .section h5{
	margin-bottom: 5px;
	font-size:16px;
	}
#cEntry #entryBox .section p{	margin-bottom: 20px;	}
#cEntry #entryBox ul,
#cEntry #entryBox ol{
	border-top: solid 2px #bababa;
	margin-bottom:20px;
	padding-top:7px;
	list-style:none;
	}
#cEntry #entryBox li{
	border-bottom: solid 2px #bababa;
	margin-bottom:7px;
	padding-bottom:7px;
	font-size:16px;
	}
#cEntry #entryBox ul.noBar,
#cEntry #entryBox ol.noBar{
	border-top: none;
	margin-bottom:20px;
	padding-top:0;
	list-style:none;
	}
#cEntry #entryBox .noBar li{
	border-bottom: none;
	margin-bottom:0;
	padding-bottom:0;
	font-size:14px;
	}
#cEntry #entryBox .caption{
	font-size:12px;
	text-align:right;
	display:block;
	}
#cEntry #entryBox table{
	border-top: solid 2px #bababa;
	border-left: solid 2px #bababa;
	width:100%;
	}
#cEntry #entryBox th,
#cEntry #entryBox td{
	border-right: solid 2px #bababa;
	border-bottom: solid 2px #bababa;
	font-size:16px;
	padding:5px;
	}
#cEntry #entryBox th{	background:#dceff8;	}
#cEntry #entryBox th.gr{	background:#e1edc5;	}

#cEntry #sideNav{
	float: right;
	width:275px;
	}
#cEntry #sideNav h4{	margin-bottom: 13px;	}
#cEntry #sideNav ol{
	border-top: solid 1px #ddd;
	padding-top:10px;
	}
#cEntry #sideNav li{
	border-bottom: solid 1px #ddd;
	margin-bottom:10px;
	padding-bottom:10px;
	}
#cEntry #sideNav li a{
	color: #333;
	text-decoration:none;
	}
#cEntry .section02 p{	text-align: center;	}


/*
===== 6: Contact ==========================================
*/
#contact #mainImgBox{
	background:#eff1f3 url(../img/contact/main_bg.jpg) no-repeat top center;
	padding:72px 0 67px;
	}
#contact .section01{
	width:980px;
 	margin:0 auto;
	line-height:1.6;
	}
#contact .section01 h3{
	clear:both;
	float: left;
	width:250px;
	}
#contact .section01 .wrap{
	float: right;
	width:640px;
	}
#contact .section01 .wrap strong{
	color: #009fe8;
	font-weight: normal;
	}
#contact .section01 .wrap span{
	color: #009fe8;
	font-size:10px;
	}
#contact .section01 table{	margin-bottom:10px;	}
#contact .section01 th{
	text-align:left;
	vertical-align: top;
	width:150px;
	padding-top:10px;
	padding-bottom:20px;
	}
#contact .section01 td{
	width:490px;
	padding-bottom:20px;
	vertical-align: baseline;
	}
#contact .section01 #fConf td{	padding-top:10px;	}
#contact .section01 dt{
	clear: left;
	float: left;
	vertical-align: top;
	width:96px;
	padding-top:10px;
	padding-bottom:20px;
	}
#contact .section01 dd{
	float: left;
	width:394px;
	padding-bottom:20px;
	vertical-align: baseline;
	}
#contact .section01 dt:nth-last-of-type(1),
#contact .section01 dd:nth-last-of-type(1){	padding-bottom:0;	}
#contact .section01 input,
#contact .section01 select,
#contact .section01 textarea{
	border: solid 1px #ccc;
	padding:10px;
	}
#contact .section01 form .wide{	width:470px;	}
#contact .section01 form .sWide{	width:374px;	}
#contact .section01 form .half{	width:190px;	}
#contact .section01 form .sHalf{	width:266px;	}
#contact .section01 form .short{	width:94px;	}
#contact .section01 #formNav{
	width:342px;
	margin:0 auto;
	text-align: center;
	}
#contact .section01 #formNav img{	float: left;	}
#contact .section01 .fBtn{	border: none; padding:0;	}

#contact .section01 .errs{
	color: #b22d00;
	margin-bottom:30px;
	}
#contact .section01 .err{	color: #b22d00;	}
#contact .section01 input.err,
#contact .section01 select.err,
#contact .section01 textarea.err{
	border: solid 1px #b22d00;
	color: #333;
	}




/*
===== 7: SiteMap ==========================================
*/
#sitemap #mainBox {
	padding: 30px 0 80px;
	}
#sitemap .section01{
	width:980px;
 	margin:0 auto 50px;
	line-height:1.6;
	}
#sitemap .section01 li{
	border-top: solid 2px #ddd;
	font-size:18px;
	font-weight:bold;
	margin: 20px 0 0;
	padding: 20px 0 0;
	}
#sitemap .section01 li a{	font-weight:bold;	}
#sitemap .section01 li li{
	padding-left:90px;
	}
#sitemap .section01 ul ul ul{
	width:668px;
	float: right;
	}
#sitemap .section01 ul ul ul li{
	border-top: none;
	border-bottom: solid 1px #ddd;
	float: left;
	width:50%;
	font-size:16px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	}
#sitemap .section01 ul ul ul li.none{
	border-bottom: none;
	margin: 0;
	padding: 0;
	}
#sitemap .section01 ul ul ul li a{	font-weight:normal;	}



/*
===== 8: PrivacyPolicy ==========================================
*/
#privacy #mainBox {
	padding: 60px 0 80px;
	}
#privacy .section01{
	width:980px;
 	margin:0 auto 50px;
	line-height:1.6;
	}
#privacy .section01 h3{ 	margin-bottom:20px;	}
#privacy .section01 h4{
	margin-bottom: 10px;
	font-size:20px;
	font-weight: bold;
	}
#privacy .section01 h5{
	margin-bottom: 5px;
	font-size:14px;
	font-weight: bold;
	}
#privacy .section01 li{
	list-style-type:disc;
	margin-left:18px;
	}
#privacy .section01 .wrap{
	background: url(../img/privacy/bg.gif) repeat-y;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	width:900px;
	padding:25px 40px;
	line-height:1.6;
	}