@charset "shift_jis";

/*-----------------------------------すべての要素を初期化*/
/*  
Copyright (c) 2006, Yahoo! Inc. All rights reserved.  
Code licensed under the BSD License:  
http://developer.yahoo.net/yui/license.txt  
version: 0.10.0  
*/  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  
html { height: 100%; margin-bottom: 1px; }
table{border-collapse:collapse;border-spacing:0;}  
fieldset,img{border:0;}  
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}  
ol,ul {list-style:none;}  
caption {text-align:left;}
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; }
input,textarea,select { *font-size: 100%; }
input { _margin: -1px 0; }  
sup,sub { vertical-align: baseline; position: relative; }
sup { top: -4px }
sub { top: 4px }
th { vertical-align: top; font-weight: normal; text-align: left; }
td { vertical-align: top; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
hr { display: none;}
/*-----------------------------------clearfixハック*/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/*-----------------------------------回り込み解除*/
.clearBoth { clear: both; }
/*-----------------------------------基本セッティング*/
body{ font:12px "ＭＳ Ｐゴシック", "Osaka",arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; color: #333; background-color: #eef9e5; }
a{ outline : 0 ;}
a {	color: #0A51A1; text-decoration: none; }
a:hover { color: #0A51A1; text-decoration: underline; }
td,th,li,p { line-height: 1.4; }
strong,em { font-weight: bold; }
/*-----------------------------------マージン*/
.marT5 { margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT20 { margin-top: 20px; }
.marB10 { margin-bottom: 10px; }
.marR10 { margin-right: 10px; }
/*-----------------------------------線*/
.bdrTop { border-top: 1px solid #999; }
/*-----------------------------------テキスト位置*/
.fRight { float: right;}
.fLeft { float: left;}
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.center { text-align: center; }
/*-----------------------------------リスト*/
.list01 li{	list-style-position: outside; list-style-type: disc; margin: 0 0 0 25px;}
.list02 li{	list-style-position: outside; list-style-type: disc; margin: 0 0 0 20px;}
.list03 li{
	list-style-position: outside;
	list-style-image: url(../images/circle02.gif);
	margin-left: 25px;
}
.list04 li{	list-style-position: outside; list-style-type: decimal; margin: 0 0 0 20px;}

/*-----------------------------------フォント設定*/
.normal { color: #333; font-weight: normal; }
.must { color: #ff0000; font-weight: bold; }
.bold { font-weight: bold; }
.color01 { color: #ff0000; }
/*-----------------------------------外枠*/
#wrapper {
	width:750px;
	margin: 0 auto;
	margin-top: 10px;
	position: relative;
	border: 1px solid #999;
	background-color: #fff;
}
/*-----------------------------------ヘッダー*/
#header {
	width:750px;
	height: 54px;
	position: relative;
	background: url(../images/header.gif) repeat-x;
}
#header h1{
	position: absolute;
	top: 28px;
	left: 10px;
}
#header h2{
	position: absolute;
	top: 33px;
	left: 595px;
}
#index #wrapper #header {
	width:750px;
	height: 50px;
	position: relative;
	background: url(../images/header.gif) repeat-x;
}

/*-----------------------------------フッター*/
#footer {
	width:740px;
	height: 20px;
	padding: 0 10px 0 0;
	border-top: 1px solid #ff0000;
}
#footer p{
	text-align: right;
}
/*-----------------------------------メインエリア*/
#container {
	margin: 5px 0;
}
#container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#container {display: inline-block;}
/* Hides from IE-mac \*/
* html #container {height: 1%;}
#container {display: block;}
/* End hide from IE-mac */


/*-----------------------------------グローバルナビゲーション*/
#navBox {
	width: 185px;
	padding-left: 8px;
	float: left;
}
#nav {
	width: 185px;
	background: url(../images/nav_header.gif) no-repeat top;
	padding-top: 6px;
}
.navFooter {
	width: 185px;
	height: 17px;
	background: url(../images/nav_footer.gif) no-repeat top;
}
#nav ul{
	width: 179px;
	padding-left: 6px;
	position: relative;
	background: url(../images/nav_main.gif) repeat-y;
}
#nav li{
	display:block;
	text-indent: -9999px;
	list-style-type: none;
}
#nav li a{
	display:block;
	height: 30px;
	width: 171px;
	text-decoration: none;
}
#nav li#navIndex a{ background: url(../images/nav.gif) no-repeat 0px 0px;}
#nav li#navIndex a:hover{ background: url(../images/nav.gif) no-repeat -171px 0px; }

#nav li#navPhilosophy a{ background: url(../images/nav.gif) no-repeat 0px -30px;}
#nav li#navPhilosophy a:hover{ background: url(../images/nav.gif) no-repeat -171px -30px; }
#nav li#navCompany a{ background: url(../images/nav.gif) no-repeat 0px -60px; }
#nav li#navCompany a:hover{ background: url(../images/nav.gif) no-repeat -171px -60px; }
#nav li#navOrganization a{ background: url(../images/nav.gif) no-repeat 0px -90px; }
#nav li#navOrganization a:hover{ background: url(../images/nav.gif) no-repeat -171px -90px; }
#nav li#navItem a{ background: url(../images/nav.gif) no-repeat 0px -120px; }
#nav li#navItem a:hover{ background: url(../images/nav.gif) no-repeat -171px -120px; }
#nav li#navIso a{ background: url(../images/nav.gif) no-repeat 0px -150px; }
#nav li#navIso a:hover{ background: url(../images/nav.gif) no-repeat -171px -150px; }
#nav li#navInquiry a{ background: url(../images/nav.gif) no-repeat 0px -180px; }
#nav li#navInquiry a:hover{ background: url(../images/nav.gif) no-repeat -171px -180px; }

#subnav {
	width: 185px;
	background: url(../images/nav_header.gif) no-repeat top;
	padding-top: 6px;
}
#subnav ul{
	width: 179px;
	padding-left: 6px;
	position: relative;
	background: url(../images/nav_main.gif) repeat-y;
}
#subnav li{
	display:block;
	text-indent: -9999px;
	list-style-type: none;
}
#subnav li a{
	display:block;
	height: 30px;
	width: 171px;
	text-decoration: none;
}
#subnav li#subnavIndex a{ background: url(../images/nav.gif) no-repeat 0px -225px;}/*英語サイト*/
#subnav li#subnavIndex a:hover{ background: url(../images/nav.gif) no-repeat -171px -225px; }
#subnav li#subnavCompany a{ background: url(../images/nav.gif) no-repeat 0px -255px; height: 31px;}/*丸紅*/
#subnav li#subnavCompany a:hover{ background: url(../images/nav.gif) no-repeat -171px -255px; }