@charset "utf-8";

/* OHSAWA_KOMUTEN TOP.CSS  */


/*--------------------------------------
*	
*	00.BASIC_STRUCTURE
*	01.PROMO_AREA
*	02.CONTENT
*	03.FOOTER
*
*--------------------------------------*/


/**-------------------------------------
	00.BASIC_STRUCTURE
---------------------------------------**/

body
{
	background: url(../images/top_bg.jpg) repeat-x;
	text-align: center;
}

h1
{
	margin: 0 0 20px 10px;
}

* html h1 img
{
	behavior: expression(IEPNGFIX.fix(this));
}

#container
{
	margin: 0 auto;
	width: 800px;
	text-align: left;
}

/**-------------------------------------
	01.PROMO_AREA
---------------------------------------**/

div#promoArea
{
	margin-bottom: 30px;
	width: 100%;
	height: 540px;
}

div#altPromoArea
{
	margin: 0 auto 30px;
	width: 800px;
	height: 540px;
	text-align: left;
}

#header
{
	padding: 20px 0 0 0;
	width: 800px;
	height: 540px;
	background: url(../images/alt_promo.jpg) no-repeat;
}

ul#gNav
{
	margin: 406px 0 0 0;
	padding: 0 0 0 20px;
	height: 64px;
	background: url(../common/images/g_nav_bg.png) repeat-x;
	overflow: hidden;
}

* html ul#gNav
{
	behavior: expression(IEPNGFIX.fix(this));
}

ul#gNav li
{
	float: left;
	margin: 0 20px 0 0;
	width: 175px;
	height: 64px;
}

ul#gNav li a
{
	outline: none;
}

/**-------------------------------------
	02.CONTENT
---------------------------------------**/

div#content
{
	padding: 0 20px;
	width: 760px;
	font-size: 92%;
	color: #5E5E5E;
}

div#content a
{
	color: #5E5E5E;
	text-decoration: underline;
}
div#content a:hover
{
	color: #878787;
	text-decoration: underline;
}

div#headline
{
	float: left;
	margin: 0 0 45px 0;
	width: 540px;
}

div#bannerArea
{
	float: right;
	margin: 0 0 45px 0;
	width: 200px;
}

#newsArea h2
{
	margin: 0 0 14px 0;
}

#blogArea dl
{
	margin: 14px 0 24px 0;
}

#headline dt
{
	clear: left;
	float: left;
	padding: 0 26px 9px 19px;
	background: url(../images/list_head.png) no-repeat left 0.25em;
}

#headline dd
{
	padding: 0 0 9px 0;
}

/**-------------------------------------
	03.FOOTER
---------------------------------------**/

div#outerFooter
{
	clear: both;
	background: url(../images/footer_bg.png) repeat-x;
}

#footer
{
	clear: both;
	margin: 0 auto;
	padding: 0 20px;
	width: 760px;
	height: 80px;
	background: url(../images/footer_bg.png) repeat-x;
	text-align: left;
}

p#fTelNum
{
	float: left;
	width: 140px;
	height: 40px;
}

ul#fNav
{
	padding: 0 0 0 465px;
}

ul#fNav li
{
	float: left;
	padding: 6px 0 0 0;
}

ul#fNav li a
{
	outline: none;
}

li#fNav01,
li#fNav02
{
	margin-right: 15px;
}

#footer address
{
	clear: both;
}








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

	MODULES
	
---------------------------------------**/

p.left
{
	float: left;
}

p.right
{
	float: right;
}

p.text
{
	margin: 0 0 1.4em 0;
	font-size: 92%;
}


/*---------------------------------------
	MO_01.CLEARFIX
---------------------------------------**/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/* \*/
* html .clearfix{ 
	height:1%;
}
/* */

/*---------------------------------------
	MO_02.TEXT
	
	Font-size Adjustment.
	
	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	| 
---------------------------------------**/

* {
	font-size: 100%;
	font-style: normal;
}

body {
	line-height: 1.7;
	color: #464646;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/*---------------------------------------
	MO_03.LIST
---------------------------------------**/

ul,
ol,
dl
{
	list-style-position:outside;
}