@charset "utf-8";

@import "content.css";

/*左右振り分け*/
.lt{float:left; margin:0 10px 5px 0;}
.rt{float:right; margin:0 0px 5px 10px;}

/*グローバルセッティング*/
*{margin:0; padding:0; font-size:102%; font-family:sans-serif,"Arial Unicode MS";}
a{color:#293B87; text-decoration:none; outline:none;}
a:hover{color:#AF0037; text-decoration:underline;}
br.hide,hr,hide{display:none;}
p,td,th,li, dt, dd{font-size:0.8em; line-height:165%;}
li li{font-size:1.0em;}
p{margin-bottom:0.5em;}
p.lead{}
p.note{margin-left:1.0em; text-indent:-1.0em;}
.need{color:#FF0000;}
h3,h4,h5,h6{line-height:135%;}
h3.small{font-size:0.8em;}
.clr{clear:both; height:0.1px;}
.bs5 {clear:both; width:100%; height: 5px;}
.bs10{clear:both; width:100%; height:10px;}
.bs15{clear:both; width:100%; height:15px;}
.bs20{clear:both; width:100%; height:20px;}
.bs30{clear:both; width:100%; height:30px;}
.m-bt5 {margin-bottom: 5px;}
.m-bt10{margin-bottom:10px;}
.ctr{margin:0 auto;}
.link-bg{padding-left:18px; background:url(../images/link-icon3.gif) no-repeat left 3px;}

/*全体レイアウト*/
body{background:url(../images/bg.gif) top repeat-x; text-align:center;}
#wrapper{width:768px; margin:0 auto; text-align:left;}
#header{width:768px; height:68px; overflow:hidden;}
#g-navi{width:768px; height:43px; overflow:hidden;}
#kv{width:768px; height:95px;}
#container{width:768px; margin-top:20px; background:url(../images/menu-bg.gif) repeat-y left; clear:both;}
#menu-col{width:192px; float:left;}
#body-col{width:540px; float:right;}
#footer{width:100%; background:url(../images/foot-bg.gif) repeat-x top #7C7C7C; clear:both; height:26px; margin-top:15px;}

/*ヘッダパート*/
#skip{display:none;}
#logo{width:207px; height:68px; float:left;}
#lang{width:259px; height:25px; font-size:xx-small; float:right;}
#lang ul{list-style:none;}
#lang li{display:inline; text-indent:-9999px;}
#lang li a{display:block; height:25px; background:url(../images/h-lang.gif) no-repeat; float:left; text-decoration:none; overflow:hidden;}
#lang li#jp a{width: 76px; background-position:   0px 0px;}
#lang li#en a{width: 72px; background-position: -76px 0px;}
#lang li#db a{width:111px; background-position:-148px 0px;}
#lang li#jp a:hover{background-position:   0px -25px;}
#lang li#en a:hover{background-position: -76px -25px;}
#lang li#db a:hover{background-position:-148px -25px;}
#h-navi{width:317px; height:12px; float:right; position:relative; top:27px; text-decoration:none; overflow:hidden;}
* html #h-navi{width:334px;} /* IE6 */
#h-navi ul{list-style:none; float:right;}
#h-navi li{display:inline; text-indent:-9999px; font-size:xx-small; line-height:normal;}
#h-navi li a{display:block; height:12px; background:url(../images/h-navi.gif) no-repeat; margin-left:17px; float:left; text-decoration:none;}
#h-navi li#home a{width: 33px; background-position:   0px 0px;}
#h-navi li#prof a{width: 57px; background-position: -51px 0px;}
#h-navi li#cont a{width: 33px; background-position:-125px 0px;}
#h-navi li#site a{width: 58px; background-position:-172px 0px;}
#h-navi li#home a:hover{background-position:   0px -12px;}
#h-navi li#prof a:hover{background-position: -51px -12px;}
#h-navi li#cont a:hover{background-position:-125px -12px;}
#h-navi li#site a:hover{background-position:-172px -12px;}
/*
#h-navi li#link a{width: 33px; background-position:-311px 0px;}
#h-navi li#link a:hover{width: 33px; background-position:-311px -12px;}
#h-navi li#catl a{width: 56px; background-position:-237px 0px;}
#h-navi li#catl a:hover{width: 56px; background-position:-237px -12px;}
*/

/*グローバルナビ*/
#g-navi ul{list-style:none;}
#g-navi li{display:inline; text-indent:-9999px;}
#g-navi li a{display:block; height:43px; width:256px; background:url(../images/navi.gif) no-repeat; float:left; text-decoration:none;}
#g-navi li#prd a{background-position:   0px 0px;}
#g-navi li#cms a{background-position:-256px 0px;}
#g-navi li#usp a{background-position:-512px 0px;}
#g-navi li#prd a:hover{background-position:   0px -43px;}
#g-navi li#cms a:hover{background-position:-256px -43px;}
#g-navi li#usp a:hover{background-position:-512px -43px;}
#g-navi li#prd a.here{background-position:   0px -86px;}
#g-navi li#cms a.here{background-position:-256px -86px;}
#g-navi li#usp a.here{background-position:-512px -86px;}

/*ICP 番号*/

#icp_n{font-size:small; color:#000000; margin-top:7px;}


/*フッタ*/
#footer-box{width:768px; height:26px; margin:0 auto;}
#footer .copy{background:url(../images/foot-copy.gif) no-repeat; width:265px; height:26px; float:left;}
#footer address{text-indent:-9999px; font-size:xx-small; line-height:normal;}
#footer .privacy{float:right; font-size:0.7em; color:#FFFFFF; margin-top:7px;}
#footer .privacy a{color:#FFFFFF;}

/*ボディブロック*/
/*パンくず*/
#bread{font-size:0.7em; line-height:125%; color:#999999; width:100%; margin-bottom:5px;}
/*H*/
h1{text-indent:-9999px; background:no-repeat; height:95px; overflow:hidden;}
h2{text-indent:-9999px; background:no-repeat; height:28px; font-size:xx-small; line-height:normal; margin-bottom:1.0em;}
h3{background:url(../images/h3-bg.gif) repeat-x bottom; font-size:1.0em; color:#B20038; margin-bottom:0.75em; padding:7px 5px 3px 5px;}
h3 a{color:#B20038;}
h4{border-left:5px #B20038 solid; border-bottom:1px #CCCCCC solid; padding:1px 7px; margin-bottom:0.5em; font-size:0.9em; background:#F5F5F5; color:#666666;}
.b-block{width:530px; margin:10px 0 10px 10px;}
.pg-top{width:auto; margin:10px 0px; text-align:right; font-size:0.7em; font-weight:bold;}
/* 小さく */
.small{font-size:80%;}

/*ボトムリンク*/
#bottom-links{line-height:125%; color:#999999; width:100%; margin-bottom:5px; list-style:none;}
#bottom-links li{margin-right:20px; display:inline;}

/*リスト*/
.b-block ul{list-style:none;}
.b-block li.etc{display:block; text-align:right;}
.b-block ul.disc{list-style:disc; padding-left:1em;}

.b-block a.icon {background:url(../images/link-icon3.gif) no-repeat; padding-left:15px;}

/*メニュー部*/
#mn-head{width:192px; height:51px; text-indent:-9999px; background-repeat:no-repeat;}
#menu-col ul{list-style:none; margin-bottom:10px; background:#F3F3F3;}
#menu-col li a{line-height:125%; border-bottom:1px dotted #CCCCCC; padding:8px 5px 8px 22px; background:url(../images/link-icon2.gif) no-repeat 6px 9px; width:165px; display:block;}
#menu-col li a:hover{background:#D0D8E3 url(../images/link-icon.gif) no-repeat 6px 9px;}
#menu-col li a.here{background:#DBDBDB url(../images/link-icon.gif) no-repeat 6px 9px;}

#bnr-space{width:184px; margin:0 auto 15px auto;}
#bnr-space img{margin:3px 0;}


/*画像キャプション*/
.caption, .caption-lt{font-size:0.7em; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
.caption{text-align:center;}

/*画像フレーム*/
img.frame{padding: 2px; border: solid 1px #CCCCCC;}
.imgbox-l{width:auto; padding:0 10px 5px 0; float:left; font-size:0.7em; text-align:center; line-height:135%; color:#666666;}
.imgbox-r{width:auto; padding:0 0 5px 10px; float:right; font-size:0.7em; text-align:center; line-height:135%; color:#666666;}
.imgbox-l img,.imgbox-r img{display:block; padding:2px; border:1px solid #CCCCCC; margin-bottom:3px;}
.imgbox-l p,.imgbox-r p{font-size:1.0em;}

/*テーブル*/
.b-block table{border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC;}
.b-block table caption{padding-bottom:0.5em; text-align:left; font-size:0.75em; font-weight:bold;}
.b-block table th{background-color:#F5F5F5; text-align:left; font-weight:normal;}
.b-block table th, .b-block table td{padding:5px; border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; vertical-align: top;}

/*フォーム*/
.form legend{margin:0 5px 10px 5px; font-size:0.8em; font-weight:bold;}
.form{padding:5px; border:2px dotted #CCCCCC;}
* html .form{border:2px solid #CCCCCC;} /* IE6 */
.form p.need{margin:0 0 10px 5px;}
.form dl{margin:5px;}
.form dt{width:110px; margin-right:10px; padding:0; float:left; display:block; clear:left;}
.form dd{display:block; margin-left:0;}
.form dt, .form dd{margin-bottom:10px;}
.form button{margin:0 5px 10px 5px; padding:0 5px;}
* html .form button{margin-top:-2.0em; height:1.8em;} /* IE6 */
.form input, .form select, .form textarea{font-size:0.9em;}
.form .error{margin-bottom:1.0em; font-size:0.8em;}
* html .form .error{font-size:0.82em;} /* IE6 */
.form .error ul{margin:1.0em 0 0 1.0em; font-size:1.0em;}
.form .conf-message{margin-left:1.5em;}


/*トップページ*/
#top-page{background:url(../../images/top-bg.gif) repeat-x;}
#kv-top{width:768px; height:240px;}
#kv-top h1{height:240px;}
#container-top{width:768px; margin-top:20px; clear:both;}
#top-page .b-block{width:768px; margin:10px 0;}
dl#new-arrival, ul#lineup{border-bottom:solid 5px #E5E5E5;}
#top-bnr, #top-information{width:370px;}
#top-bnr img, #top-information{margin-bottom:20px;}
#top-page .pg-top{width:768px;}
* html #top-page .pg-top{margin:0;}

/* NEW ARRIVAL */
/*
dl#new-arrival{margin-bottom:20px; width:768px; height:136px;}
dl#new-arrival dt{text-indent:-9999px;}
dl#new-arrival dt a{display:block; float:left; height:136px; width:256px; background:url(../../images/new_arrival.jpg) no-repeat; text-decoration:none;}
dl#new-arrival dt#ne01 a{background-position:   0px 0px;}
dl#new-arrival dt#ne02 a{background-position:-256px 0px;}
dl#new-arrival dt#ne03 a{background-position:-512px 0px;}
dl#new-arrival dt#ne01 a:hover{background-position:   0px -136px;}
dl#new-arrival dt#ne02 a:hover{background-position:-256px -136px;}
dl#new-arrival dt#ne03 a:hover{background-position:-512px -136px;}
dl#new-arrival dd{text-indent:-9999px; height:0; _font-size:0;}*/

dl#new-arrival{margin-bottom:20px; width:768px; height:136px;}
dl#new-arrival dt{text-indent:-9999px;}
dl#new-arrival dt a{display:block; float:left; height:136px; width:192px; text-decoration:none;}
dl#new-arrival dt#ne01 a{background-image:url(../../images/na-sv1.jpg);}
dl#new-arrival dt#ne02 a{background-image:url(../../images/na-excc1.jpg);}
dl#new-arrival dt#ne03 a{background-image:url(../../images/na-exke1.jpg);}
dl#new-arrival dt#ne04 a{background-image:url(../../images/na-exbt1.jpg);}
dl#new-arrival dt#ne01 a:hover{background-position:0px -136px;}
dl#new-arrival dt#ne02 a:hover{background-position:0px -136px;}
dl#new-arrival dt#ne03 a:hover{background-position:0px -136px;}
dl#new-arrival dt#ne04 a:hover{background-position:0px -136px;}
dl#new-arrival dd{text-indent:-9999px; height:0;}
* html dl#new-arrival dd{font-size:0;} /* IE6 */

/* LINEUP */
ul#lineup{list-style:none; margin-bottom:25px; width:768px; height:122px;}
ul#lineup li{display:inline; text-indent:-9999px;}
ul#lineup li a{display:block; float:left; height:122px; width:96px; background:url(../../images/lineup.jpg) no-repeat; text-decoration:none;}
ul#lineup li#ln01 a{background-position:   0px 0px;}
ul#lineup li#ln02 a{background-position: -96px 0px;}
ul#lineup li#ln03 a{background-position:-192px 0px;}
ul#lineup li#ln04 a{background-position:-288px 0px;}
ul#lineup li#ln05 a{background-position:-384px 0px;}
ul#lineup li#ln06 a{background-position:-480px 0px;}
ul#lineup li#ln07 a{background-position:-576px 0px;}
ul#lineup li#ln08 a{background-position:-672px 0px;}
/*ul#lineup li#ln09 a{background-position:-683px 0px;}*/

ul#lineup li#ln01 a:hover{background-position:   0px -122px;}
ul#lineup li#ln02 a:hover{background-position: -96px -122px;}
ul#lineup li#ln03 a:hover{background-position:-192px -122px;}
ul#lineup li#ln04 a:hover{background-position:-288px -122px;}
ul#lineup li#ln05 a:hover{background-position:-384px -122px;}
ul#lineup li#ln06 a:hover{background-position:-480px -122px;}
ul#lineup li#ln07 a:hover{background-position:-576px -122px;}
ul#lineup li#ln08 a:hover{background-position:-672px -122px;}
/*ul#lineup li#ln09 a:hover{background-position:-683px -122px;}:*/

/* BANNER */
#top-bnr{float:left;}

/* INFORMATION */
#top-information{float:right;}
#top-information .go-list{float:right; background:url(../../images/go-list.gif) no-repeat; text-indent:-9999px;}
#top-information .go-list a{display:block; width:37px; height:13px; text-decoration:none;}
#top-information dl.info dd{margin-bottom:0;}