@charset "utf-8";

/* Core base----------------------------------------------------------------------*/

#flash {
 text-align: center; 
 width: 100%; 
}

#head h1 {
 width: 210px; 
 height: 79px; 
 float: left; 
 margin: 0; 
}

#head h1 a {
 background: url(../common_images/head_logo.jpg) no-repeat 0 0; 
 width: 210px; 
 height: 79px; 
 margin: 0; 
 display: block; 
}

#head h1 a:hover { background-position: -210px 0; }


/* Flash Area----------------------------------------------------------------------*/

#flash {
 background: url(../top_images/im-box_bc2.jpg) repeat-x center top; 
 height: 200px; 
 margin: 0; 
}

.flaArea {
 text-align: left; 
 width: 840px; 
 height: 200px; 
 margin: 0 auto; 
}

.noScriptCont { margin: 0; }

/* Main navi----------------------------------------------------------------------*/

#navi {
 text-align: left; 
 width: 840px; 
 height: 55px; 
 margin: 0 auto; 
 _margin: 6px 0 0;
 padding: 5px 0 0; 
 _padding: 0;
 list-style-type: none; 
}

#navi li {
 height: 55px; 
 float: left; 
 margin: 0; 
}

#navi a {
 background: url(../top_images/main_navi.gif) no-repeat; 
 height: 55px; 
 margin: 0; 
}

#navi01 a { width: 205px; margin: 0;  }
#navi02 a { width: 140px; margin-left: 5px; }
#navi03 a { width: 135px; margin-left: 5px; }
#navi04 a { width: 135px; margin-left: 5px; }
#navi05 a { width: 205px; margin-left: 5px; }

#navi01 a { background-position: 0 0; }
#navi02 a { background-position: -210px 0; }
#navi03 a { background-position: -355px 0; }
#navi04 a { background-position: -495px 0; }
#navi05 a { background-position: -635px 0; }

#navi01 a:hover { background-position: 0 -60px; }
#navi02 a:hover { background-position: -210px -60px; }
#navi03 a:hover { background-position: -355px -60px; }
#navi04 a:hover { background-position: -495px -60px; }
#navi05 a:hover { background-position: -635px -60px; }

/* Display set----------------------------------------------------------------------*/

#head h1 a,#navi a,.inquiryBN a {
 font-size: 11px; 
 text-decoration: none; 
 text-indent: -9999px;  
 display: block;  
 overflow: hidden;
}

.lin01 a:link,.lin01 a:visited {
 color: #3355ae; 
 background-color: inherit; 
 text-decoration: none; 
 border-bottom: 1px dotted #3355ae; 
}

.lin01 a:hover {
 color: #f30; 
 background-color: inherit; 
 text-decoration: none; 
 border-bottom: 1px dotted #f30; 
}

/* Contents area----------------------------------------------------------------------*/

#topContents {
 position: relative;
 background: url(../common_images/main-bc_center.gif) repeat-y 0 0; 
 width: 840px; 
 margin: 0; 
}

#topMessage {
 background: url(../top_images/message_top.png) no-repeat 0 0; 
 width: 610px; 
 height: 180px; 
 margin: 10px auto 0;
}

#ourMessage {
 background: url(../top_images/message_copy.png) no-repeat 0 0; 
 width: 610px; 
 height: 490px; 
 margin: 10px auto 0;
}

#topMessage h2, #topMessage p, #ourMessage h3, #ourMessage p {
 text-indent: -9999px;
 margin: 0;
}

#topCatchBox {
 background: url(../top_images/top-catch_p.jpg) no-repeat; 
 width: 600px; 
 min-height: 228px;
 margin: 25px auto 0; 
}

.topCatch {
 text-align: left; 
 width: 381px; 
 float: right; 
 margin: 0; 
}

* html .topCatch { padding-bottom: 20px; }

/*\*/
*:first-child+html .topCatch { padding-bottom: 20px; }
/**/

.topCatch h2 {
 width: 381px; 
 height: 30px; 
 margin: 0; 
}

.topCatch p {
 font-size: 0.85em; 
 line-height: 1.7em; 
 width: 381px; 
 margin: 10px 0 0; 
}

#itemBox {
 width: 590px; 
 margin: 0 auto; 
 padding: 0; 
 list-style-type: none; 
}

.itemPick {
 text-align: left; 
 width: 590px; 
 height: 105px; 
 margin: 25px 0 0; 
}

.itemPick a {
 color: #555; 
 background-color: inherit; 
 background: url(../top_images/itembox_bg.jpg) no-repeat 0 0; 
 text-decoration: none; 
 width: 590px; 
 height: 105px; 
 margin: 0; 
 display: block;
}

.itemPick a:hover {
 color: #930; 
 background-color: inherit; 
 background-position: 0 -105px; 
 text-decoration: none; 
}

.itemIM {
 float: left; 
 margin: 0; 
 border-style: none; 
}

.itemCatch {
 font-size: 12px; 
 line-height: 170%; 
 width: 370px; 
 float: right; 
 margin: 0 6px 0 0; 
 display: block; 
}

.itemCatch img {
 margin: 15px 0 5px; 
 border-style: none; 
}

#top_notice {
 background: url(../top_images/top_notice.jpg) no-repeat 0 0; 
 width: 590px; 
 height: 265px; 
 margin: 20px auto 0;
 padding-bottom: 25px; 
}

#top_notice02,#winter_notice {
 width: 588px; 
 height: 248px; 
 margin: 20px auto 0;
}

#winter_notice { height: 348px; }

#top_notice02 a,#winter_notice a {
 background: url(../top_images/2010summer.jpg) no-repeat 0 0; 
 text-indent: -9999px;
 width: 588px; 
 height: 248px; 
 margin: 0; 
 border: 1px solid #6be;
 display: block; 
}

#winter_notice a {
 background: url(../top_images/2009_winter.jpg) no-repeat 0 0;
 height: 348px;
 border: 1px solid #faa77e;
}

#top_notice02 a:hover,#winter_notice a:hover {
 filter: alpha(opacity=65);
 -moz-opacity: 0.65;
 opacity: 0.65;
 border: 1px solid #faa77e;
 overflow: hidden;
}

#winter_notice a:hover { border: 1px solid #593; }

#top_notice h3,#top_notice p {
 width: 590px; 
 height: 40px; 
 text-indent: -9999px; 
 margin: 0; 
}

#top_notice p {
 height: 225px; 
}

#newsArea {
 width: 590px;
 margin: 20px auto 0; 
 border-top: solid 1px #ddd;
}

#newsTop {
 width: 590px;
 height: 25px; 
 margin: 20px 0 0; 
}

#newsTit {
 float: left;
 font-size: 11px; 
 background: url(../top_images/info_st.gif) no-repeat 0 0; 
 text-indent: -9999px; 
 width: 90px; 
 height: 25px; 
 margin: 0;
}

#infoLinkBT {
 float: left;
 width: 70px; 
 height: 25px; 
 margin: 0 0 0 25px;
}

#infoLinkBT a {
 background: url(../top_images/infotop_bt.gif) no-repeat 0 0; 
 font-size: 11px; 
 text-indent: -9999px; 
 width: 70px; 
 height: 25px; 
 margin: 0;
 display: block;
 overflow: hidden;
}

#infoLinkBT a:hover { background-position: 0 -25px; }

#News {
 font-size: 0.85em; 
 line-height: 2em; 
 text-align: left; 
 width: 562px; 
 margin: 1em auto 0; 
 padding-bottom: 20px; 
}

#News dt {
 color: #b53; 
 background-color: inherit; 
 float: left; 
}

#News dd { margin-left: 8em; }

/* Side area----------------------------------------------------------------------*/

.inquiryBN {
 width: 195px; 
 height: 55px; 
 margin: 0 auto; 
 padding-top: 25px; 
}

.inquiryBN a {
 background: url(../common_images/inquiry_bn.gif) no-repeat 0 0; 
 width: 195px; 
 height: 55px; 
}

.inquiryBN a:hover { background-position: 0 -55px; }

#charaBN {
 position: absolute;
 right: 5px;
 bottom: 5px;
 width: 195px; 
 height: 325px;
 margin: 0;
}

* html #charaBN {
 position: absolute;
 right: 5px;
 top: 500px;
}

#kamabokokunMove {
 width: 195px; 
 height: 300px;
}

#charaName01 {
 background: url(../top_images/chara_name.gif) no-repeat 0 0; 
 width: 195px; 
 height: 25px; 
 margin: 0; 
}

#charaTit01,#charaName01 {
 font-size: 11px; 
 text-indent: -9999px;  
}