@charset "shift_jis";

/*======*/
/* 汎用 */
/*======*/

/* リンクアイコン
-----------------------------------*/
.ico-link {
	background: url(../images/common/ico_arrow.gif) no-repeat left center;
	padding-left: 18px;
}


/* float用box
-----------------------------------*/
.fbox {
	width: 750px;
	overflow: hidden;
}

.fbox2 {
	width: 720px;
	overflow: hidden;
}

/* float：右 */
.fr25 {
	margin-left: 25px;
	float: right;
}

.fr15 {
	margin-left: 15px;
	float: right;
}

/* 段落余白
-----------------------------------*/
.textsp p {
	margin-bottom: 10px;
}



/*============*/
/* レイアウト */
/*============*/
#container {
	width: 100%;
	background: url(../images/common/navi_shadow.jpg) repeat-x;
	text-align: left;
	clear: both;
	zoom: 1;
}

#main-cts {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 35px;
	position: relative;
	overflow: hidden;
	clear: both;
	zoom: 1;
}

#maincolumn {
	width: 960px;
	padding-top: 20px;
}

#left-maincolumn {
	width: 190px;
	float: left;
}

#cts-maincolumn {
	width: 750px;
	float: right;
}


/*==========================*/
/* TOP左：診療科目 */
/*==========================*/
#side-kamoku {
	width: 190px;
	padding-bottom: 10px;
}

#side-kamoku h2 {
	line-height: 1.3;
	color: #FFFFFF;
	font-size: 107%;
	font-weight: bold;
	padding: 5px 15px;
	width: 160px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #F98AAE;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F98AAE), to(#FF6699));
	background: -webkit-linear-gradient(#F98AAE, #FF6699);
	background: -moz-linear-gradient(#F98AAE, #FF6699);
	background: -ms-linear-gradient(#F98AAE, #FF6699);
	background: -o-linear-gradient(#F98AAE, #FF6699);
	background: linear-gradient(#F98AAE, #FF6699);
	-pie-background: linear-gradient(#F98AAE, #FF6699);
	behavior: url(/js/PIE.htc);
	position: relative;
}

#side-kamoku-cts {
	width: 188px;
	padding-bottom: 10px;
	border-left: solid 1px #FB80A7;
	border-right: solid 1px #FB80A7;
	border-bottom: solid 1px #FB80A7;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	behavior: url(/js/PIE.htc);
	position: relative;
}

#side-kamoku ul li div {
}

#side-kamoku ul li{
	background: url(../images/common/ico_circle.gif) no-repeat 10px 9px;
	padding-top: 5px;
	padding-left: 21px;
	display: block;
	width: 159px;
}

#side-kamoku ul {
	padding: 5px 0;
	position: relative;
}


/*==========================*/
/* 左：サイドナビゲーション */
/*==========================*/
#s-navi {
	width: 190px;
	padding-bottom: 20px;
}

#s-navi h2 {
	line-height: 1.3;
	color: #FFFFFF;
	font-size: 107%;
	font-weight: bold;
	padding: 5px 15px;
	width: 160px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #B3E7FF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B3E7FF), to(#66CCFF));
	background: -webkit-linear-gradient(#B3E7FF, #66CCFF);
	background: -moz-linear-gradient(#B3E7FF, #66CCFF);
	background: -ms-linear-gradient(#B3E7FF, #66CCFF);
	background: -o-linear-gradient(#B3E7FF, #66CCFF);
	background: linear-gradient(#B3E7FF, #66CCFF);
	-pie-background: linear-gradient(#B3E7FF, #66CCFF);
	behavior: url(/js/PIE.htc);
	position: relative;
}

#s-navi-cts {
	width: 188px;
	padding-bottom: 10px;
	border-left: solid 1px #66CCFF;
	border-right: solid 1px #66CCFF;
	border-bottom: solid 1px #66CCFF;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	behavior: url(/js/PIE.htc);
	position: relative;
}

#s-navi-cts a:link,
#s-navi-cts a:visited {
	color: #333333;
	text-decoration: none;
}

#s-navi-cts a:hover,
#s-navi-cts a:active {
	color: #CC3333;
	text-decoration: none;
}

#s-navi ul li div {
	background: url(../images/common/line-dot02.gif) repeat-x left bottom;
	position: relative;
}

#s-navi ul li a {
	background: url(../images/common/ico_arrow03.gif) no-repeat 9px 11px;
	padding: 7px 9px 7px 20px;
	display: block;
	width: 159px;
}

#s-navi ul ul {
	background: #EEEEEE url(../images/common/line-dot02.gif) repeat-x left bottom;
	padding: 5px 0;
	position: relative;
}

#s-navi ul ul li a {
	background: url(../images/common/ico_arrow01.gif) no-repeat 15px 7px;
	padding: 3px 9px 3px 26px;
	width: 153px;
	display: block;
}


/*============*/
/* 左：バナー */
/*============*/
ul#banner li {
	margin-bottom: 10px;
}


/*==================*/
/* 左：サブメニュー */
/*==================*/
ul#submenu {
	background: url(../images/common/line_dot.gif) repeat-x left top;
}

ul#submenu li {
	background: url(../images/common/line_dot.gif) repeat-x left bottom;
	font-size: 107%;
	font-weight: bold;
	zoom: 1;
}

ul#submenu li a {
	background: url(../images/common/ico_heart.gif) no-repeat 10px 50%;
	padding: 10px 10px 10px 40px;
	display: block;
	width: 140px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}

ul#submenu li a:link,
ul#submenu li a:visited {
	color: #333333;
	text-decoration: none;
}

ul#submenu li a:hover,
ul#submenu li a:active {
	color: #CC3333;
	text-decoration: none;
}


/*==========*/
/* パンくず */
/*==========*/
#p-navi {
	padding-bottom: 15px;
	line-height: 1.6;
}

#p-navi p {
	font-size: 94%;
}


/*============*/
/* コンテンツ */
/*============*/
#contents {
	width: 750px;
	position: relative;
	line-height: 1.6;
}

#contents h1 {
	margin-bottom: 20px;
}

#contents h2 {
	line-height: 1.3;
	color: #FFFFFF;
	font-size: 121%;
	font-weight: bold;
	margin: 30px 0 10px;
}

#contents h2 span {
	width: 720px;
	padding: 5px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #F98AAE;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F98AAE), to(#FF6699));
	background: -webkit-linear-gradient(#F98AAE, #FF6699);
	background: -moz-linear-gradient(#F98AAE, #FF6699);
	background: -ms-linear-gradient(#F98AAE, #FF6699);
	background: -o-linear-gradient(#F98AAE, #FF6699);
	background: linear-gradient(#F98AAE, #FF6699);
	-pie-background: linear-gradient(#F98AAE, #FF6699);
	behavior: url(/js/PIE.htc);
	position: relative;
	display: block;
}

#contents h2 span a {
	display: block;
}

#contents h2 span a:link,
#contents h2 span a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#contents h2 span a:hover,
#contents h2 span a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

#contents h2.h2top,
#contents h3.h3top {
	margin-top: 0 !important;
}

#contents h3 {
	color: #FF6699;
	font-size: 107%;
	font-weight: bold;
	padding: 3px 0 3px 15px;
	margin: 20px 0 10px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

/* ページ内お問い合わせ */
.bana-contact {
	text-align: center;
	margin-top: 20px;
	clear: both;
	zoom: 1;
}


/* クリニックのご案内（about.html）
-----------------------------------*/
.num1 {
	color: #CC3333;
	font-size: 121%;
	font-weight: bold;
	background: url(../images/contents/num1.gif) no-repeat left center;
	padding-left: 27px;
	margin-bottom: 5px;
}

.num2 {
	color: #CC3333;
	font-size: 121%;
	font-weight: bold;
	background: url(../images/contents/num2.gif) no-repeat left center;
	padding-left: 27px;
	margin: 15px 0 5px;
}

.num3 {
	color: #CC3333;
	font-size: 121%;
	font-weight: bold;
	background: url(../images/contents/num3.gif) no-repeat left center;
	padding-left: 27px;
	margin: 15px 0 5px;
}

.num4 {
	color: #CC3333;
	font-size: 121%;
	font-weight: bold;
	background: url(../images/contents/num4.gif) no-repeat left center;
	padding-left: 27px;
	margin: 15px 0 5px;
}

ul.about-menu {
	width: 750px;
	overflow: hidden;
}

ul.about-menu li {
	float: left;
	width: 349px;
	background: url(../images/common/ico_circle.gif) no-repeat 15px 50%;
	padding-left: 26px;
}

table#schedule-data {
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	margin-bottom: 10px;
}

table#schedule-data th,
table#schedule-data td {
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

table#schedule-data th {
	background: #EEEEEE;
	font-size: 107%;
}

table#schedule-data td {
	font-size: 138%;
}

.about-access {
	background: url(../images/common/line_dot.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


/* 診療内容（menu/index.html）
-----------------------------------*/
ul.menu-list li {
	background: #FFFFFF url(../images/common/line_dot.gif) repeat-x left bottom;
	position: relative;
}

ul.menu-list li a {
	background: url(../images/common/ico_arrow02.gif) no-repeat 15px 50%;
	padding: 7px 10px 7px 26px;
	display: block;
	width: 714px;
}


/* 外来プラス（menu/other.html）
-----------------------------------*/
ul.other-list {
	margin: 10px 0 10px 15px;
	position: relative;
}

ul.other-list li {
	background: url(../images/common/ico_circle.gif) no-repeat 0 7px;
	padding-left: 11px;
	font-weight: bold;
}


/* 胃カメラ（inspection/gastrocamera.html）
-----------------------------------*/
.gas-num1 {
	color: #CC3333;
	font-size: 107%;
	font-weight: bold;
	background: url(../images/contents/num1.gif) no-repeat 0 0;
	padding-left: 27px;
	margin-bottom: 25px;
}

.gas-num2 {
	color: #CC3333;
	font-size: 107%;
	font-weight: bold;
	background: url(../images/contents/num2.gif) no-repeat 0 0;
	padding-left: 27px;
	margin-bottom: 25px;
}

.gas-num3 {
	color: #CC3333;
	font-size: 107%;
	font-weight: bold;
	background: url(../images/contents/num3.gif) no-repeat 0 0;
	padding-left: 27px;
	margin-bottom: 25px;
}


/* ごあいさつ（greeting/index.html）
-----------------------------------*/
.fbox-l_greeting p {
	margin-bottom: 10px;
}

ul.greeting-menu {
	width: 750px;
	overflow: hidden;
}

ul.greeting-menu li {
	float: left;
	width: 349px;
	background: url(../images/common/ico_circle.gif) no-repeat 15px 50%;
	padding-left: 26px;
}


/* 医療関係者の皆様へ（greeting/medical-personnel.html）
-----------------------------------*/


/* 在宅医療のご案内（greeting/home-healthcare.html）
-----------------------------------*/
.home-mc-box {
	background: url(../images/contents/img_home-mc02.gif) no-repeat right center;
	width: 595px;
	padding-right: 155px;
	min-height: 180px;
	height: auto !important;
	height: 180px;
}

ul.que-menu li {
	background: url(../images/common/ico_circle.gif) no-repeat 15px 8px;
	padding-left: 26px;
	font-size: 107%;
	font-weight: bold;
}

p.que-txt {
	line-height: 1.3;
	color: #FFFFFF;
	font-size: 121%;
	text-align: center;
	width: 565px;
	padding: 8px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #CC3333;
	behavior: url(/js/PIE.htc);
	position: relative;
}

table.hmc-process-txt1 td,
table.hmc-process-txt2 td,
table.hmc-process-txt3 td {
	border: 1px solid #DD5C7C;
	padding: 10px;
}

table.hmc-process-txt1 {
	margin: 0 auto;
}

table.hmc-process-txt2 {
	margin: 0 15px 0 auto;
}

table.hmc-process-txt3 {
	margin: 0 auto 0 15px;
}


/* 採用情報（recruit.html）
-----------------------------------*/
table#recruit-data {
	border-top: solid 1px #CCCCCC;
	margin-bottom: 10px;
}

table#recruit-data th,
table#recruit-data td {
	border-bottom: solid 1px #CCCCCC;
	padding: 10px 15px;
	vertical-align: top;
}

table#recruit-data th {
	text-align: left;
	font-weight: bold;
}


/* サイトのご利用について（sitepolicy.html）
   プライバシーポリシー（privacy.html）
-----------------------------------*/
#sitepolicy h2,
#privacy h2 {
	line-height: 1.3;
	color: #FF6699;
	font-size: 121%;
	font-weight: bold;
	margin: 30px 0 5px;
	padding: 0;
	width: 750px;
}

#sitepolicy ul.list-menu,
#privacy ul.list-menu {
	position: relative;
}

#sitepolicy ul.list-menu li,
#privacy ul.list-menu li {
	background: url(../images/common/ico_circle.gif) no-repeat 15px 7px;
	padding-left: 26px;	
}


/* サイトマップ（sitemap.html）
-----------------------------------*/
.fbox-l_sitemap {
	width: 365px;
	float: left;
}

.fbox-r_sitemap {
	width: 365px;
	float: right;
}

#sitemap {
	position: relative;
	line-height: 2;
}

#sitemap p {
	background: url(../images/common/ico_arrow.gif) no-repeat left center;
	padding-left: 18px;
	font-weight: bold;
	margin-top: 20px;
}

#sitemap ul li {
	background: url(../images/common/ico_arrow02.gif) no-repeat 7px 10px;
	padding-left: 18px;
}


/* 無料メール相談フォーム（inquiry.html）
-----------------------------------*/
table#inquiry-data {
	border-top: solid 1px #FF7CA7;
	border-right: solid 1px #FF7CA7;
	margin-top: 5px;
}

table#inquiry-data th,
table#inquiry-data td {
	border-left: solid 1px #FF7CA7;
	border-bottom: solid 1px #FF7CA7;
	padding: 10px 15px;
}

table#inquiry-data th {
	background: #FFEEF4;
	text-align: left;
}

input {
	padding: 2px;
}

input.txtw1 {
	width: 80px;
}

input.txtw2 {
	width: 180px;
}

input.txtw3 {
	width: 370px;
}

input.txtw4 {
}

input.txtw5 {
}

textarea.txta1 {
	width: 420px;
	height: 120px;
	padding: 2px;
	font-size: 100%;
}