@import url(top.css);
/*#############################*/
@charset "utf-8";
/* Branch basis CSS Doc */
/* SCICE CO.LTD--- */

/*--- IEバグトリ ---*/

/*\*/
*html .buggybox { height:1%; }
/**/

/* basic setting */
* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0 auto;
	height: 100%;
	overflow-y: scroll;
}

body {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	font: 12px/1.5em "MS Gothic", Osaka, Arial;
	text-align: center;
	color: #555;
}
a {
	outline: none;
	text-decoration: none;
	color: #444;
}

a:hover {
	outline: none;
	text-decoration: underline;
	color: #918782;
}

img {
	border-style: none;
}

ul li {
	list-style-type: none;
}


.clear {
	clear: both;
}

h1{
	width: 879px;
	height: 10px;
	font-size: 10px;
	font-weight: normal;
	color: #777;
	line-height: 10px;
	margin: 7px 0 14px auto;
}


/* whole wrapped setting */
#wrapper {
	width: 880px;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 0;

}




/* header */

#header {
	margin: 0 auto;
	padding: 0;
	width: 880px;
	height: 64px;
	text-align:left;
	background: url(../img/header.jpg) no-repeat;
	background-position: 0 -11px;
	clear: both;
}

#header dt{
	width: 300px;
	height: 44px;
	margin: 0;
	padding: 0 200px 0 0;
	float: left;
}

#header dd{
	height: 14px;
	margin: 36px 15px 0 0;
	padding: 0;
	font-size: 10px;
	color: #777;
	line-height: 10px;
	float: left;
}

/* --- header navi --- */
#logo a{
	background-image:url(../img/logo.jpg);
	width: 300px;
	height: 54px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
	
}

#logo a:hover{
	background-image: url(../img/logo.jpg);
	width: 300px;
	height: 54px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display: block;

}

#h_nv01 a{
	background-image: url(../img/h_ofnv01.gif);
	width: 78px;
	height: 14px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#h_nv01 a:hover{
   background-image: url(../img/h_onnv01.gif);
   width: 78px;
   height:14px;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: block;

}

#h_nv02 a{
	background-image: url(../img/h_ofnv02.gif);
	width: 87px;
	height: 14px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#h_nv02 a:hover{
   background-image: url(../img/h_onnv02.gif);
   width: 87px;
   height:14px;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: block;

}

#h_nv03 a{
	background-image: url(../img/h_ofnv03.gif);
	width: 77px;
	height: 14px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#h_nv03 a:hover{
   background-image: url(../img/h_onnv03.gif);
   width: 77px;
   height:14px;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: block;

}

#h_nv04 a{
	background-image: url(../img/h_ofnv04.gif);
	width: 73px;
	height: 14px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#h_nv04 a:hover{
   background-image: url(../img/h_onnv04.gif);
   width: 73px;
   height:14px;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: block;

}




/* container wrapped */

#container {
	width: 880px;
	height: auto;
	text-align: left;
}

/* container left navigation */
#container #navi {
	width: 224px;
	height: auto;
	text-align: left;
	color: #444;
	background: url(../img/navi_bg.gif) no-repeat;
	float: left;
}

/* container right contents */
#container #contents {
	width: 656px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	color: #444;
	float: left;
	clear: right;
}
/* wrapping end */


/* left navigation setting */
#container #navi ul{
	width: 224px;
	height: 275px;
	margin: 55px 0 0 0;
	padding: 0;
	clear: both;
}

#container #navi li{
	width: 158px;
	height: 24px;
	margin: 0 0 8px 34px;
	padding:0;
	float:left;
	display:inline;
}

#container #navi p{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 12px;
}

/* left dod line setting */
#dodline dt{
	margin: 5px 0 0 0;
	padding: 10px 0 0 0;
	border-top: #999 dotted 1px;
}
/* left Related Link setting */
#dodline dd{
	width: 184px;
	margin: 0;
	padding: 5px 0 5px 20px;
	font-size: 12px;
	float: left;
}
#rlink01 a{
	background-image: url(../img/rl_yanaihara.gif);
	width: 174px;
	height: 48px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display: block;
}
#rlink02 a{
	background-image: url(../img/rl_tiara.gif);
	width: 174px;
	height: 45px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display: block;
}


/* main navi */
#nv00 a{
	background-image: url(../img/ofnv00.gif);
	width: 158px;
	height: 24px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#nv00 a:hover{
   background-image: url(../img/onnv00.gif);
   width: 158px;
   height:24px;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: block;

}
#nv01 a{
	background-image: url(../img/ofnv01.gif);
	width: 158px;
	height: 24px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#nv01 a:hover{
   background-image: url(../img/onnv01.gif);
   width: 158px;
   height:24px;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: block;

}

#nv02 a{
	background-image: url(../img/ofnv02.gif);
	width: 158px;
	height: 24px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#nv02 a:hover{
   background-image: url(../img/onnv02.gif);
   width: 158px;
   height:24px;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: block;

}

#nv03 a{
	background-image: url(../img/ofnv03.gif);
	width: 158px;
	height: 24px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#nv03 a:hover{
   background-image: url(../img/onnv03.gif);
   width: 158px;
   height:24px;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: block;

}

#nv04 a{
	background-image: url(../img/ofnv04.gif);
	width: 158px;
	height: 24px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#nv04 a:hover{
   background-image: url(../img/onnv04.gif);
   width: 158px;
   height:24px;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: block;

}

#nv05 a{
	background-image: url(../img/ofnv05.gif);
	width: 158px;
	height: 24px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#nv05 a:hover{
   background-image: url(../img/onnv05.gif);
   width: 158px;
   height:24px;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: block;

}

#nv06 a{
	background-image: url(../img/ofnv06.gif);
	width: 158px;
	height: 24px;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#nv06 a:hover{
   background-image: url(../img/onnv06.gif);
   width: 158px;
   height:24px;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: block;

}

/* mediqube system setting */
#mdq a{
	width: 224px;
	height: 69px;
	margin: 10px 0 10px 0;
	padding: 0;
	color: #FFF;
	text-indent: -9999px;
	display: block;
	background-image: url(../img/ofmdq.gif);
}

#mdq a:hover{
	width: 224px;
	height: 69px;
	margin: 10px 0 10px 0;
	padding: 0;
	text-indent: -9999px;
	display: block;
	background-image: url(../img/onmdq.gif);
}

/* mobile setting*/
#mob {
	width: 224px;
	height: 75px;
	margin: 0;
	padding: 5px 5px 5px 6px;
	font-size: 10px;
	line-height: 13px;
}

#mob img {
	margin: 0 5px 0 0;
	padding: 0;
}

#mobmail {
	width: 211px;
	height: 16px;
	margin: 0 5px 0 0px;
	padding: 0;
	color: #222;
	font-size: 12px;
	border: #777 1px solid;
}

#moburlto {
	width: 130px;
	height: 22px;
	margin: 0 0 0 -3px;
	padding: 0;
	border: none;
}

#navi form {
	margin: 0 0 15px 6px;
	padding: 0;
	font-size: 10px;
	line-height: 16px;
}

/* recruite link setting */
#recruit a{
	background-image: url(../img/ofrec.gif);
	width: 224px;
	height: 100px;
	margin: 4px 0 10px 0;
	padding: 0
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#recruit a:hover{
	background-image: url(../img/onrec.gif);
	width: 224px;
	height: 100px;
	margin: 4px 0 10px 0;
	padding: 0
	text-indent: -9999px;
	display: block;
}
#blog a{
	background-image: url(../img/ofblog.jpg);
	width: 224px;
	height: 100px;
	margin: 4px 0 10px 0;
	padding: 0
	color: #FFF;
	text-indent: -9999px;
	display: block;
}

#blog a:hover{
	background-image: url(../img/onblog.jpg);
	width: 224px;
	height: 100px;
	margin: 4px 0 10px 0;
	padding: 0
	text-indent: -9999px;
	display: block;
}




/* footer */
#footer {
	width: 880px;
	height: 78px;
	padding: 50px 0 5px 0;
	font-size:10px;
	line-height:10px;
	color: #444;
	text-align: center;
	clear: both;
	background: url(../img/f_bg.gif) no-repeat;
	background-position: 0px 50px;
}

#footer a{
	height: 10px;
	font-size: 10px;
	line-height: 10px;
	padding: 0 2px 0 2px;
	border-right: #444 solid 1px;
}

/* footer a left border */
.f_leftB {
	border-left: #444 solid 1px;
}

#footer p{
	height: 32px;
	margin: 14px 0 8px 0;
	padding: 0;
	font-size: 10px;
	line-height: 10px;
	color: #444;
}

address{
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #222;
}