/* styles written in this file is for Standard */



body{
	margin:			0px;
	background-color:	#8fd1bb;
	text-align:		center;
	}

img	{
	border:			none;
	}

.append-context{
	display:		none;
	}

.clearance{
	display:		block;
	visibility:		hidden;
	clear:			both;
	}

.mailto{
	font-size:		12px;
	color:			#0099cc;
	cursor:			pointer;
	text-decoration:	underline;
	}


h1{
	display:		none;
	}



p{
	margin:			0px;
	padding:		0px;
	}


#content{
	margin:			0px auto;
	width:			758px;
	text-align:		left;
	}


#head{
	background-image:	url(../img/_hea_bg.jpg);
	background-repeat:	no-repeat;
	background-position:	top left;
	height:			100px;
	font-size:		10px;
	line-height:		1;
	color:			#333333;
	}

#head div{
	width:			300px;
	float:			left;
	}


#head div p{
	margin:			0px 0px 0px 17px;
	}

#head div p.logo{
	margin:			20px 0px 7px 17px;
	}

#head div.utility{
	width:			275px;
	float:			right;
	}

#head div.utility ul{
	margin:			20px 20px 9px 0px;
	padding:		0px;
	list-style-type:	none;
	float:			right;
	}

#head div.utility ul li{
	margin:			0px;
	padding:		0px 0px 0px 10px;
	background-image:	url(../img/_hea_ico_01.gif);
	background-repeat:	no-repeat;
	background-position:	center left;
	width:			auto;
	float:			left;
	}

#head div.utility ul li a:link,
#head div.utility ul li a:visited,
#head div.utility ul li a:hover,
#head div.utility ul li a:active{
	color:			#333333;
	text-decoration:	none;
	}

#head div.utility form{
	margin:			0px;
	padding:		0px;
	}

#head div.utility dl{
	margin:			0px;
	padding:		0px;
	}

#head div.utility dl dt{
	margin:			2px 0px 0px 10px;
	padding:		0px 0px 0px 13px;;
	width:			67px;
	float:			left;
	background-image:	url(../img/_hea_ico_02.gif);
	background-repeat:	no-repeat;
	background-position:	center left;
	}

#head div.utility dl dd{
	margin:			0px 20px 0px 0px;
	padding:		0px;
	width:			149px;
	float:			right;
	}

#head div.utility dl dd input{
	width:			120px;
	height:			15px;
	margin-right:		20px;
	}



#head div.bread-crumbs{
	width:			auto;
	float:			none;
	}

#head div.bread-crumbs ol{
	margin:			0px 0px 0px 14px;
	padding:		23px 0px 0px 0px;
	list-style-type:	none;
	}

#head div.bread-crumbs ol li{
	margin:			0px;
	padding:		0px;
	display:		inline;
	color:			#ffffff;
	}

#head div.bread-crumbs ol li a:link,
#head div.bread-crumbs ol li a:visited,
#head div.bread-crumbs ol li a:hover,
#head div.bread-crumbs ol li a:active{
	color:			#ffffff;
	}


#main{
	background-image:	url(../img/_bod_bg.jpg);
	background-repeat:	repeat-y;
	width:			758px;
	padding-bottom:		10px;
	}


#main div.main-contents{
	width:			536px;
	padding:		14px 24px 0px 10px;
	float:			right;
	background-image:	url(../img/_bod_hea_bg.jpg);
	background-repeat:	no-repeat;
	background-position:	top left;
	}


div.main-contents h2{
	margin:			0px;
	padding:		3px 0px 0px 0px;
	clear:			both;
	}








/* ---------- print-utility ---------- */

#main div.main-contents div#print-utility ul{
	margin:			0px 0px 0px 302px;
	padding:		3px 0px 0px 0px;
	list-style-type:	none;
	width:			233px;
	}

#main div.main-contents div#print-utility ul li{
	margin:			0px 0px 0px 6px;
	padding:		0px 0px 0px 19px;
	font-size:		10px;
	line-height:		1.5;
	color:			#ffffff;
	width:			auto;
	float:			left;
	background-repeat:	no-repeat;
	background-position:	center left;
	}

#main div.main-contents div#print-utility ul li.select{
	background-image:	url(../img/_pri_ico_01.gif);
	}

#main div.main-contents div#print-utility ul li.page{
	background-image:	url(../img/_pri_ico_02.gif);
	}

#main div.main-contents div#print-utility ul li a:link,
#main div.main-contents div#print-utility ul li a:visited,
#main div.main-contents div#print-utility ul li a:hover,
#main div.main-contents div#print-utility ul li a:active{
	color:			#0099cc;
	}








/* ---------- main ---------- */


div.main-contents-child{
	width:			535px;
	padding-bottom:		20px;
	}


div.main-contents-child h3{
	margin:			0px;
	padding:		0px;
	}


div.main-contents-child h4{
	margin:			0px;
	padding:		0px;
	}

div.main-contents-child ul{   
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
	}

div.main-contents-child ul li{
	margin:			0px;
	padding:		0px;
	}

div.main-contents-child dl{
	margin:			0px;
	padding:		0px;
	}

div.main-contents-child dl dt{
	margin:			0px;
	padding:		0px;
	}

div.main-contents-child dl dd{
	margin:			0px;
	padding:		0px;
	}

div.main-contents .TextLink,
div.main-contents .TextLink li{
	font-size:		12px;
	line-height:		1.4;
	padding-left:		10px;
	background-image:	url(../img/_bod_ico_01.gif);
	background-repeat:	no-repeat;
	background-position:	top left;
	}

div.main-contents ul.TextLink{
	background-image:	none;
	padding-left:		0px;
	}

div.main-contents a:link,
div.main-contents a:visited,
div.main-contents a:hover,
div.main-contents a:active{
	color:			#0099cc;
	text-decoration:	none;	
	}

div.main-contents p.return-top{
	font-size:		10px;
	background-image:	url(../img/_foo_ret_ico.gif);
	background-repeat:	no-repeat;
	background-position:	center left;
	padding-left:		10px;
	margin:			10px 0px 20px 464px;
	}

#main .main-contents p.return-top a:link,
#main .main-contents p.return-top a:visited,
#main .main-contents p.return-top a:hover,
#main .main-contents p.return-top a:active{
	color:			#0099cc;
	}








/* ---------- navi ---------- */

#main div#navi{
	width:			185px;
	margin-left:		3px;
	margin-right:		572px;
	padding-top:		34px;
	background-image:	url(../img/_nav_cap.gif);
	background-repeat:	no-repeat;
	background-position:	top left;
	}

#main div#navi ul{
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
	}

#main div#navi ul li{
	margin:			0px;
	padding:		0px;
	background-image:	url(../img/_nav_bg.jpg);
	background-position:	top left;
	}
	
#main div#navi ul li.current{
	color:			#ff6600;
	}	

#main div#navi ul li img{
	vertical-align:		bottom;
	width:			185px;
	height:			35px;
	cursor:			pointer;
	}

#main div#navi ul li ul{
/*	padding:		0px 0px 0px 13px;*/
	padding:		13px 0px 15px 13px;
	display:		none;
	}

#main div#navi ul li ul li{
	margin-bottom:	5px;
	padding-left:	11px;
	font-size:		12px;
	font-weight:		normal;
	line-height:		1.2;
	background-image:	url(../img/_nav_ico_01.gif);
	background-repeat:	no-repeat;
	background-position:	top left;
	}
	

#main div#navi ul li ul li ul{
	margin:			5px 0px 0px 0px;
	padding:		0px 0px 5px 0px;
	}
		

#main div#navi ul li ul li ul li{
	margin:			3px 0px 0px 0px;
	padding:		0px 0px 3px 11px;
	font-size:		10px;
	font-weight:		normal;
	line-height:		1.2;
	color:			#333333;
	background-image:	url(../img/_nav_ico_03.gif);
	background-repeat:	no-repeat;
	background-position:	top left;
	}

#main div#navi ul li dl{
	margin:			0px;
/*	padding:		0px 0px 0px 13px;*/
	padding:		13px 0px 15px 13px;
	display:		none;
	}

#main div#navi ul li dl dt{
	margin:			5px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	font-size:		10px;
	font-weight:		normal;
	line-height:		1.2;
	color:			#0099CC;
	cursor:			pointer;
	}

#main div#navi ul li dl dd{
	margin:			5px 0px 0px 0px;
	padding:		0px 0px 5px 11px;
	font-size:		12px;
	font-weight:		normal;
	line-height:		1.2;
	color:			#333333;
	background-image:	url(../img/_nav_ico_01.gif);
	background-repeat:	no-repeat;
	background-position:	top left;
/*	display:		none;*/
	}

#main div#navi ul li dl dd ul{
	margin:			5px 0px 0px 0px;
	padding:		0px 0px 5px 0px;
	}

#main div#navi ul li dl dd ul li{
	margin:			3px 0px 0px 0px;
	padding:		0px 0px 3px 11px;
	font-size:		10px;
	font-weight:		normal;
	line-height:		1.2;
	color:			#333333;
	background-image:	url(../img/_nav_ico_03.gif);
	background-repeat:	no-repeat;
	background-position:	top left;
	}

#main div#navi ul li.product img{
	height:			70px;
	}

#main div#navi ul li.mac{
	padding-bottom:		6px;
	background-position:	bottom left;
	}

#main div#navi ul li.mac dl dt{
	color:			#ff6600;
	}

#main div#navi span{
	cursor:			pointer;
	color:			#ff6600;
	}


/* original *
#main div#navi a:link,
#main div#navi a:visited,
#main div#navi a:hover,
#main div#navi a:active{
	color:			#333333;
	text-decoration:	none;
	}

#main div#navi .current a:link,
#main div#navi .current a:visited,
#main div#navi .current a:hover,
#main div#navi .current a:active{
	color:			#ff6600;
	text-decoration:	none;
	}


#main div#navi .current li a:link,
#main div#navi .current li a:visited,
#main div#navi .current li a:hover,
#main div#navi .current li a:active{
	color:			#333333;
	text-decoration:	none;
	}

#main div#navi .current li.current a:link,
#main div#navi .current li.current a:visited,
#main div#navi .current li.current a:hover,
#main div#navi .current li.current a:active{
	color:			#ff6600;
	text-decoration:	none;
	}
* */

/* pattern 1 begin */
#main div#navi a:link,
#main div#navi a:visited,
#main div#navi a:hover,
#main div#navi a:active{
	color:			#333333;
	text-decoration:	none;
	}
		
	
#main div#navi .current a:link,
#main div#navi .current a:visited,
#main div#navi .current a:hover,
#main div#navi .current a:active{
	color:			#ff6600;
	text-decoration:	none;
	}
	
#main div#navi .current ul li a:link,
#main div#navi .current ul li a:visited,
#main div#navi .current ul li a:hover,
#main div#navi .current ul li a:active{
	color:			#333333;
	text-decoration:	none;
	}	
	
#main div#navi .current ul li.current a:link,
#main div#navi .current ul li.current a:visited,
#main div#navi .current ul li.current a:hover,
#main div#navi .current ul li.current a:active{
	color:			#ff6600;
	text-decoration:	none;
	}
	

#main div#navi li.current li.current li a:link,
#main div#navi li.current li.current li a:visited,
#main div#navi li.current li.current li a:hover,
#main div#navi li.current li.current li a:active{
	color:			#333333;
	text-decoration:	none;	
	}		
		
#main div#navi .current li.current li a:link,
#main div#navi .current li.current li a:visited,
#main div#navi .current li.current li a:hover,
#main div#navi .current li.current li a:active{
	color:			#333333;
	text-decoration:	none;
	}
	



	
/* pattern 1 end */


#main div#navi .current dd a:link,
#main div#navi .current dd a:visited,
#main div#navi .current dd a:hover,
#main div#navi .current dd a:active{
	color:			#333333;
	text-decoration:	none;
	}

#main div#navi .current dd.current a:link,
#main div#navi .current dd.current a:visited,
#main div#navi .current dd.current a:hover,
#main div#navi .current dd.current a:active{
	color:			#ff6600;
	text-decoration:	none;
	}

#main div#navi .current dd.current li a:link,
#main div#navi .current dd.current li a:visited,
#main div#navi .current dd.current li a:hover,
#main div#navi .current dd.current li a:active{
	color:			#333333;
	text-decoration:	none;
	}

#main div#navi .current dd.current li.current a:link,
#main div#navi .current dd.current li.current a:visited,
#main div#navi .current dd.current li.current a:hover,
#main div#navi .current dd.current li.current a:active{
	color:			#ff6600;
	text-decoration:	none;
	}








/* ---------- foot ---------- */

#foot{
	background-image:	url(../img/_foo_bg.jpg);
	background-repeat:	no-repeat;
	background-position:	top left;
	width:			758px;
	font-size:		10px;
	line-height:		1;
	color:			#006666;
	margin-bottom:		20px;
	}

#foot p.return-top{
	background-image:	url(../img/_foo_ret_ico.gif);
	background-repeat:	no-repeat;
	background-position:	center left;
	padding-left:		12px;
	margin-left:		668px;
	margin-bottom:		35px;
	}

#foot p.return-top a:link,
#foot p.return-top a:visited,
#foot p.return-top a:hover,
#foot p.return-top a:active{
	color:			#0099cc;
	}

#foot ul{
	width:			auto;
	margin:			0px 5px 0px 0px;
	padding:		32px 0px 0px 0px;
	list-style-type:	none;
	float:			right;
	}

#foot ul li{
	margin:			0px;
	padding:		0px;
	width:			auto;
	float:			left;
	}

#foot ul li.info{
	background-image:	url(../img/_foo_ico_01.gif);
	background-repeat:	no-repeat;
	background-position:	center left;
	padding-left:		19px;
	}

#foot ul li a:link,
#foot ul li a:visited,
#foot ul li a:hover,
#foot ul li a:active{
	color:			#006666;
	text-decoration:	none;
	}

#foot p.logo{
	width:			67px;
	float:			left;
	}

#foot p.copy{
	width:			300px;
	margin:			0px 0px 0px 67px;
	padding-top:		32px;
	}














/* -------------------------------------------------- */
/* print-system 未実装のため非表示 (2005/08/04 當田 ) */
/* -------------------------------------------------- */

#main div.main-contents div#print-utility {
	display: none;
}

/* -------------------------------------------------- */