@charset "shift_jis" ;


/* --------------------------------------- 基本項目 --------------------------------------- */
* {
	font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;
	font-size : 12px ;
}


body {
	margin-left : auto ;
	margin-right : auto ;
	margin-top : 0 ;
	margin-bottom : 0 ;
	text-align : center ;
	background-image: url(../common/bg_body.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	background-color: #410401;
}


p {
	text-align : left ;
}


a:link,
a:visited {
	color : #410401 ;
	border : 0 ;
	text-decoration : underline ;
}


a:hover,
a:active {
	color : #410401 ;
	border : 0 ;
	text-decoration : none ;
}

img,embed {
	margin : 0 ;
	border : 0 ;
}


li {
	text-align : left ;
}

/* ---------------------------------------------------------------------------------------- */


/* 【1】大ブロック */
div#container {
	display : block ;
	position : relative ;
	top : 0 ;
	left : 0 ;
	margin-left : auto ;
	margin-right : auto ;
	text-align : center ;
	width : 800px ;
	height : 100% ;
}


/* 【2】ロゴとメールアドレス */
#header {
	position : relative ;
	top : 0 ;
	left : 0 ;
	margin-left : auto ;
	margin-right : auto ;
	text-align : center ;
	width : 800px ;
	height : 70px ;
	background : #320301 ;
}


#header h1 {
	position : absolute ;
	top : 15px ;
	left : 20px ;
	width : 135px ;
	height : 45px ;
	font-size : 0 ;
}


#header p {
	position : absolute ;
	top : 25px ;
	left : 665px ;
	margin-top : 0 ;
	margin-right : 12px ;
	text-align : left ;
	font-size : 12px ;
	font-weight : 400 ;
	color : #fff ;
	word-spacing : 10px ;
}

/*
#header p {
	left : 515px ;
}変更前*/


/* 【3】グローバルナビゲーション */
#global_navigation {
	display : block ;
	position : relative ;
	top : 0 ;
	left : 0 ;
	margin : 0 ;
	padding : 0 ;
	width : 800px ;
	height : 35px ;
	clear : both ;
}


#global_navigation ul {
	display : block ;
	position : absolute ;
	left : 0 ;
	margin : 0 ;
	padding : 0 ;
	width : 800px ;
	height : 35px ;
	list-style-type : none ;
}


#global_navigation li {
	margin : 0 ;
	padding : 0 ;
	height : 35px ;
	list-style-type : none ;
	font-size : 0 ;
	line-height : 0 ;
	float : left ;
}


#global_navigation li a {
	display : block ;
	margin : 0 ;
	padding : 0 ;
	height : 35px ;
	background : url(../common/im_g_navi.jpg) no-repeat 0 0 ;
	line-height : 0 ;
	font-size : 0 ;
	text-indent : 0 ;
	voice-family : "\"}\"" ;
	voice-family : inherit ;
	text-indent : -9000px ;
}


#global_navigation li a:focus {
	outline : 0 !important ;
}


/* 【3.1】アンカー */
li#company a {
	background-position : 0 0 ;
	background-repeat : no-repeat ;
	width : 135px ;
}


li#company a:hover,li#company a.on {
	background-position : 0 -35px ;
	width : 135px ;
}


li#history a {
	background-position : -135px 0 ;
	width : 135px ;
}


li#history a:hover,li#history a.on {
	background-position : -135px -35px ;
	width : 135px ;
}


li#shopinfo a {
	background-position : -270px 0 ;
	width : 135px ;
}


li#shopinfo a:hover,li#shopinfo a.on {
	background-position : -270px -35px ;
	width : 135px ;
}


li#topics a {
	background-position : -405px 0 ;
	width : 144px ;
}


li#topics a:hover,li#topics a.on {
	background-position : -405px -35px ;
	width : 144px ;
}


li#recruit a {
	background-position : -549px 0 ;
	width : 135px ;
}


li#recruit a:hover,li#recruit a.on {
	background-position : -549px -35px ;
	width : 135px ;
}


li#link a {
	background-position : -684px 0 ;
	width : 116px ;
}


li#link a:hover,li#link a.on {
	background-position : -684px -35px ;
	width : 116px ;
}


/* 【5】コラム及びサイドバーナビゲーションコンテンツ全体ブロック */
#inner_contents {
	position : relative ;
	top : 0 ;
	left : 0 ;
	text-align : center ;
	margin-left : auto ;
	margin-right : auto ;
	padding : 0 ;
	width : 800px ;
	height : auto ;
}


/* 【5.1】パンくずリスト */
p#bread_crumbs {
	text-align : left ;
	margin : 20px 30px ;
}


p#bread_crumbs a:link,p#bread_crumbs a:visited {
	color : #336699 ;
	border : 0 ;
	text-decoration :underline ;
}


p#bread_crumbs a:hover,p#bread_crumbs a:active {
	color : #336699 ;
	border : 0 ;
	text-decoration : none ;
}


/* 【9】ページトップへのアンカー */
#top_anchor {
	position : relative ;
	top : 20px ;
	left : 25px ;
	margin-left : auto ;
	/*margin-right : auto ;*/
	margin-bottom : 50px ;
	width : /*800px*/725px ;
	clear : both ;
}

#top_anchor ul,#top_anchor li {
	margin : 0 40px 0 0 ;
	padding : 0 ;
	text-align : right ;
	list-style-type : none ;
}


#top_anchor li a {
	margin : 0 0 0 12px ;
	padding : 5px 0 3px 10px ;
	text-align : left ;
	list-style-type : none ;
	width : 80px ;
	height : 20px ;
	background : url(../common/ar_top_anchor.gif) no-repeat left center ;
	voice-family : "\"}\"" ;
	voice-family : inherit ;
	margin : 0 ;
	padding : 0 0 0 10px ;
	width : 150px ;
	height : 20px ;
	text-decoration : none ;
}


#top_anchor li a:hover,#top_anchor li a:active {
	color : #9a2f23 ;
	background : url(../common/ar_top_anchor2.gif) no-repeat left center ;
}


/* 【10】フッタ */
#footer {
	display : block ;
	position : relative ;
	top : 0 ;
	left : 0 ;
	margin-left : auto ;
	margin-right : auto ;
	width : 800px ;
	height : 30px ;
	background : url(../common/bg_foot.jpg) repeat-x /*#320301*/ ;
	color : #fff ;
	text-align : left ;
	clear : both ;
}


#footer ul {
	display : block ;
	position : relative ;
	top : 0 ;
	left : 0 ;
	margin : 0 ;
	padding : 0 ;
	list-style-type : none ;
	text-align : left ;
	width : 800px ;
	height : 30px ;
}


#footer li {
	margin : 0 ;
	padding : 0 ;
	width : 200px ;
	height : 30px ;
	list-style-type : none ;
	font-size : 0 ;
	line-height : 0 ;
	float : left ;
}


#footer li a {
	display : block ;
	margin : 0 ;
	padding : 0 ;
	width : 200px ;
	height : 30px ;
	background : url(../common/im_btn_privacy.jpg) no-repeat 0 0 /*#320301*/ ;
	line-height : 0 ;
	font-size : 0 ;
	text-indent : 0 ;
	voice-family : "\"}\"" ;
	voice-family : inherit ;
	text-indent : -9000px ;
}


#footer li a:focus {
	outline : 0 !important ;
}


/* 【10.1】アンカー */
li#privacy a {
	background-position : 0 0 ;
	background-repeat : no-repeat ;
	width : 200px ;
}


li#privacy a:hover,li#privacy a.on {
	background-position : 0 -30px ;
	width : 200px ;
}


/* 【10.2】コピーライト */
#copyright {
	margin-left : 500px ;
	margin-top : -20px ;
}


/*--------------------------------------
flow clear 
--------------------------------------*/
#container:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#container {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #container {
	height:1px;
}

#container {
	display:block;
}
/* End hide from IE-mac */
/*--------------------------------------
flow clear End
--------------------------------------*/