@charset "utf-8";

/* =======================================

	Browser Reset CSS

========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html,body {color: #000;}

body {
	font:13px/1 "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

img {border: 0; vertical-align: top;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}


/* =======================================

	Structure CSS　　全ページ共通

========================================== */

html, body {
	background:url(../img/body_bg.jpg) repeat;
	color:#231815;
	letter-spacing:0.05em;
}


#document {
	margin: 0 auto;
	width: 842px;
}


/*	header CSS
========================================== */

#header {
	position: relative;
	margin:0px 0px 0px 0px;
}


#header p#description {
	margin: 18px 10px 0px 0px;
	font-size: 77%;
	color:#b9955d;
	text-align:right;
}

#header h1  {
	width:124px;
	float: left;
	display:inline;
	margin:0px;
	height:44px;
}


/*	Globalnavi CSS
========================================== */


#header ul#gnavi  {
	zoom: 1;
	width:718px;
	float: right;
	height:44px;
	margin:0px;
	padding:0px;
}

#header ul#gnavi li  {
	float: left;
	display:inline;
	margin:0px;
	padding:0px;
}

ul#gnavi li a {
	display: block;
	background: #FFF url(../img/gnavi_over.gif) no-repeat;
}
ul#gnavi li.item01 a {background-position:    0   0;}
ul#gnavi li.item02 a {background-position: -102px 0;}
ul#gnavi li.item03 a {background-position: -204px 0;}
ul#gnavi li.item04 a {background-position: -308px 0;}
ul#gnavi li.item05 a {background-position: -410px 0;}
ul#gnavi li.item06 a {background-position: -513px 0;}
ul#gnavi li.item07 a {background-position: -615px 0;}


ul#gnavi li a:hover {
	background-color: transparent;
}

ul#gnavi li a:hover img {
	visibility: hidden;
}

/* When Active Page */
body.TOP ul#gnavi li.item01 a img,
body.CORPORATE ul#gnavi li.item02 a img,
body.SUPPORT ul#gnavi li.item03 a img,
body.BRAND ul#gnavi li.item04 a img,
body.COMMODITY ul#gnavi li.item05 a img,
body.FAQ ul#gnavi li.item06 a img,
body.INQUIRY ul#gnavi li.item07 a img { visibility: hidden;}





/* footer
========================================== */
#footer {
	height: 53px;
	margin:5px 0px 5px 0px;
	align:right;
}

#footer ul#footer_navi {
	padding:40px 0px 0px 0px;
	float: right;
}


#footer ul#footer_navi li {
	float: left;
	display: inline;
	margin: 0px 15px 0px 0px;
	font-size: 77%;
	line-height: 1.167;
	white-space: nowrap;
	letter-spacing: 0.05em;
}

#footer ul#footer_corp_navi {
	width:107px;
	float: right;
	display: inline;
	margin: 0px;
}

#footer ul#footer_corp_navi li {
	float: left;
	display: inline;
	margin: 0px;
	padding:0px;
}

#footer ul#footer_corp_navi li a {
	display: block;
	background: #FFF url(../img/footer_photo_over.gif) no-repeat;
}
#footer ul#footer_corp_navi li.item01 a {background-position:    0   0;}
#footer ul#footer_corp_navi li.item02 a {background-position: -58px 0;}


#footer ul#footer_corp_navi li a:hover {
	background-color: transparent;
}

#footer ul#footer_corp_navi li a:hover img {
	visibility: hidden;
}

/* =======================================

	A ELEMENT SET 　　全ページ共通

========================================== */

/* LINK COLOR */

a:link{
	color:#231815;
	text-decoration: none;
}

a:visited{
	color:#231815;
	text-decoration: none;
}

a:hover{
	color:#963f59;
	text-decoration: none;
}

a:active{
	color:#963f59;
	text-decoration: none;
}

/* ======================================================================================== 

 全ページ共通  class指定

/======================================================================================== */

/* =================================================================== */
/*  回り込み解除 回り込み設定した場合、親要素のclassに必ずcboxを入れる*/
/* =================================================================== */

.cbox { 
zoom: 100%;
}

.cbox:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}