@charset "UTF-8";


/*
ベースカラー：　#505050;
文字用グリーン：　#25b687;
ベース用淡いグリーン：　#CAF4E7;
タイトル文字用ブルー：　#194775
*/
*{
	font-family: "verdana", "helvetica", "osaka", "ＭＳ Ｐゴシック", sans-serif;
}

/* BODY共通部分 */

body {
	margin: 0px auto;
	padding: 0;
	color:#505050;
	background-color: #DEEED0;
	line-height: 145%;
	font-size: 12px;
	height:1%;
}
#s-contents {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	background-color: #FFFFFF;
	text-align:left;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
}

a:link, a:visited {
	color: #036;
	text-decoration: underline;
}

a:active, a:hover {
	color: #0cf;
	text-decoration: underline;
}

h1 {
	width: 793px;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 5px 1px 0;
	margin: 0px auto;
	text-align: right;
}

img { 	border:none; }

.s-hiddenimg {
	display: none;
}


/* ヘッダー用 */
#s-header {
	width: 800px;
	height: 240px;
	clear:left;
	margin: 0px;
	padding: 0px;
	background-image: url(images/header_img.jpg);
	background-repeat: no-repeat;
	background-color: #5795c9;
}
#s-top {
	width: 200px;
	height: 37px;
	margin:0px;
	padding: 94px 0 85px 0;
	background-image:url(images/top_stems.jpg);
	background-repeat:no-repeat;
	background-position:0 94px;
	display:block;
	text-indent: -9999px;
}
#s-top a:link, #s-top a:visited {
	width: 200px;
	height: 37px;
	background-image:url(images/top_stems.jpg);
	background-repeat:no-repeat;
	display:block;
	}
#s-top a:hover, #s-top a:active {
	width: 200px;
	height: 37px;
	background-image:url(images/top_stems_f2.jpg);
	background-repeat:no-repeat;
	display:block;
	}
#s-lang {
	height:24px;
}
#s-lang ul {
	margin:0px;
	padding:0px;
}	
#eng {
	width:87px;
	height:24px;
	margin:0 2px 0 7px;
	display:block;
	text-indent:-9999pt;
	float: left;
}
#eng a:link, #eng a:visited {
	width:87px;
	height:24px;
	display:block;
	background-image:url(images/b_english.jpg);
	background-repeat:no-repeat;
}
#eng a:hover, #eng a:active {
	width:87px;
	height:24px;
	display:block;
	background-image:url(images/b_english_f2.jpg);
	background-repeat:no-repeat;
}
#chinese {
	width:87px;
	height:24px;
	margin:0 2px 0 0px;
	display:block;
	text-indent:-9999pt;
	float: left;
}
#chinese a:link, #chinese a:visited {
	width:87px;
	height:24px;
	display:block;
	background-image:url(images/b_chinese.jpg);
	background-repeat:no-repeat;
}
#chinese a:hover, #chinese a:active {
	width:87px;
	height:24px;
	display:block;
	background-image:url(images/b_chinese_f2.jpg);
	background-repeat:no-repeat;
}
#s-h-inquiry {
	width:100px;
	height:24px;
	margin:0 2px 0 0px;
	display:block;
	text-indent:-9999pt;
	float: left;
}
#s-h-inquiry a:link, #s-h-inquiry a:visited {
	width:100px;
	height:24px;
	display:block;
	background-image:url(images/b_h_inquiry.jpg);
	background-repeat:no-repeat;
}
#s-h-inquiry a:hover, #s-h-inquiry a:active {
	width:100px;
	height:24px;
	display:block;
	background-image:url(images/b_h_inquiry_f2.jpg);
	background-repeat:no-repeat;
}

.s-menu {
	width: 800px;
	height: 26px;
	margin: 0px auto 1px;
	padding: 0px;
}
.s-menu ul {
	margin:0px;
	padding:0px;
}
.s-menu-s {
	width:219px;
	height:26px;
	float: left;
	display:block;
	padding: 0px;
	margin: 0 2px 0 0 ;
	list-style-type: none;
	}
.s-menu1 {
	width:140px;
	height:26px;
	float: left;
	display:block;
	text-indent: -9999px;
	padding: 0px;
	margin: 0 2px 0 0 ;
	list-style-type: none;
	}
.s-menu1 a:link, .s-menu1 a:visited {
	width:140px;
	height:26px;
	background-image:url(images/menu1.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	}
.s-menu1 a:hover, .s-menu1 a:active {
	width:140px;
	height:26px;
	background-image:url(images/menu1_f2.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	}

.s-menu2 {
	width:90px;
	height:26px;
	float: left;
	display:block;
	text-indent: -9999px;
	background-image:url(images/menu2.gif);
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0 2px 0 0 ;
	list-style-type: none;
	}
.s-menu2 a:link, .s-menu2 a:visited {
	width:90px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.s-menu2 a:hover, .s-menu2 a:active {
	width:90px;
	height:26px;
	background-image:url(images/menu2_f2.gif);
	display:block;
	text-decoration:none;
	}	
	
.s-menu3 {
	width:90px;
	height:26px;
	float: left;
	display:block;
	text-indent: -9999px;
	background-image:url(images/menu3.gif);
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0 2px 0 0 ;
	list-style-type: none;
	}
.s-menu3 a:link, .s-menu3 a:visited {
	width:90px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.s-menu3 a:hover, .s-menu3 a:active {
	width:90px;
	height:26px;
	background-image:url(images/menu3_f2.gif);
	display:block;
	text-decoration:none;
	}

.s-menu4 {
	width:130px;
	height:26px;
	float: left;
	display:block;
	text-indent: -9999px;
	background-image:url(images/menu4.gif);
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0 2px 0 0 ;
	list-style-type: none;
	}
.s-menu4 a:link, .s-menu4 a:visited {
	width:130px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.s-menu4 a:hover, .s-menu4 a:active {
	width:130px;
	height:26px;
	background-image:url(images/menu4_f2.gif);
	display:block;
	text-decoration:none;
	}

.s-menu5 {
	width:120px;
	height:26px;
	float: left;
	display:block;
	text-indent: -9999px;
	background-image:url(images/menu5.gif);
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0px ;
	list-style-type: none;
	}
.s-menu5 a:link, .s-menu5 a:visited {
	width:120px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.s-menu5 a:hover, .s-menu5 a:active {
	width:120px;
	height:26px;
	background-image:url(images/menu5_f2.gif);
	display:block;
	text-decoration:none;
	}		

#s-info-fr {
	clear:left;
	width:800px;
	height:1%;
}

#s-info-fr div {
	float:right;
	padding: 7px 10px 0 0;
}
#content{
	clear:both;
	width:600px;
	margin:0px 0px 0px 0px;
	float:left;
}
#s-col-left { /* ブログのblogに相応 */
	margin: 30px 15px 30px 15px;
	padding:0;
	width: 570px;
}
#content800{
	clear:both;
	width:770px;
	margin:0px 0px 0px 0px;
	padding: 30px 15px 30px 15px;
}


/* トップページ用 */
#s-body {
	height:1%;
	margin:0px;
	padding:0px;
	clear:both:
}

.s-concept {
	width:550px;
	height:1%;
	font-size:14px;
	line-height:150%;
	margin:10px auto 20px;
}
#s-top-news {
	width: 520px;
	line-height:150%;
	margin: 12px auto 20px;
}
#s-project_fr {
	width: 525px;
	margin: 10px auto 20px;
}
.s-pr-title {
	color:#FF3300;
	font-weight:bold;
	clear:both;
	}
.s-project_l {
	clear: left;
	width: 260px;
	float: left;
	margin: 7px 5px 0 0;
}
.s-project_l h2 {
	width: 260px;
	height: 75px;
	margin: 0 0px 5px 0;
	white-space: nowrap;
}
.s-project_r {
	width: 260px;
	float: left;
	margin: 7px 0 0 0;
}
.s-project_r h2 {
	width: 260px;
	height: 75px;
	margin: 0 0 5px 0;
	white-space: nowrap;
}
.s-bottom5 {
	margin:2px 0 5px 3px;
	}
.s-blogtitle-bg {
	width: 560px;
	height: 22px;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
	letter-spacing:1px;
	background-image:url(http://stem.earthblog.jp/usr/stem/title_bg.jpg);
	background-repeat:no-repeat;
	padding: 8px 5px 0px;
	margin: 0px auto 7px;
	text-align: left;
}
.s-blogtitle-bg2 {
	width: 730px;
	height: 22px;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
	letter-spacing:1px;
	background-image:url(http://stem.earthblog.jp/usr/stem/title_bg.jpg);
	background-repeat:repeat-x;
	padding: 8px 5px 0px;
	margin: 0px auto 7px;
	text-align: left;
}
.data {
	border:#CCCCCC 1px solid;
	border-collapse:collapse;
	width:720px;
	margin:15px auto;
}
.data td {
	border:#CCCCCC 1px solid;
	border-collapse:collapse;
	padding:5px;
}

.red {
	color:#FF0000;
}


/* サイドバー用 */
#s-col-right { /* ブログの#linksに相応 */
	float:left;
	width:185px;
	margin:30px 0px 30px 0px;
}

.s-title-s1 {
	width: 185px;
	height: 30px;
	padding: 0;
	margin: 0px auto 10px;
}

.s-banner-box {
	width: 185px;
	margin: 20px 0 0px 0 ;
}
.s-banner {
	width: 185px;
	margin: 5px 0 0 0;
	font-size: 12px;
	text-align: center;
}
#s-bnr-stems {
	width:185px;
	height:70px;
	display:block;
	text-indent: -9999px;
	background-image:url(images/b_stems.jpg);
	background-repeat:no-repeat;
	margin: 5px 0 0 0;
	text-align: center;
	}
#s-bnr-stems a:link, #s-bnr-stems a:visited {
	width:185px;
	height:70px;
	display:block;
	text-decoration:none;
	}
#s-bnr-stems a:hover, #s-bnr-stems a:active {
	width:185px;
	height:70px;
	background-image:url(images/b_stems_f2.jpg);
	display:block;
	text-decoration:none;
	}
#s-bnr-staff {
	width:185px;
	height:70px;
	display:block;
	text-indent: -9999px;
	background-image:url(images/b_staff.jpg);
	background-repeat:no-repeat;
	margin: 5px 0 0 0;
	text-align: center;
	}
#s-bnr-staff a:link, #s-bnr-staff a:visited {
	width:185px;
	height:70px;
	display:block;
	text-decoration:none;
	}
#s-bnr-staff a:hover, #s-bnr-staff a:active {
	width:185px;
	height:70px;
	background-image:url(images/b_staff_f2.jpg);
	display:block;
	text-decoration:none;
	}
	
.s-textlink {
	margin: 0px 0 1px;
	font-size: 10px;
	line-height:14px;
	text-align: center;
}
.s-textlink a:link , .s-textlink a:visited {
	color: #505050;
	text-decoration: underline;
}
.s-textlink a:hover , .s-textlink a:active {
	color: #25b687;
	text-decoration: underline;
}

.s-body10px {
	padding: 5px 0;
	text-align: center;
	font-size: 10px;
}
.s-body10px a:link , .s-body10px a:visited {
	color: #333333;
	text-decoration: underline;
}
.s-body10px a:hover , .s-body10px a:active {
	color: #66CCCC;
	text-decoration: underline;
}
.s-company {
	font-size:12px;
}
.s-com-name {
	margin: 7px 0 0 5px;
}
.s-addrress {
	font-size:12px;
	font-weight:normal;
	padding: 3px 5px 3px 15px;
	line-height: 18px;
	text-align: left ; 
}

.s-mail {
	width: 120px;
	height: 28px;
	margin: 5px auto 0px;
	display : block ;
	text-indent: -9999px;
	background-image:url(images/b_inquiry.gif);
	background-repeat: no-repeat;
}
.s-mail a:link , .s-mail a:visited {
	width: 120px;
	height: 28px;
	display : block ;
}
.s-mail a:hover , .s-mail a:active {
	width: 120px;
	height: 28px;
	display : block ;
	background-image:url(images/b_inquiry_f2.gif);
	background-repeat: no-repeat;
}
.s-map {
	width: 120px;
	height: 28px;
	margin: 5px auto 0px;
	display : block ;
	text-indent: -9999px;
	background-image:url(images/b_map.gif);
	background-repeat: no-repeat;
}
.s-map a:link , .s-map a:visited {
	width: 120px;
	height: 28px;
	display : block ;
}
.s-map a:hover , .s-map a:active {
	width: 120px;
	height: 28px;
	display : block ;
	background-image:url(images/b_map_f2.gif);
	background-repeat: no-repeat;
}


/* コピーライト用 */
.s-copyright {
	width: 800px;
	height: 30px;
	clear: both;
	padding: 38px 0 0;
	text-align:center;
	background-image:url(images/fotter_img.gif);
	background-repeat: no-repeat;
}

.s-copyright a:link , .s-copyright a:visited {
	font-weight:bold;
	text-decoration: none;
}

.s-copyright a:hover , .s-copyright a:active {
	color: 036;
	text-decoration: none;
}

/* 最新情報読み込み */

#pickupblog .content .rss_list {
}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html #pickupblog .content .rss_list {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html #pickupblog .content .rss_list {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    #pickupblog .content .rss_list {display: inline-table;}
    /**/
  #pickupblog .content .rss_list:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }
#pickupblog .content .rss_text {
	width:520px;
	margin:0 auto;
	border-bottom:1px dotted #ccc;
}
#pickupblog .content .rss_text a:link, #pickupblog .content .rss_text a:visited {
	color: #036;
	font-weight:bold;
	text-decoration:none;
}
#pickupblog .content .rss_text a:hover, #pickupblog .content .rss_text a:active {
	color: #036;
	font-weight:bold;
	text-decoration:underline;
}
#pickupblog .content .rss_date {
	margin-right:5px;
}
#pickupblog .content .rss_desc {
	width:520px;
}
#pickupblog .content .rss_more {
	display:block;
	text-align:right;
}
#pickupblog .content .rss_more a:link, #pickupblog .content .rss_more a:visited {
	color: #0cf;
}
#pickupblog .content .rss_more a:hover, #pickupblog .content .rss_more a:active {
	color: #036;
}