a { text-decoration:none; }
a:link { color : #08C; }
a:visited { color : #666; }
a:hover { text-decoration: underline; }
body { font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif; margin-bottom:14px; line-height:1.4em; font-size:9pt}



.SpryHiddenRegion { visibility: hidden; }
.cap { font-size: 8pt; padding: 0.5em; margin: 0.5em; line-height: 14px; }
.capBig { font-size: 12pt; padding: 0.25em; margin: 0.25em; line-height: 1.4em; }
.copyright {font-family:'verdana'; padding: 2px; margin: 2px; }

/*Focal共通　Footer*/
html:first-child #footer{ color:#666; font-size:10px; line-height:1.4em;}
html>/**/body #footer{ color:#666; font-size:1いm0px; line-height:1.4em;}
* html #footer{ color:#666; font-size:xx-small; line-height:1.4em;}
*:first-child+html #footer{ color:#666; font-size:xx-small; line-height:1.4em;}

html:first-child #copyright{ background-color:#EEE; color:#666; font-size:11px;}
html>/**/body #copyright{ background-color:#EEE; color:#666; font-size:11px;}
* html #copyright{ background-color:#EEE; color:#666; font-size:11px;}
*:first-child+html #copyright{ background-color:#EEE; color:#666; font-size:xx-small;}

/*Focal Index*/
.TopNewsIndex { font-size:8pt; line-height:1.6em; padding-left: 0.1em; margin: 0.1em; width:756px;}

#portfolio { height:350px; overflow:hidden;}
#portfolio li {list-style:none;}

/*TEXT共通*/
.txtSize11 { font-size: 8pt; line-height: 1.5em; }
.txtSize12 { font-size: 9pt; line-height: 1.5em; }
.txtSize12B { font-size: 9pt; line-height: 1.5em; font-weight:bold; }
.txtSize12w640 { font-size: 9pt; line-height: 1.6em; margin: 0.5em; padding: 0.1em 1em 0.75em 3em; }
.txtSmall { font-size:x-small; line-height: 1.5em; }
.txtWhite { color:#FFF; }
.txtGray { color:#666; }


/*Caption*/
div#capEng { padding:2px 0px 2px 1em; font-family:Geneva, sans-serif; font-size:10pt; }
div#capB12 { padding-left:1em; font-size:9pt; font-weight:bold; }
div#cap12 { padding-left:1em; font-size:9pt; }

/*テキスト余白（必要に応じて追加）*/
td#TDspaceL { padding-left:6px; }
td#TDspaceLRTB { padding:2px 4px; }
p#PspaceLRTB { padding:2px 4px; }
div#DIVspaceLRTB { padding:2px 4px; }

/*リスト*/
div#nomarker { list-style-type:none; list-style-position:outside; padding-left:0.5em; font-size:12px; line-height:0px; }
ol,ul#portfolio {list-style:none; margin:0;padding:0; margin-left:5px; }
li img { border:0px;}

/*Product_detail*/
p#txt10 { font-size: 8pt; margin: 0.5em; padding: 0.3em; line-height: 1.5em; }
p#txt12 { font-size: 9pt; margin: 0.5em; padding: 0.3em; line-height: 1.5em; }
p#txt14 { font-size: 10pt; margin: 0.5em; padding: 0.3em; line-height: 1.5em; }
p#txt16 { font-size: 11pt; margin: 0.5em; padding: 0.3em; line-height: 1.5em; }
p#txt12B { font-size: 9pt; font-weight: bolder; line-height: 1.5em; }


/*予備（移行完了後に消去）*/
.productEnglish001 { font-size: 9pt; line-height: 1.5em; margin: 0.5em; padding: 0.25em; }
.productEnglish001w640 { font-size: 9pt; line-height: 1.5em; margin: 0.5em; padding: 0.1em 1em 0.75em 3em; }
.ProductData { font-size: 9pt; vertical-align: 105%; font-style: normal; margin-left: 3px; padding-left: 3px; padding-top: 1px; padding-bottom: 1px; }


/*未処理*/
.ProductText { font-size: 9pt; }
.headersgrayonwhite { font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Osaka, "MS PMincho", serif; font-size: 18px; color: #FFF; background-color: #666; }
.headrscontent { font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", Osaka, "MS PMincho", serif; font-size: 12px; margin: 0.25em; padding: 0.25em; }


/*───────────────────────
カテゴリ検索
───────────────────────*/
#navi {
background:url("/img/category_search.jpg") no-repeat;
width:765px;
height:20px;
margin:0;
padding:0;
}
#navi span {
display: none;
}
#navi li, #navi a {
height:20px;
display:block;
}
#navi li {
float:left;
list-style:none;
display:inline;
}
#navi-01 {
width: 191px;
}
#navi-02 {width: 191px;}
#navi-03 {width: 191px;}
#navi-04 {width: 191px;}
#navi-01 a:hover {background:url("/img/category_search.jpg") 0px -20px no-repeat; }
#navi-02 a:hover {background:url("/img/category_search.jpg") -191px -20px no-repeat; }
#navi-03 a:hover {background:url("/img/category_search.jpg") -382px -20px no-repeat; }
#navi-04 a:hover {background:url("/img/category_search.jpg") -573px -20px no-repeat; }



/* STYLES FOR CROSSFADER */

div.cf_element { width: 765px; height: 350px; background-color: #eee; border:  1px solid #ccc; }
div.cf_element div.content { padding: 10px; }
div.cf_element div.content h3 { padding-top: 0; margin-top: 0; }


/*───────────────────────
	Focal側（非ストア側）の商品詳細ページ用CSS
	対象HTMLファイル：/product/detail.html
───────────────────────*/

.prodName{ font-family:'verdana','Arial','Helvetica'; font-size:20px; margin:4px;}
#BtnBar{ margin:6px auto;}
#warranty{ width:765px; text-align:right; font-size:11px;}
#warranty strong{ font-weight:normal; color:dimgray; }
.hidden{ display:none;}

.DataColumn table{ border:none;background-color:#CCC; margin-bottom:16px;}
.DataColumn td, .DataColumn th{ border:none; background-color:white; padding:10px; font-size:12px; line-height:1.6em;}
.ImgRow td{ background-color:#FFF;}
tr#10txt{ font-size:10px;}




/*───────────────────────
	Focal ナビゲーションメニュー10/24
───────────────────────*/
.example>ul>li#menu01>a:hover{background:url(../img/menu.png) 0px -25px no-repeat; }
.example>ul>li#menu02>a:hover{background:url(../img/menu.png) -109px -25px no-repeat; }
.example>ul>li#menu03>a:hover{background:url(../img/menu.png) -218px -25px no-repeat; }
.example>ul>li#menu04>a:hover{background:url(../img/menu.png) -327px -25px no-repeat; }
.example>ul>li#menu05>a:hover{background:url(../img/menu.png) -436px -25px no-repeat; }
.example>ul>li#menu06>a:hover{background:url(../img/menu.png) -545px -25px no-repeat; }
.example>ul>li#menu07>a:hover{background:url(../img/menu.png) -654px -25px no-repeat; }


/*───────────────────────
FOCALヘッダメニュー
───────────────────────*/


ul#mymenu, ul#mymenu li { font-size:9pt; border:0; margin:0; padding:0; }

/* ----------- NAVIGATION----------- */
#top-navigation { background:url(../img/topnav-bg.gif) repeat-x; width:765px; height:30px; margin:0 auto;}
#navigation { background:url(../img/nav-bg.gif) repeat-x; width:765px; height:24px; margin:0 auto; }
#navigation ul { height:24px; line-height:24px; }
#navigation ul li { display:inline; }
#navigation ul li a,
#navigation ul li a:visited { background:url(../img/line-a.gif) right no-repeat; padding:0 28px; display:block; text-decoration:none; float:left; color:#4261df; font-weight:bold; text-shadow: #FFF 2px 2px 2px; }
#navigation ul li a:hover { color:#1532a5; }

/* ----------- SUBLINKS ----------- */
#sublinks { width:765px; margin:0 auto; background:#888 url(../img/sublink.gif); height:20px; line-height:0;  font-size:10px;}
#sublinks ul { height:24px; line-height:21px;  margin:0;  }
#sublinks ul li { display:inline;}
#sublinks ul li a,  #sublinks ul li a:visited { padding:0 15px; display:block; text-decoration:none; float:left; color:#FFF; }
#sublinks ul li a:hover { text-decoration:underline; }


/* ----------- SUBMENU ----------- */
ul#s2, ul#s3, ul#s4, ul#s5, ul#s6, ul#s7 { display:none;}


/* ------- Menu Background ------- */
ul#MenuBar{ width:765px; height:30px; border:solid 1px #CCC;}
#MenuBar span { display:none; margin:0; padding:0;}

li#MenuBar-01 { background:url("../img/menu.gif") 0px 0px no-repeat;   width: 109px; }
li#MenuBar-01>a:hover { background:url("../img/menu.gif") 0px -30px no-repeat;  width: 109px; }

li#MenuBar-02 { background:url("../img/menu.gif") -109px 0px no-repeat;  width: 109px; }
li#MenuBar-02>a:hover { background:url("../img/menu.gif") -109px -30px no-repeat;  width: 109px; }

li#MenuBar-03 { background:url("../img/menu.gif") -218px 0px no-repeat;  width: 109px; }
li#MenuBar-03>a:hover { background:url("../img/menu.gif") -218px -30px no-repeat;  width: 109px; }

li#MenuBar-04 { background:url("../img/menu.gif") -327px 0px no-repeat; width: 109px;  }
li#MenuBar-04>a:hover { background:url("../img/menu.gif") -327px -30px no-repeat;  width: 109px; }

li#MenuBar-05 { background:url("../img/menu.gif") -435px 0px no-repeat; width: 110px;  }
li#MenuBar-05>a:hover { background:url("../img/menu.gif") -435px -30px no-repeat;  width: 110px; }

li#MenuBar-06 { background:url("../img/menu.gif") -545px 0px no-repeat; width: 110px;  }
li#MenuBar-06>a:hover { background:url("../img/menu.gif") -545px -30px no-repeat;  width: 110px; }

li#MenuBar-07 { background:url("../img/menu.gif") -655px 0px no-repeat; width: 109px;  }
li#MenuBar-07>a:hover { background:url("../img/menu.gif") -655px -30px no-repeat;  width: 109px; }


/* ------- FLOAT ------- */
img#casesubimg { float:left;}
div#product-float { font-size:9pt; color:#333; font-weight:nomal; line-height:1.5em; width:365px; float:left; letter-spacing:0.05em;}