﻿@charset "UTF-8";



/*初期設定*/


body {
	color:#000;

	font:normal 100%/100% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic",sans-serif;

	text-align:left;

}

html>body {font-size:16px;}



#height {
	width:550px;

	margin:0 auto;

	padding-bottom:5px;
	text-align:center;

}

#height ul {list-style-type:none;}

#height img {display:block;}

#height a {text-decoration:none;/*\*/overflow:hidden;/**/}

#height a img {border:none;}

#height hr {color:#666;background-color:#666;border-style:none;height:1px;}

/*COVER PAGE MENU*/

#height ul#contents-cm {
	width:350px;

	margin:0 auto;

	padding-bottom:20px;

}



#height #contents-cm li {

	margin-bottom:6px;

}

#height #contents-cm li a {

	display:block;

	width:350px;height:32px;

	background-position:0 0;

	background-repeat:no-repeat;

	font-size:1px;line-height:1px;

	text-indent:-9999px;

}

#height #contents-cm li a:hover {

	background-position:0 -32px;

}

#height #cover-image {

	margin-top:20px;

	text-align:center;

}

#height #cover-image img {

	display:inline;
}

#height #lead {

	text-align:center;
	font-size:120%;line-height:150%;

	color:#333;

	padding:30px 0;

}

#height #lead-2 {

	text-align:justify;

	font-size:120%;line-height:150%;

	color:#333;

	padding:0 37px 10px;
}

#height #lead-2 span {padding-left:2em;}

#height #lead-3 {

	text-align:justify;

	font-size:120%;line-height:150%;

	color:#333;

	padding:30px 50px;

}

#height #in-box p#lead-inbox {

	font-size:110%;line-height:150%;
	color:#333;

	margin-bottom:10px;

}

#height #lead-inbox span {padding-left:2em;}



#height p#lead img {

	display:inline;

}



/*PAGE TOP MENU*/

#height #contents-menu,
#height #contents-menu2 {
	height:24px;

	padding:4px 0 0 0;

	border:solid 1px #999;

	background:#fff;

	border-bottom:none;

}

#height #contents-menu li {

	width:163px;height:24px;

	float:left;

	margin:0 0 0 10px;

}

#height #contents-menu2 li {

	width:119px;height:24px;

	float:left;

	margin:0 0 0 10px;

}

#height #contents-menu ul>li,
#height #contents-menu2 ul>li {/*for Win IE*/
	margin:0 0 0 15px;

}

#height #contents-menu li a {

	display:block;

	width:163px;height:24px;

	background-repeat:no-repeat;

	font-size:1px;line-height:1px;

	text-indent:-9999px;

}

#height #contents-menu2 li a {

	display:block;

	width:119px;height:24px;

	background-repeat:no-repeat;

	font-size:1px;line-height:1px;

	text-indent:-9999px;

}



/*NAVIGATION*/

#height #navigation {

	border-top:solid 1px #999;

	background:#eee;

	text-align:right;

	font-size:65%;line-height:100%;

	padding:4px;

}

#height #navigation a {color:#666;}

#height #navigation a:hover {color:#33f;}



/*BACKGROUND IMAGE*/

#height #bgimage {

	width:750px;

	margin:0;

	padding:20px 0 0 20px;

	text-align:left;

}



/*CONTENTS SPACE & MENU's BACKGROUND IMAGE*/

/*CONTENTS SPACE <RIGHT>*/

#height #contents-box {

	padding:10px 0 0 0;

	border:solid 1px #999;

	background:#fff;

}

#height #in-box {

	text-align:left;

	width:476px;

	margin:0 auto 10px;

}

#height #in-box-left {

	width:230px;

	float:left;

	margin:0 16px 0 0;

}

#height #in-box-right {

	width:230px;

	float:left;

}

#height #in-box-img {

	margin-bottom:4px;

}



/*PAGE TITLE*/

#height h1 {}

#height h2#category {

	margin-bottom:8px;

	}

#height #contents-box h2 {

	text-align:left;

	margin-bottom:10px;

}

#height #image-photo {

	text-align:center;

	margin-bottom:10px;

}

#height #image-photo img {

	display:inline;

	vertical-align:bottom;

	border:solid 1px #999;

}



/*box set*/

#height #in-box h3 {
	border-left:solid 10px #000;

	background:#fff;
	font-size:130%;line-height:150%;

	color:#000;

	padding:0 4px;

	margin:0 0 4px 0;

}

#height #in-box p {

	font-size:110%;line-height:125%;

	color:#333;

	text-align:justify;

	margin-bottom:10px;
}

#height #in-box h4.ptitle {

	font-size:120%;line-height:150%;

	color:#333;

}

#height #in-box img {

	border:solid 1px #999;

}



#height ol.pin, ul.pin, dl.pin {

	font-size:110%;line-height:125%;

	color:#333;

	margin:8px 0;

}

#height ul.pin {

	list-style-type:disc;

}

#height ul.pin li {

	margin-left:1.5em;
}

#height ol.pin li {

	margin-left:2.5em;

}

#height dl.pin dt {

	font-weight:bold;
}
dl.pin dd {

	margin-left:1em;

}



/*SPEC TABLE*/

#height #spec-table {

/*	background:#666; */
	
	border:solid 1px #666;

	font-size:85%;line-height:100%;
}

#height #spec-table th {

	padding:2px 3px;

	background:#ccc;

	border:solid 1px #666;

	color:#000;

	text-align:center;

}

#height #spec-table td {

	padding:2px 3px;

	background:#fff;

	border:solid 1px #666;

	color:#333;

	text-align:center;

}

#height #spec-table td span, div.spec-cap span {

	font-size:85%;line-height:100%;

	vertical-align:super;

}


/*REF TABLE*/

#height #ref-table {

/*	background:#666; */
	
	border:solid 1px #666;

	font-size:90%;line-height:100%;
}

#height #ref-table th {

	padding:2px 3px;

/*	background:#ccc; */

	border:solid 1px #666;

	color:#000;

	text-align:left;

}

#height #ref-table td {

	padding:2px 3px;

	background:#fff;

	border:solid 1px #666;

	color:#333;

	text-align:left;

}



/*MOVIE*/

#height #movie-box	{

	margin:0 0 10px 285px;

}

#height a.movie	{

	display:block;

	width:230px;height:31px;

	background:url(../../height/image/movie.gif) no-repeat 0 0;

	text-indent:-9999px;

}

#height a.movie:hover	{
	background-position:0 -31px;

}



#height #movie-box2	{

	margin:0 0 10px 185px;

}

#height ul.mv	{

}

#height li.mv0	{width:240px;height:31px;float:left;}

#height li.mv1	{width:34px;height:31px;float:left;}

#height li.mv2	{width:34px;height:31px;float:left;}

#height li.mv3	{width:34px;height:31px;float:left;}

#height #movie-box2 li a {text-indent:-9999px;}

#height li.mv1 a	{display:block;width34px;height:31px;background:url(../../height/image/movie1.jpg) no-repeat 0 0;}

#height li.mv2 a	{display:block;width34px;height:31px;background:url(../../height/image/movie2.jpg) no-repeat 0 0;}

#height li.mv3 a	{display:block;width34px;height:31px;background:url(../../height/image/movie3.jpg) no-repeat 0 0;}

#height li.mv1 a:hover, li.mv2 a:hover, li.mv3 a:hover	{
			background-position:0 -31px;

			}

#height p.movie-p	{font-size:80%;line-height:125%;color:#666;margin:0;}



/*TO PRODUCTS TOP*/
#pro_totop {

	width:600px;
	margin-top:10px;
	text-align:center;
}


#pro_totop a {
	display:block;
	width:67px;
	height:11px;
	margin:0px auto;
	background-image:url(../../products/products/button/pro_top2.gif);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	/*\*/overflow:hidden;/**/

}


#pro_totop a:hover {background-image:url(../../products/products/button/pro_top1.gif);}

/*PRODUCTS MENU*/
#menu li {
	margin-bottom:2px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}

#menu li,
#menu a {

	display:block;
	width:146px;
	height:17px;
	background-repeat:no-repeat;
}

#menu a {

	/*\*/overflow:hidden;/**/
}

#menu #m_proM0 {background-image:url(../../products/button/proM0.gif);}

#menu #m_pro1 a {background-image:url(../../products/products/button/pro1-2.gif);}
#menu #m_pro1 a:hover {background-image:url(../../products/products/button/pro1-1.gif);}

#menu #m_pro2 a {background-image:url(../../products/products/button/pro2-2.gif);}
#menu #m_pro2 a:hover {background-image:url(../../products/products/button/pro2-1.gif);}

#menu #m_pro3 a {background-image:url(../../products/products/button/pro3-2.gif);}
#menu #m_pro3 a:hover {background-image:url(../../products/products/button/pro3-1.gif);}

#menu #m_pro4 a {background-image:url(../../products/products/button/pro4-2.gif);}
#menu #m_pro4 a:hover {background-image:url(../../products/products/button/pro4-1.gif);}

#menu #m_pro5 a {background-image:url(../../products/products/button/pro5-2.gif);}
#menu #m_pro5 a:hover {background-image:url(../../products/products/button/pro5-1.gif);}

#menu #m_pro6 a {background-image:url(../../products/products/button/pro6-2.gif);}
#menu #m_pro6 a:hover {background-image:url(../../products/products/button/pro6-1.gif);}

#menu #m_pro7 a {background-image:url(../../products/products/button/pro7-2.gif);}
#menu #m_pro7 a:hover {background-image:url(../../products/products/button/pro7-1.gif);}

#menu #m_pro8 a {background-image:url(../../products/products/button/pro8-2.gif);}
#menu #m_pro8 a:hover {background-image:url(../../products/products/button/pro8-1.gif);}

#menu #m_pro9 a {background-image:url(../../products/products/button/pro9-2.gif);}
#menu #m_pro9 a:hover {background-image:url(../../products/products/button/pro9-1.gif);}

#menu #m_pro10 a {background-image:url(../../products/products/button/pro10-2.gif);}
#menu #m_pro10 a:hover {background-image:url(../../products/products/button/pro10-1.gif);}

#menu #m_proM1 a {background-image:url(../../products/button/proM1-2.gif);}
#menu #m_proM1 a:hover {background-image:url(../../products/button/proM1-1.gif);}

#menu #m_proM2 a {background-image:url(../../products/button/proM2-2.gif);}
#menu #m_proM2 a:hover {background-image:url(../../products/button/proM2-1.gif);}
