@charset "utf-8";
html,body,#wrapper,#primary,#content {
    height: 100%;
}
#wrapper.archi{
	height: auto;
}

body{
	background-color:#FFF;
}

/***********************
 コンテンツ部分のwidth 
***********************/
/* 全体のwidth */
#wrapper{
	width:100%;
	margin:0 auto;
	position:relative;
}

/* 大きなエリアのwidth */
#header,
#footer,
#pankuzu{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#main{
	width:940px;
	margin:0 auto;
}
/* メニューのwidth */
#menu{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}


/******************** ヘッダー ********************/ 
#header{
	width:940px;
	height:;
	margin-bottom:;
	overflow:hidden;
}
#header h1{
	float:left;
	width: 218px;
	padding:18px 0 15px 27px;
}
#header p{
	float:left;
	padding:35px 0 0 20px;
	color:#442023;
}
#header .right{
	float:;
	width: ;
}

/******************** グローバルメニュー部分 ********************/
#menu_bg{
	height:38px;
	margin:0 auto;
	background:url(../images/bg_footer.jpg) repeat 0 0;
}
#menu{
	height:38px;
	margin:0 auto;
	background:url(../images/bg_black80.png) repeat 0 0;
}

.charis {background: url(../images/bg_black80c.png) repeat 0 0 !important;}

#menu ul{
	width:940px;
	margin:0 auto;
	overflow:hidden;
}
#menu li{
	width:14.28%;
	float:left;
}
#menu li a{
	width:100%;
	height:38px;
	display:block;
	text-align:center;
	position:relative;
}
#menu li a:before{
	content:" ";
	width:1px;
	height:15px;
	position:absolute;
	right:0;
	top:10px;
	background:#fff;
}
#menu li.first a:after{
	content:" ";
	width:1px;
	height:15px;
	position:absolute;
	left:0;
	top:10px;
	background:#fff;
}
#menu li a:hover{
	background:url(../images/bg_white15.png) repeat 0 0;
}
#menu li a img{
	padding-top:12px;
}
/******************** メイン ********************/ 
#wrapper{
	position:relative;
}
#conteiner{
	width:940px;
	margin:0 auto;
	position:relative;
}


#main{
	position:relative; /* サイドメニュースクロール用 */
}


/******************** フッター ********************/
#footer_area{
	background:url(../images/bg_footer_b30.jpg) center repeat;	
	width:100%;
	position:relative;
}
#footer{
	color:#fff;
	width:940px;
	/*padding:10px 0;*/ /* 130528変更 */
	padding:5px 0;
	margin:0 auto;
	position:relative;
}
#footer .leftbox{
	line-height:140%;
}
#footer .rightbox{
	margin-right:140px;
	margin-top:5px;
}
#footer #plant{
	position:absolute;
	right:0;
	bottom:0;
	z-index:10;
}
#footer small{
}
#footer .indoorview{
	float:right;
	margin:20px 10px 0 0;	
}
#footer .indoorview a{
	background-color:transparent;
	padding: 5px 10px;
	display:block;	
	border-radius: 1px;
	border:1px solid #fff;
	text-decoration:none; 
	font-size:13px;
	transition : background-color 0.5s ease;
}
#footer .indoorview a:before{
	content: '■';
	padding-right:5px;
}
#footer .indoorview a:hover{
	background-color:rgba(255,255,255,0.5);
}

/******************** トップへ戻る********************/
#gototop{
	position:fixed;
	bottom:0px;
	z-index:100;
}


/******************** パンくずリスト ********************/
#pankuzu{
	width:900px;
}
#pankuzu p{
	margin:0 0 10px 0;
	padding:10px 0 0 0;
}

/** 共通のパーツを作成 **/
/* 左右のボックス */
.leftbox{
	float:left;
}
.rightbox{
	float:right;
}

/* タイトルパターン */
.page h2 {
	margin-top:20px;
	margin-bottom:30px;
}
.title01{
	
}
.title02{
	
}
.title03{
	
}
.titlebg01 
.bg_grn_298_53{
	width:298px;
	height:53px;
	background:url(../images/bg_grn_298_53.jpg) no-repeat;
	display:block;
}
/* 背景パターン */
.bg_grn_298_53{
	padding-top:19px;
	padding-left:15px;
}
.shadow01{
	-webkit-box-shadow: 2px 2px 4px rgba(51,51,51,0.3);
	-moz-box-shadow: 2px 2px 4px rgba(51,51,51,0.3);
	-ms-box-shadow: 2px 2px 4px rgba(51,51,51,0.3);
	box-shadow: 2px 2px 4px rgba(51,51,51,0.3);
	position:relative;
	/* behaviorスクリプトPIE.htcのパス */
	behavior: url(http://www.archihair.jp/wordpress/wp-content/themes/archihair/css/PIE.htc);
	position:relative;
	background-color:#fff;
}

/* boxパターン */
.box{
	margin-bottom:30px;
}
.box_pattern01{
	position:relative;
}
.box_pattern01>.text_area{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	background:url(../images/bg_black60.png) repeat 0 0;
 padding: 15px 18px;
 margin: 5px 0 0 10px;
}
.box_pattern01>.text_area p{
	width:auto;
	float:left;
	clear:both;
	color:#fff;
	line-height:165%;
}
.box_pattern01 th,
.box_pattern01 td{
	color:#fff;
	font-weight:normal;
	white-space:nowrap;
	padding:5px;
	vertical-align:top;
}
.box_pattern02{
	/*background:#F5EBD2; 130515変更*/
	background:#DFD8CB;
	position:relative;
}
.box_pattern02:after{
	content:"";
	background-color:#FFF;
	background-image:url(../images/bg_ringnote.jpg);
	width:100%;
	height:9px;
	background-repeat:repeat-x;
	position:absolute;
	z-index:100;
	top:-9px;
	left:0;
}


/*テーブルパターン*/





.dummy{
	width:700px;
	height:250px;
	margin:80px auto;
	background-color:#FEEFDA;
	box-shadow: 1px 2px rgba(143,143,143,0.4);
	-moz-box-shadow: 1px 2px rgba(143,143,143,0.4);
	-webkit-box-shadow: 1px 2px rgba(143,143,143,0.4);
	-o-box-shadow: 1px 2px rgba(143,143,143,0.4);
	-ms-box-shadow: 1px 2px rgba(143,143,143,0.4);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
.dummy p{
	color:#333;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-top:110px;
	text-shadow: 0px 0px 5px #ffffff;
	-moz-border-text-shadow: 0px 0px 5px #ffffff;
	-webkit-border-text-shadow: 0px 0px 5px #ffffff;
	line-height:200%;
}

.dummy p a{
	font-weight:normal;
	font-size:14px;	
}