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

/* index page title */
#contents-pack #pack-left h3{
background-image: url(../images/title_page.gif);
height:45px;
}
/* research-header */
#pack-left #research-head{
margin: 20px 0 20px 0;
padding: 0px;
height: auto;
width: 510px;
}
#research-head .pickup{
float: left;
height: auto;
width: 300px;
}
#research-head .pickup h4,#research-head .pickup h5{
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
display: block;
overflow: hidden;
}
#research-head .pickup h4{
background-image: url(../images/title_pickupresearch.gif);
background-repeat: no-repeat;
background-position: left top;
height: 55px;
width: 173px;
}


/*   2010.08.20変更、追加 by SH  */



#research-head .pickup .research01{
background-image: url(../images/body_pickupresearch_01.gif);
background-repeat: no-repeat;
background-position: left top;
height: 65px;/* 文字に応じて値を変更 */
width: 300px;
}

#research-head .pickup .research02{
background-image: url(../images/body_pickupresearch_02.gif);
background-repeat: no-repeat;
background-position: left top;
height: 145px;/* 文字に応じて値を変更 */
width: 300px;
}

#research-head .pickup .research03{
background-image: url(../images/body_pickupresearch_03.gif);
background-repeat: no-repeat;
background-position: left top;
height: 168px;/* 文字に応じて値を変更 */
width: 300px;
}






#research-head .pickup .photo{
text-align: left;
float: left;
height: auto;
width: 130px;
}
#research-head .pickup .texts{
text-align: left;
float: left;
height: auto;
width: 170px;
}
/* btn */
#research-head .pickup .btn-detail{
margin: 10px 0 0 0;
}
.btn-detail a,.btn-detail a:visited{
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_watchdetail.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 19px;
width: 170px;
overflow: hidden;
}
.btn-detail a:hover,.btn-detail a:active{
background-position: left bottom;
}
#research-head .illust{
margin: 0 0 0 30px;
float: left;
height: auto;
width: 150px;
}


/* research-;list */

#list-research{
}

/* recentnews */
#list-research h4{
font-size: 1px;
line-height: 1px;
background-image: url(../images/bar_list.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 40px;
width: 510px;
overflow: hidden;
}


#list-research dl{
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666;
}
#list-research dt{
font-size: 13px;
font-weight: bold;
line-height: 20px;
float:left;
width:130px;
}
#list-research dd{
	float:left;
	width:380px;
}
#list-research dd strong{
font-size: 13px;
line-height: 18px;
margin: 0 0 10px 0;
display:block;
}

#list-research dl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#list-research dl{ 
zoom: 100%;
}
#list-research dl { display: inline-table;}
/* Hides from IE-mac ￥*/
* html #list-research dl { height: 1%;}
#list-research dl { display: block;}
/* End hide from IE-mac */

#list-research .btn-toindex{
clear: both;
height: 19px;
width: 510px;
}
#list-research .btn-toindex a{
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_toindex.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
float: right;
height: 19px;
width: 120px;
overflow: hidden;
}
#list-research .btn-toindex a:hover{
background-position: left bottom;
}



/* box-research ----------------------------------------- */
#pack-left #box-research{
padding:10px 0 0 0;
}
#pack-left #box-research p{
padding:10px 0 0 0;
}
#pack-left #box-research .head{
margin:0 0 10px 0;
}
#box-research .title{
float: left;
width: 250px;
}
#box-research .title h4{
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
display: block;
overflow: hidden;
margin:0px;
}
#box-research .photo-main{
float: left;
width: 240px;
height: auto;
margin: 0 0 0 20px;
}
/* photos */
#pack-left #box-research ul.photoset{
width:510px;
margin:20px 0 0 0;
}
ul.photoset li{
margin: 0 0 0 10px;
float: left;
width: 250px;
}
ul.photoset li.nm{
margin: 0px;
}
p.photo-large{
margin:10px 0;
clear: both;
width: 510px;
}
/* btns */
.btn-toindex{
clear: both;
height: 19px;
width: 510px;
}
.btn-toindex a{
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_toindex.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
float: right;
height: 19px;
width: 120px;
overflow: hidden;
}
.btn-toindex a:hover{
background-position: left bottom;
}