@charset "utf-8";
/* あ */
*{
	padding							: 0;
	margin							: 0;
}

body{
	text-align					: center;
	background-image		: url(../../img/backimgww.png);
	background-repeat		: repeat-x;
	background-color		: #000;
	font-size						: 0.9em;
	letter-spacing			: 2px;
	line-height					: 1.5em;
}
img{
	border							: 0;
	vertical-align:top;
}
a:link{
	color								: #03f;
	text-decoration			: none;
}
a:visited {
	color								: #666;
}

a:hover{
	color								: #0c9;
	text-decoration			: underline;
}
ul{
	list-style-type			: none;
}

#lightBack{
	position						: absolute;
	top									: 0;
	left								: 0;
	background-color		: #000;
	display							: none;
	cursor							: pointer;
	z-index							: 3;
}
#lightBox
{
	width								: 800px;
	height							: 600px;
	position						: absolute;
	background-color		: #fff;
	overflow						: auto;
	display							: none;
	z-index							: 4;
}

#closeLightBox
{
	position						: absolute;
	top									: 0;
	left								: 0;
	z-index							: 10;
	display							: none;
}
#searchbar{
	width								: 100%;
	color								: #000;
	text-align					: right;
}
#container{
	width								: 800px;
	margin							: 0 auto;
	text-align					: left;
	background-image		: url(../../img/containerback.png);
	background-repeat		: repeat;
	overflow						: auto;
}
#headerimg{
	width								: 800px;
	height							: 50px;
	margin							: 0 auto;
	background-image		: url(../../img/headerimg.png);
	background-repeat		: no-repeat;
}
#header{
	width								: 100%;
	margin-top					: -20px;
}

#logo{
	width								: 800px;
	height							: 150px;
	margin							: 0 auto;
}

/***************** 左部分のメニューのスタイル *********/

#globalnavi
{
	margin-top					: 20px;
	background-repeat		: no-repeat;
	cursor							: pointer;	
	width								: 150px;
	margin-left					: 20px;
	background-image		: url(../../img/menuback.png);
	float								: left;
}

#globalnavi a{
	display							: block;
	margin-bottom				: 2px;
	width								: 150px;
	height							: 30px;
	background-color		: #FDA;
	overflow						: hidden;
}

#menublog
{
	background-image		: url("../../img/contentmenu.png");
	background-repeat		: no-repeat;
	background-position	: 0px 0px;
}

#globalnavi a{
	display							: block;
	margin-bottom				: 2px;
	width								: 150px;
	height							: 30px;
	background-color		: #FDA;
	overflow						: hidden;
	background-image		: url("../../img/contentmenu.png");
}

#menublog
{
	background-repeat		: no-repeat;
	background-position	: 0 -80px;
}

#menublog:HOVER
{
	background-position	: 0 -120px;
}

#menutips
{
	background-position	: 0 -480px;
}

#menutips:HOVER
{
	background-position	: 0 -520px;
}

#menudl
{
	background-position	: 0 -560px;
}

#menudl:HOVER
{
	background-position	: 0 -600px;
}

#menucon
{
	background-position	: 0 -160px;
}

#menucon:HOVER
{
	background-position	: 0 -200px;
}

#menulink
{
	background-position	: 0 -240px;
}

#menulink:HOVER
{
	background-position	: 0 -280px;
}

#menumail
{
	background-position	: 0 -320px;
}

#menumail:HOVER
{
	background-position	: 0 -360px;
}

#menuout
{
	background-position	: 0 -400px;
}

#menuout:HOVER
{
	background-position	: 0 -440px;
}

#menuaisa
{
	background-position	: 0 0;
}

#menuaisa:HOVER
{
	background-position	: 0 -40px;
}


/**********************************************************/
#content{
	margin							: 10px 10px;
	float								: left;
	width								: 580px;
}

#content #description
{
	margin-bottom				: 20px;
	font-size						: 1.2em;
}

#sampleViewer
{
	width								: 580px;
	margin							: 10px 10px;

}
#footer{
	width								: 100%;
	color								: #fff;
}
address{
	font-style					: normal;
}

#footerimg{
	width								: 800px;
	height							: 100px;
	margin							: 0 auto;
	background-image		: url(../../img/footerimg.png);
	background-repeat		: no-repeat;
}

dl.panel
{
	padding							: 5px;
	width								: 200px;
	height							: 200px;
	float								: left;
	margin-bottom				: 10px;
	cursor							: pointer;
}

img.icon
{
	width								: 150px;
	height							: 150px;
}

div.lightbox
{
	display							: none;
}
.clr{
	clear								: both;
}
/*********   お問い合わせボタン  *********/
.disable {
	display							: none;
}
#callbox {
	position						: relative;
	top									: 0;
	left								: 0;
	height							: 100px;
}
#call {
	width								: 243px;
	height							: 74px;
	background-image		: url(../imgs/calls.png);
	background-position	: 0 0; 
	display							: block;
	cursor							: pointer;
	position						: absolute;
	top									: 0;
	left								: 300px;
	z-index							: 1;
}
#call:hover {
	width								: 243px;
	height							: 74px;
	background-image		: url(../imgs/calls.png);
	background-position	: 0 -124px;
}
#mailbox {
	width								: 243px;
	height							: 74px;
	position						: absolute;
	top									: 0;
	left								: 300px;
	z-index							: 0;
}