@charset "UTF-8";

/* Common ---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl {
    margin-bottom: .75em;
}

ol { list-style: decimal outside; }
ul { list-style: disc outside; }
.item { list-style: none; }


blockquote, ol, ul {
    margin-left: 30px;
}



/* IE7 対策 */
ul.main{
zoom:1;
}

*+html ul.main li{
    display:inline;
    zoom:1;
}
*+html ul.sub1{
    zoom:1;
    position:relative;
}

ol ,ul{
list-style:none;
}



/* Common(調整) ---------------------------------------------------------------- */

body#scroll{
 overflow-y:scroll;
}

#content{
    line-height: 1.5;
}


a:hover img {
opacity: 1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100);
}


li{
width:auto !important;
}

/* ヘッダー ---------------------------------------------------------------- */

#header{
width:1000px !important;
margin:17px auto 0;

}

#header a{
color:#414f41;
}

#header-inner{
height:85px;
margin:0 auto;
width:1000px !important;
position:relative;
padding-top:0 !important;
}

#header ul{
list-style-type:none;

width:470px;
height:28px;
position:absolute;
top:10px;
right:0px;
font-size:13px;
}

#header ul li{
float:left;
padding:0 12px 0 18px !important;
background:url(/naro2016/files/arrow01.png) no-repeat 0 1px;


}


input:focus {
outline:0;
}






/* メニュー ---------------------------------------------------------------- */

#menu_btn{
background:#cc9999 url(/naro2016/files/menu_back.png) repeat-x;
padding:0;
margin:6px 0 0;
width:100%;
height:47px;
}

#menu_btn ul{
width: 1000px;
margin:0 auto;
padding:0;
height:47px;
background:#fff;
}

#menu_btn ul li{
float:left;
padding:0;
margin:0;
height:47px;
}


.motion {
 display: none;
}

.motion div.motion_inner{
 padding:30px;
}

#motion_area2,#motion_area3,#motion_area4,#motion_area5,#motion_area6 {
 width:1000px;
 height:300px;
 display: none;
 margin:0 auto;
 position:relative;
}

#motion_area1{
 background-color:#71c459;
 height:300px;
 position:relative;
}

#motion_area2{
 background-color:#7ed95b;
 height:300px;
 position:relative;
}

#motion_area3{
 background-color:#5ac2e3;
 height:300px;
 position:relative;
}

#motion_area4{
 background-color:#f9b333;
 height:300px;
 position:relative;
}

#motion_area5{
 background-color:#fc8898;
 height:300px;
 position:relative;
}

#motion_area6{
 background-color:#4ac58f;
 height:300px;
 position:relative;
}

.btn_act{
 width:180px !important;
 margin:0 !important;
 padding:0 !important;
}

div#color1{
position:absolute;
top:-10px; left:0px;
background-color:#71c459;
width:168px;
height:10px;
z-index:99;
display:none;
}

div#color2{
position:absolute;
top:-10px; left:168px;
background-color:#7ed95b;
width:166px;
height:10px;
z-index:99;
display:none;
}


div#color3{
position:absolute;
top:-10px; left:334px;
background-color:#5ac2e3;;
width:166px;
height:10px;
z-index:99;
display:none;
}


div#color4{
position:absolute;
top:-10px; left:500px;
background-color:#f9b333;
width:166px;
height:10px;
z-index:99;
display:none;
}


div#color5{
position:absolute;
top:-10px; left:666px;
background-color:#FC8898;
width:166px;
height:10px;
z-index:99;
display:none;
}

div#color6{
position:absolute;
top:-10px; left:832px;
background-color:#4ac58f;
width:168px;
height:10px;
z-index:99;
display:none;
}





/* フッター ---------------------------------------------------------------- */

#footer{
background-color:#d7dcd0;
}

.footer_box{
margin-top:110px;
height:75px;
background:#fff;
}

.footer_box_inner{
background:#ddd;
width:1000px;
margin:20px auto 0 !important;
padding:20px 0 0 0px !important;    
height:38px !important;
-webkit-border-radius:3px;
border-radius:3px;
}

#footer_sub{
text-align:center;
width:1000px;
}

.footer_copyright{
color:#444;
width:994px;
margin:0 auto 10px !important;
text-align:right;
padding:0 !important;
font-size:12px;
}

#footer_sub li{
float:left;
border-right:solid 1px #aaa;
padding-right:9px;
padding-left:9px;
font-size:13px;
}

#footer_sub li.last{
border-right:solid 0px #aaa;
float:left;
padding-left:9px;
font-size:13px;
}

#footer_sub li a{
color:#000;
}

#houjin_logo{
clear:both;
text-align:right;
margin:0 auto;
width:990px;
margin-bottom:2px !important;
padding:0 !important;
}

#houjin_num{
color:#222;
font-size:10px !important;
text-align:right;
margin:0 auto 5px !important;
width:990px;
padding:0 !important;
}






/* ウィジェット ---------------------------------------------------------------- */
ul.lNav {
margin-left:1px;
margin-bottom:0 !important;
}


ul.lNav ul{
margin-left:1px;
margin-bottom:0 !important;
}


#lNavSection h2{
    margin-bottom: 0;
}

#subCol #lNavSection{
margin-top:10px;

}


/* Google カスタム検索 ---------------------------------------------------------------- */

#google{
background-image:none !important;
position:absolute;
left:270px;

width:175px !important;

}

#cse-search-box input[type="text"] {
border:solid 1px #bbb !important;
width: 140px;
height: 26px;
padding: 0 !important;
margin: 0 0 0 0px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
vertical-align:bottom !important;
}

#cse-search-box input[type="text"]:focus {
outline: 0;
}

#cse-search-box input[type="submit"] {
color: #111111;
height: 28px;
margin: 0 0 0 -10px;
width: 30px;
text-indent: -9999px;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
background: url("/files/search_box_icon.png") no-repeat scroll 50% 50% #bbb;
border:0;
vertical-align:bottom !important;
}

#cse-search-box input[type="submit"]:hover {
cursor: pointer;
}


#google{
background-image:none !important;
margin-top:-5px !important;

}

<!--
form {
vertical-align:bottom !important;
}
-->


#menu_btn ul li a img{
vertical-align: top !important;
}





ul.domainList {
    margin: 6px 0 0 0;
}
ul.domainList a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 center;
    display: inline-block;
    padding-left: 10px;
}
ul.domainList li {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    clear: both;
    width: auto;
    margin: 6px 0 0 0;
    padding: 4px 0 5px 10px;
}
ul.domainList li.subdomain {
    margin-left: 25px;
}
ul.domainList span.description {
    background: url(/common/img/cm_description_ico.gif) no-repeat 0 6px;
    margin-left: 10px;
    padding-left: 20px;
    font-size: 89%;
    color:#666;
}
dl.domainList a img {
    vertical-align: top;
}

/* # clearfix
---------------------------------------------------------------------------- */
ul.domainList {
    zoom: 1;
}
ul.domainList:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}



/* 
---------------------------------------------------------------------------- */
.deptname{
padding-top:29px;
padding-bottom:0px;
margin-left:-4px;
}


.pickupBottom ul li{

width:320px !important;

padding-left: 10px;
margin-right:15px !important;
}

.pickupBottom ul{


margin-left:0 !important;
margin-right:0 !important;
}







/*
---------------------------------------------------------------------------- */

li#lcampaign h4{
border-bottom:dotted 1px #888;padding-left:4px;
}

li#lcampaign p{
padding:6px 8px 10px 6px;text-align: justify;text-justify: inter-ideograph;
}

li#lcampaign_1 h4{
border-bottom:dotted 1px #888;padding-left:4px;
}

li#lcampaign_1 p{
padding:6px 8px 10px 6px;text-align: justify;text-justify: inter-ideograph;
}

li#lcampaign_1 {
width:320px !important;float:left;
}

li#lcampaign {
clear:both;
width:320px !important;float:left;
margin-right:24px;
}


.instituteList{
clear:both;
margin-left:7px !important;
width:690px !important;
}














/* 採用 イベント テンプレート20160519
---------------------------------------------------------------------------- */

div.tmp p{
padding:0 15px 20px !important;
text-align: justify;text-justify: inter-ideograph;
}

div.tmp .pd_b0{
padding-bottom:0px !important;
}
div.tmp .pd_b10{
padding-bottom:10px !important;
}

div.tmp h4{
padding-left:5px !important;
}

div.tmp h2{
margin-top:0 !important;
}

div.tmp p.ul_mae{
margin-bottom:0 !important;
padding-bottom:14px !important;
} 
































































/* 全ページ共通 style_commonに移行中 ---------------------------------------------------------------- */

/* センター・研究所追加 20160601(style_webpage.css同時) ---------------------------------------------------------------- */

ul.open_menu_lab_l{
width:350px;
float:left;
padding-left:30px;
}

ul.open_menu_lab_l a,ul.open_menu_lab_r a{
color:#fff;
font-weight:bold;
letter-spacing:1px;
}

ul.open_menu_lab_l li,ul.open_menu_lab_r li{
margin-bottom:1px;
}


ul.open_menu_lab_r{
width:400px;
float:left;
margin-top:58px;
}

ul.open_menu_lab_l li.title_top02{
height:34px;
padding-top:10px !important;
padding-left:49px;
margin-left:-10px;
background:url(/files/icon_1.png) no-repeat 0 0px;
font-size:116% !important;
color:#fff;
letter-spacing:3px !important;
margin-top:14px;
}


ul.open_menu_lab_l li.title_en_lab{
padding-bottom:1px !important;
padding-left:18px;
margin-left:16px;
background:url(/files/menu_open_ul_list2.png) no-repeat 0 5px;
font-size:14px;
}

ul.open_menu_lab_r li.title_en_lab{
padding-bottom:1px !important;
padding-left:18px;
margin-left:16px;
background:url(/files/menu_open_ul_list2.png) no-repeat 0 5px;
font-size:14px;

}




ul.open_menu_pub_l{
width:350px;
float:left;
padding-left:40px;
}

ul.open_menu_pub_l a,ul.open_menu_pub_r a{
color:#fff;
font-weight:bold;
letter-spacing:1px;
}

ul.open_menu_pub_l li,ul.open_menu_pub_r li{
margin-bottom:1px;
}


ul.open_menu_pub_r{
width:400px;
float:left;
margin-top:58px;
}


#motion_area6 li{
font-size:16px;
}


ul.open_menu_pub_l li.title_top06{
height:34px;
padding-top:10px !important;
padding-left:49px;
margin-left:-10px;
background:url(/files/icon_1.png) no-repeat 0 0px;
font-size:18px !important;
color:#fff;
letter-spacing:3px !important;
margin-top:14px;
}

ul.open_menu li.title_top07{
height:36px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_02.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2px;
}


div#motion_area3 li.title{
margin-top:-8px !important;
}










/*新サイトのズレ修正
---------------------------------------------------------------------------- */
div.related ul.relatedLink {
    padding: 4px 0 4px 0px;
}


ul.linkList{
padding:10px 0 !important;
margin:10px 0 0 15px !important;
}



div.sectionInner ul.relationLink{
margin-left:10px !important;
}


/* ズレ修正 ---------------------------------------------------------------- */
div#motion_area2 li.title{
margin-top:-2px !important;
}


div#motion_area5 li.title{
margin-top:-3px !important;
}


/* # ウィジェット(style_deptにも)
---------------------------------------------------------------------------- */
ul.relationLink{


padding-left:4px !important;
margin-top:0px !important;
}


ul.relationLink img{


}

.sectionInner{
margin-top:0px !important;
}


ul.relationLink li.banner{
margin-top:5px !important;
padding-left:0 !important;
}


#subCol .section h3{

font-size:14px !important;
margin-bottom:0 !important;
}


/* ↓ ---------------------------------------------------------------- */
































/* メニュー(オープン) ---------------------------------------------------------------- */

#closer1{
width:1000px;
background-color:#b2e3a1;
text-align:center;
position:absolute;
top:280px;
height:20px;
cursor:pointer;
color:#fff;
}


#closer2{
width:1000px;
background-color:#ccf2b3;
text-align:center;
position:absolute;
top:280px;
height:20px;
cursor:pointer;
color:#fff;
}

#closer3{
width:1000px;
background-color:#a6eaff;
text-align:center;
position:absolute;
top:280px;
height:20px;
cursor:pointer;
color:#fff;
}

#closer4{
width:1000px;
background-color:#ffdd8c;
text-align:center;
position:absolute;
top:280px;
height:20px;
cursor:pointer;
color:#fff;
}

#closer5{
width:1000px;
background-color:#ffbdc6;
text-align:center;
position:absolute;
top:280px;
height:20px;
cursor:pointer;
color:#fff;
}

#closer6{
 width:1000px;
 background-color:#a1f0cc;
 text-align:center;
 position:absolute;
 top:280px;
 height:20px;
 cursor:pointer;
 color:#fff;
}

.closer{
 padding-top:0px;
}

.closer img{
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
padding:0 !important;
}

.closer div{
margin-top:0px !important;
}


#menu_underline{
background:#f7f7f7;
}

#menu_underline_inner{
position:relative;
margin:0 auto;
width:1000px;
}

#menu_more{
clear:both;
padding:0;
margin:0 auto;
width:1000px;
position:relative;
}







ul.open_menu li.title_top{
padding-bottom:20px !important;
padding-left:20px;
margin-left:0px;
background:url(/files/menu_open_ul_list.png) no-repeat 0 3px;
font-size:100%;
}

ul.open_menu li.title{
padding-bottom:20px !important;
padding-left:18px;
margin-left:16px;
background:url(/files/menu_open_ul_list2.png) no-repeat 0 5px;
font-size:100%;
}


ul.open_menu li.title2{
padding-bottom:15px !important;
padding-left:18px;
margin-left:16px;
background:url(/files/menu_open_ul_list2.png) no-repeat 0 5px;
font-size:100%;
margin-bottom:0 !important;
}

ul.open_menu li.title3{
padding-bottom:7px !important;
padding-left:18px;
margin-left:16px;
background:url(/files/menu_open_ul_list2.png) no-repeat 0 5px;
font-size:100%;
margin-bottom:0 !important;
}


ul.open_menu{
padding:14px 0 0 35px;
font-size:111%;
letter-spacing:1px;

}

ul.open_menu li a{
font-weight:bold;
color:#fff;
}

ul.open_menu li a:hover{
font-weight:bold;
color:#fff;
}

div.yearContent2 ul.yearList2 li{
font-size:90%;
float:left;
width:120px !important;
padding-bottom:5px;
padding-left:11px;
background:url(/common/img/cm_arrow04_ico.gif) no-repeat 0px 5px;
}




ul.project_list{
padding-top:15px;
}

ul.project_list li{
float:left;
width:280px;

padding-left:11px;
background:url(/common/img/cm_arrow04_ico.gif) no-repeat 0px 5px;
}


ul.project_list li a{
color:#fff;
font-size:90% !important;
}

ul.project_list li a:hover{
color:#fff;
}



ul.arrow_blue li{
background:url(/files/cm_arrow_blue.png) no-repeat 0px 5px !important;
}

ul.arrow_pink li{
background:url(/files/cm_arrow_pink.png) no-repeat 0px 5px !important;
padding-bottom:10px !important;
}

ul.arrow_green1 li{
background:url(/files/cm_arrow_green1.png) no-repeat 0px 5px !important;
}

ul.arrow_green2 li{
background:url(/files/cm_arrow_green2.png) no-repeat 0px 5px !important;
}

ul.arrow_green3 li{
background:url(/files/cm_arrow_green3.png) no-repeat 0px 5px !important;
}

ul.arrow_orange1 li{
background:url(/files/cm_arrow_orange.png) no-repeat 0px 5px !important;
}

ul.arrow_orange2 li{
background:url(/files/cm_arrow_orange.png) no-repeat 0px 5px !important;
}

ul.arrow_orange3 li{
background:url(/files/cm_arrow_orange.png) no-repeat 0px 5px !important;
}

ul.arrow_orange4 li{
background:url(/files/cm_arrow_orange.png) no-repeat 0px 5px !important;
}


ul.arrow_green1 .green1_01{
width:150px !important;
}

ul.arrow_green1 .green1_02{
width:140px !important;
}

ul.arrow_green1 .green1_03{
width:150px !important;
}

ul.arrow_green1 .green1_04{
width:250px !important;
}

ul.arrow_blue .blue01{
width:210px !important;
}

ul.arrow_blue .blue02{
width:280px !important;
}



ul.arrow_orange1{
margin-left:44px !important;
}

ul.arrow_orange1 li.orange11{
width:170px !important;
padding-top:0 !important;
margin-left:-10px !important;
}

ul.arrow_orange1 li.orange12{
width:103px !important;
padding-top:0 !important;
}

ul.arrow_orange1 li.orange13{
width:200px !important;
padding-top:0 !important;
}

ul.arrow_orange1 li.orange14{
width:230px !important;
padding-top:0 !important;
}

ul.arrow_orange2{
float:left;
padding-top:0 !important;
margin-bottom:0 !important;
}

ul.arrow_orange2 li.orange21{
width:103px !important;
padding-top:0 !important;
}

ul.arrow_orange2 li.orange22{
width:400px !important;
padding-top:0 !important;
}

ul.arrow_orange3{
float:left;
padding-top:0 !important;
margin-bottom:0 !important;
margin-left:0px !important;
}

ul.arrow_orange3 li.orange31{
width:210px !important;
padding-top:0 !important;
}

ul.arrow_orange3 li.orange32{
width:350px !important;
padding-top:0 !important;
}

ul.arrow_orange4{
float:left;
padding-top:0 !important;
margin-left:0px !important;
}

ul.arrow_orange4 li.orange41{
width:270px !important;
padding-top:0 !important;
}

ul.arrow_orange4 li.orange42{
width:270px !important;
padding-top:0 !important;
}


ul.arrow_pink li.pink01{
width:190px !important;
}

ul.arrow_pink li.pink02{
width:130px !important;
}

ul.arrow_green3 li.green3_01{
width:100px !important;
}

ul.arrow_green3 li.green3_02{
width:200px !important;
}

#tokkyo{
float:left;
width:151px;
margin-bottom:0 !important;
}

#shokumu{
float:left;width:181px;
margin-bottom:0 !important;
padding:0 !important;
margin-right:0 !important;
}

#shiken{
float:left;
margin-bottom:0 !important;
width:181px;
}




.open_sub01{
margin-top:-13px !important;
}

.mg_top30{
margin-top:30px;
}

.open_sub02{
margin-top:-20px !important;
padding-bottom:30px !important;
margin-left:15px;
}

.open_sub03{
margin-top:-20px !important;
padding-bottom:10px;
margin-left:15px;
}

.mg_top5{
margin-top:5px;
}

.open_sub04{
margin-top:-13px !important;
padding-bottom:5px !important;
}

.open_sub05{
margin-top:-13px !important;
}

.open_sub06{
margin-top:-13px !important;
padding-bottom:10px;
margin-left:15px;
}


ul.open_menu li.title_top01{
height:34px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_01.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2.5px;
}

ul.open_menu li.title_top02{
height:44px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_02.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2px;
}

ul.open_menu li.title_top03{
height:44px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_03.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2px;
}

ul.open_menu li.title_top04{
height:36px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_04.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2px;
}

ul.open_menu li.title_top05{
height:34px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_05.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2px;
}

ul.open_menu li.title_top06{
height:36px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_06.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2px;
}










/* 組織図 ブログ記事 */
.text p{
padding-bottom:10px;

text-align: justify;text-justify: inter-ideograph;
}


/* センター コンテンツ一覧 */
div.pickupSection div.pickupContent ul li:nth-child(odd){
clear:both;
}