/* CSS Document */

body { background-image:url(../img/back.gif); margin:0px; padding:0px; }

/* ページ位置設定 */
#pagebody { overflow:hidden; height:500px; width:800px; position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-400px; }
#pagebody2 { overflow:auto; height:580px; width:880px; position:absolute; top:50%; left:50%; margin-top:-260px; margin-left:-400px; }
#left_box { background-repeat:no-repeat; width:457px; height:500px; background-image:url(../img/left_main0101.gif); }
#right_box { background-repeat:no-repeat; width:340px; height:500px; background-image:url(../img/right_main.gif); }

/* メイン表示背景 */
#main-box { background-repeat:no-repeat; width:800px; height:500px; background-image:url(../img/main0101.gif); }
#main-box2 { background-repeat:no-repeat; width:800px; height:500px; background-image:url(../img/bg_company.gif); }
#main-box3 { background-repeat:no-repeat; width:800px; height:500px; background-image:url(../img/bg_profile.gif); }
#main-box4 { background-repeat:no-repeat; width:800px; height:500px; background-image:url(../img/bg_work.gif); }
#main-box-not { background-repeat:no-repeat; width:800px; height:500px; background-image:url(../img/bg_not.gif); }

/*スクロール */
p.frame { width:748px; height:418px; overflow-y: scroll;}
.frame-c { scrollbar-face-color:#CCCCCC; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#999999; scrollbar-highlight-color:#666666; scrollbar-shadow-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#5675AF; } 
.frame { width:748px; height:418px; overflow-y: scroll;}
.frame-c { scrollbar-face-color:#CCCCCC; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#999999; scrollbar-highlight-color:#666666; scrollbar-shadow-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#5675AF; } 

/* copyright */
#copy { padding:450px 0 0 160px; margin:0; }

/* copyright(テーブル用) */
#copy2 { margin:460px 10px 0 0; float:right }

/* ボタン */
.btn { margin:0; text-decoration:none; list-style-type:none; }
ul.btn { width:800px; margin:3px 0 0 0; }
ul.btn li { list-style-type:none; margin:0 3px 0 0; width:96px; float:left; }

a.btn{ display:block; width:96px; height:22px; background-image:url(../img/btn.gif); margin:0; }
a:hover.btn{ background-image:url(../img/btn2.gif); }

/* what's new */
#what { margin:14px 35px 0 0; float:right; }
.txt { margin:5px 0 5px 2px; }

/* what's new(テーブル用) */
#what2 { margin:14px 0 0 10px; float:left; }
.txt2 { margin:5px 0 5px 2px; }

/* ライン */
.line { width:254px; height:1px; background-image:url(../img/line.gif) }
.line2 { width:600px; height:1px; background-image:url(../img/line2.gif) }

/* 共通テキスト */
.txt10 { font-size:10px; color:#666666; }
.txt12 { font-size:12px; color:#666666; }
.txt12b { font-size:12px; color:#666666; font-weight:bold; }

.txt-margin { line-height:2em; }
.txt-margin2 { line-height:16px; }

.mark { width:5px; height:6px; margin:10px 5px 10px 0; }

/* テーブル */
#table { width:600px; margin:50px 0 0 50px; }
td.left { width:80px; }
td.right { width:500px; }
td.left2 { width:350px; background-color:#B3C0DB; border-left:solid 10px #4A679D; padding:7px 5px 5px 5px; }
td.right2 { width:500px; }
td.left3 { width:320px; background-color:#B3C0DB; border-left:solid 10px #4A679D; padding:7px 5px 5px 5px; }

/*profile */
.profile { margin:0; text-decoration:none; list-style-type:none; }
ul.pro { width:600px; margin:15px 0 0 10px; }
ul.pro li { list-style-type:none; margin:0 3px 0 0; }
.caption { line-height:2em; margin:30px 0 15px 10px; }
.caption2 { margin:30px 0 0 10px; font-size:12px; color:#666666; }

/* work */
a.work,a.work:link,a.work:visited,a.work:active{ font-size: 12px; color:#666666; text-decoration:underline; line-height : 14Pt; letter-spacing:0.5pt; line-height:16pt; }
a.work:hover{ font-size: 12px; color:#FFCC00; text-decoration:none; }

/* カウンター　*/
.white { color:#FFFFFF; }
.gray { color:#E8E8E8; }