@charset "UTF-8";
/* ========================================================================================= */
/* [ Jungle トップページ用 CSS ]
/*
/* (c)2008 Jungle, Inc. All Rights Reserved.
/* ========================================================================================= */

body {
	text-align:center;
}

#container {
	margin: 0 auto;
}

	#header_menu {
		width: 582px;
		margin : 0;
	}


	#header_language {
		float:right;
		display:inline;
		width:115px;
	}
	
	#header_language a{
		display:block;
		overflow: hidden;
		text-indent:-9999px;
	
		background:url(../../common/images/header3/english.gif) no-repeat top left;
		width:115px; height:25px;
	}
	
	#header_language a:hover { background-position: 0 -25px; }


	#cmenu {
		width: 450px;
		margin : 7px 0 0 0;
	}
	
		#cmenu a {
			margin-left:15px;
		}

	#search_box {
		width: 570px;
		margin : 4px 0 0 0;
	}



/* ----- トップページ画像 ----- */
#topimage {
	clear:both;
}

#contents {
	margin:0 auto;
	text-align:left;
	width: 760px;
	overflow: hidden;
	background:url(../images/bg_contents.gif) repeat-y 0 0;
}

	/* ページ上部へ戻る */
	#contents .page_up {
		clear:both;
		margin:0 0 5px 0;

	}

	#contents ul{ margin: 0; }
	#contents ul li{ margin: 0; }



#left {
	float: left;
	width: 150px;
	display:inline;
}

	/* ----- お客様別窓口 ----- */
	#guide{
		margin: 0 0 10px 0;
		padding: 10px 0 0 0;
		text-align:center;
	}
	
		#guide h2{
			margin: 0 0 7px 0;
		}


#main {
	float: right;
	width: 600px;
	display:inline;
}

		/* ----- 新製品ラインアップ ----- */
		#news{
			margin: 10px 0 10px 0;
			padding: 0;
		}
		
			#news h2{
				margin: 0 0 5px 0;
			}

			#news h3{
				font-weight: bold;
			}

			#news #imp2{
				border: solid 1px #FFCC00;
				background: #FFFFCC;
				padding: 10px;
				margin: 0 0 8px 0;
			}

			#news #listticker{
				height:100px;
				width:600px;
				overflow:hidden;
			}
	
			#news ul#listticker{
				margin: 0 0 10px 0;
				border-bottom:1px #CCCCCC solid;
			}
	
			#news #listticker li{
				margin: 0 10px 5px 10px;
				line-height:1.3em;
			}


			#news ul#imp{	/* 重要項目追加時 */
				margin: 0 0 10px 0;
				border-bottom:1px #CCCCCC solid;
			}
			#news #imp li{
				margin: 0 10px 5px 10px;
				line-height:1.3em;
			}
	

			#news .banner{
				width:600px;
				overflow: hidden;
				margin: 0 0 8px 0;
			}
		
				#news .banner .banner_l2{
					width:360px;
					float:left;
					display:inline;
		
				}
				
				#news .banner .banner_r2{
					width:234px;
					float:right;
					display:inline;
				}

				#news .banner .banner_l3{
					width:297px;
					float:left;
					display:inline;
		
				}
				
				#news .banner .banner_r3{
					width:297px;
					float:right;
					display:inline;
				}


		#newlist h2{
			margin: 0 0 7px 0;
		}




	/* ----- 新製品ラインアップ ----- */
	#newlist{
		margin: 0 0 10px 0;
		padding: 0;
	}

		#newlist h2{
			margin: 0 0 7px 0;
		}

		#newlist .banner{
			width:600px;
			overflow: hidden;
			margin: 0 0 12px 0;
		}
	
			#newlist .banner .banner_l2{
				width:360px;
				float:left;
				display:inline;

			}
			
			#newlist .banner .banner_r2{
				width:234px;
				float:right;
				display:inline;
			}

		#newlist h2{
			margin: 0 0 10px 0;
		}

		#newlist .box{
			width:600px;
			margin: 0 0 10px 0;
			padding-bottom:15px;
			background:url(../images/newlist_bg.gif) no-repeat left bottom;
		}
			#newlist .item{
				width:600px;
				overflow: hidden;
			}

			#newlist .item_l{
				float:left;
				width:295px;
				display:inline;
			}

			#newlist .item_r{
				float:left;
				width:295px;
				display:inline;
				margin-left:5px;
			}

			#newlist .pkg{
				float:left;
				width:90px;
				display:inline;
				text-align:center;
			}

			#newlist .status{
				float:right;
				width:200px;
				display:inline;
			}

				#newlist h3{
					margin: 0 0 5px 0;
					font-weight:bold;
					line-height: 1.3em;

				}
		
				#newlist p{
					line-height: 1.3em;
					color:#555555;
				}


	#center {
		float: left;
		width: 395px;
		margin: 0 0 10px 0;
	}

		#info_list{
			width: 395px;
			margin: 10px 0 20px 0;
		}
		
			#info_list h2{

			}
			
			#info_list p{
				padding: 5px;
				line-height:1.3em;
				border-bottom: 1px solid #CCCCCC;
			}
	
	
		#inportant_list{
			width: 395px;
			margin: 0 0 20px 0;
		}
		
			#inportant_list h2{
			}
			
			#inportant_list p{
				padding: 5px 0;
				margin: 0 5px;
				line-height:1.3em;
			}
	
			#inportant_list .scroll_area{
				border-left: 1px solid #CCCCCC;
				border-right: 1px solid #CCCCCC;
			}
	
		#center .banner{
			margin: 0 0 10px 0;
		}




	#right {
		float: right;
		width: 200px;
		margin: 0 0 10px 0;
	}
	
		#right .js{
			margin: 0 0 10px 0;
		}
	
		#right #blog{
			margin: 0 0 15px 0;
		}
	
			#right #blog h3{
				margin-bottom:2px;
			}
	
			#right #blog p{
				text-align:right;
				margin: 0 0 20px 0;
			}
		
			#right #blog ul{
				margin-bottom:5px;
0			}
		
			#right #blog ul li{
				line-height:1.2em;
				padding:5px;
				list-style:none;
				border-bottom: 1px dotted #CCCCCC;
			}
	
		#right .banner{
			margin: 0 0 15px 0;
			text-align: right;
		}
	
			#right .banner a{
				display:block;
				margin: 0 0 10px 0;
			}

.clear {
	height: 0;
	font-size: 0;
	clear: both;
	}

#notice_tm {
	clear:both;
	margin:0 0 30px 0;
}

	#notice_tm li{
		margin: 0 0 5px 0;
		font-size:85%;
		*font-size:77%;
		font-family: "Verdana";
	}





/*********************************************************************************************/