@charset "UTF-8";

/* 
Theme Name: EVAHEART Theme
Theme URI: http://www.evahesrt.co.jp/
Description: サンメディカル技術研究所のWebテーマです。
Author: Akiko_Nakajima(DHG)
Version: 1.0
*/

/* reset.css */

* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	border-collapse: collapse;
	border: none;
	
	line-height: 160%;
	font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Arial, Verdana, sans-serif;
	font-weight: nomal;
	text-decoration: none;
}

img {
	vertical-align: top;
}

p {
	text-align:justify;
	text-justify:inter-ideograph;
	line-height: 160%;
}
/* --------------- */

body {
	color: #666666;
	font-size: 75%;
	background: #BBCABD;
}

h1{
	font:15px "MS Pゴシック";
	font-weight: bold;
	font-size: 100%;
	padding-right: 5px;
	padding-top: 3px;
}

h2{
	font:14px "MS Pゴシック";
	font-weight: bold;
	font-size: 100%;
	padding-right: 5px;
	padding-top: 3px;
}
h2 a {
	color: #198A64;
}

h2 a:hover,
h2 a:active {
	color: #FFFFFF;
}

h3 a {
	font:14px "MS Pゴシック";
	font-weight: bold;
	font-size: 100%;
	color: #198A64;
}

	
h3 a:hover,
h3 a:active {
	color: #999999;
}
#wrapper_l {
	position: relative;
	top: 0px;
	max-width: 940px;
	min-width: 740px;
	_width: 940px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF url(./images/left_border.gif) left top repeat-y;
}

*:first-child+html #wrapper_l {
	position: relative;
	top: 0px;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF url(./images/left_border.gif) left top repeat-y;
}

#wrapper_r{
	position: relative;
	top: 0px;
	_width: 900px;
	background: url(./images/right_border.gif) right top repeat-y;
	padding-right : 20px;
	padding-left : 20px;
}

*:first-child+html #wrapper_r{
	position: relative;
	top: 0px;
	width: 900px;
	background: url(./images/right_border.gif) right top repeat-y;
	padding-right : 20px;
	padding-left : 20px;
}

#cover_banner{
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	display: inline;
	width: 20px;
	height: 400px;
	z-index:100;
	background: url(./images/right_border.gif) right top repeat-y;
}
	
#header {
	height: 51px;
	width: 100%;
	_width: 900px;
	margin: 0;
/*
	border-top: solid 10px #00A499;
*/
	border-bottom: solid 1px #FFFFFF;
	background: url(./images/header_back.gif) right top no-repeat;
}
	
#header .logo {
	float: left;
	width: 414px;
	height: 37px;	
	margin-top:  8px;
	margin-left: 18px;
}

#header .logo_jp {
	position: absolute;
	z-index: 0;
	top: 10px;
	right: 20px;
	width: 267px;
	height: 15px;
	margin-top:   13px;
	margin-right : 20px;
}

#header .HD_navi {
	position: absolute; 
	top: 7px;
	right: 40px;
	clear: both;
}

#header .HD_navi li{
	float: right;
	display: inline;
	margin-left: 10px;
}

#header .navi {
	position: absolute; 
	top: 26px;
	right: 40px;
	clear: both;
}

#header .navi li{
	float: right;
	display: inline;
	margin-left: 10px;
}

#top_image {
	clear: both;
	width: 100%;
	_width: 900px;
	height: 300px;
    overflow: hidden;
    position: relative;
    z-index: 0;
	margin: 0;
}
#top_image_navi {
	position:absolute;
	top: 60px;
	right:20px;
	z-index:10;
	height: 300px;
	width: 100%;
	_width: 900px;
	margin: 0;
	text-align: right;
}
#top_image_navi li {
	height: 120px;
	margin-top: 15px;
	padding-right: 20px;
	text-align: right;
}

#global_navi {
	height: 40px;
	_width: 880px;
	background: #4D4D4D ;
	padding-top: 10px;
	padding-left: 20px;
}

#global_navi li{
	float: left;
	display: inline;
	margin-right: 10px;
}
	
#contents {
	clear: both;
	_width: 860px;
	background: #FFFFFF;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 5px;
}

*:first-child+html #contents {
	clear: both;
	width: 860px;
	background: #FFFFFF;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 5px;
}
/*--------------------------------------------------*/
	
#primary {
	float: left;
	display: inline;
	width : 100%;
	margin-right /**/: -250px;
	_width: 610px;
	background: #FFFFFF;
}
*:first-child+html #primary {
	float: left;
	display: inline;
	width: 100%;
	background: #FFFFFF;
}

#primary .section {
	margin-top: 0px;
	margin-left: 0px;
	margin-right /**/: 250px;
	text-align: left;
	margin-bottom: 20px;
}

*:first-child+html #primary .section {
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	margin-bottom: 20px;
}

#Whats h2 {
	height: 21px;
	line-height: 21px;
	background: url(./images/Whats_New.gif) no-repeat;
	text-align: right;
	padding
}
#Whats h2 img{
		padding-top:2px;
	     }
#Whats a {
	font:14px "MS Pゴシック";
	font-weight: bold;
	font-size: 100%;
	color: #014F52;
	}
	
#Whats a:hover,
#Whats a:active {
	color: #198A64;
}

#Press h2 {
	height: 21px;
	line-height: 21px;
	background: url(./images/Press_Release.gif) no-repeat;
	text-align: right;
}
	
#Press h2 img{
		padding-top:2px;
	     }

#Press a {
	font:14px "MS Pゴシック";
	font-weight: bold;
	font-size: 100%;
	color: #014F52;
	}
	
#Press a:hover,
#Press a:active {
	color: #198A64;
}

#primary .section table {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
/*
	border: #FFFFFF solid;
	border-top-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0px;
*/
}
#primary .section table tr {
	text-align: left;
	border: #FFFFFF solid;
	border-top-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0px;
}

#primary .section table th {
	width: 100px;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 5px;
	background: #D2D0CC;
	font-weight: bold;
	line-height: 120%;
	color: #555555;
	vertical-align: top;
	text-align: left;
	border: #AAAAAA solid;
	border-width: 0px;
}

#primary .section table td {
	padding:5px;
	background: #E0DFDB;
	vertical-align: top;
	border: #E0DFDB solid;
	border-width: 0px;
	border-left-width: 1px;
}

#primary .section table td p{
	font-weight: normal;
	line-height: 150%;
}

#primary .section table td a {
	font:14px "MS Pゴシック";
	font-weight: bold;
	font-size: 100%;
	line-height: 180%;
	color: #014F52;
	}
	
#primary .section table td a:hover,
#primary .section table td a:active {
	color: #198A64;
}

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

#secondary {
	float:right;
	display: inline;
	width: 230px;
	margin-left: 20px;
	background: #F5F5F5;
	padding-bottom: 10px;
}

#secondary .section {
	margin-top: 0px;
}

#secondary .section dd {
	margin-bottom: 10px;
}

p.feed {
	margin-top: 10px;
	margin-left: 10px;
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif ;
}
p.feed a {
	color: #444444;
	text-decoration: none;
}
p.feed img {
	vertical-align: middle;
	margin-right: 8px;
}

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

#footer {
	position: relative;
	clear: both;
	width: 100% ; /* for WinIE6,7 */
	height: 30px;
	margin-top: 15px;
	border-top: solid 5px #00A499;
	z-index: 10;
}

#footer li{
	float: left;
	display: inline;
	margin-top: 3px;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: nomal;
	line-height: 120%;
}

#footer li a {
	font-weight: nomal;
	font-size: 90%;
	line-height: 200%;
	color: #666666;
	padding-left: 12px;
	background: url(./images/w_arrow.gif) no-repeat;
	}
	
#footer li a:hover,
#footer li a:active {
	color: #198A64;
	padding-left: 12px;
	background: url(./images/w_arrow_2.gif) no-repeat;
}

#copyright{
	position: absolute;
	bottom: 0px;
	right: 40px;
	clear: both;
	width: 100%; 
	height:30px;
	text-align: right;
	z-index: 1;
}

#copyright p {
	font-size: 80%;
	text-align: right;
}