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

　全体の設定

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

body, div, span, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, table, td, tr, th, p, form, input {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #FFECEC;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック";
	font-size: 80%;
	line-height: 160%;
	color: #666666;
	min-width: 950px;
}
a:link, a:visited {
	color: #03F;
	text-decoration: none;
}
a:hover {
	color: #03F;
	text-decoration: underline;
}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/*Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*End hide from IE-mac */


/*  共通へッダー
============================================================ */

div#saraya-header {
	background-color: #FFF;
	background-image: url(../images/saraya-header-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 1.5em;
}
div#saraya-header ul li {
	float: right;
	list-style-type: none;
	padding-left: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	padding-right: 4px;
}
div#saraya-header ul li#saraya-header-last {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
div#saraya-header a:link, div#saraya-header a:visited {
	color: #999;
	text-decoration: none;
}
div#saraya-header a:hover {
	color: #00F;
	text-decoration: underline;
}
div#saraya-header ul li#saraya-header-logo {
	padding-top: 2px;
	padding-bottom: 0px;
	border-left-width: 0px;
	border-left-style: none;
}
div#saraya-header ul li#saraya-header-logo a {
	background-image: url(../images/saraya-header-logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 86px;
}

/*  コンテンツ全体（サブメニュー＆コンテンツ）
============================================================ */

div#contents {
	background-color: #FFF;
	background-image: url(../images/contents-bg.gif);
	background-repeat: repeat-y;
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/*  ヘッダー
============================================================ */

div#header {
	background-color: #FFF;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
div#header div#header-left {
	float: left;
	width: 450px;
	background-color: #FFF;
}
div#header div#header-left p {
	margin-top: 5px;
	margin-left: 10px;
}
div#header div#header-left div#medical-logo {
	height: 52px;
	width: 332px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
}
div#header div#header-left div#medical-logo a {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 52px;
	width: 332px;
}
div#header div#header-right {
	float: right;
	width: 500px;
	display: inline;
}
div#header div#header-right div#hnavi {
	margin-top: 10px;
	margin-right: 10px;
}
div#header div#header-right div#hnavi ul li {
	float: right;
	margin-left: 4px;
	list-style-type: none;
}
div#header div#header-right div#hnavi ul li a {
	margin-left: 5px;
	background-image: url(../images/hnavi.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 22px;
}
div#header div#header-right div#hnavi ul li#hnavi-magazine a {
	width: 212px;
}
div#header div#header-right div#hnavi ul li#hnavi-magazine a:link, div#header div#header-right div#hnavi ul li#hnavi-magazine a:visited {
	background-position: 0px 0px;
}
div#header div#header-right div#hnavi ul li#hnavi-magazine a:hover {
	background-position: 0px -22px;
}
div#header div#header-right div#hnavi ul li#hnavi-link a {
	width: 75px;
}
div#header div#header-right div#hnavi ul li#hnavi-link a:link, div#header div#header-right div#hnavi ul li#hnavi-link a:visited {
	background-position: -212px 0px;
}
div#header div#header-right div#hnavi ul li#hnavi-link a:hover {
	background-position: -212px -22px;
}
div#header div#header-right div#hnavi ul li#hnavi-sitemap a {
	width: 102px;
}
div#header div#header-right div#hnavi ul li#hnavi-sitemap a:link, div#header div#header-right div#hnavi ul li#hnavi-sitemap a:visited {
	background-position: -287px 0px;
}
div#header div#header-right div#hnavi ul li#hnavi-sitemap a:hover {
	background-position: -287px -22px;
}
div#header div#header-right div#sitesearch {
	clear: both;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	display: inline;
	background-image: url(../images/search-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;
}
div#header div#header-right div#sitesearch input#search-input {
	width: 200px;
}

/*  グローバルナビ
============================================================ */

div#gnavi {
	clear: both;
	width: 950px;
	margin-left: 12px;
}
div#gnavi ul li {
	float: left;
	height: 60px;
	list-style-type: none;
}
div#gnavi ul li a {
	height: 60px;
	background-image: url(../images/gnavi.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}
div#gnavi ul li#gnavi-home a {
	width: 110px;
}
div#gnavi ul li#gnavi-home a:link, div#gnavi ul li#gnavi-home a:visited {
	background-position: 0px 0px;
}
div#gnavi ul li#gnavi-home a:hover {
	background-position: 0px -60px;
}
div#gnavi ul li#gnavi-products a {
	width: 110px;
}
div#gnavi ul li#gnavi-products a:link, div#gnavi ul li#gnavi-products a:visited {
	background-position: -110px 0px;
}
div#gnavi ul li#gnavi-products a:hover {
	background-position: -110px -60px;
}
div#gnavi ul li#gnavi-gakujutsu a {
	width: 110px;
}
div#gnavi ul li#gnavi-gakujutsu a:link, div#gnavi ul li#gnavi-gakujutsu a:visited {
	background-position: -220px 0px;
}
div#gnavi ul li#gnavi-gakujutsu a:hover {
	background-position: -220px -60px;
}
div#gnavi ul li#gnavi-seminar a {
	width: 150px;
}
div#gnavi ul li#gnavi-seminar a:link, div#gnavi ul li#gnavi-seminar a:visited {
	background-position: -330px 0px;
}
div#gnavi ul li#gnavi-seminar a:hover {
	background-position: -330px -60px;
}
div#gnavi ul li#gnavi-communication a {
	width: 160px;
}
div#gnavi ul li#gnavi-communication a:link, div#gnavi ul li#gnavi-communication a:visited {
	background-position: -480px 0px;
}
div#gnavi ul li#gnavi-communication a:hover {
	background-position: -480px -60px;
}
div#gnavi ul li#gnavi-member a {
	width: 152px;
}
div#gnavi ul li#gnavi-member a:link, div#gnavi ul li#gnavi-member a:visited {
	background-position: -640px 0px;
}
div#gnavi ul li#gnavi-member a:hover {
	background-position: -640px -60px;
}
div#gnavi ul li#gnavi-info a {
	width: 148px;
}
div#gnavi ul li#gnavi-info a:link, div#gnavi ul li#gnavi-info a:visited {
	background-position: -792px 0px;
}
div#gnavi ul li#gnavi-info a:hover {
	background-position: -792px -60px;
}

/*  ぱんくず
============================================================ */

div#pankuzu {
	clear: both;
	background-color: #FFF;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-right: 10px;
	margin-left: 10px;
}

/*  右コンテンツ
============================================================ */

div#rcontents {
	float: right;
	width: 745px;
	padding-bottom: 15px;
	display: inline;
	margin-right: 7px;
}


/*  リード文
============================================================ */

div#rcontents p#lead {
	margin-top: 10px;
	margin-right: 40px;
	margin-left: 50px;
}

/*  サブメニュー
============================================================ */

div#lnavi {
	float: right;
	width: 200px;
	padding-bottom: 15px;
}
div#lnavi div#submenu {
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 5px;
}
div#lnavi div#submenu h2#menu-title {
	background-image: url(../images/lnavi-menu-title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 30px;
}
div#lnavi div#submenu h2#rireki-title {
	background-image: url(../images/lnavi-rireki-title.gif);
	background-repeat: no-repeat;
	height: 30px;
	margin-top: 20px;
	text-indent: -9999px;
}
div#lnavi div#submenu ul {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
}
div#lnavi div#submenu ul li {
	margin-top: 4px;
	margin-left: 5px;
	background-image: url(../images/lnavi-li-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	list-style-type: none;
}
div#lnavi div#submenu ul li ul li {
	list-style-position: outside;
	list-style-type: disc;
	background-image: none;
	margin-left: 10px;
	padding-left: 0px;
	margin-top: 2px;
}

/*  キャンペーンバナー
============================================================ */

div#cambana {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 190px;
}
div#cambana a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/*  page top
============================================================ */

div#pagetop {
	clear: both;
	margin-right: 10px;
	margin-bottom: 5px;
}
div#pagetop a {
	background-image: url(../images/pagetop.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 84px;
	float: right;
	margin-top: 15px;
}
div#pagetop a:link, div#pagetop a:visited {
	background-position: 0px 0px;
}
div#pagetop a:hover {
	background-position: 0px -20px;
}


/*  フッター
============================================================ */

div#footer {
	clear: both;
}
div#footer div#fnavi {
	margin-left: 10px;
	background-color: #FFCCCC;
	margin-right: 10px;
	padding-bottom: 5px;
}
div#footer div#fnavi ul {
	padding-top: 5px;
}
div#footer div#fnavi ul li {
	float: left;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
div#footer div#footermaplink {
	clear: both;
	margin-right: 7px;
	margin-left: 7px;
	background-color: #FFF;
}
div#footer div#footermaplink div#footermaplink1 {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-top: 15px;
	width: 140px;
}
div#footer div#footermaplink div#footermaplink2, div#footer div#footermaplink div#footermaplink3, div#footer div#footermaplink div#footermaplink4, div#footer div#footermaplink div#footermaplink5 {
	float: left;
	margin-left: 10px;
	display: inline;
	margin-top: 15px;
	width: 190px;
}
div#footer div#footermaplink h3 {
	font-size: 100%;
	margin-top: 5px;
	color: #999;
	text-align: justify;
}
div#footer div#footermaplink ul li {
	list-style-type: none;
}
div#footer div#footermaplink a {
	color: #999;
}
div#footer div#footermaplink div#footermaplink5 ul li#bana-disinfection-footer a {
	background-image: url(../images/bana-disinfection-footer.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 160px;
}
div#footer div#footermaplink div#footermaplink5 ul li#bana-fmd-footer a {
	background-image: url(../images/bana-fmd-footer.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 160px;
	margin-top: 5px;
}

div#copyright {
	background-image: url(../images/footer-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 35px;
}
div#copyright small {
	font-size: 100%;
}


/*  人気ページランキング
============================================================ */

div#ninkibest10 {
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px dotted #FFB7B9;
	background-color: #F9F9F9;
	margin-bottom: 20px;
}
div#ninkibest10 h2 {
	background-image: url(../images/ninkibest10-title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: center top;
	height: 50px;
	margin-top: 5px;
}
div#ninkibest10 ul {
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}
div#ninkibest10 ul li {
	background-image: url(../images/ninkibest10-li-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 14px;
	margin-top: 2px;
	margin-left: 5px;
	list-style-type: none;
}
div#ninkibest10 ul li.ninki7 {	
	background-image: url(../images/ninkibest10-li-member-icon.gif);
}

/*  メンテナンスのお知らせ
============================================================ */

div#maintenance {
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #FFDFDF;
}
div#maintenance h2 {
	font-size: 120%;
	border: 1px dotted #F44;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #FFF;
	background-color: #F44;
	text-align: center;
}
div#maintenance p {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: justify;
}
div#maintenance p#maintenancedate {
	font-weight: bold;
	margin-left: 20px;
	padding-bottom: 10px;
}



/*  会員専用コーナー会員名表示
============================================================ */

div#lnavi div#member-name {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 5px;
	background-color: #F6F6F6;
	border: 1px dotted #F99;
}div#lnavi div#member-name p {
	background-image: url(../images/icon-neko.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 35px;
}

/*  バナースペース
============================================================ */

div#bana-space {
	width: 190px;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
}
div#bana-space a img {
	margin-top: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

