@charset "utf-8";

html {
	height: 100%;
	background: #000 url(../img/bg/brick.gif) repeat 0 0;
	color: #000;
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
body {
	height: 100%;
	background: url(../img/bg/body.png) repeat-x 0 0;
	text-align: center;
	font: normal 12px/1.8 'ＭＳ Ｐゴシック',"MS PGothic",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	letter-spacing: 1px;
}
h1,h2, h3, h4, h5, h6 {
	font: normal 12px/1.8 'ＭＳ Ｐゴシック',"MS PGothic",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
ul, ol, dl {
	list-style-type: none;
}
a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	/*\*/
	overflow: hidden;
	/**/
}
a:hover,
a:focus {
	color: #000;
	text-decoration: none;
}
a img, img {
	border: 0;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
td, th {
	font-weight: normal;
	vertical-align: top;
}
/* for IE6 */
* html input.checkbox,
* html input.radio {
	vertical-align: -2px;
}
/* */
::selection {
	background: #000;
	color: #fff;
}
::-moz-selection {
	background: #000;
	color: #fff;
}
em {
	font-style: normal;
	font-weight: normal;
}
.en {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0;
}
.ls0{letter-spacing:0px;}
.tal{text-align:left;}
.tar{text-align:right;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.ls0{letter-spacing:0px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mt1em {margin-top:1em;}
.mt2em {margin-top:2em;}
.mt3em {margin-top:3em;}
.mt4em {margin-top:4em;}
.mt5em {margin-top:5em;}
.mb1em {margin-bottom:1em;}
.mb2em {margin-bottom:2em;}
.mb3em {margin-bottom:3em;}
.mb4em {margin-bottom:4em;}
.mb5em {margin-bottom:5em;}

/*============================================================
float
*/
.left {float:left;}
.right {float:right;}

/*============================================================
clearfix
*/

/* For modern browsers */
.clear:before,
.clear:after {
    content:"";
    display:table;
}
.clear:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clear {zoom:1;}

/*============================================================
ベースレイアウト
*/

#container {
	margin: 0 auto;
	padding: 0;
	width: 850px;
	text-align: left;
}

/*============================================================
ヘッダー
*/
#header {
	padding-top: 50px;
	background: url(../img/header/ivy.png) no-repeat 395px 0;
}
#logo {
	margin-right: 25px;
}
#header ul {
	margin-top: 25px;
}
#header li {
	float: left;
}

/*============================================================
トピックパス
*/
#topic_path {
	margin: 11px 0 32px;
	clear: left;
	color: #4D4D4D;
	text-align: right;
	font: normal 10px/1.5 'ＭＳ Ｐゴシック',"MS PGothic",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#topic_path h1 {
	display: inline;
	font: normal 10px/1.5 'ＭＳ Ｐゴシック',"MS PGothic",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #4D4D4D;
	letter-spacing: 1px;
}
#topic_path a {
	font: normal 10px/1.5 'ＭＳ Ｐゴシック',"MS PGothic",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #4D4D4D;
	letter-spacing: 1px;
}
#topic_path a:hover,
#topic_path a:focus {
	background: none;
	color: #FFDABF;
	border-bottom: none;
}

/*============================================================
コンテンツ
*/

/* For modern browsers */
#contents:before,
#contents:after {
    content:"";
    display:table;
}
#contents:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
#contents {zoom:1;}


#shop {margin-bottom: 40px;}
#main, #sidenavi {float: left;}
#main {
	margin-right: 35px;
	width: 615px;
}
#main a {
	text-decoration: underline;
}
#main a:hover,
#main a:active {
	text-decoration: none;
	color:#888;
}
h2, h3 {margin-bottom: 30px;}
#main p {margin-bottom: 25px;}
#main p.h_dot {
	padding: 5px 0 5px 20px;
	background: url(../img/bg/dot_h.gif) repeat-y 0 0;
}
.blk {margin-bottom: 75px;}

/*============================================================
サイドナビ
*/

#sidenavi {
	margin-top: 10px;
}

#sidenavi dl {
	margin-bottom: 15px;
	padding: 5px;
	background: #000;
	border: 1px solid #4D4D4D;
}

#sidenavi dl dt {
	margin-bottom: 15px;
}

/*============================================================
フッター
*/

#footer {
	margin-top: 50px;
	padding-top: 50px;
	background: #000 url(../img/bg/ptn01_8.png) repeat 0 0;
	clear: both;
}
#f_contents {
	margin: 0 auto;
	width: 850px;
	text-align: left;
	font-size: 11px;
	letter-spacing: 2px;
	color: #999999;
}
#f_contents a {
	color: #fff;
}
#f_contents a:hover,
#f_contents a:focus {
	color: #FFDABF;
}
#f_contents .en {
	letter-spacing: 1px;
}
#f_contents dd li {
	margin-left: 5px;
	padding-left: 17px;
	float: left;
	background: url(../img/footer/line.png) no-repeat 0 2px;
}
#f_contents dd li.no {
	margin-left: 0;
	padding-left: 0;
	background: none;
}
#f_logo {
	margin-bottom: 25px;
	font: normal 11px/1.5 Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
*html #f_logo {
	margin-bottom: 15px;
}
#f_logo dt {
	margin-bottom: 15px;
}
#f_menu1 {margin: 25px 0 15px;}
#f_menu2 {clear: left;}
#f_menu1 dt, #f_menu2 dt {
	margin-bottom: 5px;
}
#pagetop {
	margin-left: 800px;	
}
#copyright {
	background: #000;
}
#copyright div {
	margin: 0 auto;
	width: 850px;
	text-align: left;
}