@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　ページ共有のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
基本設定
--------------------------------------------------------------------------------------- */

/* 基本フォント ------------------------------ */

body {
color: #333333;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
line-height: 1.5;
}

input,textarea,select {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}

* html body {
font-size: 75%;
}
*:first-child+html body {
font-size: 75%;
}


/* 基本タグ ------------------------------ */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
margin: 0;
padding: 0;
}

html{
	height: 100%;
}

#FLASH_CONTENTS{
	height: 100%;
}

body {
background: #FFFFFF;
	width: 100%;
	height: 100%;
}

img,table {
border: none;
}

ul {
list-style: none;
}

li img,
dt img {
vertical-align: bottom;
}

address,em,cite {
font-style: normal;
}

em {
color: #FF9900;
font-weight: bold;
}

/* clear */
.clear { clear: both; }
.clear hr { display: none; }

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; zoom: 1; }
/* */

/* space */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

/* bullet */
.bullet {
text-indent: -1.3em;
padding-left: 1.3em;
}

/* 基本テキストリンク ------------------------------ */

a:link {
color: #ea0000;
text-decoration: none;
}
a:visited {
color: #ea0000;
text-decoration: none;
}
a:hover {
color: #FF6666;
text-decoration: none;
}
a:active {
color: #FF6666;
text-decoration: none;
}


/* --------------------------------------------------------------------------------------
レイアウト枠
--------------------------------------------------------------------------------------- */

div#wrap {
width: 949px;
text-align: left;
}

div#ctArea {
width: 949px;
text-align: left:
}

.columnA {
width: 780px;
float: right;

}

*html .columnA {
padding-right: 0px;
}

.columnB {
width: 169px;
float: right;
}

.columnB .naviArea {
	background: #F00;
	height: 440px;
}

.columnB .naviArea .navi1 {
	padding-top: 30px;
}

.columnB .naviArea .navi2 {
	margin-top: 25px;
}

/* --------------------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------------------- */

div#hd {
position: relative;
width: 720px;
font-size: 0;
}

div#hd .lang {
position: absolute;
top: 30px;
left: 0;
height: 18px;
background: url(../image/contact/bg_lang.gif) no-repeat 18px 0;
}

div#hd .lang li {
	float: left;
	margin-right: 17px;
}

div#hd .close {
position: absolute;
top: 50px;
right: 0;
}


/* --------------------------------------------------------------------------------------
メインコンテンツ
--------------------------------------------------------------------------------------- */

/* title ------------------------------ */

h1 {
	display: none;
}


/* error ------------------------------ */

.error {
padding: 27px 90px;
margin-bottom: 18px;
border: 1px solid #FF0000;
color: #FF9900;
}


/* inputArea ------------------------------ */

.inputArea {
margin-top: 17px;
padding: 10px 0 30px 30px;
background: #EFEFEF;
}


/* inputList ------------------------------ */

ul.inputList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.inputList { display:inline-block; }
/*\*/
* html ul.inputList { height:1%; }
ul.inputList { display:block; }
/**/

ul.inputList li {
display: inline;
float: left;
margin-right: 20px;
padding-top: 20px;
}

ul.inputList li img {
margin-right: 10px;
vertical-align: middle;
}

ul.inputList li input {
width: 298px;
margin-top: 2px;
padding: 6px 10px;
border: 1px solid #CCCCCC;
}

ul.inputList li textarea {
width: 638px;
height: 88px;
margin-top: 2px;
padding: 6px 10px;
border: 1px solid #CCCCCC;
}


/* btnArea ------------------------------ */

.btnArea {
position: relative;
margin-top: 2px;
padding: 20px 0;
background: #EFEFEF;
}

.btnArea p {
	padding: 0 30px;
}

.btnArea .back {
position: absolute;
top: 33px;
left: 370px;
padding: 0;
}


/* checkArea ------------------------------ */

.checkArea {
margin-top: 17px;
padding: 9px 0 29px 29px;
border: 1px solid #E7E7E7;
}

.checkArea ul.inputList li input {
background: #EFEFEF;
border: 1px solid #FFFFFF;
}

.checkArea ul.inputList li textarea {
background: #EFEFEF;
border: 1px solid #FFFFFF;
}


/* thankArea ------------------------------ */

.thankArea {
padding: 35px 10px;
background: #EFEFEF;
text-align: center;
}

/* siteMap ------------------------------ */

.siteMap {
	background: url(../image/bg_main_news.jpg) no-repeat;
}

.siteMap .columnA {
	background: url(../image/bg_ttl_sitemap.jpg) no-repeat left top;
}


.siteMap #areaWrapper {
background: url(../image/bg_sitemap.gif) right top repeat-y;
margin: 150px 40px 0 0;
padding:30px 0 208px 40px;
}

.siteMap .areaA {
width: 239px;
float: left;
}

.siteMap .areaB {
width: 238px;
float: left;
}

.siteMap columnA #ctArea ul {
padding: 21px 0 10px 20px;
font-weight: bold;
}

.siteMap columnA #ctArea li {
margin-bottom: 15px;
}

.siteMap columnA #ctArea li span {
background: url(../image/icon_sitemap_03.gif)
no-repeat left center;
font-weight: normal;
padding-left: 10px;
}

.siteMap .icon1 {
background: url(../image/icon_sitemap_01.gif) no-repeat left center;
padding-left: 15px;
}

.siteMap .icon2 {
background: url(../image/icon_sitemap_02.gif) no-repeat left 10px;
padding-left: 15px;
}

.siteMap .icon3 {
background: url(../image/icon_sitemap_01.gif) no-repeat left 5px;
padding-left: 15px;
}

.siteMap .icon4 {
background: url(../image/icon_sitemap_04.gif) no-repeat left center;
padding-left: 15px;
}

.siteMap .areaC {
width:223px;
float: left;
}

/* news ------------------------------ */

.news {
	background: url(../image/bg_main_news.jpg) no-repeat;
}

.news .columnA {
	background: url(../image/bg_ttl_news.jpg) no-repeat left top;
}

.news .columnA .columnAinner {
padding:112px 40px 0 35px;
}

.news .columnA .topNaviArea {
	padding: 15px 0 19px 19px;
	background: #efefef;
	border: 2px solid #FFF;
	margin-bottom: 30px;
}

.news .columnA .topNaviArea .archives {
	width: 167px;
	float: left;
	position: relative; 
}

.news .columnA .topNaviArea .archives ul {
width: 150px;
text-align: left;
position: absolute;
} 

.news .columnA .topNaviArea .archives li {
border-bottom: 1px solid #ff0000;
border-left: 1px solid #ff0000;
border-right: 1px solid #ff0000;
}

.news .columnA .topNaviArea .archives li a {
display: block;
width: 136px;
padding: 3px 0 3px 8px;
}

.news .columnA .topNaviArea .archives li a:link { color: #FE1010; text-decoration: none; background-color: #FFFFFF; border: 2px solid #FFFFFF; }
.news .columnA .topNaviArea .archives li a:visited { color: #FE1010; text-decoration: none; background-color: #FFFFFF; border: 2px solid #FFFFFF; } 
.news .columnA .topNaviArea .archives li a:hover { color: #FE1010; text-decoration: none; background-color: #f5f5f5; border: 2px solid #FFFFFF; }
.news .columnA .topNaviArea .archives li a:active { color: #FE1010; text-decoration: none; background-color: #f5f5f5; border: 2px solid #FFFFFF; }

.news .columnA .topNaviArea .categories {
	width: 167px;
	float: left;
	position: relative; 
}

.news .columnA .topNaviArea .categories ul {
width: 150px;
text-align: left;
position: absolute;
} 

.news .columnA .topNaviArea .categories li {
border-bottom: 1px solid #ff0000;
border-left: 1px solid #ff0000;
border-right: 1px solid #ff0000;
}

.news .columnA .topNaviArea .categories li a {
display: block;
width: 136px;
padding: 3px 0 3px 8px;
}

.news .columnA .topNaviArea .categories li a:link { color: #FE1010; text-decoration: none; background-color: #FFFFFF; border: 2px solid #FFFFFF; }
.news .columnA .topNaviArea .categories li a:visited { color: #FE1010; text-decoration: none; background-color: #FFFFFF; border: 2px solid #FFFFFF; } 
.news .columnA .topNaviArea .categories li a:hover { color: #FE1010; text-decoration: none; background-color: #f5f5f5; border: 2px solid #FFFFFF; }
.news .columnA .topNaviArea .categories li a:active { color: #FE1010; text-decoration: none; background-color: #f5f5f5; border: 2px solid #FFFFFF; }


.news .columnA .topNaviArea .search p {
margin-top: 5px;
}

* html .news .columnA .topNaviArea .search p { margin-top: 3px; } 

.news .columnA .topNaviArea .search input {
vertical-align: middle;
}

.news .columnA .topNaviArea .search .text {
width: 123px;
border: 1px solid #b4b4b4;
border-right: none;
height: 17px;
vertical-align: middle;
padding: 4px 0 3px 5px;
color: #b1b1b1;
}

* html .news .columnA .topNaviArea .search .text {
padding: 7px 0 0 5px;	
}

.news .columnA .date {
font-weight: bold;
margin-bottom: 15px;
}

.news .columnA .date span {
background: #FFFFFF;
}

.news .columnA .ttlArea {
border: 1px solid #dbdbdb;
padding: 10px;
background: #fff;
}

.news .columnA .ttlArea .left {
float: left;
font-weight: bold;
width: 320px;
}

.news .columnA .ttlArea .right {
float: right;
width: 160px;
}

.news .columnA .ttlArea .right .find {
float: left;
width: 65px;
text-align: right;
margin-right: 10px;
background: url(../image/bg_sepa.gif) no-repeat left center;
}

.news .columnA .ttlArea .right .content {
float: left;
text-align: left;
font-weight: bold;
}

.news .columnA .entry {
margin: 20px 0 40px 0;
}

.news .columnA .entry .right {
float: right;
/*width: 163px;*/
text-align: right;
padding: 0 0 25px 25px;
}

.news .columnA .entry img {
padding: 1px;
border: 1px solid #e7e7e7;
}

.news .columnA .entry .left {
line-height: 1.7;
}

.news .columnA .entryDetail {
margin: 20px 0 0px 0;
}

.news .columnA .entryDetail .right {
float: right;
/*width: 163px;*/
text-align: right;
padding: 0 0 25px 25px;
}

.news .columnA .entryDetail img {
padding: 1px;
border: 1px solid #e7e7e7;
}

.news .columnA .entryDetail .left {
line-height: 1.7;
}

.news .columnA .dlIcon {
background: url(../image/icon_dl.gif) no-repeat left center;
padding-left: 10px;
} 

.news .columnA .page {
background:url(../image/bg_dot1.gif) repeat-x left center;
}



/*.news .columnA .page li .prev {

width: 50px;
padding-top: 1px;
background: #FFFFFF;
display: block;
}

.news .columnA .page .navi {
float: right;
background: #FFFFFF
}

.news .columnA .page .navi li {
float: left;
text-align: center;
min-width: 22px;
width: auto !important;
width: 22px;
min-height: 16px;
height: auto !important;
height: 16px;
background: #FF0000;
color:#FFFFFF;
margin-right: 5px;
}

.news .columnA .page .navi li a {
background: #efefef;
width: 100%;
min-height: 16px;
height: 100%;
color: #FF0000;
display: block;
}

.news .columnA .page .navi li a:visited {
background: #efefef;
color: #FF0000;
}

.news .columnA .page .navi li a:hover {
background: #FF0000;
color: #FFFFFF;
}

.news .columnA .page .navi li a:active {
background: #FF0000;
color:#FFFFFF;
}

.news .columnA .page .next {

width: 40px;
padding-top: 1px;
text-align: right;
background: #FFFFFF
}
*/

.news .columnA .page .navi {
float: right;
background: #FFFFFF;
}


.news .columnA .page .navi .current_page {
width: 22px;
min-height: 16px;
height: auto !important;
height: 16px;
background: #FF0000;
color:#FFFFFF;
display: block;
}

.news .columnA .page .navi li .link_page {
background: #efefef;
width: 100%;
min-height: 16px;
height: 100%;
color: #FF0000;
display: block;
}


.news .columnA .page .navi li {
float: left;
width: 22px;
text-align: center;
margin-left: 5px;
}

.news .columnA .page .navi li a:visited {
background: #efefef;
color: #FF0000;
}

.news .columnA .page .navi li a:hover {
background: #FF0000;
color: #FFFFFF;
}

.news .columnA .page .navi li a:active {
background: #FF0000;
color:#FFFFFF;
}


.news .columnA .page .navi li .link_next {
width: 28px;
background: #FFFFFF;
display: block;
line-height: 0px;
font-size: 0px;
}




.news .columnA .page .navi .link_before {
width: 33px;
text-align: right;
background: #FFFFFF;
line-height: 0px;
font-size: 0px;
}


.news .columnA .more {
margin-top: 20px;
}

.news .columnA .more img {
margin-top: 20px;
}

.news .columnB {
padding-bottom: 20px;
}

.news .columnB .categories {
margin: 30px 15px 0 15px; 
}

.news .columnB .categories ul {
margin-top: 5px;
}

.news .columnB .categories li {
background: url(../image/icon_arrow.gif) no-repeat left center;
padding-left: 15px;
}

.news .columnB .newsTop {
margin: 30px 15px 0 15px; 
}

/* privacy ------------------------------ */

.privacy {
	background: url(../image/bg_main_news.jpg) no-repeat;
}

.privacy .columnA {
	background: url(../image/bg_ttl_privacy.jpg) no-repeat left top;
}

.privacy .columnA .columnAinner {
padding:155px 40px 0 35px;
}

.privacy dl {

}

.privacy dt {
margin-top: 25px;
}

.privacy dd {
margin: 10px 20px 0 20px;
}

.privacy dd li {
margin-top: 10px;
}

.privacy dd li span {
color: #FF0000;
}

/* map ------------------------------ */


.map {
	background: url(../image/bg_main_news.jpg) no-repeat;
}

.map .columnA {
	background: url(../image/bg_ttl_map.jpg) no-repeat left top;
}


.map #map {
margin:151px 0 0 22px;
}

.map .address {
	margin-left:23px;
}

.map .address dl {
float: left;
width: 360px;
margin-top: 20px;
}

.map .address dt {
float: left;
margin-right: 10px;
color: #999999;
font-weight: bold;
}

.map .address dd {
float: left;
}

.siteMap .errorArea {
margin:147px 40px -100px 20px;
border: 1px solid #FF0000;
padding: 20px;
color: #000000;
}

/* material ------------------------------ */

.material {
	background: url(../image/bg_main_material.jpg) no-repeat;
}

.material h1 {
	display: block;
}

.material .columnA .columnAinner {
padding: 0px 20px 0 35px;
line-height: 1.8;
}

.material .columnA .section p {
	float: left;
	width: 380px;
}

.material .columnA .section img {
	float: left;
	width: 300px;
}

.material .columnA .lastSection {
	margin-top: 10px;
	padding-right:32px;
}

.material .columnA .lastSection img {
	float: right;
	width: 300px;
	margin: 0 0 10px 20px;
}

.material .columnA h2 {
	margin-top: 40px;
}

.material .columnA .section {
	margin-top: 10px;
}

/* products ------------------------------ */

.products {
	background: url(../image/bg_main_products.jpg) no-repeat;
}

.products h1 {
	display: block;
}

.products .columnA .columnAinner {
padding: 0px 20px 0 35px;
line-height: 1.8;
}

.products .columnA .columnAinner .prasentaLinkArea a {
	background: url(../image/btn_placenta_btm.gif) no-repeat left bottom;
	padding-bottom: 4px;
	position: relative;
	display: block;
}

.products .columnA .columnAinner .prasentaLinkArea a:visited {
	background: url(../image/btn_placenta_btm.gif) no-repeat left bottom;
}

.products .columnA .columnAinner .prasentaLinkArea a:hover {
	background: url(../image/btn_placenta_btm_on.gif) no-repeat left bottom;
}

.products .columnA .columnAinner .prasentaLinkArea a:active {
}


.products .columnA .columnAinner .prasentaLinkArea .prasentaLinkAreaInner {
	background: url(../image/btn_placenta_mid.gif) repeat-y left top;
}

.products .columnA .columnAinner .prasentaLinkArea a:visited .prasentaLinkAreaInner {
	background: url(../image/btn_placenta_mid.gif) repeat-y left top;
}

.products .columnA .columnAinner .prasentaLinkArea a:hover .prasentaLinkAreaInner {
	background: url(../image/btn_placenta_mid_on.gif) repeat-y left top;
}

.products .columnA .columnAinner .prasentaLinkArea a:active .prasentaLinkAreaInner {
}

.products .columnA .columnAinner .prasentaLinkArea .prasentaTtl {
	display: none;
}

.products .columnA .columnAinner .prasentaLinkArea .txtArea {
	background: url(../image/btn_placenta_top_off.gif) no-repeat left top;
	padding-top: 20px;
	color: #000;
}

.products .columnA .columnAinner .prasentaLinkArea a:visited .txtArea {
	background: url(../image/btn_placenta_top_off.gif) no-repeat left top;
	padding-top: 20px;
	color: #000;
}

.products .columnA .columnAinner .prasentaLinkArea a:hover .txtArea {
	background: url(../image/btn_placenta_top_on.gif) no-repeat left top;
	padding-top: 20px;
	color: #000;
}

.products .columnA .columnAinner .prasentaLinkArea a:active .txtArea {
}

.products .columnA .columnAinner .prasentaLinkArea .prasentaTxt {
	float: left;
	width: 486px;
	margin: 0 38px 0 31px;
	padding-top:75px;
}

*html .products .columnA .columnAinner .prasentaLinkArea .prasentaTxt {
	margin: 0 38px 0 15px;
}

.products .columnA .columnAinner .prasentaLinkArea .productsImg {
	float: left;	
}

/* material ------------------------------ */
.about {
	background: url(../image/bg_main_about.jpg) no-repeat;
}

.about .columnA {
	background: url(../image/ttl_about.jpg) no-repeat left top;
}

.about .columnA .columnAinner {
	padding:155px 40px 0 35px;
}

.about table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

.about table tr {
	border-bottom: 2px solid #ffffff;
}

.about table th {
	width: 80px;
	background: #e2e2e2;
	text-align: right;
	padding: 15px 15px 15px 0;
	vertical-align: top;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #ffffff;
}

.about table td {
	background: #ebebeb;
	padding: 15px 0 15px 15px;
	border-bottom: 2px solid #ffffff;
}

.about table td .address {
	margin-bottom: 5px;
}

.about table td dl {
	float: left;
	width: 426px;
}

.about table td dt {
	float: left;
	width: 40px;
	font-weight: bold;
}

.about table td dd {
	float: left;
	width: 380px;
}

.about table td p.externals {
	float: left;
	width: 150px;	
}


/* top ------------------------------ */

.top .errorArea {
margin-bottom: 20px;
border: 1px solid #FF0000;
padding: 20px;
color: #EF9901;
}

.top .overviewArea {
padding-left: 20px;
margin-top: 10px;
}

.top .overviewArea dl {
float: left;
width: 340px;
}

.top .overviewArea dt {
font-weight: bold;
margin-bottom: 15px;
}

.top .overviewArea dd {
margin-bottom: 15px;
}

.top .overviewArea .overview1 dt {
float: left;
width: 87px;
}

.top .overviewArea .overview1 dd {
float: left;
width: 253px;
}

.top .overviewArea .overview1 dd span {
color: #999999;
font-size: 83%;
}　メダカ


.top .overviewArea .overview2 dt {
float: left;
width: 60px;
}

.top .overviewArea .overview2 dd {
float: left;
width: 280px;
}


/* --------------------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------------------- */

div#ft {
font-size:0;
margin:50px 0 0;
padding-bottom:17px;
padding-left:34px;
position:relative;
text-align:left;
width:894px;
}

div#ft address {
padding-top: 4px;
}

div#ft p.pagetop {
position: absolute;
top: 0;
right: 0;
}