@charset "UTF-8";

@import "./reset.css";

html,body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-image: url(
../images/common/body_bg.gif;
	background-repeat: repeat-x;s
	background-position: left top;
	background-image: url(../images/common/body_bg.jpg);
}

img {
	margin: 0px;
	border: none;
}

strong {
	font-weight: bold;
}

/* ------------------------------------------------------- container ------------------------- */
#container {
	background-color: #000000;
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-image: url(../images/common/container_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ------------------------------------------------------- header ------------------------- */
div#header {
	background-color: #FFFFFF;
	height: 90px;
}

#header h1 {
	line-height: 0;
	background-image: url(../images/header/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 85px;
	width: 225px;
	display: block;
	float: left;
}

#header h1 a {
	display: block;
	height: 85px;
	width: 225px;
	text-indent: -999em;
}

#sub_navi {
	margin: 0px;
	padding: 0px;
	float: right;
}

#sub_navi ul {
	margin: 0px;
	display: block;
	height: 27px;
	width: 375px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#sub_navi li {
	display: block;
	width: 120px;
	height: 27px;
	float: left;
	margin-right: 5px;
}

#home a {
	background-image: url(../images/header/home_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 27px;
	width: 120px;
	text-indent: -999em;
}

#home a:hover {
	background-image: url(../images/header/home_btn_up.jpg);
}

#access_map a {
	background-image: url(../images/header/access_map_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 27px;
	width: 120px;
	text-indent: -999em;
}

#access_map a:hover {
	background-image: url(../images/header/access_map_btn_up.jpg);
}

#access_map_now a {
	background-image: url(../images/header/access_map_btn_up.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 27px;
	width: 120px;
	text-indent: -999em;
}

#toiawase a {
	background-image: url(../images/header/toiawase.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 27px;
	width: 120px;
	text-indent: -999em;
}

#toiawase a:hover {
	background-image: url(../images/header/toiawase_up.jpg);
}

#toiawase_now a {
	background-image: url(../images/header/toiawase_up.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 27px;
	width: 120px;
	text-indent: -999em;
}

/* ------------------------------------------------------- main image ------------------------- */
#main_image {
	clear: both;
	width: 800px;
	height: 235px;
}

#main_image_cont {
	clear: both;
	width: 800px;
	height: 30px;
}

/* ------------------------------------------------------- navigation ------------------------- */
div#navi {
	height: 40px;
	width: 800px;
	margin-bottom: 10px;
}

#navi ul {
	display: block;
	height: 40px;
	width: 800px;
}

#navi li {
	display: block;
	float: left;
	height: 40px;
	width: 100px;
}

#about_us_btn a {
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#about_us_btn a:hover {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#about_us_btn_now a {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}


#products_btn a {
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -100px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#products_btn a:hover {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -100px 0px;
}

#chaen_btn a {
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -200px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#chaen_btn a:hover {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -200px 0px;
}

#chaen_btn_now a {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -200px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#bugyou_btn a {
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -300px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#bugyou_btn a:hover {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -300px 0px;
}

#bugyou_btn_now a {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -300px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#shaen_photo_btn a {
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -400px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#shaen_photo_btn a:hover {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -400px 0px;
}

#shaen_photo_btn_now a {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -400px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#bungaku_btn a {
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -500px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#bungaku_btn a:hover {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -500px 0px;
}

#bungaku_btn_now a {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -500px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#history_btn a {
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -600px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#history_btn a:hover {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -600px 0px;
}

#history_btn_now a {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -600px 0px;
	text-indent: -999em;
	display: block;
	height: 40px;
	width: 100px;
}

#shitoroyaki a {
	background-image: url(../images/navi/navi.jpg);
	background-repeat: no-repeat;
	background-position: -700px 0px;
	height: 40px;
	width: 100px;
	text-indent: -999em;
	display: block;
}

#shitoroyaki a:hover {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -700px 0px;
}

#shitoroyaki_now a {
	background-image: url(../images/navi/navi_up.jpg);
	background-repeat: no-repeat;
	background-position: -700px 0px;
	height: 40px;
	width: 100px;
	text-indent: -999em;
	display: block;
}

/* ------------------------------------------------------- footer ------------------------- */
div#footer {
	background-color: #FFFFFF;
	background-image: url(../images/top/box_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	clear: both;
	height: 40px;
	width: 780px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}

#footer hr {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

#footer #footer_navi {
	float: right;
	padding-right: 5px;
}

#footer #footer_navi ul {
}

#footer #footer_navi li {
	display: inline;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
}

#footer #footer_navi a {
	color: #000000;
	text-decoration: none;
}

#footer #footer_navi a:hover {
	color: #430D0D;
	text-decoration: underline;
}

#footer #copyright {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	padding-left: 5px;
}

.page_top {
	background-image: url(../images/common/page_top.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -999em;
	clear: both;
	height: 15px;
	width: 80px;
	display: block;
	margin-top: 30px;
	float: right;
	background-color: #FFFFFF;
	text-decoration: none;
}