/*-------------------------------------------------
common
-------------------------------------------------*/


body {
margin:0;
padding:0;
font-size:x-small;
background:#f0f0f0;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#000;
text-align: center;
}

h1,h2,h3,ul,li p,a {
margin:0;
padding:0;
}

ul {
list-style-type: none; 

}

img { 
border-width:0;
display:block;
}


a {
text-decoration:none;
color:#515151;
overflow:hidden;
}

a:focus{
outline:none;
} 



.clear {
clear:both;
}


/*-------------------------------------------------
wrapping
-------------------------------------------------*/


.container {
margin:0 auto;
padding:0;
text-align:left;
background:#fff;
width:980px;
}

.container2 {
margin:0 auto;
padding:0;
text-align:left;
background:#f0ece4;
width:980px;
}


.wrapper {
width:936px;
margin:0 20px 0 24px;
padding:0;
}

/*-------------------------------------------------
header
-------------------------------------------------*/

.header{
margin:0;
padding:0;
}


.header h1{
padding:0;
margin:30px 0 34px 0;
float :left;
}

.head_right {
float:right;
margin:15px 0 0 0;
}


/*-------------------------------------------------
top_common
-------------------------------------------------*/

.box {
margin:10px 0 20px 0;
padding:0;
}

box p {
margin:0;
padding:0;
}

.box p a:hover {
color:#d90031;
border-bottom: dotted 1px #d90031;
}

h3{
background:#000;
color:#fff;
margin:0;
font-weight:100;
padding:2px 4px;
display:block;
font-size:small;
}

h3 a {
background:#000;
font-weight:100;
color:#fff;
display:block;
background:url("../img/black_arrow.gif") right center no-repeat;

}

h3 a:hover {
color:#d90031;
display:block;
background:url("../img/black_arrow2.gif") right center no-repeat;

}



.date {
font-size:small;
padding:0 0 5px 0;
}
/*-------------------------------------------------
top_left
-------------------------------------------------*/

.top_left_box {
float:left;
width:550px;
margin:0;
padding:0;
}


.proj_box{
float:left;
width:266px;
}

.lab_box {
float:right;
width:230px;
}

li.news {
margin:0 0 0 6px;
padding:3px 16px 3px 22px;
background:url("../img/foot_arrow.gif") no-repeat 0% 50%;
}


/*-------------------------------------------------
top_right
-------------------------------------------------*/

.top_right_box {
float:right;
width:372px;
margin:0;
padding:0;
}


.resercher_box {
float:left;
width:158px;
margin:0;
padding:0;
}

.company_box {
float:right;
width:190px;
margin:0 0 0 24px;
padding:0;
}



li.top_list {
margin:0;
padding:3px 16px 3px 19px;
background:url("../img/list_arrow.gif") no-repeat 0% 50%;
}

li.top_list2 {
margin:0 0 0 12px;
padding:3px 16px 3px 19px;
background:url("../img/list_arrow.gif") no-repeat 0% 50%;
}

li a:hover {
color:#d90031;
border-bottom: dotted 1px #d90031;
}

ul.top_list_ul {
margin:5px 0 30px 0;
padding:0;
}




/*-------------------------------------------------
footer
-------------------------------------------------*/

.footer {
margin:0;
padding:0;
}

.copyright {
float:right;
font-size:1em;
margin:10px;
padding:0;
f
}

ul.foot_ul {
margin:0;
padding:10px 0 200px 10px;
}

li.foot {
margin:0;
padding:3px 16px 3px 19px;
background:url("../img/fotter_arrow.gif") no-repeat 0% 50%;
}


/*-------------------------------------------------
subpage css
-------------------------------------------------*/

.main_left {
float:left;
width:300px;
}

.main_right {
float:right;
width:580px;
background:#f0f0f0;
padding:14px;
}


.main_left h2 {
background-image: url(../img/bg3.gif);
padding:10px 0 4px 8px;
font-weight:100;
}

.main_right h3 {
background:#f0ece4;
color:#000;
margin:40px 0 0 0;
padding:6px;
background-image: url(../img/bg3.gif);

}


