/*
========================================
JHIMO　共有スタイルシート
========================================*/

/*■ BODY
---------------------------------------------------------- */

body{
	margin:0;
	padding:0;
	background:url(../img/bg.gif);
	text-align:center;
	color:#333;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック','MS PGothic',arial,sans-serif;
}

form{ margin:0;}
img{ border:none;}
table{ border:none;}
p{ margin:0;}


/*■ 全体レイアウト
---------------------------------------------------------- */
#frame{
	width:810px;
	margin:0 auto;
	padding:0;
	behavior: expression(IEPNGFIX.fix(this));
	background:url(../img/frame_bg.png) repeat-y;
	text-align:left;
}

#wrapper{
	width:760px;
	margin:0 25px;
	padding:14px 0 10px;
}


/*■ ヘッダー
---------------------------------------------------------- */
#header{
	position:relative;
	margin:0 0 2px;
	padding:0;
	height:70px;
	background:url(../img/header_line.gif) repeat-x;
}

/*■ ナビゲーション
---------------------------------------------------------- */

#headerNavi{
	position:absolute;
	top:46px;
	left:166px;;
}
ul#navi {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
ul#navi li {
	position:absolute;
	top:0px;
	display: block;
	height:24px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
ul#navi li#top { left:0px;width:63px; background: url(../img/navi_top-ov.gif)  no-repeat;}
ul#navi li#profile { left:65px;width:84px; background: url(../img/navi_profile-ov.gif)  no-repeat;}
ul#navi li#purpose { left:151px;width:63px; background: url(../img/navi_purpose-ov.gif)  no-repeat;}
ul#navi li#outline { left:216px;width:84px; background: url(../img/navi_outline-ov.gif)  no-repeat;}
ul#navi li#compliance { left:302px;width:120px; background: url(../img/navi_compliance-ov.gif)  no-repeat;}
ul#navi li#model { left:424px;width:105px; background: url(../img/navi_model-ov.gif)  no-repeat;}
ul#navi li#report { left:531px;width:63px; background: url(../img/navi_report-ov.gif)  no-repeat;}

ul#navi a {
	display: block;
	height:24px;
	text-decoration:none;
}
ul#navi li#top a { background: url(../img/navi_top.gif)  no-repeat;}
ul#navi li#profile a { background: url(../img/navi_profile.gif)  no-repeat;}
ul#navi li#purpose a { background: url(../img/navi_purpose.gif)  no-repeat;}
ul#navi li#outline a { background: url(../img/navi_outline.gif)  no-repeat;}
ul#navi li#compliance a { background: url(../img/navi_compliance.gif)  no-repeat;}
ul#navi li#model a { background: url(../img/navi_model.gif)  no-repeat;}
ul#navi li#report a { background: url(../img/navi_report.gif)  no-repeat;}

ul#navi li#top.sl a { background: url(../img/navi_top-sl.gif)  no-repeat;}
ul#navi li#profile.sl a { background: url(../img/navi_profile-sl.gif)  no-repeat;}
ul#navi li#purpose.sl a { background: url(../img/navi_purpose-sl.gif)  no-repeat;}
ul#navi li#outline.sl a { background: url(../img/navi_outline-sl.gif)  no-repeat;}
ul#navi li#compliance.sl a { background: url(../img/navi_compliance-sl.gif)  no-repeat;}
ul#navi li#model.sl a { background: url(../img/navi_model-sl.gif)  no-repeat;}
ul#navi li#report.sl a { background: url(../img/navi_report-sl.gif)  no-repeat;}

ul#navi li#top a:hover { background: none; }
ul#navi li#profile a:hover { background: none; }
ul#navi li#purpose a:hover { background: none; }
ul#navi li#outline a:hover { background: none; }
ul#navi li#compliance a:hover { background: none; }
ul#navi li#model a:hover { background: none; }
ul#navi li#report a:hover { background: none; }

ul#navi li#top.sl a:hover { background: url(../img/navi_top-sl.gif)  no-repeat;}
ul#navi li#profile.sl a:hover { background: url(../img/navi_profile-sl.gif)  no-repeat;}
ul#navi li#purpose.sl a:hover { background: url(../img/navi_purpose-sl.gif)  no-repeat;}
ul#navi li#outline.sl a:hover { background: url(../img/navi_outline-sl.gif)  no-repeat;}
ul#navi li#compliance.sl a:hover { background: url(../img/navi_compliance-sl.gif)  no-repeat;}
ul#navi li#model.sl a:hover { background: url(../img/navi_model-sl.gif)  no-repeat;}
ul#navi li#report.sl a:hover { background: url(../img/navi_report-sl.gif)  no-repeat;}

/*■ 右列
---------------------------------------------------------- */
#rightCol{
	float:right;
	width:205px;
	margin:0;
	padding:0;
	background:#F2F2F2;
}
#rightCol .inner{
	margin:10px;
	padding:10px;
	font-size:12px;
	line-height:14px;
	background:#FFF;
}
#rightCol .inner img{
	margin-bottom:6px;
}


/*■ コンテンツ
---------------------------------------------------------- */
#main{
	width:540px;
	margin:0;
	padding:0;
}


/*■ フッター
---------------------------------------------------------- */
#footer{
	border-top:1px #BFBFBF solid;
	margin:0;
	padding:6px 10px 10px;
	font-size:10px;
	line-height:14px;
}

#footer a{ text-decoration:none; color:#333;}
#footer a:hover{ text-decoration:underline; color:#7E7E7E;}

#copyright{
	margin:6px 0 0;
}

#bottom{
	width:810px;
	margin:0 auto 30px;
	padding:0;
	behavior: expression(IEPNGFIX.fix(this));
	background:url(../img/frame_bg-b.png) no-repeat top;
}

/*■ リンク部分
---------------------------------------------------------- */
a{ text-decoration:underline; color:#118CF0;}
a:hover{ text-decoration:underline; color:#00BBFF;}

/*■ 見出しテキスト
---------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,h7
{margin:0;padding:0;font-weight:bold;display:inline;}

/*■ 基本テキスト
---------------------------------------------------------- */
.t24{ font-size:24px; line-height:28px;}
.t24l{ font-size:24px; line-height:24px;}
.t24h{ font-size:24px; line-height: 34px;}

.t18{ font-size:18px; line-height:22px;}
.t18l{ font-size:18px; line-height:18px;}
.t18h{ font-size: 18px; line-height:24px;}

.t14{ font-size:14px; line-height:17px;}
.t14l{ font-size:14px; line-height:14px;}
.t14h{ font-size: 14px; line-height:20px;}

.t12{ font-size:12px; line-height:18px;}
.t12l{ font-size:12px;  line-height:15px;}
.t12h{ font-size: 12px; line-height:21px;}

.t10{ font-size: 10px; line-height:14px;}
.t10l{ font-size: 10px; line-height:12px;}
.t10h{ font-size: 10px; line-height:16px;}

strong{ font-weight:bold;}
.clear{ clear:both;}