@charset "utf-8";
h1,h2,h3,h4,h5,ul,li, dl,dd,a img, img, div, p{
	margin:0px;
	padding:0px;
	border:none;
}
/*/////////////////////////////////////////////////////////

                      Clear fix
				  
/////////////////////////////////////////////////////////*/
#case_box:after,
#case:after,
.right:after,
#header:after,
#web:after,
#temp:after,
#sound:after,
#contact:after,
#footer:after,
.textbox:after,
.textbox2:after,
#sliderwrap:after,
#top_contents:after,
.new:after,
.navigation:after

 {
	content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
*html #case_box,
*html #case,
*html .right,
*html #header,
*html #web,
*html #temp,
*html #sound,
*html #contact,
*html #footer
*html .textbox,
*html .textbox2,
*html .new
 {
	zoom: 1;
}
*:first-child+html #case_box,
*:first-child+html #case,
*:first-child+html .right,
*:first-child+html #header,
*:first-child+html #web,
*:first-child+html #temp,
*:first-child+html #sound,
*:first-child+html #contact,
*:first-child+html #footer,
*:first-child+html .sam
*:first-child+html .textbox,
*:first-child+html .textbox2,
*:first-child+html .new

 {
	zoom: 1;
} 
/*/////////////////////////////////////////////////////////////////

                          BODY & CASE
						  
/////////////////////////////////////////////////////////////////*/
body {
	margin: 0px;
	padding: 0px;
}
#case_box{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	clear: both;	
}
#case {
	height: auto;
	width: 900px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/*/////////////////////////////////////////////////////////////////

                          H1 H2 A
						  
/////////////////////////////////////////////////////////////////*/

h2{
	font-size:0.8em;
	font-weight:normal;
	color:#333;
	}
a:link, 
a:visited {
	color:#009900;
	text-decoration: none;	
}
a:hover{
	color:#006600;
	text-decoration: underline;	
}


/*///////////////////////////////////////////////////////////////
                          
						  HEADER
						  
///////////////////////////////////////////////////////////////*/
div#header {
	width: 900px;
	margin-bottom:20px;
}
div#header p#top {
	font-size: 80%;
	margin:10px 0 10px 0;
	color: #999999;
	width:900px;
}
div#header p a:link, div#header p a:visited {
	color:#009900;
	text-decoration: none;
	font-weight: bold;
}
div#header p a:hover {
	color:#006600;
	text-decoration: underline;
	font-weight: bold;
}
div#header img {
	margin-top: 20px;
	margin-left: 10px;
}
*html div#header img {
	margin-top: 20px;
	margin-left: -30px;
} 
ul#headmenu{
	height: 45px;
	width: 900px;
	list-style-type: none;
	display: block;
	margin-bottom:20px;
}
ul#headmenu li{
	height: 45px;
	width: 180px;
	list-style-type: none;	
	display: block;
	float:left;
	text-indent:-9999px;
}
ul#headmenu li a.hm0{
	height: 45px;
	width: 180px;
	background-image: url(images/bg_headmenu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	overflow:hidden;
}
ul#headmenu li a.hm0:hover{
	background-position: 0px -45px;	
}
ul#headmenu li a.active0{
	background-position: 0px -90px;	
}
ul#headmenu li a.hm1{
	height: 45px;
	width: 180px;
	background-image: url(images/bg_headmenu.jpg);
	background-repeat: no-repeat;
	background-position: -180px 0px;
	display: block;
	overflow:hidden;
}
ul#headmenu li a.hm1:hover {
	background-position: -180px -45px;	
}
ul#headmenu li a.active1{
	background-position: -180px -90px;	
}

ul#headmenu li a.hm2{
	height: 45px;
	width: 180px;
	background-image: url(images/bg_headmenu.jpg);
	background-repeat: no-repeat;
	background-position: -360px 0px;
	display: block;
	overflow:hidden;
}
ul#headmenu li a.hm2:hover {
	background-position: -360px -45px;	
}
ul#headmenu li a.active2{
	background-position: -360px -90px;	
}
ul#headmenu li a.hm3{
	height: 45px;
	width: 180px;
	background-image: url(images/bg_headmenu.jpg);
	background-repeat: no-repeat;
	background-position: -540px 0px;
	display: block;
	overflow:hidden;
}
ul#headmenu li a.hm3:hover {
	background-position: -540px -45px;	
}
ul#headmenu li a.active3{
	background-position: -540px -90px;	
}
ul#headmenu li a.hm4{
	height: 45px;
	width: 180px;
	background-image: url(images/bg_headmenu.jpg);
	background-repeat: no-repeat;
	background-position: -720px 0px;
	display: block;
	overflow:hidden;
}
ul#headmenu li a.hm4:hover {
	background-position: -720px -45px;	
}
ul#headmenu li a.active4{
	background-position: -720px -90px;	
}
/*///////////////////////////////////////////////////////////////
                          
						  SIDEBAR
						  
///////////////////////////////////////////////////////////////*/
ul.sidebar{
	height: auto;
	width: 135px;
	padding:0px 0px 20px 10px;
	float: left;
	list-style-type:none;
	display:block;
}
*html ul.sidebar {
       margin: 0 10px 0 0px; }
ul.sidebar li {
	display:block;
	font-size:80%;
	margin-bottom:10px;
	letter-spacing: 0.1em;
	line-height:1.6em;
}
*html ul.sidebar li {
	line-height:1em;
}
ul.sidebar li a:link,
ul.sidebar li a:visited{
    overflow:hidden;
	text-decoration:none;
	color:#333;
	display:block;
}
ul.sidebar li a:hover ,
ul.sidebar li a.active {
	color:#060;
	text-decoration:none;
	background-image:url(images/icon_1.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
/*///////////////////////////////////////////////////////////////
                          
						  FOOTER
						  
///////////////////////////////////////////////////////////////*/
div#footer {
	margin-top:30px;
	border-top: 1px dotted #CCC;
	clear: both;
}
img#copy{
	margin-left: 300px;	
}
div.textbox2{
	width: 888px;
	padding:15px 10px 10px 10px;
}
div.textbox2 dl{
	width:139px;
	float:left;
	padding-left:6px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	line-height: 1.2em;
}
div.textbox2 dt{
	font-size: 70%;
	color: #333;
	font-weight:bold;
}
div.textbox2 dd{
	font-size: 70%;
	
}
div.textbox2 a:link,div.textbox2 a:visited {
	color: #777;
	text-decoration: none;	
}
div.textbox2 a:hover {
	color: #333;
	text-decoration: underline;	
}
div.textbox2 p strong {
	width:120px;
	display:block;
	float: left;
}
dl#address dd{
	line-height:1.2em;
	padding-bottom:8px;
}
/*///////////////////////////////////////////////////////////////
                          
						  RIGHT
						  
///////////////////////////////////////////////////////////////*/
div.right{
	float: right;
	width: 640px;
	padding-right:40px;
	padding-left:60px;
	border-left: 1px dotted #CCC;
}
/*///////////////////////////////////////////////////////////////
                          
						  TOP PAGE
						  
///////////////////////////////////////////////////////////////*/
div#top_contents {
	width: 900px;
	display:block;
	margin: 1px 0px 0px 0px;
	line-height:1.4em;
}
div#top_web {
	padding: 10px 10px 10px 20px;
	height: 110px;
	width: 468px;
	float:left;
	font-size: 80%;
	color:#000;
	background-color:#FFF;
	border: 1px solid #999999;
}
h2#h2_web {
	background-image:url(images/bg_toptitle_web.jpg);
	background-repeat:no-repeat;
	text-indent:4em;
	padding-bottom:10px;
	font-size:1em;
}
div#top_web a:link ,div#top_web a:visited {
	margin:30px 0 0 5px;	
}
div#top_sound {
	padding: 10px 10px 10px 20px ;
	height: 110px;
	width: 362px;
	margin-left:5px;
	float:left;
	font-size: 80%;
	color:#000;
	background-color:#FFF;
	border: 1px solid #999999;
}
h2#h2_sound {
	background-image:url(images/bg_toptitle_sound.jpg);
	background-repeat:no-repeat;
	text-indent:6em;
	padding-bottom:10px;
	font-size:1em;
}
div#top_sound a {
	margin:30px 0px 0px 5px;	
}
div#top_new {
	height: ;
	width: 878px;
	display:block;
	padding: 10px 10px 30px 10px;
	margin-top:5px;
	line-height:1.4em;
	border: 1px solid #999999;
}
div#top_new p {
	overflow:hidden;
	background-image: url(images/bg_topnew.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height:40px;
	margin-bottom:10px;
	display: block;
}
div#top_new p a{
	margin-right: 20px;
	overflow:hidden;
}
div#top_new p a:hover{
	overflow:hidden;
}
div#top_new dl{
	margin-left: 5px;
}
div#top_new dl dt{
	width: 90px;
	margin-left: 10px;
	font-weight:bold;
	color: #555;
	float: left;
	font-size:80%;
}
div#top_new dl dd {
	font-size:80%;
}
p#home_web a{
	float:right;
}

/*///////////////////////////////////////////////////////////////
                          
						  PAGE TEXT BOX
						  
///////////////////////////////////////////////////////////////*/
div.textbox {
	width:600px;
	line-height: 1.4em;
}
p.icon_text{
	display: block;
	color:#222;
	letter-spacing:0.1em;
	font-size: 0.75em;
	background-color: #F1F1F1;
	padding-left:5px;
}
p.icon_text2{
	display: block;
	color:#222;
	letter-spacing:0.1em;
	font-size: 0.75em;
	padding-left:5px;
	border: 1px dotted #CCC;
}

p.migi {
		font-size: 0.75em;
    	margin-bottom: 10px;
		color:#555;
}
/*///////////////////////////////////////////////////////////////
                          
						  PAGE CONTACT
						  
///////////////////////////////////////////////////////////////*/
#pw {
	font-size:80%;
	margin-bottom:15px;
	line-height:1.4em;
}
.kojinjouhou{
	font-size:70%;
	line-height:1.4em;
}
p.foam {
	margin-top:10px; 
}
label{
    color:#060;
}
div#C_foam{
	float:left;
	width:350px;
	font-size: 0.75em;
}
div#contact_migi{
	float:right;
	width: 260px;
}
/*///////////////////////////////////////////////////////////////
                          
						  Category:What's New
						  
///////////////////////////////////////////////////////////////*/
div.new {
	font-size:0.8em;
	line-height:1.6em;
	}
.new dd {
	margin-bottom:20px;
}
	/*///////////////////////////////////////////////////////////////
							  
							  single:What's New
							  
	///////////////////////////////////////////////////////////////*/
	div.navigation{
		margin-bottom:20px;
		font-size:80%;
		clear:both;
	}
	div.alignleft{
		float:left;
	}
	div.alignright{
		float:right;
	}
	div.topics {
		margin-top:30px;
	}
	*html div.topics {
		margin-top:50px;
	}
	div.new p {
		color:#555;
	}
		div.new p strong {
		color:#222;
	}


/*///////////////////////////////////////////////////////////////
                          
						  slider
						  
///////////////////////////////////////////////////////////////*/
		.slider-wrap {
			position: relative;
			width: 602px;
			height:336px;
			background-image: url(images/bg_slide.jpg);
			background-repeat: no-repeat;
		}
		.slider-wrap_temp {
			position: relative;
			width: 602px;
			height:336px;
			float:left;
			background-image: url(images/bg_slide_temp.jpg);
			background-repeat: no-repeat;
		}

		
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 336px; background: #000; overflow: scroll}
		.csw .loading {margin: 100px 0 300px 0; text-align: center}


		.stripViewer {
			position: relative;
			overflow: hidden;
			width: 577px;
			height: 278px;
			text-align: center;
			margin-top: 48px;
			margin-bottom: 0;
			margin-left: 9px;
		}
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 577px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 140px;
			text-indent: -9000em;
			z-index: 1;
			overflow:hidden;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
			
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
			margin-right:10px;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}

	#stripNav0 {
	overflow: hidden;
	height:0!important;
	width:0!important;
}
/*///////////////////////////////////////////////////////////////
                          
						  PAGE PRICE
						  
///////////////////////////////////////////////////////////////*/
div#ryoukin{
	height: auto;
	width: 640px;
	padding: 10px 0px 10px 0px;
	font-size:80%;
	color:#333;
	line-height:1.5em;
	letter-spacing: 0.1em;
	margin-bottom:20px;
}
div.tablebox{
	width: 650px;
	line-height:1.5em;
	font-size:0.75em;
}
table{
	margin-top:5px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	float: right;
}
td{
	text-align:left;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color:#FFFFFF;
	color:#333;
}
th{
	text-align:left;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color:#F1F1F1;
	color:#666;
	font-weight:normal;
	letter-spacing:0.1em;
}