@charset "Shift_JIS";
/* CSS Document */


/* メインメニュー */
#menu{
width:860px;
height:64px;
margin: 0px auto;
}

#menu ul,li{
list-style:none;
padding:0px;
margin:0px;
}

/* メインメニュー*/
#menu #home,#about,#function,#labo,#column,#faq,#info,#labo_stay{
height:64px;
float:left;
text-indent:-9876px;
overflow:hidden;
}

/* メインメニュー　homeへ */
body#base #menu #home a{
background-position:0px -128px;
}

#menu #home{
width:65px;
height:64px;
background: url(../images/menu_01.gif) no-repeat;
display:block;
}

#menu #home a{
width:65px;
height:64px;
background: url(../images/menu_01.gif) no-repeat;
display:block;
}

#menu #home a:hover{
background-position:0px -64px;
}


/* メインメニュー　aboutへ */
body#aboutsitrullne #menu #about a{
background-position:0px -128px;
}
#menu #about{
width:133px;
height:64px;
background: url(../images/menu_02.gif) no-repeat;
display:block;
}
#menu #about a{
width:133px;
height:64px;
background: url(../images/menu_02.gif) no-repeat;
display:block;
}
#menu #about a:hover{
background-position:0px -64px;
}

/* メインメニュー　functionへ */
body#functioneffect #menu #function a{
background-position:0px -128px;
}
#menu #function{
width:132px;
height:64px;
background:url(../images/menu_03.gif) no-repeat;
display:block;
}
#menu #function a{
width:132px;
height:64px;
background: url(../images/menu_03.gif) no-repeat;
display:block;
}
#menu #function a:hover{
background-position:0px -64px;
}


/* メインメニュー　laboへ */
body#laboratory #menu #labo a{
background-position:0px -128px;
}
#menu #labo{
width:132px;
height:64px;
background: url(../images/menu_04.gif) no-repeat;
display:block;
}
#menu #labo a{
width:132px;
height:64px;
background: url(../images/menu_04.gif) no-repeat;
display:block;
}
#menu #labo a:hover{
background-position:0px -64px;
}

/* メインメニュー　columnへ */
body#columns #menu #column a{
background-position:0px -128px;
}
#menu #column{
width:133px;
height:64px;
background: url(../images/menu_05.gif) no-repeat;
display:block;
}
#menu #column a{
width:133px;
height:64px;
background: url(../images/menu_05.gif) no-repeat;
display:block;
}
#menu #column a:hover{
background-position:0px -64px;
}

/* メインメニュー　faqへ */
body#question #menu #faq a{
background-position:0px -128px;
}
#menu #faq{
width:132px;
height:64px;
background: url(../images/menu_06.gif) no-repeat;
display:block;
}
#menu #faq a{
width:132px;
height:64px;
background: url(../images/menu_06.gif) no-repeat;
display:block;
}
#menu #faq a:hover{
background-position:0px -64px;
}

/* メインメニュー　infoへ */
body#information #menu #info a{
background-position:0px -128px;
}
#menu #info{
width:133px;
height:64px;
background: url(../images/menu_07.gif) no-repeat;
display:block;
}
#menu #info a{
width:133px;
height:64px;
background: url(../images/menu_07.gif) no-repeat;
display:block;
}
#menu #info a:hover{
background-position:0px -64px;
}

/* サブメニュー */
#submenu{
}

ul#submenu{
list-style:none;
}

li.sub01_stay a{
width:200px;
background:url(../images/sub_over.gif) 50%;
padding:8px 0px 8px 24px;
border-top:#c8c4b0 1px solid;
display:block;
color:#000000;
font-size:100%;
}

li.sub01 a{
width:200px;
background: url(../images/sub.gif) 50%;
padding:8px 0px 8px 24px;
border-top:#c8c4b0 1px solid;
display:block;
color:#000000;
font-size:100%;
}

li.sub01 a:hover{
background: url(../images/sub_rollover.gif) 50%;
}

li.sub02_stay{
width:184px;
background:url(../images/sub02_over.gif) 50%;
padding:5px 0px 5px 40px;
border-top:#c8c4b0 1px solid;
display:block;
font-size:88%;
}

li.sub02 a{
width:184px;
background: url(../images/sub02.gif) 50%;
padding:5px 0px 5px 40px;
border-top:#c8c4b0 1px solid;
display:block;
color:#000000;
font-size:88%;
}

li.sub02 a:hover{
background: url(../images/sub02_over.gif) 50%;
}

li.sub03 a{
width:184px;
background: url(../images/arrow_green2.gif) ;
background-position:5px 8px;
background-repeat:no-repeat;
padding:5px 0px 5px 20px;
display:block;
color:#000000;
font-size:88%;
}


li#gradetionspace{
border-top:#c8c4b0 1px solid;
height:400px;
padding-left:20px;
display:block;
background:url(../images/space.gif) no-repeat;
font-size:0;
}
li#gradetionspace img{
	margin:20px 0 0 0;
}

/* added 20110210 */


#blogtext a{
color:#8DC21F;
}
#blogtext a:hover{
color:#8DC21F;
border-bottom:#8DC21F 1px dashed;
}
#blogtext .mt-enclosure-file{
background:url(../info/images/arrow.gif) left no-repeat;
padding-left:15px;
display:block;
clear:both;
}

.viewall{
width:60px;
float:right;
text-align:left;
display:inline;
margin:5px 0px 0px 0px;
padding:0px;	
}

/* ACTIVE SLIDE SET----------------------------------*/

#top-main-img {
	width: 862px;
	height: 297px;
	margin: 0 0 0px 0;
	padding: 0px 0 0 0;
	position:relative;
	z-index:0;
	overflow: hidden;
}

#top-main-img h2{
margin:3px 0 0 0;
padding:0px;}

#nav {
	margin: 260px 0 0 750px;
	*margin: 260px 0 0 750px;
	_margin: 20px 0 0 750px;
	padding: 0;
	position:absolute;
	z-index:1;
	font-size: 12px;
	font-weight:bold;
}
html>/**/body #nav {font-size /*\**/: 71%\9; /*\*//*/font-size: 10px;/**/}


#nav a {
	width: 26px;
	height: 21px;
	*height: 21px;
	margin: 0 0 0 5px;
	padding: 6px 0 0 0;
	border:solid 1px #CCC;
	*padding: 4px 0 0 1px;
	display:block;
	text-decoration: none;
	background: url(../common/img/bg_num.gif) no-repeat;
	color: #666;
	text-align:center;
	float:left;
}
#nav a:hover {
	color: #999;
}
#nav a.activeSlide {
	background: url(../common/img/bg_num_stay.gif) no-repeat;
	color: #666;
}
#nav a:focus {
	outline: none;
}
#pagetop a{
width:148px;
height:32px;
float:right;
display:block;
margin-right:10px;
}

#footer { 
 clear: both;
 width:860px;
 margin:20px auto 0px auto;
 }
 
.footer-navi-01{
width:187px;
float:left;
display:inline;
margin:10px 0 10px 15px;
padding:0px;
}

.footer-navi-02{
width:340px;
float:left;
display:inline;
margin:10px 0 10px 0;
padding:0px;
}

.footer-navi-03{
width:316px;
float:left;
display:inline;
margin:10px 0 10px 0;
padding:0px;
}

ul.ul-footer-navi{
	margin:0px;
	padding:0px;
}

ul.ul-footer-navi li{
	margin:0px;
	padding:0px 0px 4px 13px;
	background:url(../common/img/footer_arrow.gif) 0 0.3em no-repeat;
	list-style:none;
}

ul.ul-footer-navi li a:link, ul.ul-footer-navi li a:visited, ul.ul-footer-navi li a:active{
color:#575757;
}
ul.ul-footer-navi li a:hover{
color:#575757;
text-decoration:underline;
}
#footer #footertext{
float:right;
min-width:360px;
margin-right:20px;
}

#footer #footertext  li{
list-style:none;
float:left;
color:#4B754B;
font-size:88%;
padding:5px 5px;
}

#footer #footertext a{
color:#4B754B;
}

#footer #footertext a:hover{
color:#9DBE2F;
border-bottom:#9DBE2F 1px dotted;
}


#copyright { 
 clear: both;
 width:860px;
 margin:10px auto;
 text-align:center;
 color:#3ea800;
 font-size:77%;
}
#footer-area{
	background-color:#e8f2d7;
	margin:0px;
	padding:0px;
}
br.clear  {
	clear : both;
	font-size : 1px;
	height : 1px;
	line-height : 1px;
}


.h02 {height:2px; border:none; margin:0px; visibility:hidden; padding:0px; line-height:1px;}
.h03 {height:3px; border:none; margin:0px; visibility:hidden; padding:0px; line-height:1px;}
.h04 {height:4px; border:none; margin:0px; visibility:hidden; padding:0px; line-height:1px;}
.h05 {height:5px; border:none; margin:0px; visibility:hidden; padding:0px; line-height:1px;}
.h10 {height:10px; border:none; margin:0px; visibility:hidden; padding:0px; line-height:1px;}
.h15 {height:15px; border:none; margin:0px; visibility:hidden; padding:0px; line-height:1px;}
.h20 {height:20px; border:none; margin:0px; visibility:hidden; padding:0px; line-height:1px;}
.h25 {height:25px; border:none; margin:0px; visibility:hidden; padding:0px; line-height:1px;}
.h30 {height:30px; border:none; margin:0px; visibility:hidden; padding:0px; line-height:1px;}
.h35 {height:35px; border:none; margin:0px; visibility:hidden; padding:0px; line-height:1px;}

.gadget-block{
width:450px;
float:right;
display:inline;
margin:6px 0 5px 0;
padding:0px;
position:relative;
z-index:7;
}

.gadget-block img.btn, .gadget-block form{
float:right;
display:inline;
padding:0px;
margin:0 0 0 4px;
}
.gadget-block-top{
width:450px;
float:left;
display:inline;
margin:6px 0 5px 0;
padding:0px;
position:relative;
z-index:7;
}

.gadget-block-top img.btn, .gadget-block-top form{
float:left;
display:inline;
padding:0px;
margin:0 0 0 4px;
}
#bookmark-list,#bookmark-list-top {
	width:135px;
	padding: 0;
	position:absolute;
	background-color: #ffffff;
	top:20px;
	right:0px;
	visibility: hidden;
	z-index:7;
	border: 1px solid #939393;
	display:block;
}

#bookmark-list{margin: 0 212px 0 0px; 	text-align:left;}
#bookmark-list-top{margin: 0 220px 0 0px; 	text-align:left;}
ul.ul-bookmark-list {
	margin: 0 0 -1px 0;
	padding: 0;
	list-style: none;
	text-align:left;
}
ul.ul-bookmark-list li {
	margin: 0;
	padding: 0 5px 0 2px;
	border-bottom: 1px dotted #939393;
	font-size: 10px;
	*font-size: 71%;
	line-height: 150%;
	font-weight:bold;
	text-align:left;
}
html>/**/body ul.ul-bookmark-list li {font-size /*\**/: 71%\9; /*\*//*/font-size: 10px;/**/}
ul.ul-bookmark-list li a {
	_width:211px;
	margin: 0;
	padding: 0;
	display:block;
}
ul.ul-bookmark-list li a:link,
ul.ul-bookmark-list li a:visited,
ul.ul-bookmark-list li a:active {
	margin: 0;
	padding: 7px 0 4px 2px;
	text-decoration: underline;
	color: #666;
	/*\*//*/
	padding: 7px 0 10px 15px;
	/**/
}
ul.ul-bookmark-list li a:hover {
	margin: 0;
	padding: 7px 0px 4px 2px;
	text-decoration: none;
	color: #8dc21f;
	/*\*//*/
	padding: 7px 0 10px 15px;
	/**/
}
.left_navi{
	float:left;
	width:220px;
	background: url(../images/left_navi.jpg) left 50%;
	background-repeat:no-repeat;
	padding:5px 0px 5px 35px;
	display:block;
	font-size:88%;
}
.left_navi a{
	color:#9DBE2F;
}
.right_navi{
	float:right;
	width:220px;
	margin-right:25px;
	background: url(../images/right_navi.jpg) right 50%;
	background-repeat:no-repeat;
	padding:5px 35px 5px 0;
	display:block;
	font-size:88%;
}
.right_navi a{
	color:#9DBE2F;
	float:right;
}