@charset "utf-8";
/*========================================*
*　■その他コンテンツ
*========================================*/




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

  ■ TOP ＞ News一覧

******************************************************************************************************/
#news .article .figure img{
	max-width: 90px;
}
#news h3{
	margin-bottom: 0;
}




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

  ■ 採用情報

******************************************************************************************************/
#recruit{}
#recruit #contents_header{}
#recruit #contents_header h2{
	margin-bottom: 40px;
}
#recruit #contents_header p{
	margin-bottom: 20px;
}

/* */
#recruit #gallery{
	font-size: 0;
}
#recruit #gallery .inner{
	margin-left: -40px;
	text-align:center;
}
#recruit #gallery .article{
	display:inline-block;
	font-size: 12px;
	width: 335px;
	margin-left: 40px;
	text-align:left;
}
* html #recruit #gallery .article{display:inline;zoom:1;}
*+html #recruit #gallery .article{display:inline;zoom:1;}
#recruit #gallery .article .figure{}
#recruit #gallery .article .figure img{
	padding: 4px;
	border: 1px solid #ccc;
}

/* */
#recruit #entries{}
#recruit #entries .entry_wrap{
	padding-bottom: 10px;
}
#recruit #entries .header{}
#recruit #entries .header h3{
	font-size: 1.4em;
	line-height: 1.1em;
	padding-left: 0.5em;
	border-left: 4px solid #D4B572;
}
#recruit #entries .header .time{
	padding-top: 0.5em;
	text-align:right;
	border-top: 1px solid #ccc;
	
}
#recruit #entries h4{
	font-weight:normal;
	margin-bottom: 0;
}
#recruit #entries .entry{}
#recruit #entries .condition{}
#recruit #entries .condition table{
	width: 100%;
}
#recruit #entries .condition table th,
#recruit #entries .condition table td{
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
#recruit #entries .condition table th{
	color: #fff;
	width: 100px;
	text-align:center;
	background: #999;
}
#recruit #entries .condition table td{
	
}

/* */
#recruit #entries .contact{
	padding-top: 20px;
}
#recruit #entries .contact h4.separator_btm{
	padding-bottom: 0.5em;
}







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

  ■ ご利用規約

******************************************************************************************************/
#articles .separator_btm{
	padding-bottom: 5px;
}








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

  ■ 環境への取り組み

******************************************************************************************************/
#activity{}

#activity #contents_header{}
#activity .separator_btm{
	padding-bottom: 10px;
}
#activity .inner{}
#activity .clearfix{}
#activity .clearfix .floatLeft.note{
	width: 535px;
}
#activity .clearfix .floatRight.figure{
	width: 155px;
	overflow: hidden;
}
#activity .clearfix .floatRight.figure img{
	max-width: 100%;
}







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

  ■ よくあるご質問

******************************************************************************************************/
#faq .tab_content{
	display:none;
}
#faq .tab_content.on{
	display:block;
}

#faq .article .inner{
	display:none;
}
#faq .article.on .inner{
	display:block;
}




/* 
------------------------------*/
#faq_list h3{
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 20px;
}


#faq_list .separator_btm{}
#faq_list .article{
	margin-bottom: 0;
}
#faq_list .article .header{
	cursor: pointer;
	background: #e8e8e8 url(../img/faq/question_bg.gif) repeat-x top;
}
#faq_list .article h4{
	margin-bottom: 0px;
	padding: 15px 10px 15px 50px;
	background: url(../img/faq/icn_q.gif) no-repeat 10px 10px;
}
#faq_list .article .inner{
	padding: 10px 10px 5px 50px;
	min-height: 21px;
	
	background: #EFEBE1;
	
}
#faq_list .article ul.indent{
	margin-bottom: 1em;
}


/* タブメニュー
------------------------------*/
#faq #tab_menu{
	margin-bottom: 20px;
}
#faq #tab_menu ul{
	border-bottom: 2px solid #351B4B;
}
#faq #tab_menu li{
	width: 174px;
	height: 47px;
	overflow: hidden;
	float: left;
	margin-left: 4px;
}
#faq #tab_menu li:first-child,
#faq #tab_menu li.first-child{
	margin-left: 0;
}
#faq #tab_menu li a{
	display:block;
}
#faq #tab_menu li.on a{
	margin-top: -47px;
}






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

  ■ 個人情報保護方針

******************************************************************************************************/
#privacy{
	width: 905px;
	margin-left: auto;
	margin-right: auto;
}
#privacy .separator_btm{
	padding-bottom: 10px;
}
#privacy .article h3{
	font-size: 1.3em;
	line-height: 1.5em;
}
#privacy .article ol li{
	margin-bottom: 10px;
}
#privacy .article ol ul li{
	margin-bottom: 0;
}


#privacy .tab_content{display:none;}
#privacy .tab_content.on{display:block;}

/* tab */
#privacy #tab_menu{
	margin-bottom: 50px;
}
#privacy #tab_menu ul{}
#privacy #tab_menu li{
	height: 47px;
}
#privacy #tab_menu a{
	display:block;
}
#privacy #tab_menu li.on a{
	margin-top: -47px;
}


#privacy #tab_menu{}
#privacy #tab_menu ul{
	overflow: hidden;
	border-bottom: 2px solid #351b4b;
}
#privacy #tab_menu ul li{
	float: left;
	margin-left: 3px;
	overflow: hidden;
}
#privacy #tab_menu ul li a{
	display:block;
	height: 42px;
}
#privacy #tab_menu ul li:first-child,
#privacy #tab_menu ul li.first-child{
	margin-left: 0;
}
#privacy #tab_menu ul li.on a,
#privacy #tab_menu ul li a:hover{
	color: #fff;
	background-position: left -42px;
}

* html #privacy #tab_menu ul li{behavior: expression(this.className += (this.previousSibling == null) ? " first-child" : "",this.style.behavior = "none");}

.stipulation{
	color: #381e4c;
	font-size: 32px;
	margin-bottom: 50px;
}



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

  ■ ニュースリリース

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

#release{}







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

  ■ フロアガイド

******************************************************************************************************/
#floor #floor_wrap{}

/* tab menu */
#floor #floor_wrap #tab_nav{}
#floor #floor_wrap #tab_nav ul{
	border-bottom: 1px solid #fff;
}
#floor #floor_wrap #tab_nav li{
	float: left;
	border-left: 1px solid #fff;
}
#floor #floor_wrap #tab_nav li:first-child{
	border-left: 0 none;
}
#floor #floor_wrap #tab_nav a{}
#floor #floor_wrap #tab_nav li.on a img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

/* detail */
#floor #floor_wrap #floor_list{}
#floor #floor_wrap #floor_list .tab_content{
	display:none;
	position: relative;
}
#floor #floor_wrap #floor_list .tab_content.on{
	display:block;
}
#floor #floor_wrap #floor_list .figure{}
#floor #floor_wrap #floor_list .ls,
#floor #floor_wrap #floor_list .ls a{
	color: #fff;
}
#floor #floor_wrap #floor_list .ls a		{text-decoration:none;}
#floor #floor_wrap #floor_list .ls a:hover	{text-decoration:underline;}
#floor #floor_wrap #floor_list .ls{
	position: absolute;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#floor #floor_wrap #floor_list ol{}
#floor #floor_wrap #floor_list ol li{}
#floor #floor_wrap #floor_list li.num{
	font-size: 14px;
	line-height: 1.5em;
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: left 3px;
}
#floor #floor_wrap #floor_list li.num ol{
	margin: 0;
	padding:0;
}
#floor #floor_wrap #floor_list li.num1		{background-image: url(../img/floor/num1.gif);}
#floor #floor_wrap #floor_list li.num2		{background-image: url(../img/floor/num2.gif);}
#floor #floor_wrap #floor_list li.num3		{background-image: url(../img/floor/num3.gif);}
#floor #floor_wrap #floor_list li.num4		{background-image: url(../img/floor/num4.gif);}
#floor #floor_wrap #floor_list li.num5		{background-image: url(../img/floor/num5.gif);}
#floor #floor_wrap #floor_list li.num6		{background-image: url(../img/floor/num6.gif);}
#floor #floor_wrap #floor_list li.num7		{background-image: url(../img/floor/num7.gif);}
#floor #floor_wrap #floor_list li.num8		{background-image: url(../img/floor/num8.gif);}
#floor #floor_wrap #floor_list li.num9		{background-image: url(../img/floor/num9.gif);}
#floor #floor_wrap #floor_list li.num10		{background-image: url(../img/floor/num10.gif);}
#floor #floor_wrap #floor_list li.num11		{background-image: url(../img/floor/num11.gif);}
#floor #floor_wrap #floor_list li.num12		{background-image: url(../img/floor/num12.gif);}
#floor #floor_wrap #floor_list li.num13		{background-image: url(../img/floor/num13.gif);}
#floor #floor_wrap #floor_list li.num14		{background-image: url(../img/floor/num14.gif);}
#floor #floor_wrap #floor_list li.num15		{background-image: url(../img/floor/num15.gif);}
#floor #floor_wrap #floor_list li.num16		{background-image: url(../img/floor/num16.gif);}

#floor #floor_wrap #content_all .ls1		{left: 0px;		top:0px;}
#floor #floor_wrap #content_all .ls2		{left: 0px;		top:0px;}
#floor #floor_wrap #content_2f .ls1			{left: 20px;	top:240px;}
#floor #floor_wrap #content_3f .ls1			{left: 40px;	top:140px;}
#floor #floor_wrap #content_3f .ls2			{left: 285px;	top:140px;}
#floor #floor_wrap #content_m3f .ls1		{left: 40px;	top:140px;}
#floor #floor_wrap #content_m3f .ls2		{left: 285px;	top:140px;}
#floor #floor_wrap #content_4f .ls1			{left: 40px;	top:140px;}
#floor #floor_wrap #content_5f .ls1			{left: 40px;	top:140px;}
#floor #floor_wrap #content_6f .ls1			{left: 40px;	top:140px;}
#floor #floor_wrap #content_6f .ls2			{left: 285px;	top:140px;}
#floor #floor_wrap #content_7f .ls1			{left: 40px;	top:140px;}
#floor #floor_wrap #content_8f .ls1			{left: 40px;	top:140px;}
#floor #floor_wrap #content_14f .ls1		{left: 40px;	top:140px;}
#floor #floor_wrap #content_15f .ls1		{left: 40px;	top:140px;}
#floor #floor_wrap #content_15f .ls2		{left: 400px;	top:140px;}

#floor #shop_list a,
#floor #shop_list span{
	margin-right: 20px;
	white-space: nowrap;
}


#floor .table_detail th{
	width: 80px;
	font-weight:bold;
	text-align:right;
}



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

  ■ サイトマップ

******************************************************************************************************/
#sitemap{}
#sitemap a{text-decoration:none;}
#sitemap a:hover{text-decoration:underline;}
#sitemap h3{
	font-size: 1.3em;
	line-height: 1.5em;
}
#sitemap .article{
	overflow: hidden;
}
#sitemap .inner{
	margin-left: -40px;
}
#sitemap ul.inblock{
	text-align:left;
}
#sitemap ul.inblock li{
	margin-left: 40px;
	margin-bottom: 5px;
}
#sitemap .separator_btm{
	padding-bottom: 20px;
}










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

  ■ メールマガジン

******************************************************************************************************/
#mail .separator_btm{
	padding-bottom: 10px;
}
#mail #reglation .scroll{
	height: 150px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
}





/* 旧フォームからの移植 */

#mail div.mm_title1{font-size:18px; font-weight:bold; margin:0; color:#333333;}
#mail div.mm_title2{font-size:14px; font-weight:bold; border:none; border-top:1px dashed #808090; border-bottom:1px dashed #808090; padding:10px; color:#0a143c;}


/* spacer */
#mail div.exsp5 {
margin: 0;
padding: 0px 0px 5px 0px;
clear: both;
}

#mail div.exsp10 {
margin: 0;
padding: 0px 0px 10px 0px;
clear: both;
}

#mail div.exsp20 {
margin: 0;
padding: 0px 0px 20px 0px;
clear: both;
}

/* font size */
/*
#mail h1 { font-size: 18px !important; line-height: 120% !important; font-family: Osaka,sans-serif !important; color: #000000; font-weight: normal; margin: 0; padding: 0;}
#mail h2 { font-size: 16px !important; line-height: 125% !important; font-family: Osaka,sans-serif !important; color: #000000; font-weight: normal; margin: 0; padding: 0;}
#mail h3 { font-size: 14px !important; line-height: 125% !important; font-family: Osaka,sans-serif !important; color: #000000; font-weight: normal; margin: 0; padding: 0;}
#mail h4 { font-size: 12px !important; line-height: 125% !important; font-family: Osaka,sans-serif !important; color: #000000; font-weight: normal; margin: 0; padding: 0;}
#mail p,ul,label { font-size: 12px !important; line-height: 125% !important; font-family: Osaka,sans-serif !important; color: #000000; font-weight: normal; margin: 0; padding: 0;}
#mail address { font-size: 10px !important; line-height: 125% !important; font-family: Osaka,sans-serif !important; color: #000000; font-weight: normal;}
*/
#mail .t10 { font-size: 10px !important; line-height: 125% !important; font-family: Osaka,sans-serif !important; color: #000000; font-weight: normal; margin: 0; padding: 0;}
#mail .t12 { font-size: 12px !important; line-height: 125% !important; font-family: Osaka,sans-serif !important; color: #000000; font-weight: normal; margin: 0; padding: 0;}
#mail .t14 { font-size: 14px !important; line-height: 120% !important; font-family: Osaka,sans-serif !important; color: #000000; font-weight: normal; margin: 0; padding: 0;}
#mail .t16 { font-size: 16px !important; line-height: 120% !important; font-family: Osaka,sans-serif !important; color: #000000; font-weight: normal; margin: 0; padding: 0;}

#mail .error{color:#ff0000;}





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

  ■ お問い合わせ

******************************************************************************************************/
/*
旧フォーム
#contact{}
#contact #flow li{
	float: left;
	height: 50px;
	overflow: hidden;
}
#contact #flow li#step{width: 228px;}
#contact #flow li#step{width: 221px;}
#contact #flow li#step{width: 217px;}
#contact #flow li img{
	display:block;
}
#contact #flow li.on img{
	margin-top: -50px;
}
*/



#contact{
	margin-left: 27px;
	margin-right: 27px;
}


#contact #tab{}
#contact #tab ul{
	border-bottom: 2px solid #351B4B;
}
#contact #tab li{
	float: left;
	margin-left: 6px;
	
	
	height: 47px;
	overflow: hidden;
}
#contact #tab li:first-child{
	margin-left: 0;
}
#contact #tab li a,
#contact #tab li span{
	display:block;
}
#contact #tab li.on a,
#contact #tab li.on span{
	margin-top: -47px;
}


#contact #input_area{}
#contact #input_area table.table_detail,
#contact #input_area table.table_detail th,
#contact #input_area table.table_detail td{
	border-left: 0 none;
	border-right: 0 none;
}
#contact #input_area table.table_detail tr.kind{
	display:none;
}
#contact #input_area table.table_detail tr.kind.visible{
	display: table-row;
}
#contact #input_area table.table_detail th{
	width: 190px;
	text-align:right;
	font-weight:bold;
	font-size: 1.1em;
}
#contact #input_area table.table_detail td{}

#contact #input_area span.kind{display:none;}
#contact #input_area span.kind.visible{display:inline;}


#contact #input_area .example{
	margin-left: 5px;
}
#contact #input_area textarea{
	height: 10em;
	font-size: 12px;
	line-height: 1.5em;
}


#contact .leng5		{width: 5%;}
#contact .leng10	{width: 10%;}
#contact .leng20	{width: 20%;}
#contact .leng30	{width: 30%;}
#contact .leng40	{width: 40%;}
#contact .leng50	{width: 50%;}
#contact .leng60	{width: 60%;}
#contact .leng70	{width: 70%;}
#contact .leng80	{width: 80%;}
#contact .leng90	{width: 90%;}
#contact .leng100	{width: 100%;}

#contact .error{
	display:block;
	color: #f00;
	font-weight:bold;
}
#contact input.error,
#contact textarea.error,
#contact select.error{
	display:inline;
	background: #fee;
	font-weight:normal;
}
#contact .bt_address{
	cursor: pointer;
	margin:0;
	padding:0;
	border: 0 none;
	background: transparent;
	vertical-align: middle;
	
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
#contact .bt_address:hover{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
#contact .bt_form{
	cursor: pointer;
	
	width: 152px;
	height: 40px;
	
	text-align:left;
	text-indent: -9999px;
	
	
	border: 0 none;
	background: transparent;
	
	
	background-repeat: no-repeat;
	background-position: left top;
	
	
	/* css3 */
	transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
}
* html #contact .bt_form{
	text-indent: -1em;
	letter-spacing: -9999px;
	margin: 0 -25px 0 -15px;
}
*+html #contact .bt_form{
	text-indent: -1em;
	letter-spacing: -9999px;
	margin: 0 -25px 0 -15px;
}
#contact .bt_form:hover{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
#contact .bt_reset	{background-image: url(../img/contact/bt_reset.png);}
#contact .bt_confirm{background-image: url(../img/contact/bt_confirm.png);}
#contact .bt_send	{background-image: url(../img/contact/bt_send.png);}


#contact #secure{
	margin-left: 220px;
}
#contact #secure .figure{
	width: 110px;
}
#contact #secure .note{
	width: 560px;
}
#contact .hidden{
	display: none;
}



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

  ■ アートギャラリー

******************************************************************************************************/
#in_contents{}
#gallery{}
#gallery_list{
	overflow: hidden;
}
#gallery_list .article{
	display:inline-block;
	position: relative;
	width: 277px;
	font-size: 12px;
	margin-left: 30px;
	background: #fff;
	border:1px solid #ddd;
}
* html #gallery_list .article{display:inline;zoom:1;}
*+html #gallery_list .article{display:inline;zoom:1;}

#gallery_list .article a{
	display:block;
	padding: 10px;
	text-decoration:none;
}
#gallery_list .article .figure{
	margin-bottom: 20px;
}
#gallery_list .article p{
	margin-right: 35px;
	margin-bottom: 0;
	min-height: 1.5em;
}
#gallery_list .article .icn{
	position: absolute;
	right: 10px;
	bottom: 10px;
}




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

  ■ 404

******************************************************************************************************/
#err404{
	padding-top: 40px;
	padding-bottom: 40px;
}
#err404 #contents_header{
	text-align:center;
}
#err404 #contents_header h2{
	margin-bottom: 80px;
	font-weight:normal;
	font-size: 1.4em;
}


#err404 #cnavi{
	margin-left: 350px;
}
#err404 #cnavi ul li{
	margin-bottom: 10px;
}
#err404 #cnavi ul li a{
	padding-left: 20px;
	display:inline-block;
	min-height: 15px;
	line-height: 15px;
	background: url(../img/base/arw13.gif) no-repeat left center;
}
* html #err404 #cnavi ul li a{display:inline;zoom:1;}
*+html #err404 #cnavi ul li a{display:inline;zoom:1;}
#err404 #cnavi ul li a:hover{
	background-position: 2px center;
}