@charset "utf-8";
/*----------------------------------------------------------------------------------------*
*　■内外電機　基本デザイン
*
*		更新日：		2008.03.04
*		更新者：		tsubo
*
*-----------------------------------------------------------------------------------------*/

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../img/base/back_main.jpg);
}



/*---------------------------------------------------------------------
　■サイト囲い
-----------------------------------------------------------------------*/
#Prop{
	background: url(../img/base/back_gradation.jpg) repeat-x;
}

#Wrapper{
	text-align: left;
	width: 790px;
	margin: 0 auto;
}



/*---------------------------------------------------------------------
　■ヘッダー
-----------------------------------------------------------------------*/
#Header{
	padding: 20px 10px 25px 10px;
	background: url(../img/base/container_top.jpg) no-repeat left bottom;
}

#logo{
	width: 215px;
	float: left;
}
#logo a{
	display: block;
	width: 215px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/base/site_logo.gif) no-repeat;
}
#inquiry{
	width: 126px;
	float: right;
	margin-left: 10px;
}
#search{
	float: right;
	margin-top: 5px;
}
#search input.textInputArea{
	font-size: 10px;
	color:#666;
	
	height:18px;
	width: 120px;
	border: 0 none;
	margin: 0;
	padding-left: 30px;
	padding-top: 3px;
	vertical-align: middle;
	
	background: url(../img/base/search_area.jpg) no-repeat left top;
}
/* Hack for IE */
* html #search input.textInputArea{
	width: 150px;
	background-attachment: fixed;
}
#search input.submitButton{
	height:17px;
	width: 53px;
	vertical-align: middle;
	background: url(../img/base/btn_serch.jpg) no-repeat;
}




/*---------------------------------------------------------------------
　■グローバルナビ
-----------------------------------------------------------------------*/
#Navigation{
	clear:both;
	padding-bottom: 15px;
	padding: 5px 10px 9px 10px;
	background: url(../img/base/container_back_1.jpg) repeat-y;
}
#Navigation ul{
	width: 770px;
	height:42px;
	list-style: none;
	background: url(../img/base/navi_back.jpg) no-repeat;
}
#Navigation ul li{
	float: left;
}
#Navigation ul li a{
	display: block;
	width: 117px;
	height: 39px;
	text-indent: -9999px;
}

#Navigation ul li#navi_Home a{
	background-image: url(../img/base/btn_home.jpg);
}
#Navigation ul li#navi_Home_on a{
	background-image: url(../img/base/btn_home.jpg);
	background-position: 0px -39px;
}

#Navigation ul li#navi_Product a{
	background-image: url(../img/base/btn_product.jpg);
}
#Navigation ul li#navi_Product_on a{
	background-image: url(../img/base/btn_product.jpg);
	background-position: 0px -39px;
}

#Navigation ul li#navi_Cpmpany a{
	background-image: url(../img/base/btn_company.jpg);
}
#Navigation ul li#navi_Cpmpany_on a{
	background-image: url(../img/base/btn_company.jpg);
	background-position: 0px -39px;
}

#Navigation ul li#navi_Eco a{
	background-image: url(../img/base/btn_eco.jpg);
}
#Navigation ul li#navi_Eco_on a{
	background-image: url(../img/base/btn_eco.jpg);
	background-position: 0px -39px;
}

#Navigation ul li#navi_Material a{
	background-image: url(../img/base/btn_material.jpg);
}
#Navigation ul li#navi_Material_on a{
	background-image: url(../img/base/btn_material.jpg);
	background-position: 0px -39px;
}

#Navigation ul li#navi_Tech a{
	background-image: url(../img/base/btn_tech.jpg);
}
#Navigation ul li#navi_Tech_on a{
	background-image: url(../img/base/btn_tech.jpg);
	background-position: 0px -39px;
}



/*---------- 未使用 ここから ----------*/
#Navigation ul li#navi_Material a{
	background-image: url(../img/base/btn_material.jpg);
}
#Navigation ul li#navi_Material_on a{
	background-image: url(../img/base/btn_material.jpg);
	background-position: 0px -39px;
}
/*---------- 未使用 ここまで ----------*/


#Navigation ul li#navi_QandA a{
	background-image: url(../img/base/btn_q_a.jpg);
}
#Navigation ul li#navi_QandA_on a{
	background-image: url(../img/base/btn_q_a.jpg);
	background-position: 0px -39px;
}

#Navigation ul li a:hover{
	background-position: 0px -39px;
}



/*---------------------------------------------------------------------
　■メインビジュアル
-----------------------------------------------------------------------*/
#MainVisual{
	clear: both;
	padding: 6px 15px 20px 15px;
	background: url(../img/base/container_back_1.jpg) repeat-y;
}
#FlashArea{
	float: right;
	
	width: 563px;
	height: 263px;
	line-height: 263px;
	text-align: center;
	background: #efefef;
}
#BannerArea{
	float: left;
}
#BannerArea ul{
	list-style: none;
}
#BannerArea ul li{
	margin:4px 0 0 0;
}
#BannerArea ul li.firstChild{
	margin-top: 0;
}



/* ウェブカタログ専用 */
#BannerArea li#web-catalog a{
	display: block;
	height: 85px;
	width: 185px;
	text-indent: -9999px;
	background-image: url(../img/index/bnr_web_catalog.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#BannerArea li#web-catalog a:hover{
	background-position: right top;
}


/*---------------------------------------------------------------------
　■パンくずリスト
-----------------------------------------------------------------------*/
#TopicPath{
	clear: both;
	font-size: 11px;
	padding: 0 15px 9px 20px;
	background: url(../img/base/container_back_1.jpg) repeat-y;
}




/*---------------------------------------------------------------------
　■コンテンツ
-----------------------------------------------------------------------*/
#Contents{
	clear: both;
	padding: 0 15px;
	background: url(../img/base/container_back_2.jpg) repeat-y;
}





/*メイン
--------------------------*/
#MainArea{
	width: 563px;
	float:right;
	line-height: 1.3em;
	letter-spacing: 0.05em;
}



/*サイド
--------------------------*/
#SideArea{
	width:169px;
	float: left;
	font-size: 10px;
	padding: 0 8px;
	margin: 8px 0
}
* html #SideArea{
	width: 175px;
}

#sideMenu,
#bannerArea,
#recruit,
#support,
#supplier{
	margin-bottom: 20px;
}
#recruit h3,
#support h3,
#supplier h3,
#quality h3{
	margin-bottom: 4px;
	height: 17px;
	text-indent: -9999px;
}
#recruit p,
#support p,
#supplier p{
	margin-top: 3px;
}


#sideMenu h3{
	margin-bottom: 2px;
}
#sideMenu ul{
	padding-bottom: 13px;
	background: url(../img/base/sidemenu_back.gif) no-repeat left bottom;
}
#sideMenu li{
	list-style: none;
	padding-bottom: 2px;
}
#sideMenu li a{
	display: block;
	height:26px;
	width:170px;
	line-height: 26px;
	font-size: 1.2em;
	text-decoration: none;
	text-indent: 20px;
	background: url(../img/base/btn_side_menu.jpg) no-repeat;
}
#sideMenu li a:hover{
	color: #fff;
	background-position: 0px -26px;
}
#sideMenu li a.on{
	color: #fff;
	background-position: 0px -26px;
}


/*-- 小階層メニュー --*/
#sideMenu ul ul{
	margin-left: 6px;
	padding-bottom: 0;
	background: none;
}
#sideMenu ul ul li{
	margin:8px 0;
	padding: 0;
}
#sideMenu ul ul li a{
	height: auto;
	width: auto;
	line-height: 1em;
	margin:0;
	padding:0;
	background: url(../img/base/side_tree.gif) no-repeat left top;
	
	text-indent: 0;
	padding-left: 20px;
}
#sideMenu ul ul li a:hover{
	color: #666;
	background-position: left top;
}





#bannerArea li{
	list-style: none;
	margin-bottom: 6px;
}
#bannerArea li.special{
	margin-top: 18px;
}

#recruit h3{
	background: url(../img/base/side_recruit.jpg) no-repeat;
}
#support h3{
	background: url(../img/base/side_support.jpg) no-repeat;
}
#supplier h3{
	background: url(../img/base/side_supplier.jpg) no-repeat;
}
#quality{
	margin-top: 25px;
	padding-top: 12px;
	border-top: 1px dotted #999;
}
#quality h3{
	background: url(../img/base/side_quality.jpg) no-repeat;
}
#quality img{
	display: block;
	text-align: center;
	margin: 0 auto 4px auto;
}


/*■サイドエリア修正　2008.06.20
-----------------------------------------------------------------------*/
#recruit:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
}
#recruit{
	float: left;
	display: inline-table;
	min-height: 1%; /* IE 7対策 */
}

/* Hides from IE-mac \*/
* html #recruit { height: 1%; }
#recruit { display: block; }
/* End hide from IE-mac */



/*---------------------------------------------------------------------
　■フッター
-----------------------------------------------------------------------*/
#Footer{
	clear: both;
	text-align: center;
	padding: 20px 0;
	font-size: 10px;
	background: url(../img/base/container_bottom.jpg) no-repeat left top;
}

#Footer ul{
	list-style: none;
}
#Footer li{
	display: inline;
	padding:0 0.5em;
	border-left: 1px solid #333;
}
#Footer li.firstChild{
	border: 0 none;
}

#GrobalNavi{
	margin-bottom: 6px;
}
#LocalNavi{
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
}


#Footer address{
	font-family: "Verdana", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}








/*EOF*/