@charset "utf-8";
body { 
position:absolute; }
/* サンプルコードコンテナ
 ----------------------------------------------------------------- */
.code {
    padding: 5px;
    border: 1px solid #999;
    margin: 0 0 20px;
    overflow: auto;
    width: 538px;
}



/* デバッグコンテナ
 ----------------------------------------------------------------- */
.debug {
    padding: 5px;
    line-height: 1.5;
    background: #FFF;
    border: 1px solid #999;
    overflow: auto;
    height: 150px;
}



/* アコーディオン
 ------------------------------------------------------------------ */
.accordion-panel {
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    margin: 0 0 40px;
}
.accordion-panel dl {}
.accordion-panel dl dt {
}
.accordion-panel dl dt a {
    border-bottom: 1px solid #444;
    border-right: 1px solid #444;
    display: block;
    background: #CCC;
    padding: 4px;
    text-decoration: none;
}
.accordion-panel dl dt a.current, .accordion-panel dl dt a.accordion-current {
    border-bottom: 1px solid #999;
    background: #FFC;
}
.accordion-panel dl dd {
    background: #FFF;
}
.accordion-panel dl dd div {
    border-bottom: 1px solid #444;
    border-right: 1px solid #444;
}
.accordion-panel dl dd p {
    margin: 0 !important;
}



/* ドロップダウン
 ------------------------------------------------------------------ */
.drop-panel {}
.drop-panel ul {
	zoom: 1;
	margin: 0 0 20px;
}
.drop-panel ul:after {
	content: " ";
	display: block;
	clear: both;
}
.drop-panel ul li {
	float: left;
	list-style-type: none;
	margin: 0 5px 0 0;
	position: relative;
}
.drop-panel ul li a {
	display: block;
	background: #EEE;
	border: 1px solid #666;
	padding: 4px 12px;
	font-size: 1.2em;
	width: 100px;
	text-align: center;
}
.drop-panel ul li a:hover {
	background: #666;
	border-color: #999;
	color: #FFF;
}
.drop-panel ul li ul {
	position: absolute;
	top: 30px;
	left: 0;
}
.drop-panel ul li ul li {
	float: none;
}
.drop-panel ul li ul li a {}
.drop-panel ul li ul li ul {
	top: 0;
	left: 125px;
}
.drop-panel ul li ul li ul li {}
.drop-panel ul li ul li ul li a {}





/* フォントサイズ
 ------------------------------------------------------------------ */
.large { font-size: 16px; }
.middle { font-size: 14px; }
.small { font-size: 12px; }

li#fontsize{
	background:none;
	margin:0;
	padding:0px;
}





/* オーバー
 ------------------------------------------------------------------ */
.over-panel {}
.over-panel table {
    width: 90%;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    margin: 0 auto 40px;
}
.over-panel table th, .over-panel table td {
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    padding: 4px;
    background: #FFF;
}
.over-panel table th {}
.over-panel table td {}
.over-panel .hover th, .over-panel .hover td {
    background: #FFC;
}
.over-panel .tr-hover th, .over-panel .tr-hover td {
    background: #FCC;
}






/* タブ
 ------------------------------------------------------------------ */
.tab-panel {}
.tab-panel ul {
    zoom: 1;
    margin: 0;
    padding: 0 0 0 15px;
    position: relative;
}
.tab-panel ul:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}
.tab-panel ul li {
    float: left;
    position: relative;
    margin: 0;
    list-style-type: none;
}
.tab-panel ul li a {
    display: block;
	width:202px;
	height:60px;
    float: left;
    padding:0;
	background:url(../images/company/company_navi.jpg) 0 0 no-repeat;
}

.tab-panel ul li a.t1{
	background-position:0 0;
	}
.tab-panel ul li a.t2{
	background-position:-202px 0;
	}
.tab-panel ul li a.t3{
	background-position:-404px 0;
	}
.tab-panel ul li a.t4{
	background-position:-606px 0;
	}

.tab-panel ul li a.t1:hover,
.tab-panel ul li.active a.t1{
	background-position:0 -60px;
	}
.tab-panel ul li a.t2:hover,
.tab-panel ul li.active a.t2{
	background-position:-202px -60px;
	}
.tab-panel ul li a.t3:hover,
.tab-panel ul li.active a.t3{
	background-position:-404px -60px;
	}
.tab-panel ul li a.t4:hover,
.tab-panel ul li.active a.t4{
	background-position:-606px -60px;
	}


.tab-panel ul li a span{
	display:none;
}

.tab-panel div.his_bg {
	background:url(../images/company/company_bg_03.jpg) 0 0 repeat-y;
    padding:40px 45px;
	width:718px;
    margin:0 0 40px 15px;
}





/* タブ内リンク-------------------- */
.tab-panel ul.tab2 li a {
	width:auto;
	background:url(../images/common/common_icon01.jpg) 0 2px no-repeat #FFF;
	padding:0 20px;
	}


















/* スクロール2ビュー
 ------------------------------------------------------------------ */
.s2v {
    position: fixed;
    bottom: 30px;
    background: #EEE;
    padding: 4px;
    cursor: pointer;
}
#s2v1 { right: 430px; }
#s2v2 { right: 300px; }
#s2v3 { right: 150px; }
#s2v4 { right: 40px; }