*{margin:0;padding:0}

a{color:black}
a:hover{color:#8A0099}

.white{color:white}
.blue{color:#006BB4}
.perple{color:#8A0099}
.red{color:red}
.green{color:#009245}

.bgblue{background-color:#006BB4}
.bggray{background-color:#ededed}
.bglblue{background-color:#8DB3E2}

.size16{font-size:16px}

html,body{height:100%}
body{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-color:#f2f2f2;
font-size:13px;
line-height:16px;
}

#container{
background-color:white;
width:800px;
margin:0 auto;
border:3px solid #ccc;
border-style:none solid;
min-height:100%;
position:relative;
}
*html #container{height:100%}
body > #container{height:auto}

#header{
width:195px;
padding:75px 0 0 605px;
height:30px;
background-image:url(img/logo.gif);
}
#logo{
	position:absolute;
	left:25px;
	top:31px;
	width:143px;
	height:36px;
}

#footer{
position:absolute;
text-align:right;
bottom:0;
width:785px;
padding:10px 15px 0 0;
height:70px;
background-image:url(img/footer.gif);
line-height:32px;
}

#top-photo{width:800px;height:218px;padding-top:12px;background-color:#e6e6e6;margin-bottom:10px}

/*コンテンツ*/
textarea{width:350px;height:200px}
td{padding:0 0 0 5px}
hr{padding:3px 0}

#contents-top{width:790px;height:600px;padding:0 0 120px 10px}
#contents{width:600px;padding-left:5px;float:left}

#contents td input{width:200px}
#contents td input.width-auto{width:auto}

.contents-title{
background:url(img/ber.gif);
background-repeat:repeat-x;
padding:4px 5px;margin-bottom:5px;background-color:#006BB4;color:white}

table#cmmi{
font-size:12px;
letter-spacing:-1px;
background:url(img/cmmi_table.gif);
border-top:2px solid dimgray;
border-right:1px solid dimgray;
border-bottom:1px solid dimgray;
border-left:2px solid dimgray;
}
table#cmmi td{padding:2px 0;text-align:center;width:68px;border:1px solid dimgray;border-style:none solid solid none}
table#cmmi td.colspan{width:auto}
table#cmmi td.bdr-bottom-none{border-bottom:none}
table#cmmi td.bdr-right-none{border-right:none}

.msg-title{
color:#EA0075;
font-size:18px;
line-height:20px;
}

#site-map li{list-style:none;padding-left:10px}

.sub-title{display:block;background:url(img/marker.gif);
background-repeat:no-repeat;
width:570px;
padding:2px 15px;
color:#006BB4;
font-size:14px;
border-bottom:1px dotted dimgray;
}

/*トップページ*/
#whats-new{
float:left;
width:279px;
height:550px;
}
#whats-new .scroll{
width:277px;
height:600px;
overflow:scroll;
}
#whats-new .item{
padding:5px 0 10px 5px;
border-bottom:1px dotted dimgray;
}

#top-info1{
float:left;
width:272px;
height:660px;
padding-left:5px;
}
#top-info1 .item{
padding:5px 0 10px 5px;
border-bottom:1px dotted dimgray;
}

#top-info2{
float:left;
width:209px;
padding-bottom:30px;
margin-left:14px;
background-color:#ededed;
}

/* メニュー */
ul#menu{height:55px;margin-bottom:5px;}

ul#menu li{
list-style:none;
float:left;
}
ul#menu.subpage{border-bottom:10px solid #ededed}

ul#menu li a{overflow:hidden;display:block;height:55px;background-image:url(img/menu.gif);text-indent:-9999px}

ul#menu li.company a{width:160px;background-position:0 0}
ul#menu li.company a:hover{width:160px;background-position:0 -55px}
ul#menu li.company-now a{width:160px;background-position:0 -55px}

ul#menu li.activities a{width:160px;background-position:-160px 0}
ul#menu li.activities a:hover{width:160px;background-position:-160px -55px}
ul#menu li.activities-now a{width:160px;background-position:-160px -55px}

ul#menu li.quality a{width:160px;background-position:-320px 0}
ul#menu li.quality a:hover{width:160px;background-position:-320px -55px}
ul#menu li.quality-now a{width:160px;background-position:-320px -55px}

ul#menu li.recruit a{width:160px;background-position:-480px 0}
ul#menu li.recruit a:hover{width:160px;background-position:-480px -55px}
ul#menu li.recruit-now a{width:160px;background-position:-480px -55px}

ul#menu li.contact a{width:160px;background-position:-640px 0}
ul#menu li.contact a:hover{width:160px;background-position:-640px -55px}
ul#menu li.contact-now a{width:160px;background-position:-640px -55px}

/* サブメニュー */
#submenu{
width:155px;
background-color:#ededed;
padding:5px 0 5px 5px;
margin-left:5px;
float:left;
}

#sys-tbl td {border:1px solid dimgray;padding:10px}
table.border td {border:1px solid #ededed}

img.item{border:6px solid #09F;padding:10px;}
.sub-menu{width:100px;background:#09F;color:white;padding:2px;text-align:center;float:left;margin:0 1px 15px 1px}
.sub-menu a{color:white}
.sub-menu a:hover{color:#09F;background:#f7f7f7}
.comment{border:2px dotted dimgray;border-style:dotted none;margin:10px 0;padding:5px;background:#f7f7f7}