@charset "UTF-8";
@import url("style.css");
/* ===================================================================
CSS information

 file name  :common.css
 author     :Lady Beetle Design (admin)
 style info :共通スタイル
 
このスタイルシートの構成
-------------------------
 tag-reset
 common
 layouts
  -#header
	-#side
	-#footer
 clearfix
=================================================================== */


/*
===== tag-reset ====================================
*/
html,body,h1,h2,h3,h4,h5,h6,
p,ul,ol,li,dl,dt,dd,table,address,blockquote,form {
	margin:0;
	padding:0;
	font-size:100%;
	}

/*
===== common ====================================
*/

body{
	font-family: Arial, Helvetica,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.5;
	font-size:14px;
	*font-size:86%;/*IE*/
	color:#333;
	text-align:center;
	background:#fff url(../images/body_bg.gif) repeat-x;
}
ul{
	list-style:none;
}
a{
	color:#784737;
	text-decoration:underline;
	outline:none;
}
img{
	border:0;
}
.clear{
	clear:both;
}
p.flL{
	float:left;
}
p.flR{
	float:right;
}
p.alR{
	text-align:right;
}
p.alC{
	text-align:center;
}
strong{
	color:#F60;
}


/*
===== layouts ====================================
*/
div#container{
	width:960px;
	margin:0 auto;
	text-align:left;
}

div#header{
	width:960px;
	height:94px;
	position:relative;
	background:url(../images/header_bg.gif) no-repeat 0 100%;
	margin-bottom:3px;
}

div#wrapper{
	width:960px;
}
div#footer{
	width:100%;
	padding-bottom:50px;
	background:#fff url(../images/footer_bg.jpg) repeat-x 0 20px;
	text-align:center;
	margin-top:30px;
}


/*------------------------------------
	#header
------------------------------------*/

div#header h1{
	position:absolute;
	top:12px;
	left:15px;	
}
div#header ul#subnavi{
	position:absolute;
	right:0;
	top:15px;
}

div#header ul#subnavi li{
	background:url(../images/subnavi_icon.gif) no-repeat 0 5px;
	padding-left:8px;
	float:right;
	display:inline;
	margin-right:30px;
}
div#header ul.info{
	text-align:right;
	position:absolute;
	right:0;
	top:10px;
	font-size:0.95em;
}
div#header ul.info li{
	margin-bottom:3px;
}
div#header ul#navi{
	width:960px;
	margin:0 auto;
}
div#header ul#navi li{
	float:left;
	display:inline;
}
div#header ul#navi li img{
	vertical-align:bottom;
}

div#header ul#gnavi{
	position:absolute;
	left:115px;
	top:66px;
}
div#header ul#gnavi li{
	background:url(../images/gnavi_icon.gif) no-repeat 0 2px;
	padding-left:26px;
	float:left;
	display:inline;
	margin-right:15px;
}


/*------------------------------------
	#side
------------------------------------*/
div#side a{
	text-decoration:none;
}
	
div#side div.outline{
	margin-bottom:20px;
}
div#side div.outline ul{
	background:url(../img/sidenavi_outline_bg.jpg) repeat-y;
}
div#side div.outline ul li{
	background:url(../img/sidenavi_outline_bg_li.jpg) no-repeat 0 100%;
	padding:5px;
}
div#side div.outline ul li:hover{
	background:url(../img/sidenavi_outline_bg_li_on.jpg) no-repeat 0 100%;
}
div#side div.outline ul li a{
	background:url(../img/sidenavi_outline_icon.gif) no-repeat 0 3px;
	padding-left:20px;
	display:block;
}
div#side div.intravenous{
	margin-bottom:20px;
}
div#side div.intravenous ul{
	background:url(../img/subnavi_intravenous_bg.jpg) repeat-y;
}
div#side div.intravenous ul li{
	background:url(../img/subnavi_intravenous_bg_li.jpg) no-repeat 0 100%;
	padding:5px;
}
div#side div.intravenous ul li:hover{
	background:url(../img/subnavi_intra_bg_li_on.jpg) no-repeat 0 100%;
}
div#side div.intravenous ul li a{
	background:url(../img/subnavi_intravenous_icon.gif) no-repeat 3px 3px;
	padding-left:20px;
	display:block;
}

/*------------------------------------
	#footer
------------------------------------*/
ul#footernavi{
	display:inline-block;
	margin:0 auto 10px;
	/width:960px;
	/margin-left:100px;
}
ul#footernavi li{
	float:left;
	display:inline;
	background:url(../images/footernavi_icon.gif) no-repeat 0 4px;
	padding-left:14px;
	margin-right:15px;
	font-size:0.9em;
}
div#footer p#copyright{
	padding-top:5px;
	font-size:.9em;
	color:#FFF;
}

/*====================================
	clearfix
====================================*/

.cf:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
	}

.cf{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
	}

.cf { display: block;　/* for Mac IE */
	}