@charset "utf-8";
/* CSS Document */

/*全体設定*/
* {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
outline: none;
border: none;
}

body {
font-family: "ＭＳ ゴシック", "Osaka－等幅";
font-size: 13px;
line-height: 18px;
background: #a5a5a5 url(../image/bg_outer.png) top center repeat-y;
color: #9cf;
}

#outer_wrapper {
width: 750px;
margin: auto;
}

#inner_wrapper {
width: 648px;
margin: auto;
position: relative;
}

h1 {
width: 648px;
height: 25px;
font-size: 13px;
font-weight: normal;
text-align: right;
line-height: 25px;
}

h2 { padding-bottom: 20px;}

#header {
width: 648px;
height: 50px;
background: url(../image/bg_header.png) top left no-repeat;
background-repeat: no-repeat;
text-indent: -9999px;
}

/*トップナビゲーション - 絶対位置指定*/
#menu_wrapper {
width: 648px;
height: 88px;
position: relative;
}

#menu_wrapper a { display: block; background-repeat: no-repeat; text-indent: -9999px; position: absolute;}
#menu_wrapper a.home {width: 102px; height: 44px; background: url(../image/menu_home.png) top left; top: 0px; left: 0px;}
#menu_wrapper a.news {width: 102px; height: 22px; background: url(../image/menu_blog.png) top left; top: 44px; left: 0px;}
#menu_wrapper a.contact {width: 102px; height: 22px; background: url(../image/menu_contact.png) top left; top: 66px; left: 0px;}
#menu_wrapper a.vision {width: 123px; height: 22px; background: url(../image/menu_vision.png) top left; top: 0px; left: 102px;}
#menu_wrapper a.company {width: 123px; height: 22px; background: url(../image/menu_comp.png) top left; top: 22px; left: 102px;}
#menu_wrapper a.staff {width: 123px; height: 22px; background: url(../image/menu_staff.png) top left; top: 44px; left: 102px;}
#menu_wrapper a.access {width: 123px; height: 22px; background: url(../image/menu_map.png) top left; top: 66px; left: 102px;}
#menu_wrapper a.work {width: 102px; height: 88px; background: url(../image/menu_work.png) top left; top: 0px; left: 225px;}
#menu_wrapper a.publish {width: 130px; height: 22px; background: url(../image/menu_publish.png) top left; top: 0px; left: 327px;}
#menu_wrapper a.publish img {position: absolute; top: 0px; left: -102px; width: 0px; height: 0px;}
#menu_wrapper a.publish:hover img { width: 102px; height: 88px;}
#menu_wrapper a.human {width: 130px; height: 22px; background: url(../image/menu_human.png) top left; top: 22px; left: 327px;}
#menu_wrapper a.human img {position: absolute; top: -22px; left: -102px; width: 0px; height: 0px;}
#menu_wrapper a.human:hover img { width: 102px; height: 88px;}
#menu_wrapper a.media {width: 130px; height: 22px; background: url(../image/menu_media.png) top left; top: 44px; left: 327px;}
#menu_wrapper a.media img {position: absolute; top: -44px; left: -102px; width: 0px; height: 0px;}
#menu_wrapper a.media:hover img { width: 102px; height: 88px;}
#menu_wrapper a.sight {width: 130px; height: 22px; background: url(../image/menu_sight.png) top left; top: 66px; left: 327px;}
#menu_wrapper a.sight img {position: absolute; top: -66px; left: -102px; width: 0px; height: 0px;}
#menu_wrapper a.sight:hover img { width: 102px; height: 88px;}
#menu_wrapper a.sample {width: 96px; height: 22px; background: url(../image/menu_sample.png) top left; top: 0px; left: 457px;}
#menu_wrapper a.mail {width: 96px; height: 66px; background: url(../image/menu_mail.png) top left; top: 22px; left: 457px;}
#menu_wrapper a.privacy {width: 96px; height: 22px; background: url(../image/menu_privacy.png) top left; top: 0px; left: 553px;}
#menu_wrapper a.sitemap {width: 96px; height: 66px; background: url(../image/menu_sitemap.png) top left; top: 22px; left: 553px;}
#menu_wrapper a:hover { background-position: right;}

#topic_path {
width: 648px;
height: 60px;
background: url(../image/bg_path.png) top left no-repeat;
}

#topic_comment {
position: relative;
width: 349px;
height: 30px;
font-size: 10px;
line-height: 12px;
text-align: left;
color: #6cc;
float: left;
padding-top: 5px;
}
#topic_comment p {
position: absolute;
top: 0;
left: 0;
padding: 5px;
}

#topic_title {
width: 299px;
height: 35px;
line-height: 30px;
font-size: 10px;
text-align: right;
color: #6cc;
float: right;
}

#topic_fwd {
width: 200px;
height: 20px;
float: left;
}

#topic_rwd {
width: 110px;
height: 20px;
float: right;
}

.dummy_04 {
width: 223px;
height: 25px;
float: left;
}

.dummy_05 {
width: 650px;
height: 20px;
float: left;
}

#footer {
width: 648px;
height: 80px;
float: left;
}
#footer1 {
width: 648px;
height: 30px;
background:url(../image/bg_footer.png) top left no-repeat;
float: left;
}
#footer1 a { display: block; height: 23px; background: top left no-repeat; text-indent: -9999px; float: left; margin: 0; padding: 0;}
#footer1 a.link1 { width: 225px; background: url(../image/footer_01.png);}
#footer1 a.link2 { width: 149px; cursor: default;}
#footer1 a.link3 { width: 140px; background: url(../image/footer_03.png);}
#footer1 a.link4 { width: 134px; background: url(../image/footer_04.png);}
#footer1 a:hover { background-position: right;}
#footer2 {
width: 648px;
height: 30px;
}
#footer2 p {
width: 650px;
height: 50px;
margin: 0;
font-size: 10px;
line-height: 15px;
}