@charset "utf-8";

/* JOSHIN
---------------------------------------------*/

/* INDEX
---------------------------------------------*/

#jnavi {}

/* SELECT NAVI */

#jnavi {margin-bottom: 25px;}

#jnavi li {
	float: left;
	width: 171px;
	text-indent: -9999px;}

#jnavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/:  49px;
	padding-top: 49px;
	background-image: url(../img/index/navi.jpg);}

.jnav01,
.jnav02,
.jnav03 {margin-right: 10px;}

.jnav01 a {background-position: 0 0;}
.jnav02 a {background-position: -171px 0;}
.jnav03 a {background-position: -342px 0;}
.jnav04 a {background-position: -513px 0;}

.jnav01 a:hover {background-position: 0 -49px;}
.jnav02 a:hover {background-position: -171px -49px;}
.jnav03 a:hover {background-position: -342px -49px;}
.jnav04 a:hover {background-position: -513px -49px;}

.jnav01 a.current {background-position: 0 -49px;}
.jnav02 a.current {background-position: -171px -49px;}
.jnav03 a.current {background-position: -342px -49px;}
.jnav04 a.current {background-position: -513px -49px;}

.joshin h3 {margin-bottom: 15px;}

.joshin .att {
	font-size: 12px;
	text-indent: 13px;
	margin-bottom: 15px;}

#joshinselect {margin-bottom: 40px;}


/* ACCORDION */

.jmenu .jttl span {
	position: relative;
	width: 713px;
	height: 60px;
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
	background-image: url(../img/index/acdn.jpg);}

.jmenu .jttl span em {display: none;}

#acdn01 span {background-position: 0 0;}
#acdn02 span {background-position: 0 -60px;}
#acdn03 span {background-position: 0 -120px;}
#acdn04 span {background-position: 0 -180px;}
#acdn05 span {background-position: 0 -240px;}

#acdn01 a:hover {background-position: -713px 0;}
#acdn02 a:hover {background-position: -713px -60px;}
#acdn03 a:hover {background-position: -713px -120px;}
#acdn04 a:hover {background-position: -713px -180px;}
#acdn05 a:hover {background-position: -713px -240px;}

#acdn01.active {background-position: -1426px 0;}
#acdn02.active {background-position: -1426px -60px;}
#acdn03.active {background-position: -1426px -120px;}
#acdn04.active {background-position: -1426px -180px;}
#acdn05.active {background-position: -1426px -240px;}

.statusicon {
	position: absolute;
	left: 69px; top: 23px;
	text-indent: 0;}

.acdn {
	padding-top: 25px;
	padding-bottom: 10px;}

.acdn ul {
	position: relative;
	width: 735px;}

.acdn ul li {
	float: left;
	display: block;
	width: 225px;
	height: 272px;
	margin-right: 19px;
	margin-bottom: 20px;}

/* SUPPORT */

#spnav li {
	float: left;
	width: 352px;
	margin-bottom: 10px;
	text-indent: -9999px;}

#spnav li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/:  81px;
	padding-top: 81px;
	background-image: url(../img/index/support.jpg);}

.spnav01,
.spnav03 {margin-right: 10px;}

.spnav01 a {background-position: 0 0;}
.spnav02 a {background-position: 0 -81px;}
.spnav03 a {background-position: 0 -162px;}
.spnav04 a {background-position: 0 -243px;}

.spnav01 a:hover {background-position: -352px 0;}
.spnav02 a:hover {background-position: -352px -81px;}
.spnav03 a:hover {background-position: -352px -162px;}
.spnav04 a:hover {background-position: -352px -243px;}

/* INDEX_COMMON */

.jumptxt {
	font-weight: bold;
	font-size: 12px;
	color: #8c0000;}

.jumptxt img {vertical-align: middle;}

#selecttbl {
	width: 100%;
	margin-top: 3px;
	border-collapse: collapse;}

#selecttbl th,
#selecttbl td {
	font-size: 11px;
	vertical-align: middle;
	border: 1px solid #fff;}

#selecttbl thead th,
#selecttbl tfoot th {
	color: #fff;
	text-align: center;
	background-color: #fff;}

#selecttbl th.tha,
#selecttbl th.thp,
#selecttbl th.thk {
	padding: 6px 0;}

#selecttbl th.tha {background-color: #1b305b;} 
#selecttbl th.thp {background-color: #165e84;} 
#selecttbl th.thk {background-color: #517ea5;} 

#selecttbl tbody th {
	color: #fff;
	font-weight: normal;
	text-align: right;
	padding: 6px;}

#selecttbl tbody .blue01 {background-color: #e1ecf4;}
#selecttbl tbody .blue02 {background-color: #f7fbfc;}

#selecttbl tbody td {
	width: 72px;
	height: 2.8em;
	text-align: center;
	line-height: 1.2em;
	padding: 6px 0;}

#selecttbl tbody td a {
	display: block;
	color: #000;
	text-decoration: none;}

#selecttbl tbody td a:hover {
	color: #d90000;
	text-decoration: underline;}

#selecttbl tbody td em {font-size: 16px;}
#selecttbl tbody td span {font-size: 11px;}

/* INDEX02 */

.select02 th.prd {
	padding: 10px 0;
background: url(../img/index/bg_th.jpg) center bottom no-repeat;}

.select02 tbody th {background-color: #00661a;}

/* INDEX03 */

.select03 thead th.prd {
	padding: 10px 0;
background: url(../img/index/bg_th.jpg) center bottom no-repeat;}

.select03 tbody th {background-color: #4c6600;}

/* INDEX04 */

.select04 thead th.prd {vertical-align: middle;}

.select04 thead th.prd a {
	display: block;
	width: 100%;
	height: 40px;
	padding-top: 10px;
	background: url(../img/index/bg_th04.jpg) center bottom no-repeat;}

.select04 thead th.prd a:hover {background: url(../img/index/bg_th04_o.jpg) center bottom no-repeat;}
.select04 thead th.prdnone {background: url(../img/index/bg_th.jpg) center bottom no-repeat;}

.select04 tbody th {
	width: 70px;
	background-color: #664c00;}

.att04 {
	margin: 12px 0 0 5px;}

/* DETAIL_COMMON */

#msgbox {
	padding-top: 10px;
	padding-left: 8px;}

#msgbox .msg {
	font-weight: bold;
	font-size: 16px;
	color: #020056;
	margin-bottom: 25px;}

#msgbox p {line-height: 2em;}

#msgbox p span {font-size: 12px;}

#prtxt {
	padding-left: 8px;
	padding-bottom: 20px;}

#prtxt p {line-height: 2em;}
#prtxt p span {font-size: 12px;}

.productimg {
	margin-bottom: 32px;}

.btndownload {
	text-align: center;
	margin: 30px 0 45px 0;}

#merit h3,
#performance h3 {margin-bottom: 32px;}

#merit ul {margin-left: 14px;}

#merit ul li {
	margin-bottom: 1.5em;
	padding-left: 16px;
	padding-right: 10px;
	background: url(../img/icn_merit.gif) left top no-repeat;}

#merit ul li span {
	font-size: 11px;}

#purpose h3 {margin-bottom: 32px;}

#purpose ul li {
	margin-bottom: 1.5em;
	padding-left: 16px;
	padding-right: 10px;
	padding-bottom: 1em;
	line-height: 1.8em;
	border-bottom: 1px solid #ccc;}

#spec h3 {margin-bottom: 25px;}

.spectbl {
	width: 100%;
	border-collapse: collapse;}

.spectbl th,
.spectbl td {
	vertical-align: middle;
	padding: 8px 12px;
	border: 1px solid #fff;}

#spec01 {margin-bottom: 10px;}
#spec02,
#spec03 {margin-bottom: 30px;}

#spec01 th {
	color: #fff;
	font-weight: normal;
	background: url(../img/active/bg_th.jpg) left bottom repeat-x;}

.spectbl th.type {width: 176px;}

#spec02 .ctrl {line-height: 106px;}
#spec02 .ctrl img {float: right;}


.spectbl tbody .blue01 {background-color: #e1ecf4;}
.spectbl tbody .blue02 {background-color: #f7fbfc;}

.spec_att {
	font-size: 12px;
	margin-left: 3px;
	margin-bottom: 15px;}

#related h3 {margin-bottom: 32px;}

#related ul {
	position: relative;
	width: 735px;}

#related li {
	float: left;
	display: block;
	width: 225px;
	height: 272px;
	margin-right: 19px;
	margin-bottom: 20px;}

#performance {
	padding-bottom: 50px;}


/* ACTIVE01 */

/* ACTIVE02 */

/* ACTIVE03 */

/* ACTIVE04 */

#spec03 img {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;}

#spec03 td strong {
	display: block;
	font-size: 12px;
	margin-left: 1px;
	margin-bottom: 10px;}

#spec03 td .grbox {
	width: 390px;
	text-align: center;}

/* ACTIVE05 */

#msgbox .thumb {
	margin-top: 1.5em;
	margin-bottom: 50px;}

#msgbox .thumb .rimg {
	float: right;
	margin-left: 30px;}

#msgbox .thumb .download {
	text-align: right;
	margin-top: 2em;}

.noise {text-align: center;}

.noise li {
	float: left;
	width: 350px;
	height: 340px;
	font-size: 12px;
	text-align: center;}

.noise li img {
	display: block;
	margin: 0 auto 10px auto;}

#purpose img {margin-bottom: 10px;}

.pp05_txt {margin-bottom: 40px;}

/* STAGE FEED FOWORED */

.sff .msg {
	margin-bottom: 30px;
	margin-left: 8px;}

.sff p {
	margin-bottom: 1em;
	margin-left: 8px;}

.sff .graph li {
	float: left;
	display: block;
	width: 344px;
	font-weight: bold;
	margin-bottom: 45px;
	text-align: center;}

.sff .graph .left {margin-right: 16px;}

.sff .graph li img {
	text-align: center;
	margin-bottom: 10px;}

.sff dl {
	text-align: center;
	padding-top: 25px;}

.sff dl dt {margin-bottom: 25px;}

.sff dl dd {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 40px;}

/* HAKEI */

.hakei .msg {
	margin-bottom: 20px;
	margin-left: 8px;}

.hakei p {margin-left: 8px;}

.hakei dl {
	text-align: center;
	padding-top: 25px;}

.hakei dl dt {margin-bottom: 25px;}

.hakei dl dd {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 40px;}

/* PASSIVE_COMMON */

#passivelink ul {
	position: relative;
	width: 735px;
	margin-top: 30px;}

#passivelink li {
	float: left;
	display: block;
	width: 225px;
	height: 221px;
	margin-right: 19px;
	margin-bottom: 16px;}

.productbox {margin-top: 30px;}

.productbox h4 {margin-bottom: 40px;}

.productbox dl {float: left;}

.productbox dl dt,
.productbox dl dd {
	text-align: center;}

.productbox dl dt {margin-bottom: 10px;}

.productbox dl dd {
	font-size: 12px;}

.productbox dl dd.label {margin-bottom: 10px;}

.productbox dl dd.label img {
	margin-bottom: 5px;}

.productbox dl dd.data {
	margin-bottom: 25px;
	font-weight: bold;}

.productbox dl dd img {margin: 0 3px;}

.productbox .txt {
	float: right;
	margin-bottom: 25px;}

.productbox .txt p {
	line-height: 2em;
	margin-bottom: 1em;}

.productbox .txt ul {margin-bottom: 1em;}

.productbox .txt ul li {font-size: 11px;}

/* PASSIVE01 */

.p01 .btndownload {
	position: relative;
	margin-top: 10px;}

.p01 .productbox dl {width: 402px;}
.p01 .productbox .txt {width: 278px;}

.productbox .txt .subimg {
	text-align: center;
	font-size: 12px;}

.productbox .txt .subimg img {
	display: block;
	margin: 5px auto;}


/* PASSIVE02 */

.p02 .productbox dl {width: 370px;}
.p02 .productbox .txt {width: 322px;}

/* PASSIVE03 */

.p03 .productbox dl {width: 370px;}
.p03 .productbox .txt {width: 340px;}

/* SPRING_COMMON */

#secphoto {margin-top: 30px;}

#secphoto li {
	float: left;
	display: block;
	width: 320px;
	font-weight: bold;
	text-align: center;
	margin-right: 24px;}

#secphoto li dt {margin-bottom: 10px;}

/* SPRING01 */

.k01 #msgbox .center {
	margin-top: 40px;
	font-weight: bold;
	font-size: 12px;}

.k01 #msgbox .center img {display: block;}

/* SPRING02 */

/* SPRING03 */

.k03 #msgbox .center {
	margin-top: 40px;
	font-weight: bold;
	font-size: 12px;}

.k03 #msgbox .center img {display: block;}

/* OPTION01 */

.op02 .spectbl {margin-top: 20px;}

#blockphoto {
	text-align: center;
	width: 650px;
	margin: 0 auto;}

#blockphoto li {
	float: left;
	display: block;
	width: 206px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;}

#blockphoto li img {margin-bottom: 5px;}

/* OPTION02 */

/* OPTION03 */

/* OPTION04 */

.sahbox {
	position: relative;
	height: 250px;}

.sahbox dl dt {
	font-size: 12px;
	font-weight: bold;
	text-align: left;}

.sahbox dl dd {
	font-size: 12px;
	text-align: left;
	padding-left: 8px;}

.sahbox span {
	position: absolute;
	right: 0; top: -25px;}

.op04 .btndownload {
	position: relative;
	margin-top: 10px;}

.op04 h5 {
	font-size: 14px;
	font-weight: bold;}

.op04 .spectbl {margin-bottom: 40px;}

.op04 .spectbl td,
.op04 .spectbl th {text-align: center;}

.op04 .spectbl th {
	color: #fff;
	width: 25%;
	font-weight: normal;
	background: url(../img/active/bg_th.jpg) left bottom repeat-x;}

.op04 .att {
	font-size: 12px;
	margin-top: 1.5em;
	margin-bottom: 40px;}

.op04 .productbox .center {margin-bottom: 20px;}

/* OPTION05 */

.op05 #merit {margin-top: 60px;}

.op05 .option {margin-top: 25px;}

/* OPTION06 */

.op06 #performance {margin-top: 60px;}

.op06 .option {margin-top: 25px;}

.op06 img {
	margin-left: auto;
	margin-right: auto;}


/* SUPPORT01 */

.sp01 .productimg {text-align: center;}

/* SUPPORT02 */

.sp02 .productimg {text-align: center;}

/* SUPPORT03 */

.sp03 #msgbox p {margin-bottom: 1em;}

.sp03 #merit {margin-top: 30px;}

/* SUPPORT04 */

.sp04 #msgbox p {margin-bottom: 1em;}

.sp04 #grphoto {
	margin-bottom: 30px;}

.sp04 #grphoto {margin-top: 30px;}

.sp04 #grphoto li {
	float: left;
	display: block;
	width: 351px;
	font-weight: bold;
	text-align: center;}

.sp04 #grphoto li dt {margin-bottom: 10px;}

.sp04 #grphoto li dd {padding-left: 10px;}

/* ST-X */

.stx #msgbox p {
	margin-right: 2em;
	margin-bottom: 1em;}

.stx #eyepoint {margin: 40px 0;}

.stx #eyepoint dl {float: left;}
.stx #eyepoint dl dd {padding: 1.5em 1.5em 0 1em;}

.stx .eye01 {
	width: 310px;
	margin-right: 60px;}

.stx .eye02 {width: 320px;}

.stx .center strong {
	display: block;
	margin-top: 1em;}

/* 20140414 */

h5.clear {margin-bottom: 1em;}

.ptbl {
	width: 100%;
	border-collapse: collapse;}

.ptbl th,
.ptbl td {
	vertical-align: middle;
	padding: 8px 6px;
	border: 1px solid #fff;}

.ptbl th.type,
.ptbl tbody th {padding: 8px 12px;}

.ptbl thead th small {
	display: block;
}

.ptbl thead th small:first-child {
	margin-bottom: 0.5em;}

.ptbl thead th {
	color: #fff;
	font-weight: normal;
	background: url(../img/bg_doubleth.png) left center repeat-x;}

.ptbl th.type {width: 156px;}

.ptbl tbody .blue01 {background-color: #e1ecf4;}
.ptbl tbody .blue02 {background-color: #f7fbfc;}

.ptbl tbody th {background-color: #cae7e1;}
.ptbl tbody td {text-align: center;}

.mt20 {margin-top: 20px;}
.mt50 {margin-top: 50px;}

.patt {margin: 1em 0;}
.att {margin-top: 1em;}

.patt li,
.att {
	font-size: smaller;}

#stxsize {margin-top: 1em;}

#stxsize .left {float:left; width: 68px;}
#stxsize .right {float:right; width: 430px;}

.stxsize {
	width: 100%;
	border-collapse: collapse;}

.stxsize th,
.stxsize td {
	text-align: center;
	padding: 8px;
	border: 1px solid #ccc;}

.stxsize thead th {
	color: #fff;
	background-color: #666;}

.stxsize thead th.type {width: 75px;}

.stxsize tbody th {
	background-color: #eee;}

#stxsizetbl span {
	display: block;
	text-align: right;
	font-size: smaller;}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}