/* layout---------------------------------------------------------- */

/* masonry คส */
/* -------------------------- */
.sub_item{width: 376px; margin: 0 5px;}


/*global*/
/*------------------------------------------------------------------------------*/

.subtitle02_box{
	background: url(../image/common/sub_title_bg.png) repeat;
}
.subtitle02{
	font-size: 24px;
	margin-bottom: 60px;
}
.subtitle02_catch{
	font-size: 15px;
}


/*sub common*/
/*------------------------------------------------------------------------------*/

/*sub main*/
.sub_main{
	background: url(../image/common/sub_title_bg.png) repeat;
	margin-bottom: 16px;
	width:100%;
	padding:0 17%;
	height:306px;
}
.sub_main_in{
	display:table-cell;
	vertical-align:middle;
	height:306px;
}
.sub_main h2{
	font-size: 24px;
	line-height: 25px;
	margin-bottom: 40px;
}
.sub_main_txt{
	font-size: 15px;
	line-height: 200%;
}

.sub_img_list:after {content: "";	display: block;	height: 0; clear: both;	visibility: hidden;}
.sub_img_list {min-height: 1px; margin-bottom: 16px;}

.sub_img_list_top{
	width: 376px;
	height: 0;
	text-indent: -9999px;
	padding-top: 306px;
	float: left;
}
.sub_img_list_top.story_title{background: url(../image/story_img01.jpg) no-repeat center 50% #F7F7F7;}
.sub_img_list_top.profile_title{background: url(../image/profile_img01.jpg) no-repeat center 50% #F7F7F7;}
.sub_img_list_top.world_fabrics_title{background: url(../image/world_fabrics_img01.jpg) no-repeat center 50% #F7F7F7;}
.sub_img_list_top.taffeta_collection_title{background: url(http://www.fujie-textile.co.jp/dcms_media/image/coll_non_rogo_icon.jpg) no-repeat center 50% #F7F7F7;}
.sub_img_list_top.form_title{background: url(../image/form_img01.jpg) no-repeat center 50% #F7F7F7;}
.sub_img_list_top.heartart_title{background: url(../image/heartart_img01.jpg) no-repeat center 50% #F7F7F7;}

.sub_img_list_bottom{
	width: 768px;
	float: right;
}
.sub_img_list_bottom li{
	width: 376px;
	margin-left: 16px;
	float: left;
	position: relative;
}
.sub_img_list_bottom li:first-child{margin-left: 0;}
.sub_img_list_bottom li img{width: 100%; height: auto;}


/*sub_img_list02*/
.sub_img_list02:after {content: "";	display: block;	height: 0; clear: both;	visibility: hidden;}
.sub_img_list02 {min-height: 1px; margin-bottom: 16px;}

.sub_img_list02_left{
	width: 768px;
	height: 306px;
	float: left;
}

.sub_img_list02_right{width: 376px;	float: right; position: relative;}
.sub_img_list02_right img{width: 100%; height: auto;}


/* addition */
.sub_img_list_hover,
.sub_img_list02_hover,
.sub_img_list03_hover {
	width:100%;
	height:100%;
	background: url(../image/common/top_item_hover_bg.png) repeat;
	opacity:0;
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	color:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	overflow:hidden;
}
#tinymce .sub_img_list_hover,
#tinymce .sub_img_list02_hover,
#tinymce .sub_img_list03_hover {
	opacity:1;
	filter: alpha(opacity=1); /* IE lt 8 */
	-ms-filter: "alpha(opacity=1)"; /* IE 8 */
}
.sub_img_list_hover .sub_img_list_in,
.sub_img_list02_hover{
	display: block;
	height: 100%;
	text-align: center;
	letter-spacing: 2px;
	padding-top: 33%;
}
.sub_img_list03_hover .sub_img_list_in {
	display: block;
	height: 100%;
	padding: 6.5% 5.5%;
}

.sub_img_list_in span{ margin-left:10px;}
.sub_img_list_hover a:hover, .sub_img_list02_hover a:hover,
.sub_img_list03_hover a:hover {text-decoration: none;}


/*sub_box01*/
.sub_box01:after {content: ""; display: block; height: 0;	clear: both; visibility: hidden;}
.sub_box01 {min-height: 1px; margin-bottom: 16px;}

.sub_box01_left{
	width: 376px;
	font-size: 13px;
	line-height: 160%;
	float: left;
}
.sub_box01_left h3{
	font-size: 15px;
	padding: 7% 0;
}
.sub_box01_left img{width: 100%; height: auto;}

.sub_box01_right{width: 768px;	float: right;}
.sub_box01_right img{width: 100%; height: auto;}
.sub_box01_right_in_top {margin-bottom:16px;}
.sub_box01_right .sub_box01_right_in_top img {width:auto;}
.sub_box01_right .sub_box01_right_in_bottom img {width:auto;}

.sub_box01_right_in_txt {float:right; width:502px; line-height:200%;}
.sub_box01_right_in_subtitle {font-size:20px; padding:20px 0;}
.sp_none{ display:block;}
.pc_none{ display:none;}
.sub_img_list02_left img{
	width:100%;
	height:auto;
}
.sub_box01_right_in_top .sp_none,
.sub_box01_right_in_bottom .sp_none {display:inline;}

/*sub_box02*/
.sub_box02:after {content: ""; display: block; height: 0;	clear: both; visibility: hidden;}
.sub_box02 {min-height: 1px; margin-bottom: 15px;}

.sub_box02_item{
	width: 32.5%;
	margin-left: 1.25%;
	float: left;
}
.sub_box02_item:first-child{margin-left: 0;}
.sub_box02_item img{width: 100%; height: auto;}

/*sub_box03*/
.sub_box03:after {content: ""; display: block; height: 0;	clear: both; visibility: hidden;}
.sub_box03 {min-height: 1px; margin-bottom: 16px;}
.sub_box03_left {
	width: 572px;
	float: left;
}
 .sub_box03_right_b {
	width: 572px;
	float: right;
}
.sub_box03_left img, .sub_box03_right_b img {width: 100%; height: auto;}
.sub_box03_right{width: 572px;	float: right; padding:0 20px;}
.sub_box03_left_b{width: 572px;	float: left; padding:0 20px;}
.sub_box03_right_in_subtitle,
.sub_box03_left_b_in_subtitle  {font-size:20px; padding:30px 0;}
.sub_box03_right p,
.sub_box03_left_b p {font-size:15px; line-height:180%;}

/*sub_box04*/
.sub_box04:after {content: ""; display: block; height: 0;	clear: both; visibility: hidden;}
.sub_box04 {min-height: 1px; margin-bottom: 32px; margin-left:50px;}
.sub_box04:last-child {min-height: 1px; margin-bottom: 95px;}
.sub_box04_left {
	width: 8.11%;
	float: left;
}
.sub_box04_right {
	float: left;
	font-size:15px; 
	line-height:180%;
	width:91.89%;
}

.one_line {
	display:table-cell;
	height:50px;
	vertical-align:middle;
}

/* collection */
/* -------------------------- */

.collection_title_box{
	background: url(../image/common/sub_title_bg.png) repeat;
	padding: 47px 30px 0;
	margin-bottom: 16px;
	height:306px;
}
.collection_title{
	font-size: 24px;
	margin-bottom: 60px;
}
.collection_title_catch{
	font-size: 15px;
	line-height: 200%;
}
.collection_box:after {content: "";	display: block;	height: 0; clear: both;	visibility: hidden;}
.collection_box {width: 1177px; min-height: 1px; margin-right: -15px;}

.collection_box_item{
	width: 376px;
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
	position: relative;
}
.collection_box_title{
	width: 100%;
	background: url(../image/common/sub_title_bg.png) repeat;
	font-size: 14px;
	line-height: 15px;
	padding: 3px 0 4px 10px;
	position: absolute;
	top: 0;
	left: 0;
}
.collection_box_title a:hover{text-decoration: none;}
.collection_box_item.bl-hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	    opacity: 0.7;
	transition-duration:0.3s;
}

/* addition */
.collection_item_hover{
	width:100%;
	height:100%;
	background: url(../image/common/top_item_hover_bg.png) repeat;
	/*background:#9E9C9C;
	background:rgba(61,58,57,0.7);*/
	opacity:0;
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	padding:10.5% 5.5%;
	color:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	overflow:hidden;
}
.collection_box .collection_item_hover{padding:6.5% 5.5%;}
#tinymce .collection_item_hover{
	opacity:1;
	filter: alpha(opacity=1); /* IE lt 8 */
	-ms-filter: "alpha(opacity=1)"; /* IE 8 */
}

.collection_item_hover .collection_hover_title {font-size: 22px;}
.collection_item_hover .collection_hover_txt {font-size: 15px; line-height: 180%;}
.collection_item_hover .collection_hover_title{vertical-align: middle; padding: 7% 0;}
.collection_hover_more{
	text-align: center;
	margin-top: 10px;
}
.collection_hover_more a{
	display: inline-block;
	border: 1px solid #000;
	padding: 1px 20px;
}
.collection_hover_more a:hover{
	text-decoration: none;
	background: #000;
	color: #FFF;
}
.collection_hover_logo{
	position: absolute;
	bottom: 20px;
	right: 25px;
}


/* story ๆฒฎ */
.story_adjust01 img{width: 100%; height: auto;}

/* profile สuฒฎ */
.profile_adjust03{margin-top: 0px;}
.world_fabrics_adjust02{margin-top: 0px;}

/* profile ๆฒฎ */
.profile_adjust01 img,
.profile_adjust02 img,
.profile_adjust03 img,
.profile_adjust04 img{width: 100%; height: auto;}

/* world_fabrics ๆฒฎ */
.world_fabrics_adjust01 img,
.world_fabrics_adjust02 img{width: 100%; height: auto;}

.world_fabrics_box1:after {content: ""; display: block; height: 0;	clear: both; visibility: hidden;}
.world_fabrics_box1 {min-height: 1px; margin-bottom: 16px;}

.world_fabrics_box1_item{
	width: 376px;
	margin-left: 16px;
	float: left;
}
.world_fabrics_box1_item:first-child{margin-left: 0;}

.profile_ul{
	height:306px;
	margin-bottom:16px;
}

/* taffeta_collection สuฒฎ */
.taffeta_collection_adjust{margin-top: 133px;}
.taffeta_collection_adjust p{
	display: block;
	width: 100%;
	height: 73px;
	background: url(../image/taffeta_collection_banner_bk.jpg) no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
}
.taffeta_collection_adjust.sub_img_list_bottom {width: 100%; float: none;}
.taffeta_collection_adjust.sub_img_list_bottom li{width: 100%;}
.taffeta_collection_adjust .sub_img_list_hover .sub_img_list_in{padding-top: 0;}
.taffeta_collection_adjust .collection_hover_more{padding-top: 25px; margin-top: 0;}


/* taffeta_collection ๆฒฎ */
.taffeta_collection_imgnone{display: none;}


/* form ๆฒฎ */
.form_adjust01 img{width: 100%; height: auto;}
.form_adjust02 img{width: 100%; height: auto;}


/* heartart ๆฒฎ */
.heartart_adjust01 img{width: 100%; height: auto;}


/* cs ๆฒฎ */
.cs_adjust01 img{width: 100%; height: auto;}


/* form */
/* -------------------------- */

.form_box01:after {content: ""; display: block; height: 0;	clear: both; visibility: hidden;}
.form_box01 {min-height: 1px; margin-bottom: 16px;}

.form_box01_left{
	width: 376px;
	height: 950px;
	background: url(../image/form_img04.jpg) no-repeat;
	text-indent: -9999px;
	float: left;
}
.form_box01_left img{width: 376px; height: 950px;}

.form_box01_right{width: 768px;	float: right;}
.form_box01_right img{width: 768px; height: 467px;}
.form_box01_right .form_space{margin-bottom: 16px;}

/* heartart */
/* -------------------------- */
.heartart_txt_box h3{
	font-size: 15px;
	padding: 8% 0 5%;
}
.heartart_txt_box ul{padding-bottom: 5px;}
.heartart_txt_box ul li{
	display: inline-block;
	padding-right: 2%;
}


/*WORKS*/
/*------------------------------------------------------------------------------*/

.works_menu{
	background: url(../image/common/sub_title_bg.png);
	margin-bottom: 16px;
}
.works_menu ul{font-size: 0; line-height: 0;}
.works_menu ul li{
	display: inline-block;
	width: 180px;
	text-align: center;
	font-size: 18px;
	line-height: 120%;
	margin-right: 16px;
}
.works_menu ul li a{
	display: block;
	width:180px;
	height:32px;
	line-height:32px;
}
.works_menu ul li.menu_ov a, .works_menu ul li a:hover{
	text-decoration: none;
	background: #000;
	color: #FFF;
}

.works_list{
	font-size: 0;
	line-height: 0;
	margin-right: -16px;
}
.works_list li{
	display: inline-block;
	width: 180px;
	margin-right: 16px;
	margin-bottom: 16px;
	position: relative;
}

.works_list .works_list_more{
	display: inline-block;
	width: 180px;
	margin-right: 16px;
	margin-bottom: 16px;
	position: relative;
}

/* addition */
.works_list_hover{
	width:100%;
	height:100%;
	background: url(../image/common/top_item_hover_bg.png) repeat;
	opacity:0;
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	color:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	overflow:hidden;
}
#tinymce .works_list_hover{
	opacity:1;
	filter: alpha(opacity=1); /* IE lt 8 */
	-ms-filter: "alpha(opacity=1)"; /* IE 8 */
}
.works_list_hover{
	display: block;
	height: 100%;
	text-align: center;
	font-size: 13px;
	line-height: 110%;
	padding: 33% 4% 4%;
}
.works_list_hover a:hover{text-decoration: none;}

.works_list_more{margin-top: 15px;}
.works_list_more a{
	display: inline-block;
	border: 1px solid #000;
	padding: 2px 16px;
}
.works_list_more a:hover{
	text-decoration: none;
	background: #000;
	color: #FFF;
}

/*works บwคส*/

.works_sub_title_box{
	width:1160px;
	height:306px;
	padding-left:196px;
	margin-bottom:16px;
}
.works_sub_title_box_in{
	display:table-cell;
	vertical-align:middle;
	width:964px;
	height:306px;
}

.works_sub_title01{
	font-size: 20px;
	line-height: 120%;
	padding: 0 0 90px 0;
}
.works_sub_title02{
	font-size: 13px;
	line-height: 200%;
	padding: 0 0 0 0;	
}

.works_sub_wrap:after {content: "";	display: block;	height: 0; clear: both;	visibility: hidden;}
.works_sub_wrap {min-height: 1px;}

.works_sub_thumimg{width: 180px; float: left;}
.works_sub_thumimg li{margin-bottom: 16px;}
.works_sub_thumimg li.works_list_4{margin-bottom: 0;}
.works_sub_imgbox{width: 964px; float: right;}


/*company*/
/*------------------------------------------------------------------------------*/

/* บwคส */
.company_main{
	background: url(../image/common/sub_title_bg.png);
	height: 145px;
	padding: 35px 0 0;
	margin-bottom: 16px;
}
.company_main_title{
	font-size: 24px;
	padding: 0 30px;
	margin-bottom: 30px;
}
.company_main ul{font-size: 0; line-height: 0;}
.company_main li{
	display: inline-block;
	width: 180px;
	text-align: center;
	font-size: 18px;
	line-height: 120%;
	padding: 0 20px;
	margin-right: 16px;
}
.company_main li a{
	display: block;
	height:32px;
	line-height:32px;
}
.company_main li.current-ov a, .company_main li a:hover{
	text-decoration: none;
	background: #000;
	color: #FFF;
}

.sph_btn{display: none;}
/* end */


/*company*/
.company_box ul:after {content: "";	display: block;	height: 0; clear: both;	visibility: hidden;}
.company_box ul {min-height: 1px; font-size: 15px; line-height: 170%;}
.company_box_left{width: 180px; padding-left: 50px; float: left;}
.company_box_left br{display: none;}
.company_box_right{width: 964px; padding-left: 45px; float: right;}
.company_box li table td:first-child{width: 75px;}


/*concept*/
.concept_mainimage{
	width: 1160px;
	text-align: center;
	padding: 79px 0;
}
/*archiveบw*/
.archive_mainimage{
	width: 1160px;
	text-align: center;
	padding-bottom: 16px;
}
.archive_sub_title_box{
	width:1160px;
	height:145px;
	padding-left:196px;
	margin-bottom:16px;
}
.archive_sub_title_box_in{
	display:table-cell;
	vertical-align:middle;
	width:964px;
	height:145px;
}
.archive_sub_title01{
	font-size: 20px;
	line-height: 120%;
}

/*comment*/
.comment_mainimage{
	width: 1160px;
	text-align: center;
	padding: 95px 0;
}


/*simtemap*/
/*------------------------------------------------------------------------------*/

.sitemap { margin-left:30px; padding-top:10px;}
.sitemap li{
	list-style:none;
	background:url(../image/common/arr.gif) no-repeat 0 7px;
	padding:0 0 0 18px;
	margin:8px 0px;
}
.sitemap ul{ padding:0 0 5px 30px;}
.sitemap ul li{
	background:none;
	list-style:square;
	padding:0 0 0 0;
	margin:5px 0px;
}
.sitemap ul ul{ padding:0 0 5px 30px;}
.sitemap ul ul li{
	background:none;
	list-style:none;
}


/*showroom*/
/*------------------------------------------------------------------------------*/

.lightbox_inline_box_shoptitle {
	font-size:20px;
	line-height:1.5;	
}
.showroom_detail {
	font-size:15px;
	line-height:2;
}
.showroom_map {
	position:relative;
	top:0;
}

.showroom_map ul li {
	position:absolute;
}
.showroom_map li img {
	width:auto;
}
.showroom_map ul li#sapporo {
	top:66px;
	right:12px;
}
.showroom_map ul li#sendai {
	top:280px;
	right:5px;
}
.showroom_map ul li#tokyo {
	top:410px;
	right:52px;
}
.showroom_map ul li#nagoya {
	top:446px;
	right:160px;
}
.showroom_map ul li#osaka {
	top:246px;
	left:100px;
}

.showroom_map ul li#hiroshima {
	top:304px;
	left:10px;
}
.showroom_map ul li#fukuoka {
	left:40px;
	bottom:65px;
}

#sapporo a{
	width: 80px;
	height: 55px;
	background: url(../image/sapporo.png) no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-indent: -9999px;
}
#sapporo a:hover{
	background: url(../image/sapporo_ov.png) no-repeat;
}
#sendai a{
	width: 80px;
	height: 55px;
	background: url(../image/sendai.png) no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-indent: -9999px;
}
#sendai a:hover{
	background: url(../image/sendai_ov.png) no-repeat;
}	
#tokyo a{
	width: 80px;
	height: 55px;
	background: url(../image/tokyo.png) no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-indent: -9999px;
}
#tokyo a:hover{
	background: url(../image/tokyo_ov.png) no-repeat;
}
#osaka a{
	width: 80px;
	height: 55px;
	background: url(../image/osaka.png) no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-indent: -9999px;
}
#osaka a:hover{
	background: url(../image/osaka_ov.png) no-repeat;
}
#nagoya a{
	width: 89px;
	height: 55px;
	background: url(../image/nagoya.png) no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-indent: -9999px;
}
#nagoya a:hover{
	background: url(../image/nagoya_ov.png) no-repeat;
}
#hiroshima a{
	width: 80px;
	height: 55px;
	background: url(../image/hiroshima.png) no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-indent: -9999px;
}
#hiroshima a:hover{
	background: url(../image/hiroshima_ov.png) no-repeat;
}
#fukuoka a{
	width: 80px;
	height: 55px;
	background: url(../image/fukuoka.png) no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-indent: -9999px;
}
#fukuoka a:hover{
	background: url(../image/fukuoka_ov.png) no-repeat;
}
.showroom_calendar a {
	padding:0 8px 5px 30px;
	background: url(../image/common/arr2.png) no-repeat 4px 1px;
	background-size:18px 12px;
	color:#000;
}
.showroom_calendar a:hover { 
	text-decoration:none;
	border-bottom: 1px solid #000; 
}

.lightbox_inline_box_map {
	float:right;	
	width:48%;
	height: 400px;
}	

/*.lightbox_inline_box_map img {display:none;}*/

.lightbox_inline_box_txt {
	float:left;	
	width:48%;

}

.lightbox_inline_box_in:before, .lightbox_inline_box_in:after { content: ""; display: block; }
.lightbox_inline_box_in:after { clear: both; }
.lightbox_inline_box_in { zoom: 1; position:relative;}

.sp_map{display:none;}

/* catalog */
/* -------------------------- */

.catalog_title_box{
	background: url(../image/common/sub_title_bg.png) repeat;
	padding: 0 30px;
	width:100%;
	margin-bottom: 16px;
}
.catalog_title{
	height:145px;
	display: table-cell;
	vertical-align:middle;
	font-size: 24px;
}

.catalog_box_item{
	width: 376px;
	float: left;
	margin-right: 16px;
	position: relative;
}
.catalog_box_title{
	width: 100%;
	background: url(../image/common/sub_title_bg.png) repeat;
	font-size: 14px;
	line-height: 15px;
	padding: 3px 0 4px 10px;
	position: absolute;
	top: 0;
	left: 0;
}
.sub_img_list03_hover .collection_hover_title {
    padding: 7% 0;
    vertical-align: middle;
	font-size: 22px;
}
.sub_img_list03_hover .collection_hover_txt {
    font-size: 15px;
    line-height: 180%;
}

/* faq */
/* -------------------------- */

.faq_txt {
	position:absolute;
	top:30%;
	left:0;
	right:0;
	font-size:22px;
}
.faq_txt p {
	text-align:center;
}
	
.faq_hover_more{
	text-align: center;
	margin-top: 10px;
}
.faq_hover_more a{

}
.faq_hover_more a:hover{
	text-decoration: none;
}

.faq_item_hover{
	width:100%;
	height:100%;
	background: url(../image/common/top_item_hover_bg.png) repeat;
	/*background:#9E9C9C;
	background:rgba(61,58,57,0.7);*/
	opacity:0;
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	padding:10.5% 5.5%;
	color:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	overflow:hidden;
}
.collection_box .faq_item_hover{padding:6.5% 5.5%;}
#tinymce .faq_item_hover{
	opacity:1;
	filter: alpha(opacity=1); /* IE lt 8 */
	-ms-filter: "alpha(opacity=1)"; /* IE 8 */
}
	
.faq_logo {
    position: absolute;
    top: 52.5%;
	right:0;
	left:0;
}
.faq_logo p {
	text-align:center;
}

/* faqบw */
/* -------------------------- */
.faq_detail01_hover{
	text-align: center;
	margin-top: 35%;
	font-size: 22px;
}

.faq_detail05_in_subtitle {
    font-size: 20px;
    padding: 30px 0 30px 50px;
}

.faq_detail05_in_subtitle02 {
    font-size: 15px;
    padding: 30px 0 30px 50px;
}


.faq_detail05_in_txt {
    font-size: 15px;
    line-height: 180%;
    margin-bottom:30px;
	padding-left:50px;
}

.faq_detail05_in_txt_last {
    font-size: 15px;
    line-height: 180%;
    margin-bottom:177px;
	padding-left:50px;
}

#n01, #n02, #n03, #n04, #n05, #n06, #n07, #n08, #n09, #n10, #n11 {
    margin-top: -145px;
    padding-top: 145px;
}

/* privacy */
/* -------------------------- */

.privacy {
	margin-bottom:32px;	
	padding: 0 30px;
}

.privacy_head {
	margin-bottom:32px;	
	padding: 32px 30px 0;
}

.privacy li,.privacy p, .privacy_head p  {line-height:230%;} 

/* ^t^RNVๆตขX */
/* -------------------------- */
.shop_in_subtitle {
    font-size: 18px;
	font-weight:bold;
    padding: 0 0 20px 30px;
}

.shop_in_txt {
    font-size: 15px;
    line-height: 180%;
    margin-bottom: 30px;
    padding-left: 30px;
}


/* news */
/*------------------------------------------------------------------------------*/

#sub_rss_box dl:before, #sub_rss_box dl:after { content: ""; display: block; }
#sub_rss_box dl:after { clear: both; }
#sub_rss_box dl { 
	zoom: 1; 
	border-bottom:dotted 1px #CCC; 
	padding:16px 0 32px; 
	margin:16px 30px;
	font-size:15px;
	line-height:170%;
}

#sub_rss_box .rss_date{
	clear:both;
	width:120px;
	float:left;
}
#sub_rss_box .rss_title{
	width:980px;
	float:right;
	margin-bottom:5px;
	font-weight:bold;
}
#sub_rss_box .rss_contents{ 
	clear:both;
	padding:0 0 0 120px;
}


/* customer */
/*------------------------------------------------------------------------------*/

p#attention {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #aaa;
    font-size: 12px;
    margin: 0;
    padding: 10px;
}


#customer dl dd a {
    background: #ccc none repeat scroll 0 0;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

#customer dl dt input {
    background: #e6e5db none repeat scroll 0 0;
    left: 0;
    padding: 0 5px;
    top: 0;
    width: 200px;
}

#customer dl dt input, #customer dl dd a {
    border: 1px solid #aaa;
    color: #333;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
}

/* proarea */
/*------------------------------------------------------------------------------*/

.proarea_login{text-align:center;}
.proarea_login a{
	display:inline-block;
    background-color: #000;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 135%;
    margin: 15px auto;
    padding:10px 0;
	width:200px;
	transition:0.3s;
}
.proarea_login a:hover{
	background:#444;
	text-decoration:none;
	transition:0.3s;
}
