@charset "utf-8";
/* CSS Document */

/*--------------------------------------
	
	1. common setting
	2. navigation
	3. main_image
	4. contents
		4-1. column_right
		4-2. menu
	5. footer
	
----------------------------------------*/

/*
 1. common setting----------------------*/

*{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	border-style: none;
	list-style-type: none;
}

body,p,th,td,dt,dd{
	font-size: 12px;
	color: #666666;
}

body{
	background: #f0f1f2;
}

#wrapper{
	margin: 0px auto;
	background: url(../img/wrapper_shadow.gif) repeat-y center top;
	width: 766px;
}

#main_image{
	width: 733px;
	margin-left: 16px;
}

a:link,
a:visited{
	font-weight: bold;
	color: #1f75a7;
}

a:hover{
	color: #AE230F;
}


/*
 2. navigation----------------------*/

#navigation{
	background: url(../img/navi_bg.gif) no-repeat left top;
	padding: 35px 0px 0px 16px;
}

#navigation ul{
	background: url(../img/navi_ul_bg.gif) no-repeat left top;
	height: 32px;
	margin: 0px 0px 4px;
	padding-left: 30px;
}

#navigation li{
	float: left;
}

/*
 3. main_image----------------------*/

#main_image{
	margin-bottom: 13px;
	width: 740px;
}

#main_image h2{
	display: none;
}

/*
 4. contents----------------------*/

#contents{
	padding: 0px 8px;
	background: url(../img/contents_bg.gif) repeat-y 230px top;
}

#contents td{
	vertical-align: top;
}

/*
 4-1. column_right -----------*/


#column_right{
	background: url(../img/c_right_bg.gif) no-repeat left bottom;
	width: 527px;
}

#column_right p#position{
	background: url(../img/position_bg.gif) no-repeat left top;
	width: 501px;
	padding: 15px 5px 0px 20px;
	font-weight: bold;
	line-height: 1.6em;
}

/* article */

#article{
	padding: 18px 29px 14px;
	width: 470px;
	background: url(../img/position_line.gif) no-repeat 8px top;
	margin-top: 5px;
}

#article h3{
	margin-bottom: 8px;
	font-size: 12px;
}

/*
 4-2. menu -----------*/

#menu{
	padding: 8px 0px 45px 8px;
	width: 214px;
	background: url(../img/menu_bg.gif) no-repeat left bottom;
}

#menu a:link,
#menu a:visited{
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

#menu a:hover{
	color: #1f75a7;
	font-weight: normal;
	text-decoration: underline;
}

#menu p{
	margin-bottom: 9px;
}

#menu ul{
	margin: 0px 0px 16px 5px;
}

#menu li{
	background: url(../img/menu/list_01.gif) no-repeat left top;
	padding-left: 16px;
	margin-bottom: 3px;
}

#menu dl{
	margin: 0px 0px 16px 5px;
}

#menu dt{
	background: url(../img/menu/list_01.gif) no-repeat left top;
	padding-left: 16px;
	margin-bottom: 7px;
}

#menu dt.company{
	color: #e39220;
	font-weight: bold;
	margin-bottom: 7px;
	background: none;
	padding-left: 0px;
}

#menu .company a:link,
#menu .company a:visited{
	color: #e39220;
	font-weight: bold;
	margin-bottom: 7px;
	background: none;
	padding-left: 0px;
}

#menu .company a:hover{
	color: #AE230F;
	font-weight: bold;
	margin-bottom: 7px;
	background: none;
	padding-left: 0px;
}



#menu dd{
	background: url(../img/menu/list_02.gif) no-repeat left 4px;
	padding-left: 12px;
	margin: 0px 0px 5px 14px;
}

#menu ul.opa{
	margin: 4px 0px 3px 12px;
}

#menu .opa li{
	background: url(none);
	margin-bottom: 3px;
	list-style-type: square;
	padding-left: 0px;
	color: #FF9900;
}


/*
 5. footer ----------------------*/

#footer{
	background: #1377b0 url(../img/footer_bg.gif) no-repeat left bottom;
	text-align: right;
	padding: 4px 32px 24px 0px;
}

#footer p{
	color: #FFFFFF;
	height: 31px;
	line-height: 31px;
}

#footer p.logo{
	float: right;
	margin-left: 8px;
}


/*****************ここからメニュー*******************/
#nav{
	font-size:12px;
	position:relative;
}

/* Products */
#nav li.noneP{
    position:relative;
	float:left;
	overflow:hidden;
	width:99px;
	height:32px;
	display:block;
	background: url(../img/navi_products.gif) no-repeat;
}
#nav li.noneP2{
    position:relative;
	float:left;
	overflow:hidden;
	width:99px;
	height:32px;
	display:block;
	background: url(../img/navi_products_on.gif) no-repeat;
}
#nav li.blockP{
    position:relative;
	width:99px;
	height:32px;
	display:block;
	background: url(../img/navi_products_on.gif) no-repeat;
}

#nav li ol.subP{
    position:absolute;
	top:32px;
	left:0px;
	overflow:hidden;
	width:170px;
	background:#dfe1e2;
	border:#999999 solid;
	border-width:1px 1px 0px 1px;
}
#nav li ol.subP a{
    display:block;
	text-decoration:none;
    width:170px;
	padding:2px 2px 2px 10px;
	text-align:left;
	vertical-align:middle;
	color:#666666;
	border:#999999 solid;
	border-width:0px 0px 1px 0px;
}
#nav li ol.subP a:hover{
    width:170px;
    background-color:#f2f4f4;
	text-decoration:none;
	color:#666666;
}

/* Contact */
#nav li.noneCon{
    position:relative;
	float:left;
	overflow:hidden;
	width:102px;
	height:32px;
	display:block;
	background: url(../img/navi_contact.gif) no-repeat;
}
#nav li.blockCon{
    position:relative;
	width:102px;
	height:32px;
	display:block;
	background: url(../img/navi_contact_on.gif) no-repeat;
}
#linkCon{
    position:relative;
	width:102px;
	height:32px;
}
/*****************ここまでメニュー*******************/