@charset "UTF-8";

/*-----------------------------------------------------------
Top styles
-------------------------------------------------------------*/
#keyv {
	margin-bottom:40px;
	height:420px;
	background:url(../../img/top/bg_keyv.png) repeat-x 50% 0;
	text-align:center;
}
#keyv p {
	margin-left:65px;
}
.buildBox {
	padding-bottom:35px;
}
.buildBox .buildLeft {
	float:left;
	width:400px;
}
.buildBox .buildLeft p.buildTit {
	padding:10px 0 12px;
}
.buildBox .buildLeft p {
	line-height:2;
}
.buildBox .buildImg {
	float:right;
	width:257px;
	margin-top:43px;
}
.block {
	padding-bottom:36px;
}
.faqBlock {
	padding-bottom:39px;
}
.faqBlock ul.faqList {
	float:left;
	width:320px;
}
.faqBlock ul.faqList li {
	margin-bottom:12px;
	padding-bottom:4px;
	border-bottom:1px dotted #D3D3D3;
}
.faqBlock ul.faqList li a {
	padding:5px 5px 5px 23px;
	background:url(../../img/top/icon_question.png) no-repeat 0 50%;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
.faqBlock ul.faqList li a:hover {
	text-decoration:none;
}
.faqBlock p {
	float:right;
	margin-top:-5px;
}
.customerBox p.customerTit {
	padding-bottom:18px;
	color:#3B489F;
	font-size:18px;
	font-weight:bold;
}
.customerBox .custInner {
	margin-bottom:-20px;
}
.customerBox .custInner p {
	padding-bottom:20px;
	color:#595757;
	font-size:10px;
}

/*-----------------------------------------------------------
FAQ styles
-------------------------------------------------------------*/
.faqInfo {
	position:relative;
	min-height:200px;
	margin-bottom:50px;
	padding:30px 12px 13px 27px;
	border-radius:5px;
	background:url(../../img/faq/bg_faq02.png) 0 0;
}
.faqInfo ul {
	/*width:215px;*/
	margin-left:20px;
}
.faqInfo ul li {
	margin-bottom:15px;
}
.faqInfo ul li a {
	padding-left:18px;
	background:url(../img/icon/icon_arrow04.png) no-repeat 0 50%;
	color:#3B489F;
	font-size:14px;
	text-decoration:underline;
}
.faqInfo ul li a:hover {
	text-decoration:none;
}
.faqInfo p {
	position:absolute;
	bottom:0;
	right:12px;
	line-height:0;
}
.faqBoxInner {
	padding-bottom:50px;
}
dl.accordionWrap dt {
	display:block;
	margin-bottom:5px;
	padding:15px 20px 12px;
	border-radius:5px;
	background:#e2e3f0 url(../img/icon/icon_arrow05.png) no-repeat 96.5% 50%;
	color:#3B489F;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
dl.accordionWrap dt.active {
	background:#e2e3f0 url(../img/icon/icon_arrow06.png) no-repeat 96.5% 50%;
}
.accordionWrap dt span {
	display:block;
	width:95%;
}
dl.accordionWrap dd.accordionBox {
	display:none;
	margin:-4px 0 5px;
	padding:18px;
	border:1px solid #3B489F;
	border-radius:5px;
}
/* when CMS active img import */
dl.accordionWrap dd.accordionBox img {
	width:640px;
	margin-top:10px;
}

/*-----------------------------------------------------------
Company styles
-------------------------------------------------------------*/
.companyBox {
	padding-bottom:70px;
}
.companyTable {
	width:100%;
	border:1px solid #ECECEC;
	border-bottom:none;
	color:#3E3A39;
	font-size:14px;
}
.companyTable th {
	width:118px;
	padding:14px 10px 9px 18px;
	border-bottom:1px solid #ECECEC;
	border-right:1px solid #ECECEC;
	background:#DFDFDF;
	font-weight:bold;
	vertical-align:middle;
}
.companyTable td {
	padding:14px 10px 9px 15px;
	border-bottom:1px solid #ECECEC;
	vertical-align:middle;
}
p.map {
	margin-top:-50px;
	margin-bottom:70px;
}
.colCompany .companyTable {
	float:left;
	width:460px;
}
.colCompany .image {
	float:right;
	max-width:200px;
	margin-top:-38px;
}
.colCompany .image span {
	display:block;
	color:#231815;
}

/*-----------------------------------------------------------
Blog-news styles
-------------------------------------------------------------*/
.newsBox dl.newsList {
/* 	padding-bottom:74px; */
}
.newsBox dl.newsList dt {
	position:relative;
	padding-bottom:5px;
	color:#3B489F;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
}
.newsBox dl.newsList dt img {
	position:absolute;
	top:0;
	margin-left:10px;
}
.newsBox dl.newsList dd {
	margin-bottom:17px;
	padding-bottom:11px;
	border-bottom:1px dotted #000;
	color:#333;
	font-size:14px;
	font-weight:bold;
}
/* detail */
.newsBox dl.newsList02 {
	padding-bottom:22px;
}
.newsBox dl.newsList02 dd {
	margin:0;
	padding:0;
	border-bottom:none;
	font-size:18px;
}
.newsBox .detail p {
	padding-bottom:28px;
	color:#595757;
	text-align:justify;
	line-height:1.8;
}
.newsBox .detail p img {
	width:100%;
	height:auto;
}

/*-----------------------------------------------------------
Stock styles
-------------------------------------------------------------*/
.stockBox {
	padding-bottom:40px;
}

/*-----------------------------------------------------------
Case styles
-------------------------------------------------------------*/
.caseBox .detail {
	padding-bottom:51px;
}
.caseBox dl.caseTitle {
	padding-bottom:21px;
}
.caseBox dl.caseTitle dt {
	display:inline-block;
	margin-bottom:10px;
	padding:5px 10px;
	color:#FFF;
	background:#53A0CA;
	font-size:12px;
	text-align:center;
}
.caseBox dl.caseTitle .feet02 {
	background:#5EB89F !important;
}
.caseBox dl.caseTitle .feet03 {
	background:#B86C5E !important;
}
.caseBox dl.caseTitle dd {
	font-size:21px;
	font-weight:bold;
}
.caseBox .detail p {
	color:#595757;
	font-size:12px;
}
.caseTable {
	width:100%;
	margin:44px 0 14px;
	border:1px solid #B1B1B2;
	border-bottom:none;
	font-size:14px;
	line-height:1.8;
}
.caseTable th {
	width:123px;
	background:#EBEBEB;
	padding:12px 10px 7px 17px;
	border-bottom:1px solid #B1B1B2;
	border-right:1px solid #B1B1B2;
	color:#3E3A39;
	font-weight:bold;
	vertical-align:middle;
}
.caseTable td {
	padding:12px 10px 7px 19px;
	border-bottom:1px solid #B1B1B2;
	vertical-align:middle;
	text-align:justify;
}
.productTable td p {
	line-height:1.7;
}
.caseTable td.comment {
	color:#595757;
}

/*-----------------------------------------------------------
Sitemap styles
-------------------------------------------------------------*/
ul.sitemapList {
	float:left;
	width:190px;
	margin-left:35px;
}
ul.sitemapList:first-child {
	width:217px;
	margin-left:0;
}
ul.sitemapList li {
	margin-bottom:12px;
	padding:0 0 13px 22px;
	background:url(../img/other/bg_dot01.png) repeat-x 0 100%;
	text-indent:-1.6em;
	line-height:1.7;
}
ul.sitemapList li a {
	padding-left:21px;
	background:url(../img/icon/icon_arrow09.png) no-repeat 0 50%;
	font-size:14px;
}

/*-----------------------------------------------------------
Policy styles
-------------------------------------------------------------*/
.policyBox {
	padding-bottom:37px;
	font-size:13px;
}
.policyBox ul.policyInfo li {
	padding-bottom:22px;
}

/*-----------------------------------------------------------
Guild styles
-------------------------------------------------------------*/
.guideBox {
	color:#595757;
}
.guideBox .block {
	padding-bottom:46px;
}
.guideBox .guideInner p {
	font-size:14px;
	line-height:1.8;
}
.guideBox p.guideImg {
	padding-bottom:12px;
	text-align:center;
}
.guideBox .deliveryTable th {
	font-weight:normal;
}

/*-----------------------------------------------------------
Flow styles
-------------------------------------------------------------*/
.flowBox {
	line-height:1.8;
}
.flowBox p.flowText {
	color:#595757;
	font-size:14px;
}
ul.flowInfo {
	padding:15px 0 38px;
}
ul.flowInfo li {
	float:left;
	margin-left:12px;
}
ul.flowInfo li:first-child {
	margin-left:0;
}
ul.flowList li {
	padding-bottom:17px;
}
ul.flowList li p.image {
	float:left;
	padding-bottom:20px;
	background:url(../img/icon/icon_arrow10.png) no-repeat 50% 100%;
}
ul.flowList li.last p.image {
	background:none;
}
ul.flowList li .item {
	float:right;
	width:402px;
}

/*-----------------------------------------------------------
Rental styles
-------------------------------------------------------------*/
#rental #mainContent {
	width:691px;
}
.soreBox {
	width:655px;
	margin:-4px auto -36px;
	padding:0 0 33px 23px;
	background:url(../../img/rental/bg_store.png) 0 0;
}
.soreBox p.txtSore {
	position:relative;
	top:-8px;
	padding-bottom:9px;
	text-align:center;
}
p.storeTit {
	position:relative;
	top:105px;
	left:-25px;
	z-index:1;
}
p.storeTit02 {
	position:absolute;
	top:27px;
	left:108px;
	z-index:2;
}
ul.rentalList li {
	float:left;
	margin:0 -6px -6px 0;
	line-height:0;
}
.rentalItem {
	position:relative;
	margin:35px 0 84px;
	padding-top:103px;
	background:url(../../img/rental/bg_rental_top.png) no-repeat 0 0;
}
.rentalInner {
	padding-bottom:28px;
	background:url(../../img/rental/bg_rental_bottom.png) no-repeat 0 100%;
}
.rentalInner .item {
	padding:0 55px 40px 59px;
	background:url(../../img/rental/bg_rental_center.png) repeat-y 0 0;
}
.rentalInner ul {
	padding-bottom:10px;
}
.rentalInner ul li {
	padding-bottom:33px;
}
.rentalInner ul p.title {
	padding-bottom:15px;
}
.rentalItem ul li p.rentalText {
	float:left;
	width:315px;
	margin-left:6px;
	color:#595757;
	font-size:14px;
	line-height:1.7;
}
.rentalItem ul li p.rentalImg {
	float:right;
}
.handItem {
	padding-bottom:115px;
}
.rentalBox p.itemImg {
	padding-bottom:25px;
}
.pb38 {
	padding-bottom:38px;
}
.rentalBox p.flowTitle {
	padding:12px 0;
	background:url(../img/other/bg_line02.png) no-repeat 0 0;
}
#rental p.phoneInfo a {
	right:123px;
}
.rentalBox .stepBlock {
	padding-bottom:56px;
}
ul.contractList {
	margin-right:-28px;
}
ul.contractList li {
	float:left;
	width:286px;
	height:125px;
	margin-right:28px;
	padding:20px;
	background:#f4f4f9;
	color:#595757;
	font-size:14px;
}
ul.contractList li p.contTitle {
	padding-bottom:15px;
	color:#3B489F;
	font-size:17px;
	font-weight:bold;
}
.rentBlock {
	padding:80px 0 90px;
	background:url(../../img/rental/bg_rent_top.png) no-repeat 0 0;
}
.rentInner {
	padding-bottom:7px;
	background:url(../../img/rental/bg_rent_bottom.png) no-repeat 0 100%;
}
.rentBox {
	padding:30px 39px 15px 32px;
	background:url(../../img/rental/bg_rent_center.png) repeat-y 0 0;
}
p.rentTit {
	padding-bottom:18px;
}
p.rentText {
	padding-bottom:13px;
	font-size:14px;
	font-weight:bold;
}
.rentInfo {
	padding-bottom:42px;
}
.rentInfo dl {
	float:left;
	width:230px;
	font-size:14px;
	font-weight:bold;
}
.rentInfo dd {
	margin:-1.5em 0 0.5em 0;
	padding:0 0 0.5em 4em;
	border-bottom:1px dotted #bababa;
	color:#3B489F;
	text-align:right;
}
.rentInfo p.rentImg {
	float:right;
	margin:-4px 30px 0 0;
}
#rental .handItem {
	margin-bottom:-20px;
	padding-bottom:0;
}
.step03Box p.infoText {
	padding-bottom:0;
}
.step03Box strong {
	margin-left:-8px;
	color:#231815;
	font-size:14px;
	font-weight:bold;
}
.pb6 {
	padding-top:6px !important;
}
.rentTable {
	width:100%;
	margin:-8px 0 5px;
	border:1px solid #B1B1B2;
	border-bottom:none;
	border-right:none;
}
.rentTable th {
	padding:6px 0 3px;
	border:1px solid #B1B1B2;
	background:#D5D8EA;
	color:#3A479E;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.rentTable td {
	padding:10px 10px;
	border-right:1px solid #B1B1B2;
	border-bottom:1px solid #B1B1B2;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	line-height:1.7;
}
.rentTable .col01 {
	width:139px;
}
.rentTable .col02 {
	width:281px;
}
.rentTable .col03 {
	width:97px;
}
.rentTable .rentTit {
	color:#3A479E;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.rentTable .rentText {
	padding:10px 25px 10px 39px;
	text-align:left;
}
p.rentImg02 {
	padding-top:30px;
	text-align:center;
}

/*-----------------------------------------------------------
Beginner styles
-------------------------------------------------------------*/
#beginner #mainContent {
	width:691px;
}
.beginItem {
	position:relative;
	margin-top:-57px;
	padding:118px 0 76px;
	background:url(../../img/beginner/bg_begin_top.png) no-repeat 0 0;
}
.beginInner {
	padding-bottom:42px;
	background:url(../../img/beginner/bg_begin_bottom.png) no-repeat 0 100%;
}
.beginInner .item {
	padding:0 58px 34px 62px;
	background:url(../../img/beginner/bg_begin_center.png) repeat-y 0 0;
}
.beginInner ul {
	padding-top:30px;
}
.beginInner ul li {
	margin-bottom:29px;
	padding-bottom:25px;
	border-bottom:1px dotted #000;
}
.beginInner ul p.title {
	padding-bottom:13px;
}
.beginItem ul li p.rentalText {
	float:left;
	width:282px;
	margin-left:6px;
	color:#595757;
	font-size:14px;
	line-height:1.7;
}
.beginItem ul li p.rentalImg {
	float:right;
}
.beginItem ul li.beginNote  p.rentalText {
	float:right;
}
.beginItem ul li.beginNote  p.rentalImg {
	float:left;
}
.beginInner ul li.last {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.carryBox {
	width:681px;
	margin:0 auto 7px;
	padding-bottom:23px;
	border-top:4px solid #3B489F;
	background:url(../../img/beginner/bg_carry_bottom.png) no-repeat 0 100%;
}
.carryInner {
	padding-bottom:24px;
	background:url(../../img/beginner/bg_carry_center.png) 0 0;
}
p.carryTit {
	padding:38px 0 32px;
	text-align:center;
}
.beginBox .block {
	padding-bottom:60px;
}
.beginBox p {
	color:#3E3A39;
	line-height:1.8;
}
.beginBox p.guideImg {
	padding-bottom:15px;
}
.beginBox ul.houseList li {
	width:325px;
	margin:0 0 9px 39px;
}
.beginBox ul.houseList li:first-child {
	margin:0 0 9px 0;
}
.beginBox ul.houseList li p.appTitle {
	padding-top:6px;
	color:#3B489F;
	font-size:16px;
	font-weight:bold;
}
.beginBox li p.houseText {
	padding-top:8px !important;
	line-height:1.9 !important;
}
.beginBox .guideInner {
	margin-bottom:22px;
}
.beginBox .guideInner p {
	padding-bottom:12px;
}
.pb25 {
	padding-bottom:25px !important;
}
ul.carryList {
	padding:0 0 27px 48px;
}
ul.carryList li {
	position:relative;
	float:left;
	width:186px;
	margin:0 0 0 11px;
}
ul.carryList li:first-child {
	margin-left:0;
}
ul.carryList li p.carryText {
	position:absolute;
	bottom:7px;
	width:100%;
	margin-top:-6px;
	padding:5px 0;
	background:#3B489F;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.pb20 {
	padding-bottom:20px !important;
}
.pb15 {
	padding-bottom:15px !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CCCCCC;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #CCCCCC;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #CCCCCC;
}
:-moz-placeholder { /* Firefox 18- */
  color: #CCCCCC;
}