@charset "utf-8";
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    RenewalCSS
	Last Updated: 10/02/18
	Edit: seo
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/******** Base Set *********/
*{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body {
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	line-height: 1.5;
    *font-size:small;
    *font:x-small;
	color: #969696;
} 
table {
    font-size:inherit;
    font:100%;
}
div,h1,h2,h3,h4,h5,h6,p,address,ul,ol,li,dl,dt,dd,form {   
    margin: 0; 
	padding: 0; 
	font-size: 100%;   
} 
img{
	border: 0;
}

a:link{
	color:#969696;
}
a:visited{
	color:#969696;
}
a:hover{
	color:#a8a8a8;
}
a:active{
	color:#a8a8a8;
}
#wapper {
	width: 650px;
	margin: 0 auto; 
}
.clear {
	clear: both;
}
.clearfix:after {   
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;   
} 
*:first-child+html.clearfix {/* IE 7 */
	display: inline-block;  
}
#main {
	width: 650px;
}

/******** Top Page Set *********/
#toprogo {
	width: 170px;
	float:left;
 
}
#contens {
	width: 480px;
	float:right;
	background: url(../img/flm_hk.gif) repeat-y;
 
}
#contens .flashImage {
	overflow: hidden; 
}
#contens ul{
	margin: 0 0 0 30px;
}
#contens li{
	list-style-type:none;
	width:143px;
	height:50px;
	float:left;
	margin: 30px 5px 30px 0;
}
#contens li.menu01{
	background: url(../img/flm_concept02.jpg) no-repeat;
}
#contens li.menu02{
	background: url(../img/flm_technioue02.jpg) no-repeat;
}
#contens li.menu03{
	background: url(../img/flm_lineup02.jpg) no-repeat;
}
#contens li a{
	display:block;
	width:143px;
	height:50px;
}
#contens li a:hover {
	background-color:transparent;
}
#contens li a:hover img{
	visibility:hidden;
}
#contens .caption{
	clear: both;
	margin: 0 0 15px 30px;
	font-size: 110%;
}
.underLine{
	margin-top: 20px;
}

/******** Header Set *********/
#header {
	width:650px;
}
#header #caterogo {
	float: left;
	width: 245px;
	margin-bottom: 15px;
}
#header li{
	list-style-type:none;
	width:130px;
	height:45px;
	float:left;
	margin: 45px 0 0 5px;
}
#header li.navi01{
	background: url(../img/cate_concept02.jpg) no-repeat;
}
#header li.navi02{
	background: url(../img/cate_technioue02.jpg) no-repeat;
}
#header li.navi03{
	background: url(../img/cate_lineup02.jpg) no-repeat;
}
#header li a{
	display:block;
	width:130px;
	height:45px;
}
#header li a:hover {
	background-color:transparent;
}
#header li a:hover img{
	visibility:hidden;
}

/******** Footer Set *********/
#footer {
	padding-top: 15px;
	clear: both;
}
#copy {
	width:640px;
	background-color: #dddddd;
	height: 17px;
	padding: 3px 5px;
}

#footer address{
	font-size: 90%;
	font-style: normal;
	float: right;
}
#footer span{
	float: left;
	display: inline;
	font-size: 90%;
}

#footer a:link{
	text-decoration: none;
}
#footer a:visited{
	text-decoration: none;
}
#footer a:hover{
	text-decoration: none;
}
#footer a:active{
	text-decoration: none;
}

/******** Line UP Page Set *********/
.lineUp {
	font-size: 150%;
	letter-spacing: 0.3em;
	clear: both;
}
.areaBox {
	clear: both;
}
.areaBox .cap {
	font-size: 80%;
	margin-top: 5px;
}
.typeLeft {
	margin-top: 20px;
	float: left;
	width: 305px;
}
.typeRight {
	margin-top: 20px;
	float: right;
	width: 305px;
}
.areaBox a {
    display: block;   
    text-decoration: none;   
    text-indent: -9999px;
	height:25px;
	width: 305px;
}
.type01 a {
	background: url(../lineup/img/s-type01.gif) no-repeat;
}
.type01 a:hover {
	background: url(../lineup/img/s-type02.gif) no-repeat;
}
.type02 a {
	background: url(../lineup/img/sp-type01.gif) no-repeat;
}
.type02 a:hover {
	background: url(../lineup/img/sp-type02.gif) no-repeat;
}
.type03 a {
	background: url(../lineup/img/k-type01.gif) no-repeat;
}
.type03 a:hover {
	background: url(../lineup/img/k-type02.gif) no-repeat;
}
.type04 a {
	background: url(../lineup/img/pk-type01.gif) no-repeat;
}
.type04 a:hover {
	background: url(../lineup/img/pk-type02.gif) no-repeat;
}
.type05 a {
	background: url(../lineup/img/k-accessories01.gif) no-repeat;
}
.type05 a:hover {
	background: url(../lineup/img/k-accessories02.gif) no-repeat;
}
.type06 a {
	background: url(../lineup/img/pk-accessories01.gif) no-repeat;
}
.type06 a:hover {
	background: url(../lineup/img/pk-accessories02.gif) no-repeat;
}
.type07 a {
	background: url(../lineup/img/video01.gif) no-repeat;
}
.type07 a:hover {
	background: url(../lineup/img/video02.gif) no-repeat;
}
.lu .name {
	height: 25px;
	width: 640px;
	margin-top: 20px;
	padding: 0 0 0 10px;
	font-weight: bold;
	font-size: 120%;
	background: url(../lineup/img/cate_hk.gif) no-repeat;
}
.lu .jan {
	color: #000;
	text-align: right;
}
.lu .spec {
	width: 100%;
    border-collapse:collapse;
}
.lu .spec th,td {
	border: 1px solid #4b4b4b;
	padding: 5px;
}
.lu .spec th {
	color: #FFF;
	background-color: #969696;
}

.lu .Image {
	margin: 0 20px;
}
.lu .ImageVideo {
	margin: 0 5px;
}
/******** Concept Page Set *********/
.Iteminfo {
	background: url(../concept/img/image_ph03.jpg) no-repeat;
	height: 255px;
	width: 455px;
	margin-bottom: 15px;
	padding-left: 195px;
	padding-top: 5px;
}
.miTxt {
	margin-bottom: 16px;
	font-size: 80%;
	margin-left: 35px;
	color: #666;
}
/******** Technique Page Set *********/
.tec {
	color: #000;
	line-height: 1.4;
}
.tecImage01 {
	background: url(../technique/img/image_ph02.jpg) no-repeat;
	clear: both;
	height: 703px;
	width: 290px;
	padding: 10px 10px 0 350px;
}
.tecImage02 {
	background: url(../technique/img/image_ph03.jpg) no-repeat;
	clear: both;
	height: 149px;
	width: 305px;
	padding: 95px 345px 0 0;
}
.tecImage03 {
	margin-top: 15px;
}
/******** Technique Page Set *********/
td.itemCap {
	font-size: 85%;
	line-height: 1.3;
}