@charset "EUC-JP";



/* === body =================== */

body,td,textarea {
 font-size: 12px;
 font-weight: normal;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯","Hiragino Kaku Gothic Pro","sans-serif";
 color: #000000;
 line-height: 1.0;
}
input,select {
 font-size: 12px;
 font-weight: normal;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯","Hiragino Kaku Gothic Pro","sans-serif";
 color: #000000;
 letter-spacing: 0.1em;
 line-height: 1.2;
}
body,h1,h2,h3,h4,h5,p,div,span,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address,script{
 margin: 0;
 padding: 0;
/* ;ŽÇ¡¦ */}

body {
 background-color: #ffffff;
 background: url(../img/bg/main.gif) top center repeat-y;
 text-align: center;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
/* ÇØ·Ê¡¦Ê¸»ú°ÌÃÖ¡¦Í¾Çò¡¦¥¹¥¯¥ú½¼Ž¥¡¦Ð¡»þ*/}
html {
 scrollbar-arrow-color: #cccccc;
 scrollbar-highlight-color: #dddddd;
 scrollbar-shadow-color: #bbbbbb;
 scrollbar-3dlight-color: #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-track-color: #ffffff;
/* ¥¹¥¯¥ú½¼Ž¥¡¦Ð¡»þ*/}

img {
 border: 0;
 vertical-align: bottom;
/* ²èŽÁ¡¦*/}
br {
 letter-spacing: normal;
/* ²þ¹Ô */}
hr {
 clear: both; 
 display: none;
 border: none;
 margin: 0px;
 padding: 0px;
/* ¿åÊ¿Àþ */}
.clear {
 clear: both;
 border: none;
 margin: 0px;
 padding: 0px;
/* ²ó£àEþ¤ß²ò½¡¦*/}

/* === body =================== */



/* === link =================== */

a { 
 color: #836e65;
 text-decoration: none;
 text-decoration: underline;
/* Ž¥¡¦ó¥¯Ê¸»ú¿Ž§Ž */}
a:visited {
 color: #9b674d;
 text-decoration: none;
 text-decoration: underline;
/* ˬÌäºÑ¤ß */}
a:hover {
 color: #483d37;
 text-decoration: none;
 text-decoration: underline;
/* ¥ª¥ó¥Þ¥¦¥¹»þ */}
a:active {
 color: #836e65;
 text-decoration: none;
 text-decoration: underline;
/* ¥¯Ž¥¡¦Ã¥¯»ýþ*/}

/* === link =================== */



/* === page =================== */

#page {
 width: 800px;
 text-align: left;
 background-color: #ffffff;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: 5px 0px 5px 0px;
}

/* === page =================== */



/* === head =================== */

#page #head {
 width: 780px;
 height: 120px;
 text-align: center; 
 background-color: transparent;
 margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 0px;
}
#page #head .key {			/* keyword */
 font-size: 11px;
 font-style: normal;
 color: #999999;
 text-align: left;
 line-height: 1.3;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
#page #head h1 {			/* logo */
 float: left;
 width: 120px;
 height:91px;
 text-indent: -9999px;
 background-color: transparent;
 background: url(../img/head/logo.gif) top left no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
#page #head h1 a {
 display: block;
 width: 120px;
 height: 91px;
 color: #333333;
 text-decoration: none;
 background-color: transparent;
 margin: 0px;
 padding: 0px;
}
#page #head ul {
 float: right;
 height: 20px;
 list-style-type: none;
 text-align: left;
 background-color: transparent;
 margin: 50px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#page #head li {
 display: inline;
 height: 20px;
 font-size: 11px;
 color: #836e65;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 background-color: transparent;
 margin: 0px 10px 0px 10px;
 padding: 0px;
}
#page #head li a {
 display: inline;
 height: 20px;
 color: #836e65;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 text-decoration: underline;
 background-color: transparent;
 margin: 0px;
 padding: 0px;
}
#page #head li a:hover {
 display: inline;
 height: 20px;
 color: #483d37;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 background-color: transparent;
 margin: 0px;
 padding: 0px;
}
/* === head =================== */



/* === nabi =================== */

#page .navigation {				/* ¥Ê¥Ó¥²¡¼¥·¥çŽ¥¡¦*/
 clear: both; 
 width: 760px;
 text-align: left; 
 background-color: transparent;
 margin: 0px 0px 20px 20px;
 padding: 0px 0px 0px 0px;
}
#page .navigation ul {
 list-style-type: none;
 text-align: left;
 background-color: transparent;
 margin: 0px 10px 0px 10px;
 padding: 0px 0px 0px 0px;
}
#page .navigation li {
 display: inline;
 font-size: 12px;
 color: #737373;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 background-color: transparent;
 margin: 0px 0px 0px 0px;
 padding: 0px 3px 0px 3px;
}

/* === nabi =================== */



/* === main =================== */

#page .main {				/* Ã掱¡¦*/
 clear: both; 
 width: 760px;
 text-align: center; 
 background-color: transparent;
 margin: 0px 0px 0px 20px;
 padding: 0px 0px 0px 0px;
}
#page .main .left{
 float: left;
 width: 200px;
 text-align: left; 
 background-color: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#page .main .right{
 float: right;
 width: 540px;
 text-align: left; 
 background-color: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

/* === main =================== */



/* === left =================== */

#page .main .left .brand{			/* ¥Ö¥é¥ó¥ÉÊÌ */
 width: 200px;
 text-align: left; 
 background-color: transparent;
 margin: 0px 0px 30px 0px;
 padding: 0px 0px 0px 0px;
}
#page .main .left .brand h3 {				/* ¥¿¥¤¥ÈŽ¥¡¦*/
 width: 190px;
 height: 50px;
 text-indent: -9999px;
 background-color: transparent;
 background: url(../img/h3/brand.gif) top left no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
#page .main .left .brand ul{				/* Ž¥¡¦¹¥Çþ*/
 list-style-type: none;
 width: 190px;
 text-align: left; 
 background-color: transparent;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#page .main .left .brand li{
 clear: both; 
 width: 190px;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 background-color: transparent;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#page .main .left .category{			/* ¥«¥Æ¥´¥ê¡¼ÊÌ */
 width: 200px;
 text-align: left; 
 background-color: transparent;
 margin: 0px 0px 40px 0px;
 padding: 0px 0px 0px 0px;
}
#page .main .left .category h3 {				/* ¥¿¥¤¥ÈŽ¥¡¦*/
 width: 190px;
 height: 50px;
 text-indent: -9999px;
 background-color: transparent;
 background: url(../img/h3/category.gif) top left no-repeat;
 margin: 30px 0px 0px 0px;
 padding: 0px;
}
#page .main .left .category ul {					/* Ž¥¡¦¹¥Çþ*/
 list-style-type: none;
 width: 190px;
 text-align: left; 
 background-color: transparent;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#page .main .left .category li {
 clear: both; 
 width: 190px;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 background-color: transparent;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#page .main .left .category2 {			/* ¥«¥Æ¥´¥ê¡¼ÊÌ¡÷¥Ð¥Ê¡¼Ìµ¤·Ver. */
 width: 200px;
 text-align: left; 
 background-color: transparent;
 margin: 0px 0px 30px 0px;
 padding: 0px 0px 0px 0px;
}
#page .main .left .category2 h3 {				/* ¥¿¥¤¥ÈŽ¥¡¦*/
 width: 190px;
 height: 50px;
 text-indent: -9999px;
 background-color: transparent;
 background: url(../img/h3/category2.gif) top left no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
#page .main .left .category2 ul {
 list-style-type: none;
 width: 190px;
 text-align: left;
 background-color: transparent;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#page .main .left .category2 li {
 font-size: 12px;
 color: #836e65;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 background-color: transparent;
 background: url(../img/icon/arrow02.gif) 0px 4px no-repeat;
 margin: 0px 0px 5px 5px;
 padding: 0px 0px 0px 10px;
}
#page .main .left .category2 li a {
 color: #836e65;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 text-decoration: underline;
 background-color: transparent;
 margin: 0px;
 padding: 0px;
}
#page .main .left .category2 li a:hover {
 color: #483d37;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 background-color: transparent;
 margin: 0px;
 padding: 0px;
}

/* === left =================== */



/* === foot =================== */

#page #foot {
 clear: both;
 text-align: center; 
 margin: 0px 0px 0px 0px;
 padding: 50px 0px 0px 0px;
}
#page #foot ul {
 list-style-type: none;
 text-align: center;
 background-color: transparent;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
#page #foot li {
 display: inline;
 font-size: 12px;
 color: #836e65;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 border-left: 1px #302825 solid; 
 background-color: transparent;
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 0px 10px;
}
#page #foot li a {
 color: #836e65;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 text-decoration: underline;
 background-color: transparent;
 margin: 0px;
 padding: 0px;
}
#page #foot li a:hover {
 color: #483d37;
 text-align: left;
 line-height: 1.2;
 letter-spacing: 0.1em;
 background-color: transparent;
 margin: 0px;
 padding: 0px;
}
#page #foot .border {
 border-right: 1px #302825 solid;
}
#page #foot address {
 font-size: 12px;
 font-style: normal;
 color: #999999;
 text-align: center; 
 line-height: 1.3;
 letter-spacing: 0.1em;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

/* === foot =================== */