@charset "utf-8";

body {
		font-family:'Lato','Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','Times','Times New Roman',serif!important;
		color:#FFF!important;
		line-height:25px
}

a:hover img {
		opacity:.75
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
		color:#FFF;
		font-family:'Lato','Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','Times','Times New Roman',serif!important;
		font-weight:700
}

.left_line {
	border-left:#666 1px solid;
	padding:10px 0 10px 25px;
}

.bottom_line {
	background:url(../images/title_bottomline.jpg) bottom repeat-x;
	width:100%
}

.bottom_line h2 {
	border-bottom:#FFF 2px solid;
	display:table
}

h2 {
	margin:20px 0 10px
}

h3 {
	font-size:32px
}

h4 {
	font-size:25px
}

.topbar {
		margin-bottom:20px;
		margin-top:20px
}

.text_l {
		float:left
}

.text_r {
		text-align:right
}

.text_c {
		text-align:center
}

.sitemap {
		color:#fff;
		font-size:16px
}



.menu_subbar {
		border-right:1px solid #FFF;
		padding-right:45px
}

.navbar-nav li {
}

.top-sub-img {
		text-align:center;
		margin-bottom:20px
}

.top-main-img {
		text-align:center;
		margin-bottom:20px
}

.top-main-img img {
		width:100%;
		max-width:484px
}

.top-h1 {
		padding-bottom:10px;
		border-bottom:1px solid #fff
}

.img_style{
	background-color:#fff;
	border:2px solid #B3B3B3;
	padding:5px;
}

.img_style_s{
	background-color:#fff;
	border:1px solid #B3B3B3;
	padding:2px;
}
.gallery_thumbnail{
	width:130px;
	padding-bottom:11px;
	padding-right:10px;
	float:left
}

.mtTopMap{
	margin-top:28px;
}

.mbWorks{
	padding-bottom:10px;
}

.works_main{
	width:555px;
}

.works_h4, .order_h4{
	padding-bottom: 10px;
}

.gallery_thumbnail p{
	display:none;
}

.mainHoka_text, .mainDisp_text, .mainHati_text, .mainIke_text, .mainSta_text, .mainAre_text, .mainTaba_text{
	margin-top:5px;
	height:20px;
}

.news-title {
	padding-bottom:10px;
	border-bottom:1px solid #fff
}


.delivery .title, .payment .title{
	padding-bottom:10px;
	border-bottom:1px solid #fff
}

.delivery p, .payment p {
	padding: 5px 20px 5px 10px;
	font-size: 18px;
	line-height: 22px;
}

.w130{
	width:130px!important;
}


.w150{
	width:150px!important;
}


.privacy h4{
	margin-top:20px;
}

.payment p {
	padding: 5px 20px 5px 10px;
	font-size: 18px;
	line-height: 22px;
}

.delivery .text_small {
	padding: 2px 20px 2px 10px;
	font-size: 16px;
	line-height: 18px;
}



.news-article {
		border-bottom:1px solid #FFF;
		color:#FFF;
		line-height:19px;
		padding:0 0 10px
}

.pageNavWrap {
		*zoom:1;
		position:relative;
		overflow:hidden;
		margin:0
}

.pageNavWrap ul {
		float:right
}

.pageNavWrap ul li {
		float:left;
		margin:0
}


.pageNavWrap li span,.pageNavWrap li a {
		display:inline-block;
		margin:0 1px 1px 0;
		padding:1px 8px;
		border:1px solid #aaa;
		text-decoration:none;
		vertical-align:middle
}

.pageNavWrap li a:hover {
		background:#ffdfdf;
		border-color:#ff6262;
		color:#5c5c5c
}

.table_company ul li{
	margin-left:-15px;
	padding-left:0px;
	list-style: disc;
}

.table_flow ul li{
	margin-left:-15px;
	padding-left:0px;
	list-style: disc;
}

.on {
		background:#ffdfdf
}

.siderbanner {
		margin-top:41px
}

.siderbanner img {
		width:100%
}

.siderbnr {
		margin-top:20px
}

#footer {
		margin-top:70px
}

.footer_sub {
		background-color:#333;
		margin-top:50px
}

.footer-logo {
		margin-bottom:15px
}

.infor {
		height:100%;
		margin-left:-15px;
		overflow:hidden
}

.infor p {
		font-size:12px
}

.company {
		color:#fff;
		margin-right:5px
		height:48px;
}

.company b{
		height:40px;
}


.data {
		border-left:2px solid #5c5c5c;
		color:#fff;
		padding-left:10px
}


.contact img {
		width:100%
}

.top-line {
		border-top:1px solid #5c5c5c;
		background:url(../images/arror.png) no-repeat scroll 95% 50% rgba(0,0,0,0)
}

.right-line {
		border-right:1px solid #5c5c5c
}

.left-line {
		border-left:1px solid #5c5c5c
}

.footer-link {
		padding-bottom:25px
}

.footer-logo {
		margin-top:30px
}

.footer-link p {
		border-bottom:1px solid #5c5c5c;
		padding-bottom:15px;
		padding-top:10px;
		color:#FFF
}

.list_div p:hover, .news-article:hover{
	color:#666
} 
.footer-link p:hover{
		border-bottom:1px solid #5c5c5c;
		padding-bottom:15px;
		padding-top:10px;
		color:#666
}

.footer-link a {
		color:#fff;
		text-decoration:none
}

.footer-link a:hover,a:focus {
		color:#5c5c5c;
		text-decoration:none
}

.contact {
	/*	margin-top:65px */
}

.footer-contact {
		margin-bottom:20px
}

.footer-contact p:hover {
		color:#666
}




.font_top {
		margin-top:40px
}

.font_banner {
		border:1px solid #FFF;
		font-size:18px;
		font-weight:700;
		text-align:center;
		color:#fff;
		background:url(../images/arror.png)no-repeat scroll 95% 50%;
		height:54px;
		overflow:hidden;
		padding-top:18px;
		padding-top:13px\9
}

.font_banner:not(:target) {
		border:1px solid #FFF;
		font-size:18px;
		font-weight:700;
		text-align:center;
		color:#fff;
		background:url(../images/arror.png)no-repeat scroll 95% 50%;
		height:54px;
		overflow:hidden;
		padding-top:18px;
		padding-top:23px\9
}

.font_banner:hover {
		border:1px solid #FFF;
		font-size:18px;
		font-weight:700;
		text-align:center;
		color:#666;
		background:url(../images/arror.png)no-repeat scroll 95% 50%;
		height:54px;
		overflow:hidden;
		padding-top:18px;
		padding-top:13px\9
}

.font_banner:hover:not(:target) {
		border:1px solid #FFF;
		font-size:18px;
		font-weight:700;
		text-align:center;
		color:#fff;
		background:url(../images/arror.png)no-repeat scroll 95% 50%;
		height:54px;
		overflow:hidden;
		padding-top:18px;
		padding-top:23px\9
}

html body div.navbar div.container div.navbar-collapse ul.nav li.menu_line a {
		padding:0!important;
		margin:0!important;
		text-align:center!important
}

html body div.navbar div.container div.navbar-collapse ul.nav li.menu_line a:hover {
		padding:0!important;
		margin:0!important;
		text-align:center!important
}

html body div.navbar div.container div.navbar-collapse ul.nav li.menu_line a:focus {
		padding:0 0 0 0 !imprtant;
		margin:0 0 0 0 !imprtant;
		text-align:center !imprtant
}

.list_div {
		margin-top:0;
		background:url(../images/arror.png) no-repeat scroll 95% 50% rgba(0,0,0,0)
}



.gallery_sub {
		padding-right:9px;
		float:left
}

li {
		list-style:none outside none
}

.thumbnail_box {
		margin:0;
		padding:0;
		height:750px;
		overflow: scroll;
}

.f_left {
		float:left
}

.f_right {
		float:right
}

.ph_box img {
		width:100%
}

.btm-20 {
		margin-bottom:20px
}

.topbanner img {
		width:100%
}

.sub-menu {
		margin-bottom:10px
}

.sub-menu img {
		width:100%;
		max-width:293px
}

.pagetop {
		text-align:right;
		height:100%;
		overflow:hidden;
		margin:30px 0
}

.topbanner-works {
		text-align:left;
		height:179px;
		padding-left:15px;
		padding-top:47px
}

.works_block {
		height:100%;
		overflow:hidden
}

.topbanner-company {
		text-align:left;
		height:120px;
		padding-left:10px;
		padding-top:47px
}

.topbanner {
	text-align:left;
	height:120px;
	padding-left:10px;
	padding-top:47px
}

.bottom-line {
		border-bottom:1px solid #5c5c5c
}

.table_company {
		min-height:42px
}

.table_company_l {
		height:100%;
		padding-top:10px;
		min-height:42px;
		padding-bottom:10px
}

.table_company_r {
		height:100%;
		padding-top:10px;
		min-height:42px;
		padding-bottom:10px
}

.ph_box_s img {
		margin:auto;
		padding-left:20px;
		padding-right:50px;
		text-align:center;
		width:100%
}

.title_sub {
		margin-bottom:25px
}

.flow_sub {
		font-size:24px;
		font-weight:700
}

.box_num {
		background-color:#FFF;
		color:#000;
		font-size:24px;
		height:23px;
		margin-right:10px;
		padding-left:5px;
		padding-right:5px;
		text-align:center;
		width:39px
}

.box_in {
		padding-left:10px;
		padding-right:10px
}

.top-will {
		text-align:left;
		height:179px;
		padding:54px 30px 0
}

.topbanner-model {
		text-align:left;
		height:179px;
		padding-left:52px;
		padding-top:47px
}

.model-gallery-thumbnail {
		margin-bottom:30px
}

.floorplan {
		margin-bottom:30px
}

.floorplan img {
		width:100%;
		max-width:555px
}

map {
		width:100%;
		max-width:464px
}

.model01-title {
		height:492px;
		margin-bottom:30px;
		margin-top:30px;
		padding-top:30px
}

.model02-title {
		height:492px;
		margin-bottom:30px;
		margin-top:70px;
		padding-top:30px
}

.model03-title {
		height:492px;
		margin-bottom:30px;
		margin-top:70px;
		padding-top:30px;
		width:100%
}

.model04-title {
		height:492px;
		margin-bottom:30px;
		margin-top:70px;
		padding-top:30px
}

.splitline {
		margin:20px 0
}

.splitline img {
		width:100%
}

.btm30 {
		margin-bottom:30px
}

.btm17 {
		margin-bottom:17px
}

.model_block {
}

.top20 {
		margin-top:20px
}

.top40 {
		margin-top:40px
}

.top60 {
		margin-top:60px
}

.top80 {
		margin-top:80px
}

.top100 {
		margin-top:100px
}

.topbanner-plan {
		text-align:left;
		height:179px;
		padding-left:10px;
		padding-top:47px
}

.btm_line {
		border-bottom:1px solid #666
}

.top36 {
		margin-top:36px
}

.btn_toflow {
		text-align:center;
		margin:20px 0
}

.plan_block {
		height:100%;
		overflow:hidden
}

.topbanner-contact {
		text-align:left;
		height:179px;
		padding-left:15px;
		padding-top:47px
}

.contact_tel {
		border:1px solid #333;
		font-size:22px;
		margin-top:25px;
		padding:15px;
		text-align:center
}

.necessary {
		background-color:red;
		border-radius:3px 3px 3px 3px;
		font-size:12px;
		margin-left:15px;
		padding:2px 8px
}

.form-item {
		border-top:1px solid #666;
		height:100%;
		overflow:hidden;
		padding:20px 0
}

.form-name {
		font-size:16px
}

.btn_send {
		font-size:18px;
		padding:10px 30px
}

.btn_message {
		margin-bottom:80px;
		margin-top:10px
}

#slide-container,#multiple-slide-container {
		position:relative;
		overflow:hidden;
		margin:auto;
		width:1200px;
		height:455px
}

.item,.item-triple {
		position:absolute;
		top:0;
		left:0;
		display:none;
		width:100%;
		height:100%;
		overflow:hidden
}

.foreground {
		position:absolute;
		margin-left:-65px;
		margin-top:-100px
}

.logo_size {
		width:503px
}

.background {
		position:absolute;
		overflow:hidden
}

.main_logo {
		margin-top:-12%;
		width:503px;
		margin-left:42%
}

.main_logo,x:-moz-any-link {
		margin-top:-12%;
		width:503px;
		margin-left:30%
}

#slide-container {
		background-color:#fff;
		border:1px solid #000
}



.item a,.item-triple a {
		display:block;
		width:1200px;
		height:455px
}

.item .background img {
		max-width:1200px
/* to avoid max-width: 100% of Twitter Bootstrap */
}

.item-triple .background img {
		max-width:320px
/* to avoid max-width: 100% of Twitter Bootstrap */
}

.foreground .element,.foreground-triple .element {
		color:#fff;
		text-shadow:1px 1px 2px #000;
		width:700px;
		position:relative;
		left:130px
}

.foreground .element.icon,.foreground-triple .element.icon {
		top:340px;
		left:60px;
		width:114px;
		height:114px;
		background-position:0 0
}

.background .overlay {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:50%;
		background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,transparent),color-stop(90%,rgba(0,0,0,0.2)));
		background:-webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.2) 90%);
		background:-moz-linear-gradient(top,transparent 0%,rgba(0,0,0,0.2) 90%);
		background:-o-linear-gradient(top,transparent 0%,rgba(0,0,0,0.2) 90%);
		background:-ms-linear-gradient(top,transparent 0%,rgba(0,0,0,0.2) 90%);
		background:linear-gradient(top,transparent 0%,rgba(0,0,0,0.2)980%)
}

.foreground .element.title,.foreground-triple .element.title {
		text-transform:uppercase;
		font-size:26px;
		top:280px
}

.foreground .element.subtitle {
		font-size:17px;
		top:300px
}

.ui-loader {
		display:none
}

#multiple-slide-container .triple-slides {
		width:320px;
		height:540px;
		float:left;
		overflow:hidden;
		position:relative
}

#multiple-slide-container .triple-slides .foreground-triple .element.title {
		font-size:28px
}


.element.title_s {
		text-transform:uppercase;
		font-size:18px;
		top:280px;
}


#multiple-slide-container .triple-slides .item-triple a {
		width:320px;
		height:540px
}

#about_body {
	background-color: #FFFFFF;
	padding: 20px 20px 60px;
}

.about_title {
	border-bottom: 1px solid #000000;
	color: #000000;
	font-size: 23px;
	margin-bottom: 20px;
	padding-bottom: 12px;
}

.about_article{
	color: #000000;
}

.about_bnr_cpt {
	margin-bottom: 60px;
	margin-top: 30px;
}

#about_body img{
	width:100%;
}

.about_bnr_img4 {
	margin-bottom: 50px;
	margin-top: 150px;
	   height: 109px;
}

.about_bnr_img1{
	margin-bottom: 50px;
	margin-top: 150px;
	background: url("../img/about_bnr_image1_bg.jpg");
	   height: 109px;
}


.about_bnr_img2 {
	margin-bottom: 50px;
	margin-top: 150px;
	background: url("../img/about_bnr_image2_bg.jpg");
	   height: 109px;
}

.about_bnr_img3 {
	margin-bottom: 50px;
	margin-top: 150px;
	background: url("../img/about_bnr_image3_bg.jpg");
	   height: 109px;
}

.shop-company{
	
	text-align:left;
	height: 179px;
	padding-left: 15px;
	padding-top: 53px;
	background:url(../img/shop_maintitle.jpg) no-repeat; 
}


.list_div_map{
	 background: url("../images_top/arror.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
	margin-bottom: 24px;
	padding-left: 20px;
	}

.map_link p{
	color:#ffffff;
}

.map_link p:hover,a:focus{
	color:#5c5c5c;
	text-decoration: none;
}

.err_text {
	color: #E83030;
	display: block;
	margin-bottom: 10px;
	margin-top: 5px;
	border:#ad0000 1px ;
}

.item_sub_title {
	font-size: 19px;
	font-weight: bold;
}


.btn-primary {
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	color: #333333;
	min-width:140px;
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-color: #e1e1e1;
	border-color: #CCCCCC;
	color: #333333;
}



#submit{font-weight: bold;}
.help-block{color: #939393 !important;}

.btn_box{
	margin-top: 30px;
}

.modelhouse_ttl {
	margin-bottom: 30px;
}

.modelhouse_ttl_txt {
	padding: 30px 0;
	position: absolute;
}

.mw_wp_form .error {
	font-size : 93%;
	color : #B70000;
	display : block;
}

.mw_wp_form .akismet_error {
	display: block;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
	width: 40%;
	margin: 0 5px;
}

.mw-wp-form-deprecated-message {
	background: #F5A9A9;
	border: #B40404 solid 2px;
	border-radius: 5px;
	font-size: 10px;
	line-height: 1.6;
	margin: 0 0 5px;
	padding: 5px;
}

.mwform-file-delete {
	cursor: pointer;
	visibility: hidden;
}


.mt10{
	margin-top: 10px;
}

.mt30{
	margin-top: 30px;
}

.wpcf7-list-item-label{
	margin-left: 2px;
	margin-right: 17px;
}


.screen-reader-response{
	visibility: hidden;
	height: 0px;
}

.wpcf7-not-valid-tip:before{
/*	content: "\A";
    white-space: pre;*/
    float:left;
    width: 100%;
    margin-bottom: 10px;
}

input[type="text"] , input[type="email"],textarea {
	width: 100%;
	float:left;
}


.row3{
	height:100px !important;
}

.row2{
	height:70px !important;
}

.row4{
	height:130px !important;
}


/* **************************		 max-device-width: 320px	**************************	*/


@media screen and (max-device-width: 320px) {



	#slide-container,#multiple-slide-container {
			position:relative;
			overflow:hidden;
			margin:auto;
			width:320px;
			height:121px
	}

	.logo_size {
			width:70%
	}

	.main_logo {
			margin-top:0;
			width:70%;
			margin-left:15%
	}

	.item,.item-triple {
			position:absolute;
			top:0;
			left:0;
			display:none;
			width:100%;
			height:100%;
			overflow:hidden
	}

	.foreground {
			position:absolute;
			margin-left:-65px;
			margin-top:-160px
	}

	.background {
			position:absolute;
			overflow:hidden
	}

	#slide-container {
			background-color:#fff;
			border:1px solid #000
	}

	.item a,.item-triple a {
			display:block;
			width:320px;
			height:121px
	}

	.item .background img {
			max-width:320px
	/* to avoid max-width: 100% of Twitter Bootstrap */
	}

	.item-triple .background img {
			max-width:320px
	/* to avoid max-width: 100% of Twitter Bootstrap */
	}

	.foreground .element,.foreground-triple .element {
			color:#fff;
			text-shadow:1px 1px 2px #000;
			width:270px;
			position:relative;
			left:90px
	}

	.background .overlay {
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			height:50%;
			background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,transparent),color-stop(80%,rgba(0,0,0,0.8)));
			background:-webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-moz-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-o-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-ms-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%)
	}

	.foreground .element.title,.foreground-triple .element.title {
			text-transform:uppercase;
			font-size:14px;
			top:70px
	}

	.foreground .element.subtitle {
			font-size:17px;
			top:300px
	}

	.ui-loader {
			display:none
	}

	#multiple-slide-container .triple-slides {
			width:320px;
			height:540px;
			float:left;
			overflow:hidden;
			position:relative
	}

	#multiple-slide-container .triple-slides .foreground-triple .element.title {
			font-size:28px
	}

	#multiple-slide-container .triple-slides .item-triple a {
			width:320px;
			height:540px
	}

	.row3, .row4{
			height:100% !important;
	}

	.row2{
			height:100% !important;
	}
	.right-line {
		border-right: 0px;
	}
	.element.title_s{
		font-size:9px;
		top:170px;
		line-height: 11px;
		width: 160px;
		left: 70px;
	}
	.element.title_s br{
		display: none;
	}

	.element.title{
		font-size:14px!important;
		top:170px!important;
		line-height: 16px!important;
		width: 160px!important;
		left: 70px!important;
	}
	
}





/* **************************		 min-width: 321px and max-width:480px	**************************	*/

@media screen and media (min-width: 321px) and (max-width:480px) {
	#slide-container,#multiple-slide-container {
			position:relative;
			overflow:hidden;
			margin:auto;
			width:480px;
			height:182px
	}

	
	.main_logo {
		margin-top:50px;
		width:70%;
		margin-left:20px
	}

	.logo_size {
			margin-top:30%;
			width:70%;
			margin-left:20px
	}

	.item,.item-triple {
			position:absolute;
			top:0;
			left:0;
			display:none;
			width:100%;
			height:100%;
			overflow:hidden
	}

	.foreground {
			position:absolute;
			margin-left:-65px;
			margin-top:-100px
	}

	.background {
			position:absolute;
			overflow:hidden
	}

	#slide-container {
			background-color:#fff;
			border:1px solid #000
	}

	.item a,.item-triple a {
			display:block;
			width:480px;
			height:182px
	}

	.item .background img {
			max-width:480px
	/* to avoid max-width: 100% of Twitter Bootstrap */
	}

	.item-triple .background img {
			max-width:320px
	/* to avoid max-width: 100% of Twitter Bootstrap */
	}

	.foreground .element,.foreground-triple .element {
			color:#fff;
			text-shadow:1px 1px 2px #000;
			width:270px;
			position:relative;
			left:90px
	}

	.background .overlay {
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			height:50%;
			background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,transparent),color-stop(80%,rgba(0,0,0,0.8)));
			background:-webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-moz-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-o-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-ms-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%)
	}

	.foreground .element.title,.foreground-triple .element.title {
			text-transform:uppercase;
			font-size:14px;
			top:170px
	}

	.foreground .element.subtitle {
			font-size:17px;
			top:300px
	}

	.ui-loader {
			display:none
	}

	#multiple-slide-container .triple-slides {
			width:320px;
			height:540px;
			float:left;
			overflow:hidden;
			position:relative
	}

	#multiple-slide-container .triple-slides .foreground-triple .element.title {
			font-size:28px
	}

	#multiple-slide-container .triple-slides .item-triple a {
			width:320px;
			height:540px
	}
	
	
	.row3{
			height:100% !important;
	}

	.row2{
			height:100% !important;
	}
	.right-line {
		border-right: 0px;
	}
	
	.element.title_s{
		font-size:9px;
		top:170px;
		line-height: 11px;
		width: 160px;
		left: 70px;
	}
	.element.title_s br{
		display: none;
	}

	.element.title{
		font-size:14px!important;
		top:170px!important;
		line-height: 16px!important;
		width: 160px!important;
		left: 70px!important;
	}


}

@media (min-width: 321px) and (max-width:480px) {

	
	.right-line {
		border-right: 0px;
	}

	#slide-container,#multiple-slide-container {
			position:relative;
			overflow:hidden;
			margin:auto;
			width:480px;
			height:182px
	}

	
	.main_logo {
		margin-top:50px;
		width:70%;
		margin-left:20px
	}

	.logo_size {
			margin-top:30%;
			width:70%;
			margin-left:20px
	}

	.item,.item-triple {
			position:absolute;
			top:0;
			left:0;
			display:none;
			width:100%;
			height:100%;
			overflow:hidden
	}

	.foreground {
			position:absolute;
			margin-left:-65px;
			margin-top:-100px
	}

	.background {
			position:absolute;
			overflow:hidden
	}

	#slide-container {
			background-color:#fff;
			border:1px solid #000
	}

	.item a,.item-triple a {
			display:block;
			width:480px;
			height:182px
	}

	.item .background img {
			max-width:480px;
	/* to avoid max-width: 100% of Twitter Bootstrap */
	}

	.item-triple .background img {
			max-width:480px;
	/* to avoid max-width: 100% of Twitter Bootstrap */
	}


	.foreground .element,.foreground-triple .element {
			color:#fff;
			text-shadow:1px 1px 2px #000;
			width:270px;
			position:relative;
			left:90px
	}

	.background .overlay {
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			height:50%;
			background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,transparent),color-stop(80%,rgba(0,0,0,0.8)));
			background:-webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-moz-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-o-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-ms-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%)
	}


	.foreground .element.subtitle {
			font-size:17px;
			top:300px
	}

	.ui-loader {
			display:none
	}

	#multiple-slide-container .triple-slides {
			width:320px;
			height:540px;
			float:left;
			overflow:hidden;
			position:relative
	}


	#multiple-slide-container .triple-slides .item-triple a {
			width:320px;
			height:540px
	}
	
	
	.row3{
			height:100% !important;
	}

	.row2{
			height:100% !important;
	}
	.right-line {
		border-right: 0px;
	}
	
	.element.title_s{
		font-size:10px;
		top:130px;
		line-height: 11px;
		width: 180px;
		left: 70px;
	}
	.element.title_s br{
		display: none;
	}

	.element.title{
		font-size:15px!important;
		top:170px!important;
		line-height: 16px!important;
		width: 180px!important;
		left: 70px!important;
	}

}

/* **************************		min-width: 481px	and	max-width: 768px	**************************	*/

@media (min-width: 481px) and (max-width: 768px) {
	#slide-container,#multiple-slide-container {
			position:relative;
			overflow:hidden;
			margin:auto;
			width:700px;
			height:265px
	}

	
	.logo_size {
			width:70%
	}

	.item,.item-triple {
			position:absolute;
			top:0;
			left:0;
			display:none;
			width:100%;
			height:100%;
			overflow:hidden
	}

	.main_logo {
			margin-top:-12%;
			width:70%;
			margin-left:13%
	}

	.foreground {
			position:absolute;
			margin-left:-65px;
			margin-top:-216px
	}

	.background {
			position:absolute;
			overflow:hidden
	}

	#slide-container {
			background-color:#fff;
			border:1px solid #000
	}

	.item a,.item-triple a {
			display:block;
			width:700px;
			height:265px
	}

	.item .background img {
			max-width:700px
	/* to avoid max-width: 100% of Twitter Bootstrap */
	}

	.item-triple .background img {
			max-width:320px
	/* to avoid max-width: 100% of Twitter Bootstrap */
	}

	.foreground .element,.foreground-triple .element {
			color:#fff;
			text-shadow:1px 1px 2px #000;
			width:550px;
			position:relative;
			left:90px
	}

	.background .overlay {
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			height:50%;
			background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,transparent),color-stop(80%,rgba(0,0,0,0.8)));
			background:-webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-moz-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-o-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:-ms-linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%);
			background:linear-gradient(top,transparent 0%,rgba(0,0,0,0.8) 80%)
	}


	.foreground .element.subtitle {
			font-size:17px;
			top:300px
	}

	.ui-loader {
			display:none
	}

	#multiple-slide-container .triple-slides {
			width:320px;
			height:540px;
			float:left;
			overflow:hidden;
			position:relative
	}

	#multiple-slide-container .triple-slides .foreground-triple .element.title {
			font-size:28px
	}

	#multiple-slide-container .triple-slides .item-triple a {
			width:320px;
			height:540px
	}
	
	.row3{
			height:100% !important;
	}

	.row2{
			height:100% !important;
	}
	
	.right-line {
		border-right: 0px;
	}
	
	.element.title_s{
		font-size:13px;
		top:250px!important;
		line-height: 18px;
		width: 280px!important;
		left: 70px;
	}
	.element.title_s br{
		display: none;
	}

	.element.title{
		font-size:15px!important;
		top:250px!important;
		line-height: 16px!important;
		width: 250px!important;
		left: 70px!important;
	}
	
}
.mapIframe, .mapIframe *{
	width: 98%!important;
}


/* **************************		min-width: 770px and max-width: 1024px	**************************	*/

@media (min-width: 770px) and (max-width: 1024px) {

	#slide-container, #multiple-slide-container {
		position: relative;
		overflow: hidden;
		margin:auto;
		width: 960px;
		height: 362px;
	}
	.main_logo{
		margin-top: -12%;
		width:70%;
		margin-left: 30%;
	}
	.logo_size{
		width:70%;
	}
	.item, .item-triple {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.foreground {
		position: absolute;
		margin-left: -65px;
		margin-top: -160px;
	}

	.background {
		position: absolute;
		overflow: hidden;
	}

	#slide-container {
		background-color: #fff;
		border: 1px solid #000;
	}

	.item a, .item-triple a {
		display: block;
		width: 960px;
		height:362px;
	}

	.item .background img {
		max-width: 960px; /* to avoid max-width: 100% of Twitter Bootstrap */
	}

	.item-triple .background img {
		max-width: 320px; /* to avoid max-width: 100% of Twitter Bootstrap */
	}

	.foreground .element, .foreground-triple .element {
		color: #fff;
		text-shadow: 1px 1px 2px #000000;
		width:600px;
		position: relative;
		left: 90px;
	}

	.background .overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50%;
		background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(80%, rgba(0, 0, 0, 0.8)));
		background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
		background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
		background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
		background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
		background: linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
	}

	.foreground .element.title, .foreground-triple .element.title {
		text-transform: uppercase;
		font-size:20px;
		top:300px;
	}

	.foreground .element.subtitle {
		font-size: 17px;
		top: 300px;
	}

	.ui-loader {
		display: none;
	}

	#multiple-slide-container .triple-slides {
		width: 320px;
		height: 540px;
		float: left;
		overflow: hidden;
		position: relative;
	}

	#multiple-slide-container .triple-slides .foreground-triple .element.title {
		font-size: 28px;
	}

	#multiple-slide-container .triple-slides .item-triple a {
		width: 320px;
		height: 540px;
	}


	#about_body {
		background-color: #FFFFFF;
		padding: 20px 20px 60px;
	}

	.about_title {
		border-bottom: 1px solid #000000;
		color: #000000;
		font-size: 23px;
		margin-bottom: 20px;
		padding-bottom: 12px;
	}

	.about_article{
		color: #000000;
	}

	.about_bnr_cpt {
		margin-bottom: 60px;
		margin-top: 30px;
	}

	#about_body img{
		width:100%;
	}

	.about_bnr_img4 {
		margin-bottom: 50px;
		margin-top: 150px;
		height: 109px;
	}

	.about_bnr_img1{
		margin-bottom: 50px;
		margin-top: 150px;
		height: 109px;
	}

	.about_bnr_img2 {
		margin-bottom: 50px;
		margin-top: 150px;
		height: 109px;
	}

	.about_bnr_img3 {
		margin-bottom: 50px;
		margin-top: 150px;
		height: 109px;
	}
	
	.shop-company{
		text-align:left;
		height: 179px;
		padding-left: 15px;
		padding-top: 53px;
	}

	.list_div_map{
		background: url("../images/arror.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
		margin-bottom: 24px;
		padding-left: 20px;
	}

	.map_link p{
		color:#ffffff;
	}

	.map_link p:hover,a:focus{
		color:#5c5c5c;
		text-decoration: none;
	}

	.err_text {
		color: #E83030;
		display: block;
		margin-bottom: 10px;
		margin-top: 5px;
		border:#ad0000 1px ;
	}

	.item_sub_title {
		font-size: 19px;
		font-weight: bold;
	}

	.btn-primary {
		background-color: #FFFFFF;
		border-color: #CCCCCC;
		color: #333333;
		min-width:140px;
	}


	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
		background-color: #e1e1e1;
		border-color: #CCCCCC;
		color: #333333;
	}


	#submit{
		font-weight: bold;
	}
	
	.help-block{
		color: #939393 !important;
	}

	.btn_box{
		margin-top: 30px;
	}

	.modelhouse_ttl {
		margin-bottom: 30px;
	}

	.modelhouse_ttl_txt {
		padding: 30px 0;
		position: absolute;
	}
	.row3{
			height:100% !important;
	}

	.row2{
			height:100% !important;
	}
	.right-line {
		border-right: 0px;
	}

	.element.title_s{
		font-size:14px;
		top:250px!important;
		line-height: 22px;
		width: 400px!important;
		left: 70px;
	}
	
	.element.title{
		width: 400px!important;
		left: 70px;
	}
	

}
}