@charset "UTF-8";
/* ==========================================================================================================

	 1) basic tag style
 
============================================================================================================*/
* {
	margin:0;
	padding:0;
}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/ 
body {
	margin:0;
	padding:0;
	background:#ccc url(../common_img/bg.jpg) repeat-x;
	color: #404040;
}
html,body{
	height:100%;
}

img {
	border:none;
}
li {
	list-style:none;
}
li img {
	vertical-align:bottom;
}
a, a:link, a:visited {
	color: #0090c7;
	text-decoration:underline;
}
a:hover, a:active {
	text-decoration:none;
	color: #0090c7;
}
a { /* FireFox リンク選択時の点線を消す　*/
    overflow: hidden;
    outline: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
form {
	margin: 0;
}
input, select {
/*vertical-align:0.5em;*/
}
/* ==========================================================================================================

	 2) basic class style
 
============================================================================================================*/
/* clear
--------------------------------------------------------------- */
.clear {
	clear:both;
}
.clearfix {
	zoom:1;
	_height:1%;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
/* float
--------------------------------------------------------------- */
.float-left {
	float:left;
}
.float-right {
	float:right;
}
/* text
--------------------------------------------------------------- */
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}

/* valign
--------------------------------------------------------------- */
.valing-middle {
	vertical-align: middle;
}
.valing-top {
	vertical-align: top;
}

/* margin
---------------------------------------------------------------------------------------------------- */
.mb1 {
	margin-bottom:1px!important;
}
.mb5 {
	margin-bottom:5px!important;
}
.mb10 {
	margin-bottom:10px!important;
}
.mb15 {
	margin-bottom:15px!important;
}
.mb20 {
	margin-bottom:20px!important;
}
.mr5 {
	margin-right:5px!important;
}
.mr10 {
	margin-right:10px!important;
}
.mr15 {
	margin-right:15px!important;
}
/* margin
--------------------------------------------------------------- */
.mt5 {
	margin-top:5px!important;
}
.mt10 {
	margin-top:10px!important;
}
.mt15 {
	margin-top:15px!important;
}
.mb5 {
	margin-bottom:5px!important;
}
.mb10 {
	margin-bottom:10px!important;
}
.mb15 {
	margin-bottom:15px!important;
}
.ml1em {
	margin-left: 1em!important;
}
.mr1em {
	margin-right: 1em!important;
}

/* btn
--------------------------------------------------------------- */
.btn {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:-9999px;
	background-repeat:no-repeat;
}
a.btn {
	background-position:left top;
}
a:hover.btn {
	background-position:left bottom;
}

/* sup
--------------------------------------------------------------- */

sup {
	vertical-align:baseline; 
	position:relative;
	top:-4px
 }
sub {
	vertical-align:baseline; 
	position:relative;
 }
 
 /* em
--------------------------------------------------------------- */

em {
	color: #ec2214;
	font-style:normal;
 }

/* ==========================================================================================================

	 3) basic layout style
 
============================================================================================================*/
/* wrapper
--------------------------------------------------------------- */
#wrapper {
	width:990px;
	margin:0 auto;
	background: url(../common_img/bg_wrapp.png) repeat-y;
	height:100%;
    min-height: 100%;
}
body > #wrapper {
    height: auto;
}

#wrapp_container {
	width:900px;
	margin: 0 auto;
}

#wrapper h1 {
	font-size: 85%;
	background: #000;
	color: #FFF;
	padding: 2px 0 0 25px;
	font-weight: normal;
}

#container {
	background: url(../common_img/bg_contents.jpg) no-repeat 0 57px;
	padding: 5px 0 0 0;
}

/* header
--------------------------------------------------------------- */
#header {
	height: 105px;
	background: #000 url(../common_img/header.jpg) no-repeat;
	position: relative;
}
#header .clearfix {
	width: 900px;
	position: absolute;
	top: 0;
	left: 0;
	z-index:5;
}
/*---------logo----------*/
#header h2 {
	float: left;
	text-indent: -9999px;
	position: absolute;
	top: 12px;
	left: 20px;
}
#header h2 a {
	display:block;
	width: 186px;
	height: 42px;
}
/*---------header_navi----------*/
#header #h_nav {
	float: right;
	width: 130px;
	padding: 0;
}
#header #h_nav a {
	color: #FFF;
}
#header #h_nav ul {
	float: right;
	position: absolute;
	top: 44px;
	right: 20px;
}
#header #h_nav ul li {
	float: left;
	padding:0 5px;
	font-size:85%;
	border-right:1px solid #fff;
}
#header #h_nav ul li:last-child,
#header #h_nav ul li.last {
	border-right:none;
}

#header #h_nav a.corp {
	display: block;
	text-indent: -9999px;
	height: 25px;
	margin: 15px 0 10px 0;
	padding:0;
}


/*---------global-nav----------*/


/* contents
--------------------------------------------------------------- */
#contents {
	width: 860px;
	margin: 0 auto;
}
/* section
--------------------------------------------------------------- */
#section {
	margin-bottom: 2em;
}
#section .section_margin {
	margin-left: 1em;
}

/* section_sec
--------------------------------------------------------------- */
#section_sec {
	margin-left: 1em;
	margin-bottom: 1em;
}


/* ==========================================================================================================

	 4) basic contents style
 
============================================================================================================*/
/* side-contents
--------------------------------------------------------------- */
#side {
	float: left;
	width: 215px;
	margin-bottom: 25px;
}
#side h2{
	text-indent: -9999px;
	width: 215px;
	height: 34px;
	margin: 0 0 5px 0;
}
#side #about {
	background: url(../common_img/sidenav_about.jpg) no-repeat;
}
#side #product {
	background: url(../common_img/sidenav_product.jpg) no-repeat;
}
#side ul.s_nav {
	margin: 0 0 10px 0;
}
#side ul.s_nav li {
	margin: 0;
	background: url(../common_img/sidenav_bg_shadow.png) no-repeat bottom;
	padding: 0 0 5px 0;
}
#side ul.s_nav li a {
	display: block;
	background: url(../common_img/sidenav_bg.jpg) no-repeat;
	padding: 8px 0 5px 20px;
}
#side ul.s_nav li a:hover,
#side ul.s_nav li a.stay {
	display: block;
	background: url(../common_img/sidenav_bg_on.jpg) no-repeat;
	color: #0038c7;
	text-decoration: underline;
}

/* #side .bnr
--------------------------------------------------------------- */
#side ul.side_bnr,
#side ul.search_bnr {
	margin-bottom: 10px;
}
#side ul.side_bnr li,
#side ul.search_bnr li {
	margin-bottom: 1px;
}
#side .side_bnr li a {
	display: block;
	width: 215px;
	height: 65px;
	text-indent: -9999px;
}

#side .side_bnr li a.inq {
	width: 215px;
	background: url(../common_img/side_bnr_all.jpg) 0 0;
}
#side .side_bnr li a.inq:hover {
	background: url(../common_img/side_bnr_all.jpg) 0 65px;
}
#side .side_bnr li a.catalog {
	background: url(../common_img/side_bnr_all.jpg) -215px 0;
}
#side .side_bnr li a.catalog:hover,
#side .side_bnr li.stay a.catalog {
	background: url(../common_img/side_bnr_all.jpg) -215px 65px;
}


#side ul.search_bnr li a {
	display: block;
	width: 215px;
	height: 65px;
	text-indent: -9999px;
}
#side ul.search_bnr li a.medical{
	background: url(../common_img/search_bnr_all.jpg) 0 0;
}
#side ul.search_bnr li a:hover.medical,
#side ul.search_bnr li.stay a.medical{
	background: url(../common_img/search_bnr_all.jpg) 0 65px;
}
#side ul.search_bnr li a.development{
	background: url(../common_img/search_bnr_all.jpg) -215px 0;
}
#side ul.search_bnr li a:hover.development,
#side ul.search_bnr li.stay a.development{
	background: url(../common_img/search_bnr_all.jpg) -215px 65px;
}
#side ul.search_bnr li a.example{
	background: url(../common_img/search_bnr_all.jpg) -430px 0;
}
#side ul.search_bnr li a:hover.example,
#side ul.search_bnr li.stay a.example{
	background: url(../common_img/search_bnr_all.jpg) -430px 65px;
}

/* #side .bnr catalog_old
--------------------------------------------------------------- */
#side #bnr {
	margin-bottom: 10px;
}
#side #bnr li {
	margin-bottom: 1px;
}



/* main-contents
--------------------------------------------------------------- */
#main {
	float: right;
	width: 625px;
}
#main p {
	margin-bottom:1em;
	padding-left: 1em;
}

/* table-style
--------------------------------------------------------------- */

#main table {
	width:100%;
	margin-bottom:1em;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size: 93%;
}
#main table th {
	background: #f2f2f2;
	
}
#main table td {
	
}
#main table td,
#main table th {
	padding: 5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}


/* h2 h3 h4 h5
--------------------------------------------------------------- */
#main h2 img {
	margin-bottom: 11px;
}
#main h2 img.nomal_h2 {
	margin-bottom: 40px;
}
#main h3 {
	font-size: 123.1%;
	background: url(../common_img/h3_bg.png) no-repeat;
	height: 36px;
	padding: 6px 0 0 30px;
	margin: 0 0 0.3em 0;
}
#main h4 {
	font-size: 108%;
	border-bottom: 1px solid #CCC;
	margin: 0 0 0.6em 0;
}
#main h4 span {
	background: url(../common_img/h4_icn.gif) no-repeat 0 4px;
	display: block;
	padding: 0 0 5px 15px;
}
#main h5 {
	font-size: 93%;
	margin: 0 0 0.4em 1em;
}
#main h5.nomargin {
	font-size: 93%;
	margin: 0 0 0.4em 0;
}


/* footer
--------------------------------------------------------------- */
#footer {
	border-top: 1px solid #CCC;
	padding: 18px 0 20px 0;
	clear: both;
}
#footer #footer-nav {
	float: left;
	margin: 0 0 0 37px;
}
#footer #footer-nav li {
	float:left;
	padding: 0 5px;
	border-right: 1px solid #000;
}
#footer #footer-nav li.last {
	padding: 0 0 0 5px;
	border-right: none;
}
#footer #footer-nav li a {
	font-size: 85%;
	color: #000;
	display: inline-block;
}


/* text-link
--------------------------------------------------------------- */
a.link_left {
	display: block;
	background: url(../common_img/icn_link.gif) no-repeat 0 5px;
	padding: 0 0 0 10px;
}

a.link_right {
	float: right;
	display: block;
	background: url(../common_img/icn_link.gif) no-repeat right;
	padding: 0 10px 0 0;
	font-size: 85%;
}

/* btn_area
--------------------------------------------------------------- */
p.btn_area {
	text-align: center;
}
p.btn_area img {
	margin-right: 50px;
}
p.btn_area img.last {
	margin-right: 0;
}

/* notes
--------------------------------------------------------------- */
#main p.notes {
 padding: 0 0 0 2.0em;
 text-indent: -1.0em;
 color: #666;
 font-size: 93%;
 margin: 0 0 0.5em 0;
}

/* pagetop
--------------------------------------------------------------- */
p.pagetop {
	clear: both;
	padding: 0 0 10px 0;
	text-align: right;
}

/* nomal_list
--------------------------------------------------------------- */
ul.nomal_list {
	margin-left: 1em;
}
ul.nomal_list li {
	background: url(../common_img/icn_list.gif) no-repeat left 0.4em;
	padding-left: 0.7em;
	margin-bottom: 0.5em;
}
ul.nomal_list li.none {
	list-style: none;
}
/* list .colum2
--------------------------------------------------------------- */
ul.colum2 li {
	float: left;
	width: 280px;
}
/* list .colum4
--------------------------------------------------------------- */
ul.colum4 li {
	float: left;
	width: 130px;
}

/* list ol
--------------------------------------------------------------- */

ol li {
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
	margin: 0 0 0.5em 0;
}

ol li ul {
	margin: 0.5em 0 0.5em 1em;
}
ol li ul li {
	background: url(../common_img/icn_list.gif) no-repeat left 0.5em;
	padding-left: 1.7em;
	margin-bottom: 0.2em;
}


/* img_box
--------------------------------------------------------------- */
p.img_box {
	text-align: center;
}
/* dot_line
--------------------------------------------------------------- */
.dot_line {
	background: url(../common_img/line_dot.gif) repeat-x top;
}

/* table .type01
--------------------------------------------------------------- */
#main table.type01 {
	border-top: none;
	border-right: none;
	border-top: 1px solid #CCC;
} 
#main table.type01 td,
#main table.type01 th {
	border-bottom: 1px solid #CCC;
	border-left: none;
}
#main table.type01 th {
	background: none;
}
#main table.type01 th h3 {
	background: none;
	padding:0;
	margin:0;
	font-size: 108%
}

#main table.type01 dt {
	margin-bottom: 0.3em;
	font-weight: bold;
} 
#main table.type01 dd {
	margin-bottom: 0.5em;
	background: url(../common_img/line_dot.gif) repeat-x 0 bottom;
	padding: 0 0 0.5em 0;
}
#main table.type01 dd.last {
	margin-bottom: 0;
	background: none;
	padding: 0;
}

/* topic-path
--------------------------------------------------------------- */
#topic-path {
	padding: 0 0 0 25px;
	font-size:77%;
}


#rollover {
	display: none;
}