@charset "utf-8";

/* ===================================================================
CSS Document

 file name  :module.css
 style info :ヘッダー、グロナビ、フッター、サブナビ
=================================================================== */

/*----------------------------------------------------
	■header_area
----------------------------------------------------*/
#header_area{
	position:relative;
	height:144px;
}

/*----------------------------------------------------
	■グロナビ
----------------------------------------------------*/

#header_area ul.glovalnavi{
	position: absolute;
	right:0;
	top:93px;
	width:960px;
	height:46px;
}

#header_area ul.glovalnavi li{
	float:left;
	width:192px;
}

#header_area ul.glovalnavi li a{
	display:block;
	height:46px;
	font-size:0;
	}
.ie6 #header_area ul.glovalnavi li a,
.safari #header_area ul.glovalnavi li a,
.chrome #header_area ul.glovalnavi li a{
	text-indent:-9999px;
}

/*--off----*/
#header_area ul.glovalnavi li#navi01 {
	background:url(../image/button_global_navi.jpg) no-repeat 0px 0px;
}
#header_area ul.glovalnavi li#navi02 {
	background:url(../image/button_global_navi.jpg) no-repeat -192px 0px;
}
#header_area ul.glovalnavi li#navi03 {
	background:url(../image/button_global_navi.jpg) no-repeat -384px 0px;
}
#header_area ul.glovalnavi li#navi04 {
	background:url(../image/button_global_navi.jpg) no-repeat -576px 0px;
}
#header_area ul.glovalnavi li#navi05 {
	background:url(../image/button_global_navi.jpg) no-repeat -768px 0px;
}
/*--hover----*/
#header_area ul.glovalnavi li#navi01 a:hover{
	background:url(../image/button_global_navi.jpg) no-repeat 0px -46px;
}
#header_area ul.glovalnavi li#navi02 a:hover{
	background:url(../image/button_global_navi.jpg) no-repeat -192px -46px;
}
#header_area ul.glovalnavi li#navi03 a:hover{
	background:url(../image/button_global_navi.jpg) no-repeat -384px -46px;
}
#header_area ul.glovalnavi li#navi04 a:hover{
	background:url(../image/button_global_navi.jpg) no-repeat -576px -46px;
}
#header_area ul.glovalnavi li#navi05 a:hover{
	background:url(../image/button_global_navi.jpg) no-repeat -768px -46px;
}

/*--crent----*/
#header_area ul.glovalnavi li#navi01_cr a {
	background:url(../image/button_global_navi.jpg) no-repeat 0px -46px;
}
#header_area ul.glovalnavi li#navi02_cr a {
	background:url(../image/button_global_navi.jpg) no-repeat -192px -46px;
}
#header_area ul.glovalnavi li#navi03_cr a {
	background:url(../image/button_global_navi.jpg) no-repeat -384px -46px;
}
#header_area ul.glovalnavi li#navi04_cr a {
	background:url(../image/button_global_navi.jpg) no-repeat -576px -46px;
}
#header_area ul.glovalnavi li#navi05_cr a {
	background:url(../image/button_global_navi.jpg) no-repeat -768px -46px;
}



/*----------------------------------------------------
	■headパーツ
----------------------------------------------------*/


#header_area p.logo{
	position:absolute;
	top:17px;
}

#header_area p.home{
	position:absolute;
	top:39px;
	left:255px;
}

#header_area div.tab{
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	width:555px;
	height:37px;
	background:url(../image/head_bg_tab.gif) no-repeat right top #efefef;
}

#header_area div.tab p{
	position:absolute;
	top:9px;
	left:14px;
}

#header_area div.tab .search{
	position:absolute;
	top:7px;
	right:170px;
}

#header_area div.tab .search .search2{
	vertical-align:bottom;
	margin-bottom:1px;
}


#header_area div.tab input.select{
	border:1px solid #509116
}

#header_area div.tab #font-size{
	position:absolute;
	top:7px;
	right:10px;
}

#header_area div.tab #font-size li{
	float:left;
	width:22px;
	height:22px;
	cursor: pointer;
	text-indent:-9999px;
	padding-left:2px;
}

#font-size li.large{
	background:url(../image/head_button_font.gif) no-repeat -48px 0;
}

#font-size li.default{
	background:url(../image/head_button_font.gif) no-repeat -24px 0;
}

#font-size li.small{
	background:url(../image/head_button_font.gif) no-repeat 0 0;
}

#header_area .site{
	position:absolute;
	top:47px;
	right:0;
}

#header_area .site li{
	float:left;
	padding-left:13px;
}

#header_area .site li.adress{
	margin-top:7px;
}
#header_area .site li.tel{
	margin-top:6px;
}
/*----------------------------------------------------
	■footer_area
----------------------------------------------------*/

#footer_area_01 ,
#footer_area_02 {
	clear:both;
	float:left;
	width:100%;
	margin: 0;
	padding:0 0 25px 0;
	background:#f6f6f5 url(../image/bg_footer_01.gif) repeat-x;
}

#footer_area_02 {
	padding:14px 0 0 0;
	height:82x;
	background: url(../image/bg_footer_02.gif) repeat-x top;
}

#footer_area_01 .pagetop{
	clear:both;
	text-align:right;
	background:url(../image/bg_pagetop_01.gif) left bottom no-repeat;
}

#footer_area_01 .wrap,
#footer_area_02 .wrap{
	margin:0 auto;
	width:960px;
}

#footer_area_01 div.links {
	clear:both;
	margin-top:20px;
}

#footer_area_01 div.links .column01,
#footer_area_01 div.links .column02,
#footer_area_01 div.links .column03,
#footer_area_01 div.links .column04 {
	float:left;
}

#footer_area_01 div.links .column01{
	padding-left:40px;
}

#footer_area_01 div.links .column02,
#footer_area_01 div.links .column03,
#footer_area_01 div.links .column04 {
	padding-left:10px;
}

#footer_area_01 div.links .column02 ul,
#footer_area_01 div.links .column03 ul{
	float:left;
}

#footer_area_01 div.links .column01,
#footer_area_01 div.links .column02,
#footer_area_01 div.links .column03{
	border-right:1px solid #cdcdbb
}
#footer_area_01 div.links .column02,
#footer_area_01 div.links .column03,
#footer_area_01 div.links .column04{
	border-left:1px solid #fff
}
#footer_area_01 div.links a:link,
#footer_area_01 div.links a:visited{
	color:#666666
}

#footer_area_01 div.links p{
	margin-bottom:0px;
	padding-left:18px;
	font-weight:bold;
}

#footer_area_01 div.links .column01 p{
	background: url(../image/foot_icon_01.gif) no-repeat left;
}
#footer_area_01 div.links .column02 p{
	background: url(../image/foot_icon_02.gif) no-repeat left;
}
#footer_area_01 div.links .column03 p{
	background: url(../image/foot_icon_03.gif) no-repeat left;
}
#footer_area_01 div.links .column04 p {
	background: url(../image/foot_icon_04.gif) no-repeat left;
}

#footer_area_01 div.links .column04 p.tenjin {
	background: url(../image/foot_icon_05.gif) no-repeat left;
}


#footer_area_01 div.links ul li{
	margin-left:6px;
	padding-left:13px;
	width:130px;
	background:url(../image/icon_arrow_02.gif) no-repeat left 3px;
}

#footer_area_01 div.links .column04 ul {
	margin-bottom:5px;
}

#footer_area_01 div.links .column04 ul li{
	width:100px;
}

#footer_area_02 p.logo{
	clear:both;
	float:left;
	width:170px;
	border-right:solid 1px #999999
}

#footer_area_02 p.adress{
	float:left;
	margin:4px 0 0 15px;
	font-size:85%;
	line-height:1.3
}

#footer_area_02 ul.site{
	float:right;
	margin-top:14px
}

#footer_area_02 ul.site li{
	float:left;
	padding-left:20px;
}

#footer_area_02 p.copy{
	clear:both;
	display:block;
	width:960px;
	padding-top:25px;
	text-align:center;
}


/*----------------------------------------------------
	■サブナビ部分
----------------------------------------------------*/
#contents #sub_area .navi{
	overflow:hidden;
	margin-bottom:22px;
	padding:5px 4px;
	background:url(../image/bg_dot_01.gif) repeat;
	border:solid 1px #e2e2e1;
	border-top:none;
}

.ie6 #contents #sub_area .navi li{
	display:inline
}

#contents #sub_area .navi li a{
	display:block;
	margin-bottom:3px;
	padding:13px 10px 12px 36px;
	background:url(../image/subnavi_bg_01.gif) no-repeat top ;
	line-height:1.3;
}

#contents #sub_area .navi li .noimg{
	display:block;
	margin-bottom:3px;
	padding:13px 10px 12px 36px;
	background:url(../image/subnavi_bg_01.gif) no-repeat top ;
	line-height:1.3;
}

#contents #sub_area .navi li.cr a{
	background:url(../image/subnavi_bg_02.gif) no-repeat top ;
	font-weight:bold;
}

#contents #sub_area .navi li.cr .noimg{
	background:url(../image/subnavi_bg_02.gif) no-repeat top ;
	font-weight:bold;
}

#contents #sub_area .navi li.cr a:link,
#contents #sub_area .navi li.cr a:visited{
	color:#fff;
}

#contents #sub_area .navi li.cr .noimg{
	color:#fff;
}


#contents #sub_area .navi li.cr a:hover{
}

#contents #sub_area .navi li.cr ul{
	margin-bottom:2px;
	margin-left:10px;
}

/*--short-------*/

#contents #sub_area .navi li.cr li a{
	margin-top:1px;
	margin-bottom:1px;
	padding:6px 10px 6px 36px;
	background:#fff url(../image/icon_arrow_03.gif) no-repeat 19px 8px;
	font-weight:normal;
	border:solid 1px #fff;
}

#contents #sub_area .navi li.cr li a.cr{
	background-color:#ccefad;
	border:solid 1px #fff;
}

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

#contents #sub_area .navi li.cr li a:hover,
.diabetes #contents #sub_area .navi li.cr li a:hover,
.tenjin #contents #sub_area .navi li.cr li a:hover{
	background-color:#fff2bd;
}

#contents #sub_area .navi li a:link,
#contents #sub_area .navi li a:visited,
#contents #sub_area .navi li.cr li a:link,
#contents #sub_area .navi li.cr li a:visited{
	color:#40740f;
}

/*--種類: 糖尿病内科-------*/

.diabetes #contents #sub_area .navi li a{
	background:url(../image/subnavi_bg_01a.gif) no-repeat top ;
}
.diabetes #contents #sub_area .navi li.cr a{
	background:url(../image/subnavi_bg_02a.gif) no-repeat top ;
}

.diabetes #contents #sub_area .navi li.cr li a{
	background:#fff url(../image/icon_arrow_03.gif) no-repeat 19px 8px;
}

.diabetes #contents #sub_area .navi li.cr a:link,
.diabetes #contents #sub_area .navi li.cr a:visited,
.tenjin #contents #sub_area .navi li.cr a:link,
.tenjin #contents #sub_area .navi li.cr a:visited{
	color:#fff
}

.diabetes #contents #sub_area .navi li a:link,
.diabetes #contents #sub_area .navi li a:visited,
.diabetes #contents #sub_area .navi li.cr li a:link,
.diabetes #contents #sub_area .navi li.cr li a:visited,
.tenjin #contents #sub_area .navi li a:link,
.tenjin #contents #sub_area .navi li a:visited,
.tenjin #contents #sub_area .navi li.cr li a:link,
.tenjin #contents #sub_area .navi li.cr li a:visited{
	color:#333;
}


/*--種類: 天神-------*/
.tenjin #contents #sub_area .navi li a{
	background:url(../image/subnavi_bg_01b.gif) no-repeat top ;
}

.tenjin #contents #sub_area .navi li.cr a{
	background:url(../image/subnavi_bg_02b.gif) no-repeat top ;
}

.tenjin #contents #sub_area .navi li.cr li a{
	background:#fff url(../image/icon_arrow_03.gif) no-repeat 19px 8px;
}

#contents #sub_area .banner li{
	margin-bottom:15px;
}
/*--バナー--------------*/

#contents #sub_area p.title{
	margin:18px 0 8px 0;
}
#contents #sub_area div.uketsuke{
	position:relative;
	margin-bottom:20px;
	text-align:center
}

#contents #sub_area div.uketsuke .syousai1{
	position: absolute;
	right:23px;
	top:222px;
}

#contents #sub_area div.uketsuke .syousai2{
	position: absolute;
	right:23px;
	top:433px;
}

#contents #sub_area div.uketsuke .syousai3{
	position: absolute;
	right:23px;
	top:392px;
}

/*--特徴--------------*/

#contents #sub_area div.feature {
	margin-bottom:18px;
	padding:0 0 6px 0 ;
	background:url(../image/bg_side_feature_02.gif) no-repeat bottom left;
}

#contents #sub_area div.feature ul{
	padding:7px 10px 0 7px;
	background:url(../image/bg_side_feature_01.gif) no-repeat top left;
}

#contents #sub_area div.feature ul li{
	margin-bottom:1px;
}

#contents #sub_area div.feature ul li a:link,
#contents #sub_area div.feature ul li a:visited{
	display:block;
	padding:7px 5px 7px 30px;
	border: solid 1px #FFFFFF;
	background:#FFFFFF url(../image/icon_arrow_06.gif) no-repeat 17px 12px;
	color:#333333;
}

.ie6 #contents #sub_area div.feature ul li a:link,
.ie6 #contents #sub_area div.feature ul li a:visited{
	display:inline-block;
	width:165px;
}

#contents #sub_area div.feature ul li a:hover{
	border: solid 1px #FFFFFF;
	background:#ffd2a3 url(../image/icon_arrow_06.gif) no-repeat 17px 12px;
}


/*--新着--------------*/

#contents #sub_area .navi .new {
	margin-bottom:5px;
}

#contents #sub_area .navi .new p{
	display:block;
	margin-bottom:3px;
	padding:13px 0 12px 0;
	background:#f3f3eb url(../image/subnavi_bg_03.gif) repeat-x top ;
	line-height:1.3;
	text-align:center;
	font-weight:bold;
}

#contents #sub_area .navi .new li a{
	margin-bottom:1px;
	padding:6px 10px 6px 25px;
	background:#fff url(../image/icon_arrow_04.gif) no-repeat 15px 12px;
	font-weight:normal;
}



.clr{
	clear:both;
}