@charset "utf-8";

/* ##############################################################

#FILE_DESCRIPTION {
	--------------------------------------------
	#filename	: style.css;
	#author     : #Shigemi_Uehala;
	#version    : 1.0;
	#last update: 20100120 #Shigemi_Uehala;
	
	”ページ”用スタイル
	--------------------------------------------
}

#CONTENT {
	--------------------------------------------
	- index.html
		- Eye Cacth
		- News Log
		- Product List Section
		
	- access.html
		- Google Maps
	--------------------------------------------
}

#FONT_SIZE {
	--------------------------------------------
	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|
	--------------------------------------------
}

############################################################## */


/* ==============================================================

	[ index.html ]
	
============================================================== */
/* -----------------------------------
	Eye Cacth
	- アイキャッチイメージ
----------------------------------- */
body#HOME .eyeCatch {
	background: url(../img/contents_eyecatch_bg.gif) repeat-x left top;
}

/* -----------------------------------
	News Log
	- 新着情報
----------------------------------- */
body#HOME #newsSect dl.dateList {
	_zoom: 1;
	overflow: hidden;
	padding: 0 0 20px;
	}
	
	body#HOME #newsSect dl.dateList {
		margin: 0;
		padding: 0;
	}
	
	body#HOME #newsSect dl.dateList dt {
		clear: both;
		float: left;
		width: 8.4em;
		_width: 7.5em;
		padding: 5px 0 5px 5px;
	}
	
	body#HOME #newsSect dl.dateList dd {
	padding: 5px;
	padding-left: 9.4em;
	_padding-left: 8em;
	border-bottom: 1px dotted #7C7C7C;
}


/* -----------------------------------
	Product List Section
	- 製品一覧
----------------------------------- */
body#HOME div#productSect {
	background: url(../../common/img/common_bg-stripe.gif) repeat left top #E7E7E7;
}

body#HOME div#productSect h2 {
	background: none;
	border: none;
	padding: 10px 0 0 15px;
}

body#HOME div#productSect ul {
	padding: 0 0 10px 10px;
	}
	
	body#HOME div#productSect ul li {
		padding: 10px 10px 10px 100px;
		width: 198px;
		border: solid 1px #9daaba;
		position: relative;
		background-color: #fff;
		min-height: 70px;
		height: auto !important;
		height: 70px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	body#HOME div#productSect ul li h3 {
		padding-bottom: 3px;
		margin-bottom: 3px;
		border-bottom: dotted 1px #aaa;
		font-size: 92%;
		font-weight: bold;
	}
	body#HOME div#productSect ul li h3 a {
		padding-left: 10px;
		background: url(../../common/img/common_icon-arrow2.gif) no-repeat left .4em;
	}
	body#HOME div#productSect ul li img {
		position: absolute;
		top: 10px;
		left: 10px;
	}
	body#HOME div#productSect ul li p {
		font-size: 85%;
		line-height: 1.5;
		letter-spacing: -.1em;
	}
	


/*
body#HOME div#productSect ul {
	margin-left: 10px;
}

body#HOME div#productSect li {
	float: left;
	margin: 0 10px 10px 0;
}
*/


/* ==============================================================

	[ access.html ]
	
============================================================== */
/* -----------------------------------
	Google Maps
	- 地図
----------------------------------- */
body#ACCESS #mainCintents div.gMap {
	height: 400px;
}

body#ACCESS #mainCintents div.info {
	margin: 20px 0;
	}
	body#ACCESS #mainCintents div.info table,
	body#ACCESS #mainCintents div.info p {
		margin: 10px 0;
	}
	body#ACCESS #mainCintents div.info div.info {
	margin: 10px 0;
	background-color: #F2ECD6;
	padding: 10px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	body#ACCESS #mainCintents div.info div.info p.ar a {
		display: inline-block;
		padding: .2em .5em;
		background-color: #057119;
		color: #fff;
	}