@charset "utf-8";
/* CSS Document */



div#side{
	width: 200px;
}

/*===================================
 inner
 div#inner
===================================*/

div#inner{
	display: block;
	width: 730px;
	float:right;
}

/* lineup_product */
div.lineup_read{
	padding-bottom: 25px; }
div.lineup_read p{
	color:#000;
	font-size:33px;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 10px;
}
div.lineup_read p span{
	display:block;
	color:#4c4c4c;
	font-size: 13px;
	line-height: 1.4em;
}

section.lineupList{
	width: 737px;
	margin-right: -7px;
    overflow: hidden;
    _zoom: 1;;
	padding-bottom: 20px;
}
section.lineupList .lineupBtn{
	display: block;
	float: left;
	background: url(../img/products/bt_lineup-v3.jpg) no-repeat left top;
	width: 361px;
	height: 350px;
	margin-right: 7px;
	text-decoration: none !important;
	border-bottom: 0 none !important;
	position: relative;
}
section.lineupList .lineupBtn img{
	float: left;
}
section.lineupList .lineupBtn p.t01,
section.lineupList .lineupBtn p.t02,
section.lineupList .lineupBtn p.t03{ line-height: 1.1em;}

section.lineupList .lineupBtn p.t01{
	color:#000;
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
}
section.lineupList .lineupBtn p.t01 img{
	position: absolute;
	right:10px;
	top:67px;
}
section.lineupList .lineupBtn p.t02{
	color:#B61A26;
	font-size: 25px;
	font-weight: bold;
}
section.lineupList .lineupBtn p.t03{
	margin-top: 5px;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

section.lineupList .lineupBtn p.t04{
	color: #666;
	font-size: 14px;
	margin-right: 15px;
	/* text-indent: -7px; */
}
section.lineupList .lineupBtn p.t05{
	color: #666;
	font-size: 16px;
	margin-left: 30px;
	font-weight: bold;
	clear: both;
	/* text-indent: -7px; */
}
section.lineupList .lineupBtn p.t06{
	color: #666;
	font-size: 12px;
	margin-left: 30px;
	/* text-indent: -7px; */
}
section.lineupList .lineupBtn p.ico_ueye{
	/* position:absolute;
	top:20px;
	left:10px; */
	margin: 20px 0 8px 0;
	width: 200px;
	float: left;
}


section.lineupList2{
	width: 737px;
	margin-right: -7px;
    overflow: hidden;
    _zoom: 1;;
	padding-bottom: 20px;
}
section.lineupList2 a{
	display: block;
	float: left;
	background: url(../img/products/bt_lineup-v2.jpg) no-repeat left top;
	width: 361px;
	height: 212px;
	margin-right: 7px;
	text-decoration: none !important;
	border-bottom: 0 none !important;
	position: relative;
}
section.lineupList2 a img{
	float: left;
}
section.lineupList2 a p.t01,
section.lineupList2 a p.t02,
section.lineupList2 a p.t03{ line-height: 1.1em;}

section.lineupList2 a p.t01{
	color:#000;
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
}
section.lineupList2 a p.t01 img{
	position: absolute;
	right:10px;
	top:40px;
}
section.lineupList2 a p.t02{
	color:#B61A26;
	font-size: 25px;
	font-weight: bold;
}
section.lineupList2 a p.t03{
	margin-top: 5px;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

section.lineupList2 a p.t04{
	color: #666;
	font-size: 14px;
	margin-right: 15px;
	/* text-indent: -7px; */
}
section.lineupList2 .a p.ico_ueye{
	position:absolute;
	top:20px;
	left:10px;
}

/**/
section.acceList{
	width: 730px;
    overflow: hidden;
    _zoom: 1;;
	padding-bottom: 20px;
}

section.acceList a{
	display: block;
	width: 243px;
	height: 91px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
	float: left;
	text-decoration: none;
	position:relative;
}
section.acceList a p{
	font-size: 15px;
	font-weight: bold;
	line-height:1.2em;
	color:#000;
	position:absolute;
	left: 127px;
	top: 5px;
	white-space: nowrap !important;
	}
section.acceList a span{
	display: block;
	font-size:12px;
	font-weight: bold;
	color:#B61A26;
	line-height: 1.0em;
	position:absolute;
	left: 127px;
	bottom: 15px;
	}
section.acceList a:hover span{ text-decoration: underline !important;}

/* accessory /////*/

div.accessory dl{
	width: 730px;
	padding-bottom: 15px;
	display: block;
}
div.accessory dl+dl{
	border-top: #B61B27 1px solid;
	padding-top: 20px;
}
div.accessory dl img{
	float: left;
	margin-right: 15px;
}
div.accessory dl dt{
	font-size: 16px;
	color: #B61A26;
	font-weight: bold;
	line-height: 1.1em;
	padding-bottom: 10px;
	width: 500px;
	float: left;
}
div.accessory dl dd{
	line-height: 1.3em;
	font-size: 13px;
	float: left;
	width: 500px;
}
div.accessory dl dd.w730{
	line-height: 1.3em;
	font-size: 13px;
	float: left;
	width: 730px;
}
div.accessory dl a{
	color:#4c4c4c;
}
/*div.accessory dl a{
	display: block;
	background: url(../../products/usb2/accessory/img/bt.jpg);
	width: 165px !important;
	height: 33px;
	margin-left: 560px;
	margin-top: -20px;
}
div.accessory dl a span{ display: none; }*/

/* lineup_detail /////*/
.pro_detail{
	width: 730px;
}
.pro_detail .s_ttl{
	font-size: 16px;
	font-weight: bold;
}
.pro_detail .copy{
	width: 430px;!imporatnt;
	float: left;
	margin-right: 10px;
	display:block;
	color:#4c4c4c;
	font-size: 13px;
	line-height: 1.4em;
}
/* read ///////////*/
.pro_detail section{
	width: 280px;
!imporatnt;
	float: right;
}
.pro_detail section h2{
	float: left;
}
.pro_detail section ul{
	color: #B31326;
	float: right;
	width: 280px;
	font-weight: bold;
}
.pro_detail section ul li{
	display: block;
	border-left: 4px solid #B31326;
	padding-left: 0.4em;
	font-size: 13px;
	line-height: 1.1em;
	}
.pro_detail section ul li+li{
	margin-top: 4px;
}

/**/
section.TAB{
	display:block;
	clear:both;
	width: 100%;
	height: 33px;
	padding-top: 20px;
	background: url(../img/products/tab_bg.jpg) repeat-x bottom;
	margin-bottom:30px;
}

section.TAB a{
	float: left;
	display: block;
	background: url(../img/products/tab.jpg) no-repeat;
	width: 170px;
	height: 28px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color:#000;
	text-decoration: none;
	margin-left: 17px;
	line-height:1.0em;
	padding-top: 9px;
}
section.TAB a+a{
	margin-left: 7px;
}
section.TAB a.on{
	background: url(../img/products/tab_o.jpg) no-repeat;
}
section.TAB a.on,
section.TAB a:hover{
	color:#B31326 !important;
}

#inner h3{
	display: block;
	width: 100%;
	height: 35px;
	padding-top:9px;
	line-height: 1.0em;
	background: url(../img/products/h3.jpg) no-repeat top;
	color:#FFF;
	font-size: 14px;
	font-weight: bold;
	text-indent: 1.3em;
}

p.listName{
	font-size: 14px;
	color:#B31326;
	font-weight: bold;
	padding-top: 15px;
}
table.lineUp{
	width: 100%;
	border-top: #DCDCDC 1px solid;
	border-left: #DCDCDC 1px solid;
	border-bottom: #DCDCDC 1px solid;
}
table.lineUp tr th,
table.lineUp tr td{
	font-size: 11px;
	font-weight: normal;
	color:#4C4C4C;
	vertical-align: middle;
	text-align:center;
	line-height: 1.2em;
	padding: 3px
}
table.lineUp tr th{ background: #E6E6E6;}
table.lineUp tr td a{ color:#B31326; }
table.lineUp tr td a:hover{ color:#D8182C; }

table.lineUp tr td a:hover{
	text-decoration: none;
}
table.lineUp td{
	border-top: #DCDCDC 1px solid;
}
table.lineUp tr th,
table.lineUp tr td,
table.lineUp tr td.line{
	border-right: #DCDCDC 1px solid;
}
table.lineUp tr th.line{
	border-bottom: #DCDCDC 1px solid;
}


p.naviList{
	background: url(../img/products/pro_bg.jpg) no-repeat left top;
	 width: 730px;
	 height: 40px;
	 padding-top: 13px;
}
p.naviList a{
	font-weight: bold;
	color:#B31326;
	display: block;
	margin-left: 18px;
	font-size: 13px;
	line-height: 1.0em;
	float: left;
}
p.naviList a+a{ margin-left: 45px; }

p.naviList a:hover{
	text-decoration: none;
	color:#D8182C;
}

/*===================================
 contactUs body#CONTACT
===================================*/

body#CONTACT #inner h2{
	display: block;
	width: 100%;
	height: 25px;
	padding-top:4px;
	line-height: 1.0em;
	background: url(../../contactus/img/h2.jpg) no-repeat top;
	color:#B61926;
	font-size: 18px;
	font-weight: bold;
	text-indent: 1.0em;
	margin-bottom: 10px;
}

body#CONTACT #inner h3{
	margin: 20px 0 5px 0;
	display: block;
	width: 100%;
	height: 27px;
	padding-top:13px;
	line-height: 1.0em;
	background: url(../../contactus/img/h3.jpg) no-repeat top;
	color:#B61926;
	font-size: 14px;
	font-weight: bold;
	text-indent: 1.0em;
}

body#CONTACT table{
	color:#4C4C4C;
	width: auto;
	font-size: 13px !important;
}
body#CONTACT table th{
	width: 200px;
	background: #EEE;
	vertical-align: middle;
	text-align: left;
	border-right: solid 5px #FFF;
	border-bottom: solid 5px #FFF;
	padding: 10px;
}
body#CONTACT table th span{
	color:#B61926;
}
body#CONTACT table td{
	padding: 10px 0;
	background:#FFF;
	border-bottom: solid 5px #FFF;
}
/* form */
div.mfp_err {
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 5px 0px;
	color: #FF0000;
	font-size: 14px;
	line-height: normal;
	display: none;
}
/* coution */
section.coution{
	width:700px;
	padding: 8px 14px;
	border: 1px solid #BBB;
	color:#4C4C4C;
	font-size: 11px;
	line-height: 1.2em;
	margin-top: 25px;
}
section.coution a{ color:#B61926; }
section.coution a:hover{
	color:#FFF;
	background: #B61926;
	}
.cat_link{
	text-decoration: none;
	color: #B31326;
	float: right;
	font-size: 12px;
	height: 29px;
	line-height: 29px;
}
.catalog{
	float: right;
	height: 29px;
	width: 139px;
}
.hdr{
	width: 730px;
!imporatnt;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
}
.hdr .hdr_title {
	color: #B31326;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
.hdr .copy{
	width: 640px;
!imporatnt;
	float: left;
	color: #4c4c4c;
	font-size: 13px;
	line-height: 1.4em;
}
.hdr .m_title{
	width: 640px;
!imporatnt;
	float: left;
	display: block;
	color: #4c4c4c;
	font-size: 16px;
	line-height: 1.4em;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B31326;
}
#inner h2.lineup{
	display: block;
	width: 100%;
	height: 25px;
	padding-top:4px;
	line-height: 1.0em;
	background: url(../../contactus/img/h2.jpg) no-repeat top;
	color:#B61926;
	font-size: 18px;
	font-weight: bold;
	text-indent: 1.0em;
	margin-bottom: 10px;
}
/*===================================
 side
 productList => div#side nav
 otherLink => div#side div.othrLink
===================================*/

div#side nav,
div#side div.othrLink{
	background: url(../img/products/snv_bg.jpg) repeat-y;
	font-weight: bold;
	margin-bottom: 15px;
}
div#side div.othrLink2{
	background: url(../img/products/snv_bg.jpg) repeat-y;
	margin-bottom: 15px;
}
div#side div.othrLink3{
	background: url(../img/products/snv_bg.jpg) repeat-y;
	margin-bottom: 15px;
}
div#side nav section,
div#side div.othrLink dl,
div#side div.othrLink2 section{
	width: 200px;
	padding: 15px 0;
	background: url(../img/products/snv_top.jpg) no-repeat top;
	border-bottom: 1px solid #E3E3E3;
}
div#side div.othrLink3 section{
	width: 200px;
	padding: 13px 0;
	background: url(../img/products/snv_top.jpg) no-repeat top;
	border-bottom: 1px solid #E3E3E3;
}
div#side nav section a,
div#side div.othrLink dl dt,
div#side div.othrLink dl dd a{
	display: block;
	margin-left:17px;
	line-height: 1.2em;
}
div#side nav section a+a,
div#side div.othrLink dl dd a+a{
	margin-top: 15px;
}

/* productList */
div#side nav p{
	background: url(../img/products/snv_title.jpg) ;
	width: 200px;
	height: 22px;
	text-align: center;
	color:#FFF;
	font-size: 14px;
	line-height: 1.0em;
	padding-top: 8px;
}
div#side nav section a span{
	display: inline !important;
	font-size: 14px;
	color:#B31326;
	text-decoration: underline;
}
div#side nav section a,div#side nav a:hover{
	font-size: 12px;
	color:#000;
	text-decoration: none !important;
}
div#side nav section a:hover span{
	text-decoration: none;
}

/* otherLink */
div#side div.othrLink dl dt{
	display: inline !important;
	font-size: 14px;
	color:#B31326;
}
div#side div.othrLink dl dd a{
	display: block;
	background: url(../img/products/snv_arrow.jpg) no-repeat left;
	text-indent: 11px;
	font-size: 12px;
	line-height: 1.0em;
	color:#000;
	text-decoration: none;
	margin-top: 3px;
}
div#side div.othrLink dl dd a:hover{
	color:#B31326;
}
/* contact /////////////////////////*/
div#side div.othrLink2 section div{
	padding-left: 17px;
	font-size: 11px !important;
	color:#535353;
	line-height: 1.6em;
}
div#side div.othrLink3 section div{
	padding-left: 17px;
	font-size: 11px !important;
	color:#535353;
	line-height: 1.3em;
}
div#side div.othrLink2 section p span{
	color:#B61A26;
	font-weight: bold;
	font-size: 18px;
}
div#side div.othrLink3 section p span{
	color:#B61A26;
	font-weight: bold;
	font-size: 18px;
}

/* guide /////////////////////////*/

body#GUIDE #inner h2{
	display: block;
	width: 100%;
	height: 25px;
	padding-top:4px;
	line-height: 1.0em;
	background: url(../../contactus/img/h2.jpg) no-repeat top;
	color:#B61926;
	font-size: 18px;
	font-weight: bold;
	text-indent: 1.0em;
	margin-bottom: 10px;
}

body#GUIDE #inner h3{
	margin: 20px 0 5px 0;
	display: block;
	width: 100%;
	height: 27px;
	padding-top:13px;
	line-height: 1.0em;
	background: url(../../contactus/img/h3.jpg) no-repeat top;
	color:#B61926;
	font-size: 14px;
	font-weight: bold;
	text-indent: 1.0em;
}


table.guide{
	width: 100%;
	border-top: #DCDCDC 1px solid;
	border-left: #DCDCDC 1px solid;
	border-bottom: #DCDCDC 1px solid;
}
table.guide tr th,
table.guide tr td{
	font-size: 11px;
	font-weight: normal;
	color:#4C4C4C;
	vertical-align: middle;
	text-align:center;
	line-height: 1.2em;
	padding: 3px
}
table.guide tr th.top{ background: #E6E6E6; color:#4C4C4C; font-size: 11px; font-weight: normal;}
table.guide tr th{
	background: #FFF1F0;
	color: #B61B27;
	border-top: #DCDCDC 1px solid;
	font-weight: bold;
	font-size: 13px;
}
	
table.guide tr th span{
	color: #4C4C4C;
	font-size: 11px;
	line-height: 1em;
	font-weight: normal;
}
table.guide tr td a{ color:#B31326; }
table.guide tr td a:hover{ color:#D8182C; }

table.guide tr td a:hover{
	text-decoration: none;
}
table.guide td{
	border-top: #DCDCDC 1px solid;
}
table.guide tr th,
table.guide tr td,
table.guide tr td.line{
	border-right: #DCDCDC 1px solid;
}
table.guide .bline{
	border-left: #DCDCDC 2px solid;
}
.softlink {
	text-align: center;
	width: 730px;
}


/* movie_area /////////////////////////*/

.movie_area {
	float: left;
	clear: left;
	width: 730px;
}

.movie_area dl{
	margin-bottom: 15px;
	width: 450px;
	margin-right: 10px;
	float: left;
}
.movie_area dl a{
	display: block;
}

.movie_area dt{
	width: 450px;
}

.movie_area dd{
	font-size: 12px;
	text-align: left;
	width: 450px;
	margin-top: 5px;
}

/* lineup追加 /////////////////////////*/
.t-btn a,.t1-btn a,.t2-btn a{ background-color: #a5a5a5; color: white; position: relative; padding-left: 10px; padding-bottom: 3px; padding-right: 5px; padding-top: 3px; text-decoration: none; border-color: #bfbfbf; border-width: 1px; border-style: solid; width: 130px; display:flex; border-radius:5px;}
.t3-btn a{ background-color: #a5a5a5; color: white; position: relative; padding-left: 10px; padding-bottom: 3px; padding-right: 5px; padding-top: 3px; text-decoration: none; border-color: #bfbfbf; border-width: 1px; border-style: solid; width: 300px; display:flex; border-radius:5px;}
.t-btn a{bottom: 20px; right: 15px; position: absolute;}
.t1-btn a{bottom: 20px; right: 170px; position: absolute;}
.t2-btn a{bottom: 20px; right: 15px; position: absolute;}
.t3-btn a{margin:10px 0;}
.t-btn img,.t1-btn img,.t2-btn img,.t3-btn img{ right: 5px; top: 4px; position: absolute; }