@charset "utf-8";

/* ------------------------
global
------------------------ */

body {
margin: 0;
padding: 0;
color:#333;
font-size:12px;
font-family: Verdana, Arial, sans-serif;
line-height:1.5;
background:#00305f;
}
* {text-align:left;}
div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,blockquote,table,th,td,ul,ol,li,form,code {
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
clear:both;
}
ul,ol,li {
list-style: none;
}
br {
letter-spacing: 0px;
}
a {
color:#333;
text-decoration: underline;
}
a:visited {
color:#333;
text-decoration: underline;
}
a:hover {
color:#333;
text-decoration: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img,abbr {
border: 0;
}
img {
border: 0;
vertical-align: top;
}
.float_left {float:left; padding:0 20px 10px 0;}
.float_right {float:right; padding:0 0 10px 20px;}

/* ------------------------
clearfix
------------------------ */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }wrapper {
}


/* ------------------------
Wrapper
------------------------ */
#wrapper {
margin:0 auto;
text-align:center;
background:#fff;
}

/* ------------------------
Header
------------------------ */
#header {
width:744px;
/*_width:774px;*/
height:84px;
margin:0 auto;
padding:19px 19px 0 11px;
/*_padding:19px 19px 5px 11px;*/
background:url(../images/bk01.gif) 0px bottom no-repeat;
}

#header h1 {
width:150px;
float:left;
}
ul#navi {
width:487px;
height:53px;
padding:26px 0 0 0;
float:right;
}
ul#navi li {
height:53px;
text-indent:-9999px;
float:left;
}
ul#navi li a {
height:53px;
overflow:hidden;
display:block;
}
ul#navi li#navi_news a {
width:95px;
background:url(../images/g_navi.jpg) 0px bottom no-repeat;
}
ul#navi li#navi_history a {
width:96px;
background:url(../images/g_navi.jpg) -95px bottom no-repeat;
}
ul#navi li#navi_stores a {
width:95px;
background:url(../images/g_navi.jpg) -191px bottom no-repeat;
}
ul#navi li#navi_item a {
width:95px;
background:url(../images/g_navi.jpg) -286px bottom no-repeat;
}
ul#navi li#navi_contact a {
width:97px;
background:url(../images/g_navi.jpg) -381px bottom no-repeat;
}
ul#navi li#navi_news a:hover {
background:url(../images/g_navi.jpg) 0px top no-repeat;
}
ul#navi li#navi_history a:hover {
background:url(../images/g_navi.jpg) -95px top no-repeat;
}
ul#navi li#navi_stores a:hover {
background:url(../images/g_navi.jpg) -191px top no-repeat;
}
ul#navi li#navi_item a:hover {
background:url(../images/g_navi.jpg) -286px top no-repeat;
}
ul#navi li#navi_contact a:hover {
background:url(../images/g_navi.jpg) -381px top no-repeat;
}


/* ------------------------
Container
------------------------ */
#container {
width:774px;
margin:0 auto;
background:url(../images/bk02.gif) top center repeat-y;
}
#content {
margin:0 auto;
padding:7px 19px;
}
h2 {
padding:0 0 20px 0;
}

/* ------------------------
Toppage
------------------------ */
#content_top {
margin:0 auto;
padding:0 12px;
}
#flash {line-height:1.0; font-size: 0;}

/* ------------------------
News
------------------------ */
#news_content {
}
#news_content #left {
height:356px;
/*_height:363px;*/
/*overflow-y:scroll;*/
width:455px;
padding:0 15px 7px 10px;
float:left;
}
#news_content #right {
width:240px;
float:right;
}

dl.newslist {
width:440px;
padding:0;
border-top:2px dotted #00305f;
}
dl.newslist dt {
width:90px;
padding:20px 0 0 10px;
float:left;
}
dl.newslist dd {
padding:20px 10px 20px 100px;
border-bottom:2px dotted #00305f;
}
.title01 {
font-weight:bold;
padding:0 0 10px 0;
}

/* ------------------------
History
------------------------ */
#history_content {
padding:0 10px 0;
height:356px;
overflow-y:scroll;
}
#history_content p {
padding-bottom:1em;
}

/* ------------------------
Item
------------------------ */
#item_content {
padding:0 0 0 10px;
height:356px;
overflow-y:scroll;
}
#item_content dl {
padding:0 15px 0 0;
float:left;
}
#item_content dt {
padding:0 0 6px 0;
}
#item_content dd {
padding:0 0 15px 104px;
}
.linkbtn_store a {
width:116px;
height:21px;
background:url(../item/images/linkbtn_store.gif) center bottom no-repeat;
display:block;
text-indent:-9999px;
overflow:hidden;
}
.linkbtn_store a:hover {
width:116px;
height:21;
background:url(../item/images/linkbtn_store.gif) center top no-repeat;
display:block;
text-indent:-9999px;
overflow:hidden;
}

/* ------------------------
Stores
------------------------ */
#stores_content {
height:356px;
overflow-y:scroll;
}
#stores_content #left {
width:440px;
padding:0 0 7px 10px;
float:left;
}
#stores_content #right {
width:240px;
padding:0 10px 0 0;
float:right;
}
#stores_content h3 {
padding:0 0 5px 0;
border-bottom:2px dotted #00305f;
}
#stores_content p {
padding:12px 0;
}
dl.dl01 {
padding:0 0 15px 0;
}
dl.dl01 dt {
width:75px;
padding:2px 0 0 0;
float:left;
}
dl.dl01 dd {
padding:0 0 0 75px;
}
ul.ul01 {
padding:0 0 20px 0;
}
ul.ul01 li {
padding:0 10px 0 0;
display:inline;
}

dl.dl02 {
padding:0 0 15px 0;
}
dl.dl02 dt {
padding:0;
}
dl.dl02 dd {
padding:0;
}

dl.dl03 dd {
padding:0 0 15px 0;
}

.linkbtn_store2 a:hover {
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

/* ------------------------
Company
------------------------ */
#company_content {
height:356px;
/*overflow-y:scroll;*/
}
#company_content #left {
width:455px;
padding:0 15px 0 10px;
float:left;
}
#company_content #right {
width:240px;
float:right;
}

dl.profile {
width:460px;
padding:0;
border-top:2px dotted #00305f;
}
dl.profile dt {
width:105px;
padding:10px 0 0 0;
float:left;
}
dl.profile dd {
padding:8px 10px 8px 105px;
border-bottom:2px dotted #00305f;
}

/* ------------------------
Privacy
------------------------ */
#privacy_content {
padding:0 15px;
height:356px;
overflow-y:scroll;
}
#privacy_content h3 {
border-bottom:2px dotted #00305f;
padding:0 0 4px 0;
}
#privacy_content p {
padding:8px 0 20px 0;
}
#privacy_content dl dt {
padding:8px 0 0 0;
font-weight:bold;
color:#00305f;
}
#privacy_content dl dd {
padding:0;
}

#privacy_content ul {
padding:0 0 20px 2em;
}
#privacy_content ul li {
padding:0 0 0 0;
list-style-type:disc;
}

/* ------------------------
Footer
------------------------ */
#footer {
margin:0 auto;
background:#00305f;
color:#fff;
text-align:center;
}
#footer a {
color:#fff;
text-decoration: underline;
}
#footer a:visited {
color:#fff;
text-decoration: underline;
}
#footer a:hover {
color:#fff;
text-decoration: none;
}

#copyRight {
margin:0 auto;
padding:6px 0 20px;
font-size:10px;
text-align:center;
clear:both;
}

ul#footer_navi {
width:630px;
margin:0 auto;
padding:10px 0 0 0;
text-align:center;
}
ul#footer_navi li {
text-indent:-9999px;
float:left;
display:block;
}
ul#footer_navi li#navi_shop {
width:156px;
height:56px;
margin:0 12px 0 0;
padding:0;
}
ul#footer_navi li#navi_mobile {
width:156px;
height:56px;
margin:0 24px 0 0;
padding:0;
}
ul#footer_navi li#navi_company {
width:62px;
height:21px;
padding:15px 24px 0 0px;
}
ul#footer_navi li#navi_privacy {
width:84px;
height:21px;
padding:15px 24px 0 0;
}
ul#footer_navi li#navi_crymson {
width:80px;
height:21px;
padding:15px 0 0 0;

}
ul#footer_navi li a {
overflow:hidden;
display:block;
}
ul#footer_navi li a:hover {
overflow:hidden;
display:block;
}

ul#footer_navi li#navi_shop a {
width:156px;
height:56px;
background:url(../images/link_shop.gif) center bottom no-repeat;
}
ul#footer_navi li#navi_mobile {
width:156px;
height:56px;
background:url(../images/link_mobile.gif) center bottom no-repeat;
}
ul#footer_navi li#navi_company a {
width:62px;
height:21px;
background:url(../images/link_company.gif) center bottom no-repeat;
}
ul#footer_navi li#navi_privacy a {
width:84px;
height:21px;
background:url(../images/link_privacy.gif) center bottom no-repeat;
}
ul#footer_navi li#navi_crymson a {
width:80px;
height:21px;
background:url(../images/link_crymson.gif) center bottom no-repeat;
}
ul#footer_navi li#navi_shop a:hover {
width:156px;
height:56px;
background:url(../images/link_shop.gif) center top no-repeat;
}
ul#footer_navi li#navi_company a:hover {
width:62px;
height:21px;
background:url(../images/link_company.gif) center top no-repeat;
}
ul#footer_navi li#navi_privacy a:hover {
width:84px;
height:21px;
background:url(../images/link_privacy.gif) center top no-repeat;
}
ul#footer_navi li#navi_crymson a:hover {
width:80px;
height:21px;
background:url(../images/link_crymson.gif) center top no-repeat;
}