@charset "utf-8";

@import "print.css";

body, table, th, td, h1, h2, h3, h4, h5, h6 {
	line-height: 145%;
	font-size: small;
	_font-size: x-small;
	font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-weight: normal;
}

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ol {
	margin-left: 2.0em;
	*margin-left: 2.5em;
}

ul {
	margin-left: 1.2em;
}

html {
	height: 100%;
}

body {
	height: 100%;
	background: #f3f3f3 url(../img/body_bg01.gif) repeat-x left top;
	text-align: center;
}
/* for FIREFOX & etc. \*/
body {
	overflow-y: scroll;
}
/* */
/* for IE7 \*/
*:first-child+html body {
	overflow-y: visible;
}
/* */








/* basic style ------------------------------ */
.ro {
	/* ----- */
}

* html .pngfix {
behavior: expression(IEPNGFIX.fix(this));
}

.blank {
	/* ----- */
}

/* clerfix ----- */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}
/* ----- clerfix */

a:link, a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover, a:active {
	color: #8e7919;
	text-decoration: underline;
}








/* layout style ------------------------------ */
.fL {
	float: left;
}
.fR {
	float: right;
}

.fClear {
	clear: both;
	zoom: 1;
}

.alnC {
	text-align: center !important;
}
.alnL {
	text-align: left !important;
}
.alnR {
	text-align: right !important;
}

.valnTop {
	vertical-align: top !important;
}
.valnBtm {
	vertical-align: bottom !important;
}
.valnMid {
	vertical-align: middle !important;
}








/* font style ------------------------------ */
.txXL {
	font-size: 124%;
}
.txL {
	font-size: 110%;
	_font-size: 113%; /* for IE6 */
}
.txS {
	font-size: 84%;
}
.txBold {
	font-weight: bold;
}
.txNormal {
	font-weight: normal;
}
.red {
	color: #ff0000;
}
.red2 {
	color: #ff3300;
}
.gold {
	color: #c3af53;
}






/* margin style ------------------------------ */
.m0 {
	margin: 0px !important;
}
.mb4 {
	margin-bottom: 4px !important;
}
.mb8 {
	margin-bottom: 8px !important;
}
.mb12 {
	margin-bottom: 12px !important;
}
.mb16 {
	margin-bottom: 16px !important;
}
.mb24 {
	margin-bottom: 24px !important;
}
.mb32 {
	margin-bottom: 32px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb48 {
	margin-bottom: 48px !important;
}
.mb56 {
	margin-bottom: 56px !important;
}
.mb64 {
	margin-bottom: 64px !important;
}
.mb72 {
	margin-bottom: 72px !important;
}

.mt4 {
	margin-top: 4px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt16 {
	margin-top: 16px !important;
}
.mt24 {
	margin-top: 24px !important;
}
.mt32 {
	margin-top: 32px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt48 {
	margin-top: 48px !important;
}
.mt56 {
	margin-top: 56px !important;
}
.mt64 {
	margin-top: 64px !important;
}
.mt72 {
	margin-top: 72px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt120 {
	margin-top: 120px !important;
}








/* icon style ------------------------------ */
.ic01 {
	background: url(../img/ic01.gif) no-repeat 0px 1px;
	min-height: 14px;
	padding-left: 17px;
	display: -moz-inline-box; /* for FF2 */
	display: inline-block;
	/display: inline; /* for IE6&7 */
	zoom: 1;
	vertical-align: top;
}
*:first-child+html .ic01 {
	background-position: 0px 3px;
}

.ic02 {
	background: url(../img/ic02.gif) no-repeat 0px 1px;
	min-height: 14px;
	padding-left: 17px;
	display: -moz-inline-box; /* for FF2 */
	display: inline-block;
	/display: inline; /* for IE6&7 */
	zoom: 1;
	vertical-align: top;
}
*:first-child+html .ic02 {
	background-position: 0px 3px;
}








/* wrapper ------------------------------ */
#wrapper {
	width: 100%;
	min-height: 100%;
	position: relative;
	left: 0px;
	top: 0px;
}






/* header ------------------------------ */
#header {
	width: 100%;
	text-align: center;
	background: url(../img/body_bg01.gif) repeat-x left bottom;
}
#header .inner {
	width: 874px;
	_width: 880px; /* for IE6 */
	min-height: 190px;
	text-align: left;
	margin: 0px auto;
	padding: 0px 6px 0px 0px;
	background: url(../img/body_bg01.gif) repeat-x left bottom;
	position: relative;
	left: 0px;
	top: 0px;
	color: #d9d9d9;
}

#header a:link, #header a:visited {
	color: #d9d9d9;
	text-decoration: underline;
}
#header a:hover, #header a:active {
	color: #7058a3;
	text-decoration: underline;
}

#header #logo {
	width: 300px;
	height: 75px;
	position: absolute;
	left: 0px;
	top: 55px;
	z-index: 10;
}

#header #head-main-nav {
	width: 926px;
	position: absolute;
	left: 0px;
	bottom: 12px;
	z-index: 10;
	zoom: 1;
}
#header #head-main-nav:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}
#header #head-main-nav .txt,
#header #head-main-nav .nav {
	color: #9a9a9a;
	float: left;
	padding-right: 29px;
	font-size: 0.1em;
	line-height: 0.1em;
}

#header #head-sub-nav {
	margin-left: 274px;
	margin-bottom: 22px;
	width: 600px;
	padding-top: 22px;
	text-align: right;
	color: #9a9a9a;
}
#header #head-sub-nav .txt,
#header #head-sub-nav .nav {
	display: inline;
}
#header #head-sub-nav a:link, #header #head-sub-nav a:visited {
	color: #9a9a9a;
	text-decoration: underline;
}
#header #head-sub-nav a:hover, #header #head-sub-nav a:active {
	color: #7058a3;
	text-decoration: underline;
}

#header #head-shop-info {
	margin-left: 274px;
	padding-bottom: 50px;
	width: 600px;
	text-align: right;
}
#header #head-shop-info .head-shop-section {
	display: -moz-inline-box; /* for FF2 */
	display: inline-block;
	/display: inline; /* for IE6&7 */
	zoom: 1;
	padding-left: 42px;
	vertical-align: top;
	text-align: left;
}
#header #head-shop-info .head-shop-section .ic01 {
	margin-top: 2px;
}
#header #head-shop-info .head-shop-section .txt {
	display: inline;
}
#header #head-shop-info .head-shop-section h3.txt {
	padding-right: 13px;
}









/* footer ------------------------------ */
#footer {
	text-align: center;
	width: 100%;
	min-height: 141px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../img/body_bg02.gif) repeat-x left bottom;
	z-index: 20;
}
#footer .inner {
	text-align: left;
	width: 880px;
	margin: 0px auto;
}

#footer #cr {
	height: 90px;
}
#footer #cr img {
	margin-top: 20px;
}

#footer #foot-sub-nav {
	padding-top: 18px;
	padding-bottom: 18px;
	color: #9a9a9a;
}
#footer #foot-sub-nav .txt,
#footer #foot-sub-nav .nav {
	display: inline;
}
#footer #foot-sub-nav a:link, #footer #foot-sub-nav a:visited {
	color: #9a9a9a;
	text-decoration: underline;
}
#footer #foot-sub-nav a:hover, #footer #foot-sub-nav a:active {
	color: #7058a3;
	text-decoration: underline;
}









/* container ------------------------------ */
#container {
	width: 870px;
	margin: 0px auto;
	padding-top: 10px;
	padding-bottom: 190px;
	text-align: center;
	color: #333333;
	zoom: 1;
}
#container:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}

#catgory-title {
	margin: 0px -5px 16px -5px;
	position: relative;
	left: 0px;
	top: 0px;
}

#catgory-title02 {
	margin: 0px -5px 0px -5px;
	position: relative;
	left: 0px;
	top: 0px;
}

.column-left {
	text-align: left;
	width: 406px;
	float: left;
}
.column-right {
	text-align: left;
	width: 406px;
	float: right;
}

.column-left2 {
	text-align: left;
	width: 606px;
	float: left;
}
.column-right2 {
	text-align: left;
	width: 206px;
	float: right;
}

.column-single {
	text-align: left;
	width: 870px;
	margin: 0px auto;
}
.column-anchor {
	text-align: left;
	width: 870px;
	margin: 0px auto;
}


.column-anchor h1,
.column-anchor h2,
.column-anchor h3,
.column-anchor h4,
.column-anchor h5,
.column-anchor h6,
.column-anchor p,
.column-anchor li,
.column-anchor dt,
.column-anchor dd {
	font-weight: normal;
	display: inline;
	padding-right: 38px;
	font-size: 110%;
	_font-size: 113%; /* for IE6 */
}


hr.line-type1 {
	background: transparent;
	width: 100%;
	height: 0px;
	margin: 24px 0px 16px 0px;
	/margin: 6px 0px 8px 0px; /* for IE6&7 */
	padding: 0px;
	font-size: 0.01em;
	line-height: 0.01em;
	border: none;
	border-bottom: 1px dotted #999999;
	overflow: hidden;
	zoom: 1;
}

.section-type1 {
	padding-top: 64px;
}
.section-type1 p {
	padding-top: 4px;
}

.section-type2 {
	padding-top: 0px;
}

.section-type3 {
	padding-top: 20px;
}
.section-type3 p {
	padding-top: 4px;
}


.menu-head {
	zoom: 1;
}
.menu-head:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}

.menu-head p {
	padding-top: 0px;
}
.menu-title {
	font-size: 124%;
	line-height: 100%;
	font-weight: bold;
	float: left;
}
.menu-price {
	font-size: 110%;
	_font-size: 113%; /* for IE6 */
	line-height: 100%;
	font-weight: bold;
	float: right;
}
.menu-weight {
	font-size: 110%;
	_font-size: 113%; /* for IE6 */
	line-height: 100%;
	float: right;
	padding-right: 20px;
}
.menu-weight2 {
	font-size: 110%;
	_font-size: 113%; /* for IE6 */
	line-height: 100%;
	float: right;
	padding-right: 30px;
}
.menu-weight3 {
	font-size: 110%;
	_font-size: 113%; /* for IE6 */
	line-height: 100%;
	float: right;
	padding-right: 32px;
}
.menu-contents {
	font-size: 110%;
	_font-size: 113%; /* for IE6 */
	line-height: 100%;
	float: left;
}

.company-title {
	font-size: 110%;
	_font-size: 113%; /* for IE6 */
	line-height: 100%;
	float: left;
	padding-right: 20px;
}
.company-contents {
	font-size: 110%;
	_font-size: 113%; /* for IE6 */
	line-height: 100%;
	font-weight: bold;
	float: left;
}

.to-pagetop {
	padding-top: 64px;
}

.access-content {
	font-size: 110%;
	_font-size: 113%; /* for IE6 */
	line-height: 100%;
	font-weight: bold;
	float: left;
}
.menu-title {
	font-size: 110%;
	_font-size: 113%; /* for IE6 */
	line-height: 100%;
	float: left;
	padding-right: 20px;
}


table.company_table1{
    width: 800px;
    border: none;
    border-spacing: 0;
    margin:0 auto 0px;
    text-align: center;
	background-image: url(../../company/img/bg.gif);
	background-repeat: no-repeat;
	background-position: middle center;
}
table.company_table1 th {
    padding: 10px;
    border: none;
    line-height: 120%;
    text-align: center;
    vertical-align: top;
    white-space: nowrap; 
    width:160px;
	font-size: 130%;
}
table.company_table1 td {
    padding: 8px 0px 5px 10px;
    border: none;
    text-align: left;
    vertical-align: top;
	font-size: 130%;
}




/* topic path ------------------------------ */
#topic-path {
	line-height: 110%;
	color: #8e7919;
	width: 870px;
	margin: 0px auto;
	text-align: left;
	padding-top: 10px;
}
#topic-path p,
#topic-path h1,
#topic-path h2,
#topic-path h3,
#topic-path h4,
#topic-path h5,
#topic-path h6,
#topic-path li,
#topic-path dt,
#topic-path dd {
	display: inline;
	font-size: 84%;
}
#topic-path a {
	font-weight: normal;
}
#topic-path .sprtr {
	padding: 0px 10px;
}
#topic-path .active {
	color: #333333;
	font-weight: bold;
}
#topic-path  a:link, #topic-path  a:visited {
	color: #333333;
	text-decoration: underline;
}
#topic-path  a:hover, #topic-path  a:active {
	color: #c3af53;
	text-decoration: underline;
}


























