@charset "utf-8";

/* Reset ---------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
img{vertical-align:top;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:0.3em;}
sub {vertical-align:bottom;}
em{ font-style:italic; }
input,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
p{line-height: 140%;}
body { font-size:14px; /font-size:93%;  background:#fff; line-height:1; color:#555555; font-family:"ＭＳ Ｐゴシック", "MS P Gothic", Osaka, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro',  Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6,address { font-size: 1em; }
.fsXSmall { font-size:10px; /font-size:70%; }
.fsSmall { font-size:12px; /font-size:80%; }
.fsDefault { font-size:14px; /font-size:115%; }
.fsLarge { font-size:16px; /font-size:123.1%; }
a:link { color:#0000FF; text-decoration: underline; }
a:visited { color:#800080; text-decoration: underline;}
a:hover,
a:focus { color:#B91440; text-decoration: underline; }
a:active { color:#B91440; text-decoration: underline; }

/* Class ---------------------------------------------------------------------------------------------- */
/* clearfix */
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ overflow:hidden; }
* html .clearfix{ height:1%; overflow:visible; }
/* setting of float */
.fleft{ float:left; }
.fright{ float:right; }
.hr{ clear: both; font-size: 0px; height:1%;}
.hr hr{ display:none; }
/* setting of reset */
.clearBd{ border: none !important; }
.clearMt{ margin-top: 0px !important; }
.clearMr{ margin-right: 0px !important; }
.clearMl{ margin-left: 0px !important; }
.clearMb{ margin-bottom: 0px !important; }
.clearMg{ margin: 0px !important; }
.clearPd{ padding: 0px !important; }
.clearPb{ padding-bottom: 0px !important; }
/* setting of align */
.txtCenter { text-align:center; }
.txtLeft { text-align:left; }
.txtRight { text-align:right; }
.mgCenter{ margin-left: auto !important; margin-right: auto !important; }
/* setting of margin */
.mt02 { margin-top: 2px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mr02 { margin-right: 2px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mb02 { margin-bottom: 2px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb07 { margin-bottom: 7px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb17 { margin-bottom: 17px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.ml02 { margin-left: 2px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml12 { margin-left: 12px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
/* setting of padding */
.pt02 { padding-top: 2px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt12 { padding-top: 12px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pr02 { padding-right: 2px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr12 { padding-right: 12px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pt45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr80 { padding-right: 80px !important; }
.pb02 { padding-bottom: 2px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pl02 { padding-left: 2px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl12 { padding-left: 12px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl80 { padding-left: 80px !important; }
/* setting of list */
.list01{ margin: 0 1em 0 2em; }
.list01 li{ line-height: 140%; margin-bottom: 0.3em;}
ol.list01 li{ list-style: decimal outside; }
ul.list01 li{ list-style: disc outside; }
/* setting of position */
.posR{ position: relative; }
.posA{ position: absolute; }
/* setting of text */
.burasage{padding-left:1em;text-indent:-1em;}
.burasage2{padding-left:2em;text-indent:-2em;}
/* setting of display */
.dNone{ display: none; }
.dShow{ display: show; }
/* setting of png */
.iepngfix{ behavior: url("common/js/iepngfix/iepngfix.htc"); }

/* layout ---------------------------------------------------------------------------------------------- */
#bread{ margin-bottom: 20px; }
#bread span{ margin: 0 5px; }
#title{ margin-bottom: 20px; float: left; width: 180px; }
#btnTop{ float: right; width: 201px; }
#contents table{border-collapse:collapse;border-spacing:0;}
#sidebar{ float: left; width: 196px; text-align: center; }
#sideTopBtn{ text-align: left; margin-bottom: 8px; }
#mainCont{ float: left; width: 724px; padding-top: 30px; }
.inner{ width:920px; margin: 0 auto; text-align:left; height:1%; }
#visual.inner{ width:926px; margin-bottom: 6px;}
#contents{ background: url(../images/sidebarBg01.gif) no-repeat 0 18px; height: 1%; }
#contents.idx{ background:none; }
#pagetop{ text-align: right; padding-bottom: 10px; }
#attention{ text-align: center; width: 196px; padding-bottom: 25px; }

.productHome #sidebar{ padding-top: 16px; }
.productHome #mainCont{ padding-top: 20px; }
#contents.productHome{ background-position: 0 10px; }

#productZoom{ text-align: center; }

.block01{ margin: 0 10px 40px 30px; }
.block01 h3{ margin-bottom: 25px; }
.block01 h4{ margin-bottom: 20px; }

.hdrStyle01{ border-bottom: 1px solid #426ecd; padding-bottom: 10px; }
.tblStyle01 { width: 684px; }
.tblStyle01 .caption{ text-align: left; background: #6d6d6d; color: #ffffff;  padding: 10px; border: 1px solid #6d6d6d; }
.tblStyle01 th{ background: #f5f5f5; white-space: nowrap; }
.tblStyle01 th,
.tblStyle01 td{ border: 1px solid #cacaca; padding: 7px 8px 5px 8px; line-height: 140%; }
.tblStyle01 td{ text-align: center; }

.tblStyle02 { width: 684px; }
.tblStyle02 .caption{ text-align: left; background: #6d6d6d; color: #ffffff;  padding: 10px; border: none;}
.tblStyle02 th{ background: #f5f5f5; white-space: nowrap; text-align: center; }
.tblStyle02 th,
.tblStyle02 td{ border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; padding: 7px 8px 5px 8px; line-height: 140%; }

/* product ---------------------------------------------------------------------------------------------- */
#productArea01{ float: left; width: 340px; }
#productArea01 li{ display: inline; margin-right: 2px;  }
#productArea02{ float: left; width: 344px; text-align: center; }
#productArea02 ul{ width: 231px; margin: 0 auto; }
#productArea02 li{ float: left; }
#productArea02 li img{ cursor: pointer; }

/* index ---------------------------------------------------------------------------------------------- */
#idxNavi { margin: 0 10px 40px 100px; height:1%; }
#idxNavi ul li{ float: left; position: relative;  width: 264px; height: 306px; }
#idxNavi .btn{ position: absolute; top: 0; left: 0; z-index: 2;}
#idxNavi .pic{ position: absolute; top: 108px; left: 0; z-index: 1;}
#idxNavi .shade{ position: absolute; top: 108px; left: 0; z-index: 0; }
#idxNaviNAC1{ padding-right: 195px;}
#idxPicup{ float: left; width: 674px; border-top: 1px solid #dedede;}
#idxPicup h2{ padding: 10px 0 20px; }
#idxPicup li{ float: left; width: 213px; padding-right: 17px; }
#idxSub{ float: left; width: 181px; padding: 0 15px 0 50px; }

/* ttl_box */
div#ttl_box { width: 920px;	margin: 0 auto 8px;	line-height: 1; }
div#ttl_box #title { float: left;	width: 450px;	margin: 0; padding: 5px 0 0; }
/* share */
ul.share { float: right; width: 450px; margin: 0; padding: 0; list-style: none; }
ul.share li { float: right;	width: auto; vertical-align: baseline;}
ul.share li.fb_share { margin-left: 10px;	width: 25px; line-height: 1.5; }
ul.share li.fb_share a.fs { display: block;	width: 14px; height: 14px; padding: 0; margin: 0; }
/* main_visual */
div.main_visual { clear: both;	width: 920px;	height: 346px; }
/* photo_gallery */
div.main_visual .photo_gallery { width: 920px; }
div.main_visual .photo_gallery p.view { margin: 0; }
/* navi_gallery */
div.main_visual ul.navi_gallery { display: none; }

/* function ---------------------------------------------------------------------------------------------- */
.functionWindow{ width: 811px; margin: 0 auto; padding: 30px 0; }
#function table { border-collapse:collapse;border-spacing:0; line-height: 140%; margin-bottom: 25px; }
#function table th,
#function table td{ padding: 10px 10px 8px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
#function table td{ width: 222px; text-align: center; }
#function table td.bg01{ background: #f5f5f5; }
#function table th em,
#function table th{ font-weight: bold; }
#function table .pic td{ border: none; padding: 0 0 15px 0; }

#ipod table { border-collapse:collapse;border-spacing:0; line-height: 140%; margin-bottom: 25px; width: 811px; }
#ipod table th,
#ipod table td{ padding: 3px 5px 1px; border: 1px solid #dbdbdb; }
#ipod table th{ font-weight: bold; }
#ipod table td{ text-align: center; }
#ipod table .thtop th{ vertical-align: bottom; border: none; padding-bottom: 5px;}
#ipod table td.bg01{ background: #f5f5f5; }
#ipod table td.tdL{ border-left: none; }
#ipod table td.tdR{ border-right: none; }
#ipod table .icon{ border-right: none; border-left: none; width: 35px; padding-left: 0; padding-right: 0; }
#ipod table .name{ border-left: none; text-align: left; white-space: nowrap; width: 180px; font-weight: bold; }
#ipod .tbl02{ width: 100%; margin-bottom: 0; }
#ipod .tbl02 td{ border: none;  }
#ipod .tbl02 td.bdb{ border-bottom:  1px solid #dbdbdb;  }
#ipod .tbl02 td.bdr{ border-right:  1px solid #dbdbdb;  }

/*
#ipod table { border-collapse:collapse;border-spacing:0; line-height: 140%; margin-bottom: 25px; width: 811px; }
#ipod table th,
#ipod table td{ padding: 10px 10px 8px; border-bottom: 1px solid #dbdbdb; }
#ipod table th{ font-weight: bold; }
#ipod table td{ width: 112px; text-align: center; }
#ipod table td.bg01{ background: #f5f5f5; }
#ipod table .thtop th{ border: none; vertical-align: bottom; border-bottom: 1px solid #dbdbdb; }
#ipod .tbl01 th{ border-right: 1px dotted #dbdbdb; }
#ipod table .icon{ border-right: none; width: 35px; padding-left: 0; padding-right: 0; }
#ipod table .bd01{ border-bottom: 1px dotted #dbdbdb !important; }
#ipod table th div{ font-weight: normal; margin-left: 1em; }
*/

#attentionList{ border: 1px solid #cccccc; padding: 20px; }


@media print{
	*html body{ zoom: 0.7; }
	*html .inner{ width: 921px; }
	*:first-child+html .inner{ width: 921px; }
	.pagebr_b{page-break-before: always;}
	.pagebr_a{page-break-after: always;}
}

