@charset "utf-8";

/* [Common]=================================================*/

/* Debug
------------------------------------------------------------*/
/* ----- check ----- */
#header { background-color:#fff; }
#article { background-color:#fff; }

.b {border:1px solid #ff0000;}

/* Background
------------------------------------------------------------*/
/* ----- body ----- */
body {background:#FFFFFF url(/shared/img/bg_body.jpg) repeat-x left top; }

/* Utility
------------------------------------------------------------*/
/* ----- clear ----- */
.clear,#container,#header,#content,#footer { clear:both; }


/* [Layout]=================================================*/

/* Outline
------------------------------------------------------------*/
/* ----- center ----- */
body { text-align:center;  color:#333333;}
#container { margin:0 auto; text-align:left; }


/* ----- width ----- */
#container,#header,#content,#footer { width:958px; }

/* ----- pane1 ----- */
body.pane1 #article {width:920px;margin:0 18px;}


/* ----- pane2 ----- */
body.pane2 #article {float:right; width:680px;}
body.pane2 #aside {float:left; width:196px;}


/* ----- content ----- */
#content { background:#FFFFFF url(../img/bg_content.gif) repeat-y left top; margin-bottom:6px; }
#content-bottom { font-size:1px; height:3px; background:url(../img/bg_content_ft.gif) no-repeat left top; }

/* パンくず下に画像がある場合のみ */
#idx #content { margin-top:198px; background:#FFFFFF url(../img/bg_content.gif) repeat-y left top;}


/* Div Pattern
------------------------------------------------------------*/
/* ----- section ----- */
.section { clear:both; margin-bottom:25px; }

.relative-box { position:relative; }
.relative-box .right-nav { position:absolute; top:0; right:0; }

/* [Navigation]=============================================*/
/* ----- .horizon ----- */
.horizon {display:table-cell; *display:inline; *zoom:1; }


/* #global
------------------------------------------------------------*/
#global.nav { clear:both;}
#global.nav li { float:left; padding:0; line-height:1.0;}

/* #local
------------------------------------------------------------*/
#local.nav { }
#local.nav li {}

/* ナビエリアの上下影指定 */
.nav-top { font-size:1px; height:3px; background:url(../img/nav-top.gif) no-repeat left top; }
.nav-bottom { font-size:1px; height:3px; background:url(../img/nav-bottom.gif) no-repeat left top; margin-bottom:22px; }
.nav-bottom.last { margin-bottom:17px; }

#aside h2 { margin-bottom:7px; margin-left:3px; }
#aside .nav { padding: 0 3px; background:url(../img/bg_nav.gif) repeat-y left top; }




/* .utility
------------------------------------------------------------*/
/* ----- #header ----- */
#header { position:relative; width:950px; height:77px; padding-top:10px; margin-left:4px; }
#header h1,
#header p.h1 { margin:0; padding:0; width:75px; margin-bottom:9px; }
#header p.tagline { position:absolute; top:21px; left:87px; font-size:1px; }
#header .nav.utility { position:absolute; top:15px; left:473px; }
#header .nav.utility li { float:left; padding:0 5px; line-height:1.0;}
#header .nav.utility li.last { border-left:1px solid #B1B8C1; padding-left:10px; padding-right:0; margin-left:5px;}



/* #topicpath
------------------------------------------------------------*/
#topicPath { font-family:MS UI Gothic,sans-serif;font-size:10px;line-height:normal; }
#topicPath a:link,
#topicPath a:visited { color:#1a318b;font-family:MS UI Gothic,sans-serif;font-size:10px;line-height:normal; text-decoration:none;}

#corporate #topicPath { color:#FFFFFF; }
#corporate #topicPath a:link,
#corporate #topicPath a:visited { color:#FFFFFF; text-decoration:none;}




/* [Elements]===============================================*/

/* Font-Size by YUI ver2.6 2008-09-23
------------------------------------------------------------*/
/* ----- fs18 ----- */
.fs18,
h2
{font-size:138.5%;}


/* ----- fs16 ----- */
.fs16,
h3
{font-size:123.1%;}

/* ----- fs14 ----- */
.fs14,
h4
{font-size:108%;}

/* ----- fs13 ----- */
.fs13 {font-size:100%;}

/* ----- fs12 ----- */
.fs12,
h5,
h6,
.pagetop, /*p,*/
.nav li
{font-size:93%;}

/* ----- fs11 ----- */
.fs11 {font-size:85%;}

/* ----- fs10 ----- */
.fs10,
.copyright,
.topicPath li
{font-size:77%;}




/* Paragraph
------------------------------------------------------------*/
p {}

/* ----- cap ----- */
.cap { margin:2px 0 0 0; padding-left:1em; text-indent:-1em; }

/* ----- copyright ----- */
.copyright { clear:both;}



/* Link
------------------------------------------------------------*/
/* ----- a ----- */
a:link { color:#0066FF; }
a:visited { color:#CC00CC; }
a:hover { color:#FF0066; }
a:active { color:#FF0066; }

/* ----- .pdf ----- */
/* ----- .link ----- */
a.link { background:url(/shared/img/icon_link_red.gif) no-repeat left center; padding-left:12px; text-decoration:none; color:#19308B; font-size:93%; margin-left:12px; }
a.link:visited { color:#19308B; }
a.link:hover { color:#5D6DAC; }


/* List
------------------------------------------------------------*/
/* ----- ul.disc ----- */
ul.disc li { margin:0 0 0 20px; list-style-type:disc;}

ul.category { margin-bottom:24px; margin-left:6px; white-space: nowrap; }
ul.category li { float:left; margin-right:15px; }
ul.category li a:link,
ul.category li a:visited { padding-left:10px; background:url(/shared/img/icon_link_down.gif) no-repeat left center; color:#333333; text-decoration:none; }
ul.category li a:hover { color:#5D6DAC; }

ul.link { margin-bottom:10px; margin-left:6px; }
ul.link li { float:left; margin-right:15px; }
ul.link li a:link,
ul.link li a:visited { padding-left:10px; background:url(/shared/img/icon_link.gif) no-repeat left center; color:#19308B; text-decoration:none; }
ul.link li a:hover { color:#5D6DAC; }

/* ----- ol.decimal ----- */
ol.decimal li { margin:0 0 0 20px; list-style-type:decimal;}




/* Table
------------------------------------------------------------*/
/* ----- table.base ----- */
table.base { width:100%;}
table.base tr {}
table.base th { padding:5px; font-weight:bold; border-right:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; background-color:#5E6FAE;  color:#FFFFFF; }
table.base td { padding:5px; border-right:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; background-color:#F4EBD7; }
table.base .top { border-top:1px solid #666666;}
table.base .first { border-left:1px solid #666666;}



/* Others
------------------------------------------------------------*/
/* ----- pagetop ----- */
.pagetop { text-align:right; margin-right:4px; margin-bottom:25px; }
.pagetop.last { margin-bottom:32px; }

.section .pagetop { text-align:right; margin-right:4px; margin-bottom:10px; margin-top:-10px; /margin-top:-25px; }

.border { border:solid 1px #B1B8C1; }

/* [Page Setting]===========================================*/

/* Index
------------------------------------------------------------*/


/* フッターサイトマップ
------------------------------------------------------------*/
#footer-area table { border-collapse:collapse; border-spacing:0; font-size:100%; }
#footer-area td { margin:0;padding:0; }
#footer-area { font-size: 13px; *font-size: small; /* IE7+ */ *font: x-small; /* IE6- */ font-family:"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; }
#footer-area a.link { background:url(/shared/img/icon_link.gif) no-repeat left center; padding-left:8px; text-decoration:none; color:#19308B; font-size:93%; }
#footer-area a.link:visited { color:#19308B; }
#footer-area a.link:hover { color:#5D6DAC; }
#footer-area .pagetop { text-align:right; margin-right:4px; margin-bottom:25px; }

#footer-renew .nav.utility li { float:left; padding:0 10px; border-left:1px solid #999999; line-height:1.0;}
#footer-renew .nav.utility li.last { border-right:1px solid #999999;}
#footer-renew {padding-bottom:7px; }
#footer-innr { width:950px; margin:0 auto; text-align:center; position:relative;  }
#footer-innr div.footer-utility { padding-bottom:10px; border-bottom:dotted 1px #AEAEAE; margin-bottom:4px; }
#footer-innr ul.utility01 { float:left; margin-left:10px; line-height:1.2; }
#footer-innr ul.utility02 { float:right; line-height:1.2; }
#footer-innr ul.utility01 li,
#footer-innr ul.utility02 li { float:left; margin-right:10px; font-size:85%;  }

div#footer-sitemap { width:954px; margin:0 auto;margin-left:4px; margin-bottom:10px; }
div#footer-sitemap div.sitemap { float:left; width:686px; border:solid 1px #E9D5BB; background:#FFF8EB url(/shared/img/bg_footer_sitemap.gif) repeat-y left top; padding:18px 0 0 0; }
div#footer-sitemap div.sitemap table { margin-left:18px; }

div#footer-sitemap div.sitemap p { margin-bottom:5px; }
div#footer-sitemap div.sitemap ul { margin-bottom:28px; }
div#footer-sitemap div.sitemap table td { vertical-align:top; }
div#footer-sitemap div.sitemap #column01 { width:190px; padding-right:37px; }
div#footer-sitemap div.sitemap #column02 { width:190px; padding-right:37px; }
div#footer-sitemap div.sitemap #column03 { width:190px; }

div#footer-sitemap div.bnr { float:right; width:248px; }
div#footer-sitemap ul li { line-height:1.4; }
div#footer-sitemap ul a { color:#736357; font-size:85%; }

div#footer-sitemap div.bnr div#kanren { width:208px; padding:11px 15px 11px 13px; margin:0 4px 10px 5px; border:solid 1px #B1B1B1; background-color: #F0F0F0; }
div#footer-sitemap div.bnr div#kanren p { margin-bottom:5px; }
div#footer-sitemap div#kanren ul a { color:#4D4D4D; font-size:85%; }

div#footer-sitemap #sitemap-left { float:left; }
div#footer-sitemap #sitemap-center { float:left; }
div#footer-sitemap #sitemap-right { float:right; }

.copyright { float:left; margin-left:10px; }
.foot { float:right; margin-right:10px; }


/* 中ページテンプレート
------------------------------------------------------------*/
div#details #header { padding-bottom:4px; background:url(../img/nav-dropshadow.gif) no-repeat left bottom;  }
div#details #wrap { width:958px; padding-top:28px;background:url(/shared/img/bg_content_details.gif) no-repeat left top; margin-top:-4px;}

#wrap { width:958px; padding-top:-10px;background:url(/shared/img/bg_content_details.gif) no-repeat left -4px; margin-top:-4px;}

body.pane1 div#details h1 { margin-bottom:5px;margin-left:23px; }



/* div#details div#flashcontent-head { margin-bottom:5px; margin-left:19px; background:url(/products/cmn/img/bg_flash.jpg) no-repeat left top; width:920px; height:222px; position:relative;} */
div#details div#flashcontent-head ul#pro-bnr {  width:910px; height:140px; overflow:hidden; position:absolute; top:4px; left:5px; }
div#details div#flashcontent-head ul#pro-bnr-small { position:absolute; top:154px; left:17px; }
div#details div#flashcontent-head ul#pro-bnr-small li { float:left; margin-right:11px; }

div#details h2 { font-size:116%; font-weight:bold;  line-height:1.5; margin:0 5px 16px 5px; padding-bottom:2px; border-bottom:solid 1px #5E6FAE; /*background:url(../../img/icon_h2.gif) no-repeat left top;*/ }
div#details h2 a:link,
div#details h2 a:visited { color:#19308B; padding-left:10px; text-decoration:none; background:url(/shared/img/icon_link.gif) no-repeat left center; /background:url(/shared/img/icon_link.gif) no-repeat left 5px; }
div#details h2 a:hover { color:#5D6DAC; }
div#details p { margin-bottom:10px; }
div#details p.name { font-size:108%; font-weight:bold; color:#19308B; margin-bottom:10px; }

/* 商品ブロック */
div#details ul.products-items { margin-left:2px;vertical-align:top; margin-bottom:10px;}
div#details ul.products-items li { float:left; margin-left:26px;padding-bottom:15px; background:url(/shared/img/bg_dot.gif) repeat-x bottom left; }


div#details ul.products-items li.first { margin-left:4px; }

div#details div.item-box { width:282px; vertical-align:top; margin-left:4px; _margin-left:0;}
div#details div.item-box .pic { float:left; width:90px; padding:4px; background:url(/products/img/bg_db_pic.gif) no-repeat left top; margin-left:-8px; _margin-left:0; }
div#details div.item-box .pic p { font-size:80%; font-style:normal; color:#d00; line-height:120%; margin-top:5px; }
div#details div.item-box .detail { float:right; width:176px; margin-top:6px; }
div#details div.item-box .detail p { margin-bottom:15px; line-height:1.1; }
div#details div.item-box .detail p.brand { margin-bottom:0; line-height:1.1; }

div#details div.item-box .detail li { float:none; margin:0; line-height:1.1;padding:0; background:none; }




div#details table.products-items { margin-left:2px;vertical-align:top; margin-bottom:10px; width:912px; margin-bottom:30px; margin-left:5px; }
div#details table.products-items td { margin-right:36px;padding-bottom:15px; background:url(/products/cmn/img/bg_pro_td.gif) no-repeat 2px bottom; vertical-align:top; width:284px; padding-left:4px; }
div#details table.products-items td.last { margin-right:0; }
div#details table.products-items td.no { background:none; }
div#details div.item-box .detail li {  line-height:1.6; letter-spacing:.1em; }
div#details div.item-box .detail p.name {  margin-bottom:0; text-align:center; }

.kokuchi { margin-left:5px; margin-bottom:10px; }
/*EOF*/