* {
	list-style: none;
	}

body{
	margin: 0;
	padding: 0;
	_font: 93%/1.6 "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align:left;
	}
	*:first-child+html body{
		font: 93%/1.6 "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "ＭＳ Ｐゴシック", Osaka, sans-serif;
		}
	head~/* */body body{
		font: 90%/1.6 "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "ＭＳ Ｐゴシック", Osaka, sans-serif;
		}
	html:not(:target) body{
		font: 12px/1.6 "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "ＭＳ Ｐゴシック", Osaka, sans-serif;
		}	

tbody{
	_font: 93%/1.6 "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align:left;
	}
	*:first-child+html tbody{
		font: 93%/1.6 "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "ＭＳ Ｐゴシック", Osaka, sans-serif;
		}
	head~/* */body tbody{
		font: 90%/1.6 "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "ＭＳ Ｐゴシック", Osaka, sans-serif;
		}
	html:not(:target) tbody{
		font: 12px/1.6 "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "ＭＳ Ｐゴシック", Osaka, sans-serif;
		}	

a.privacy,#info a,a.more,.right a,.right a:visited{
	color: #000033!important; text-decoration: none;
	}
a.privacy:hover,a.more:hover,#info a:hover,.right a:active,.right a:hover{
	color: #CC3300!important; text-decoration: underline;
	}

a:link, a:visited{
	color: #000099; text-decoration: none;
	}
a:active, a:hover{
	color: #3366CC; text-decoration: underline;
	}

a img{
	border: none;
	}

ul,li,ol{
	margin: 0;
	padding: 0;
	}

font.size1{font-size: 12pt}
font.size2{font-size: 14pt}
font.size3{font-size:  8pt}
font.size4{font-size: 10pt}
.small{font-size: 80%}

.fs10{
	font-size:10px;
	}

.txt_izon {
    font-family: Osaka ,ＭＳ ゴシック;
	}
br.clear{
	display:block;
	width:auto;
	clear:both;
	line-height:0%;
	}

/*14px*/
html body .large{
	font-size:115%;
	letter-spacing:0;
	}
	*:first-child+html body .large{
		font-size:115%;
		}
	head~/* */body body .large{
		font-size:115%;
		}
	html:not(:target) body .large{
		font-size:14px;
		}

/* clearfix
---------------------------*/
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*=========================================================================*/
/* header part (top and inner page)                                                                     */
/*=========================================================================*/
/*top*/
#top{
	background:url(../images/top_top_bg.jpg) repeat-x 0 0;
	}

#header_top{
	width:920px;
	position:relative;
	}
	#header_top *{
		margin:0;
		padding:0;
		}
	#header_top br{
		display:none;
		}
	#header_top .header_left{
		width:301px;
		padding:21px 0 16px 2px;
 	 	}
		#header_top .site_search{
			position:absolute;
			top:21px;
			right:200px;
			}
		#header_top .site_search_form{
			position:absolute;
			top:14px;
			right:0px;
			}
		#header_top .header_link_top{
			position:absolute;
			top:51px;
			right:0px;
			height:14px;
			}
			#header_top .header_link_top li{
				display:inline;
				padding-left:20px;
				}
			#header_top .header_link_top li img{	
				vertical-align:top;
				}
				
	#header_top ul.header_menu{
		padding:3px 0 0 5px;
		background:url(../images/top_header_bg.jpg) no-repeat 0 0 ;
		height:39px;
		}
	#header_top ul.header_menu li{
		float:left;
		padding-right:5px;		
		display:block;
		height:37px;
		}
		.r{
			margin-right:0;
			}

/*innerpage*/
.header{
	width:840px;
	position:relative;
	}
	.header *{
		margin:0;
		padding:0;
		}
	.header br{
		display:none;
		}
	.header .header_left{
		width:454px;
		padding:21px 0 9px 2px;
 	 	}
		.header .header_left .namechange{
			padding-top:4px;
			padding-left:1px;
			color:#0ba11f;
			font-family:"ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "ＭＳ Ｐゴシック", Osaka, sans-serif;
			line-height:1.5;
			}		
		.header .toppage{
			position:absolute;
			top:0px;
			right:1px;
			}
		.header .site_search{
			position:absolute;
			top:40px;
			right:200px;
			}
		.header .header_link_top{
			position:absolute;
			top:66px;
			right:1px;
			height:14px;
			}
			.header .header_link_top li{
				display:inline;
				padding-left:20px;
				}
			.header .header_link_top li img{	
				vertical-align:top;
				}
				
	.header ul.header_menu{
		padding:3px 0 0 5px;
		background:url(../images/header_bg.jpg) no-repeat 0 0;
		height:49px;
		margin-bottom:20px;
		}
	.header ul.header_menu li{
		float:left;
		margin-right:5px;		
		display:block;
		background-color:#b1ffab;
		}
		.r{
			margin-right:0;
			}
		.header_menu_bg{
			background:url(../images/top_bg.jpg) repeat-x 0 -78px;
			}

/*form part (common)*/
.new_sinfonia .site_search_form{
	position:relative;
	padding:8px 4px 0;
	height:30px;
	border:#ddd 1px solid;
	background-color:#eee;
	}
	.new_sinfonia .site_search_form form{
		margin:0;
		padding:0;
		}
	.new_sinfonia .site_search_input{
		width:153px;
		height:16px;
		padding:2px !important;
		border:#ccc 1px solid;
		}
	.new_sinfonia .site_search_btn{
		position:absolute;
		top:8px;
		left:167px;
		width:46px;
		height:22px;
		}


/*=========================================================================*/
/* footer                                                                  */
/*=========================================================================*/
#footerbox,
#footerbox_in {
	padding:25px 10px 0 10px;
	height:1%;
	font-family:"ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height:1.5;
	}
	#footerbox{
		width:900px;
		}
	#footerbox_in {
		padding:25px 0 0 0;
		}	
.footer_menu{
	position:relative;
	margin:0 0 8px;
	padding:4px 15px 3px;
	height:1%;
	background:#eee url(../images/footermenu_line.gif) no-repeat 15px center;
	}		
	.footer_menu li{
		float:left;
		margin:0;
		padding:0 10px;
		background: url(../images/footermenu_line.gif) no-repeat right center;
		display:block;
		}
	.footer_menu .pagetop{
		position:absolute;
		top:5px;
		right:15px;
		margin:0;
		padding:0;
		}

.footer_logo_proviso{
	width:auto;
	float:left;
	margin:0;
	padding:0 0 8px 13px;
	}		
.copyright{
	width:auto;
	color:#000;
	text-align:right;
	margin:0 10px 0 0;
	_margin:0 5px 0 0;
	}

a.footer_link:link, a.footer_link:visited{
	color: #000; text-decoration: none;
	}
a.footer_link:active, a.footer_link:hover{
	color: #000; text-decoration: underline;
	}

.yahoo-script{
	display:none;
	}


/*=========================================================================*/
/* Top                                                                     */
/*=========================================================================*/
#flash-area2010{
	margin-bottom:25px;
	}

.new_sinfonia .contents_top{
	margin:0 auto;
	width:920px;
	}
.new_sinfonia .topcontents-area{
	position:relative;
	width:894px;
	margin:0 auto;
	}

.top-center{
	width:504px;
	margin-left:200px;
	min-height:418px;
	height:auto !important;
	height:418px;
	}
	.title-whatsnew{
		border-bottom:solid 1px #00b110;
		width:504px;
		padding-bottom:1px;
		margin-bottom:1px;
		}
	.title-whatsnew ul{
		width:auto;
		position:absolute;
		top:0;
		right:190px;
		text-align:right;
		font-size:xx-small;
		line-height:0;
		}
	.title-whatsnew li{
		display:inline;
		
		}	
	.topnews{
		border:solid 1px #ddd;
		padding:15px 15px 8px;
		margin-bottom:10px;
		}
		.topnews dt{
			float:left;
			padding:0 20px 0 0;
			}
		.topnews dd{
			float:left;
			padding:0 0 7px 18px;
			background:url(../images/top_whatsnew_icon.gif) no-repeat 0 4px;
			width:350px;
			}
		.topnews a{
			color: #1d7fef;
			}				
	.products{
		padding:0;
		width:504px;
		}
		.products h2{
			margin-bottom:1px;
			}
		.products ul{
			padding:13px 0 2px 18px;
			border:solid 1px #ddd;
			}
		.products li{
			width:143px;
			float:left;
			background:url(../images/top_whatsnew_icon.gif) no-repeat 0 4px;
			padding:0 0 7px 18px;
			}
		.products li a{
			color:#000;
			}	
			
	.dayoff{
		float:right;
		margin:5px 0 4px 0;
		}				
		a:link.dayoff,
		a:visited.dayoff{
			color: #cc0000; text-decoration: none;
			}
		a:active.dayoff,
		a:hover.dayoff{
			color: #cc0000; text-decoration: underline;
			}

.banner-left{
	width:200px;
	position:absolute;
	top:0;
	left:0;
	}
	.banner-left li{
		padding-bottom:8px;
		}
	.banner-left li a img,.banner-right li a img{
		border:solid 1px #ddd;
		}
	.banner-left li a:hover img,.banner-right li a:hover img{
		border:solid 1px #00b110;
		}
.banner-right{
	width:190px;
	text-align:right;
	position:absolute;
	top:0;
	right:0;
	}
	.banner-right li{
		padding-bottom:10px;
		}



/*=========================================================================*/
/* In                                                                      */
/*=========================================================================*/
.new_sinfonia .contents{
	margin:0 auto;
	width:840px;
	}
.new_sinfonia #contents_in{
	float:left;
	width:600px;
	}
.new_sinfonia .mt_10{
	margin-top:10px;
	}



/*Return Top*/
/*-------------------------------------------------------------------- */
#return a{
	float:right;
	margin-top:54px;
	display:block;
	background:url(../images/return_top.gif) no-repeat 0 0;
	width:168px;
	height:16px;
	}


/*Right Menu*/
/*-------------------------------------------------------------------- */
#right {
	width: 220px;
	margin:0;
	padding:0;
	float: right;
	}

#right .banner{
	margin:10px 0 10px;
	padding:11px 15px;
	background-color:#eee;
	}
	#right .banner p{
		margin:0;
		padding:0;
		}
	#right .banner .frame{
		border:#ccc 1px solid;
		}

#right .banner-eco{
	margin:10px 0;
	padding:0;
	}
	#right .banner-eco a img{
		border:solid 1px #ddd;
		}
	#right .banner-eco a:hover img{
		border:solid 1px #00b110;
		}

#right ul.products_menu li{
	margin:1px 0 0 0;
	display:block;
	background-color:#b1ffab;
	list-style:none;
	}

#right .bannar2{
	margin:10px 0 0;
	padding:8px 11px 10px;
	background-image: url(../images/history-bg.jpg);
	}
	#right .bannar2 img{
		margin:0 0 1px;
		}
	#right .bannar2 p{
		margin:0;
		padding:0;
		}

/*　list Irregularity*/
/*------------------------------------- */
li.menu1{
	color: #000033;
	padding-bottom: 0.15em;
	padding-left: 14px;
	background-image: url(../images/arrow_g2.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.55em;
	}

ol#active li.menu2,ol#eco li.menu2{
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	padding-left: 12px;
	background-image: url(../images/arrow_g.gif);
	background-repeat: no-repeat;
	background-position: 0.3em 0.55em;
	}


/*Left*/
/*-------------------------------------------------------------------- */
div#left {
	margin:0;
	float: left;
	width:610px;
	}

/*logomark proviso*/
.logo_proviso{
	text-align:left;
	margin:10px 0 0 15px;
	}

/*companyname proviso*/
.name_proviso{
	text-align:left;
	margin:10px 100px 0;
	}
		
/*-------------------------------------------------------------------- */

/*footer*/
/*-------------------------------------------------------------------- */
.link-inquiry{
	text-align:center;
	padding:30px 0 30px;
	}

div#footerback {
	clear: both;
	width:auto;
	line-height: 200%;
	margin:0;
	padding:0;
	text-align:right;
	font-size:89%;
	}	
	div#footerback ul#backpart{
		margin:0 5px 0;
		float:right;
		/*Start hiding from IE Mac \*/
		margin:0 !important;
		/*Stop hiding from IE Mac */
		text-align:right;
		padding:0;
		}
		div#footerback  ul#backpart li{
			display:inline;
			}
			div#footerback  ul#backpart li a{
				width:auto;
				padding-left:14px;
				margin-right:1em;
				background: url(../images/arrow_g3.gif) no-repeat center left;
				}


/**/
.new_sinfonia #header img,
.new_sinfonia .header_right img,
.new_sinfonia #right img,
#hub img,
.new_sinfonia #header_top img,
.new_sinfonia .contents_top img,
.new_sinfonia .products img{
	border:none;
	vertical-align:bottom;
	}

.new_sinfonia h1,
.new_sinfonia .header_right ul.header_link li,
.new_sinfonia .header_right ul.header_link_top li,
.new_sinfonia ul.header_menu li,
.new_sinfonia .whatsnew .title_bar,
.new_sinfonia .contents_top h2,
.new_sinfonia ul.whatsnew_link li,
.new_sinfonia .products h2,
#right .bannar li{
	line-height:0;
	font-size:xx-small;
	}


/*font-size 98%*/
.name_proviso,
.logo_proviso{
	_font-size:75%;
	line-height:1.6;
	}
	*:first-child+html .name_proviso,
	*:first-child+html .logo_proviso{
		font-size:75%;
		}
	head~/* */body .name_proviso,
	head~/* */body .logo_proviso{
		font-size:75%;
		}
	html:not(:target) .name_proviso,
	html:not(:target) .logo_proviso{
		font-size:98%;
		}



/*font-size 100%*/
#footerbox_in .footer_menu li,
#footerbox .footer_menu li,
.new_sinfonia .whatsnew .newstext,
.dayoff,
#hub .news{
	_font-size:85%;
	}
	*:first-child+html #footerbox_in .footer_menu li,
	*:first-child+html #footerbox .footer_menu li,
	*:first-child+html .new_sinfonia .whatsnew .newstext,
	*:first-child+html .dayoff,
	*:first-child+html #hub .news{
		font-size:85%;
		}
	head~/* */body #footerbox_in .footer_menu li,
	head~/* */body #footerbox .footer_menu li,
	head~/* */body .new_sinfonia .whatsnew .newstext,
	head~/* */body .dayoff,
	head~/* */body #hub .news{
		font-size:84%;
		}
	html:not(:target) #footerbox_in .footer_menu li,
	html:not(:target) #footerbox .footer_menu li,
	html:not(:target) .new_sinfonia .whatsnew .newstext,
	html:not(:target) .dayoff,
	html:not(:target) #hub .news{
		font-size:12px;
		}

/*font-size 9*/
#footerbox_in .copyright,
#footerbox .copyright,
.footer_logo_proviso{
	font-size:70%;
	letter-spacing:-1px;
	}
	*:first-child+html #footerbox_in .copyright,
	*:first-child+html #footerbox .copyright,
	*:first-child+html .footer_logo_proviso{
		font-size:70%;
		letter-spacing:-1px;
		}
	head~/* */body #footerbox_in .copyright,
	head~/* */body #footerbox .copyright,
	head~/* */body .footer_logo_proviso{
		font-size:70%;
		letter-spacing:-1px;
		}
	html:not(:target) #footerbox_in .copyright,
	html:not(:target) #footerbox .copyright{
		font-size:9px;
		letter-spacing:-0.7px;
		}
	/*font-size 10 fon ff safari*/
	html:not(:target) .footer_logo_proviso{
		font-size:10px;
		letter-spacing:-0.3px;
		}




/*pdf_download*/
/*-------------------------------------------------------------------- */
.pdf-navi {
	height: 32px;
	width: 182px;
   }
	

/*　hub*/
/*------------------------------------- */
#hub h2{
	margin:0 0 2px 0;
	}

#hub .hub_btn{
	background:url(../images/bg_hub.gif) repeat-x;
	padding:26px 0 26px 17px;
	}

#hub h3{
	margin:20px 0 0 0;
	}

#hub .news{
	margin:1px 0 0 0;
	padding:10px 13px;
	border:#ddd 1px solid;
	}
	#hub .news table{
		border-collapse:collapse;
		border-spacing:0;
		}
	#hub .news th{
		font-weight:normal;
		white-space:nowrap;
		vertical-align:top;
		padding:0 0 8px 0;
		}
	#hub .news td{
		padding:0 0 8px 0;
		}
	#hub .news img{
		margin:0 13px 0 16px;
		}
	#hub .news a:link,
	#hub .news a:visited{
		color: #1d7fef; text-decoration: none;
		}
	#hub .news a:active,
	#hub .news a:hover{
		color: #1d7fef; text-decoration: underline;
		}



#hub #btn_l{
	margin:0 11px 0 0;
	}

/* ecology */
.ecology-ecoing{
	margin:10px 0 25px 0;
	position:relative;
	padding:0 0 0 1em;
	width:535px;
	text-align:left;
	}
	.ecology-ecoing span{
		position:absolute;
		top:0;
		left:0;
		width:1em;
		}

.ecology-ecoing{
	_font-size:88%;
	}
	*:first-child+html .ecology-ecoing{
		font-size:88%;
		}
	head~/* */body .ecology-ecoing{
		font-size:88%;
		}
	html:not(:target) .ecology-ecoing{
		font-size:10px;
		}
