@charset "utf-8";
/* initialize
------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html,
body {
	height:100%;
}
body {
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul,
ol,
dl {
	list-style-type:none;
}
img {
	border:none;
	font-size:1px;
	line-height:0;
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
textarea {
	font-size:100%;
}
br {
	letter-spacing:0;
}
option {
	padding:0 10px 0 0;
}

/* clearfix
------------------------------------------------------------------------------*/
#header:after,
#gnavi:after,
#contents:after,
#sub .section#network ul:after,
#contents #main .reserve ul:after,
#sub .commonSearch ul:after,
#sub .section#mobileSite:after,
#footer:after,
#footer ul:after,
#footer .info:after,
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}
/* clearfix ie
------------------------------------------------------------------------------*/
#header,
#gnavi,
#contents,
#sub .section#network ul,
#sub .commonSearch ul,
#sub .section#mobileSite,
#footer,
#footer ul,
#footer .info,
.clearfix {
	/zoom:1;
}
/* off-left
------------------------------------------------------------------------------*/
.btn a,
.btn input,
.btns,
.btns a,
.btns input,
#gnavi li a,
#contents #main .btnSearch a,
#contents #main .reserve .btnReservation a {
	display:block;
}


body {
	background-color:#FCFEFC;
	background-image:url(../images/common/bg_body.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	line-height:1.5;
	letter-spacing:normal;
	font-size:75%;
	color:#000;
}
a {
	text-decoration:none;
	color:#06C;
}
a:hover {
	text-decoration:underline;
}


/* page
------------------------------------------------------------------------------*/
#page {
	width:856px;
	margin:0 auto;
	background-image:;
	background-repeat:repeat-y;
	background-position:left top;
}


/* header
------------------------------------------------------------------------------*/
#header {
	position:relative;
	width:856px;
	height:81px;
	margin-bottom:2px;
}
#header h1 {
	position:absolute;
	top:0;
	left:0;
	font-size:10px;
	color:#666;
	font-weight:normal;
	letter-spacing:1px;
}
#header .logo {
	float:left;
	width:216px;
	padding-top:23px;
	margin-right:144px;
}
#header .logo a {
	width:216px;
	height:49px;
}
#header .contact {
	float:left;
	width:259px;
	height:55px;
	margin:20px 16px 0 0;
}
#header .message {
	position:absolute;
	left:230px;
	top:20px;
	width:340px;
	padding:5px;
	border:1px solid #F0F0CC;
	background-color:#FEFEE2;
	text-align:center;
	line-height:1.5;
	font-size:80%;
	color:#CC0000;
}
#header .btn {
	float:left;
	width:220px;
	padding-top:25px;
}
#header .btn a {
	width:220px;
	height:45px;
	background-image:url(../images/common/btn_online_reserve_head_on.jpg);
}

/* gnavi
------------------------------------------------------------------------------*/
#gnavi {
	width:856px;
	padding-bottom:18px;
}

#page.index #gnavi {
	width:856px;
	padding-bottom:24px;
}
#gnavi li {
	float:left;
}
#gnavi li a {
	display:block;
	width:56px;
	height:56px;
}
#gnavi li#gnavi01 {
	width:116px;
	height:56px;
	background-image:url(../images/common/gnavi01_on.jpg);
	background-position:left top;
}
#gnavi li#gnavi01 a {
	width:116px;
	height:56px;
}
#gnavi li#gnavi02 a {
	width:148px;
	height:56px;
	background-image:url(../images/common/gnavi02_on.jpg);
	background-position:left top;
}
#gnavi li#gnavi03 a {
	width:192px;
	height:56px;
	background-image:url(../images/common/gnavi03_on.jpg);
	background-position:left top;
}
#gnavi li#gnavi04 a {
	width:104px;
	height:56px;
	background-image:url(../images/common/gnavi04_on.jpg);
	background-position:left top;
}
#gnavi li#gnavi05 a {
	width:158px;
	height:56px;
	background-image:url(../images/common/gnavi05_on.jpg);
	background-position:left top;
}
#gnavi li#gnavi06 a {
	width:137px;
	height:56px;
	background-image:url(../images/common/gnavi06_on.jpg);
	background-position:left top;
}


/* contents
------------------------------------------------------------------------------*/
#contents {
	width:855px;
	padding-bottom:35px;
}
#contents #main {
	float:left;
	width:585px;
}

#contents #sub {
	float:right;
	width:250px;
}
#contents #sub.lowerSub {
	margin-top:25px;
}

#sub .links {
	width:230px;
	padding:10px 10px 3px;
	margin-bottom:10px;
	background-color:#DCA870;
}
#sub .links li {
	position:relative;
	width:230px;
	padding-bottom:7px;
}
#sub .links li .btn {
	position:absolute;
	top:131px;
	left:5px;
	width:222px;
}
#sub .links li .btn a {
	width:222px;
	height:47px;
	background-image:url(../images/common/btn_online_reserve_sub_on.jpg);
}

#sub .section {
	width:246px;
	padding:1px;
	margin-bottom:10px;
	border:1px solid #CCC;
	background-color:#FFF;
}

#sub .section#network {
	height:auto !important;
	height:193px;
	min-height:193px;
	background-image:url(../images/common/map_mini.gif);
	background-position:110px 46px;
	background-repeat:no-repeat;
}
#sub .section#network ul {
	width:150px;
	padding:12px;
}
#sub .section#network li {
	float:left;
	display:block;
	white-space:nowrap;
	padding-left:5px;
	margin:0 0 4px 5px;
	border-left:1px solid #000;
	line-height:1.05;
}
#sub .section#network li.first {
	clear:both;
	padding-left:0;
	margin-left:0;
	border-left:none;
}
#sub .section#network li.last {
	margin-right:49px;
}
#sub .section#network li.last02 {
	margin-right:36px;
}
#sub .section#newsInfomation {
	position:relative;
}
#sub .section#newsInfomation .more {
	position:absolute;
	top:8px;
	left:164px;
}
#sub .section#newsInfomation .more a {
	width:77px;
	height:20px;
	background-image:url(../images/common/btn_moreview_on.jpg);
}
#sub .section#newsInfomation dl {
	padding:5px 1px 0;
}
#sub .section#newsInfomation dt,
#sub .section#newsInfomation dd {
	padding:0 7px;
}
#sub .section#newsInfomation dd {
	padding-bottom:5px;
	margin-bottom:9px;
	background-image:url(../images/common/line_dot_dbdbdb.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

#sub .section#newsInfomation .last {
	background-image:none;
	padding-bottom:9px;
	margin-bottom:0;
}

#sub .section#typesOfPhimosis,
#sub .section#typeOfCircumcisionOperation {
	margin-bottom:0;
	border-bottom:none;
}
#sub .section .menu {
	padding:0 10px;
}
#sub .section .menu li {
	padding:9px 0;
	border-bottom:1px solid #CCC;
}
#sub .section .menu li.last {
	border-bottom:none;
}

#sub .section .menu li .lead {
	font-size:84%;
}
#sub .section .menu li .link {
	padding-left:15px;
	background-image:url(../images/common/icon_arrow.jpg);
	background-position:0 5px;
	background-repeat:no-repeat;
	font-size:117%;
	font-weight:bold;
	letter-spacing:1px;
}

#sub .section#faqCircumcisionOperation {
}
#sub .section#faqCircumcisionOperation .caption {
	padding-bottom:8px;
}
#sub .section#faqCircumcisionOperation ul {
	padding:0 9px 3px;
}
#sub .section#faqCircumcisionOperation li {
	padding:0 0 9px 15px;
	background-image:url(../images/common/icon_arrow.jpg);
	background-position:0 5px;
	background-repeat:no-repeat;
}

#sub .banner {
	padding-bottom:10px;
}

#sub .commonSearch {
	padding:14px;
	margin-bottom:10px;
	border:2px solid #FFD559;
	background-color:#FFF;
}
#sub .commonSearch .label {
	padding-bottom:5px;
	font-size:117%;
	font-weight:bold;
}
#sub .commonSearch ul {
}
#sub .commonSearch li {
	float:left;
	white-space:nowrap;
	padding:0 2px;
	margin-right:3px;
}
#sub .commonSearch li.more {
	background-color:#FFC;
}
#sub .commonSearch li.more a {
	color:#C00;
}

#sub .section#mobileSite {
	padding-bottom:8px;
}
#sub .section#mobileSite .texts {
	float:left;
	width:157px;
	padding-top:5px;
}
#sub .section#mobileSite .texts .text {
	padding:0 0 0 6px;
}
#sub .section#mobileSite .texts .model {
	padding:0 0 6px 8px;
	font-size:84%;
	color:#03734B;
}
#sub .section#mobileSite .texts .btn {
	height:20px;
	padding-left:7px;
}
#sub .section#mobileSite .texts .btn a {
	width:125px;
	height:20px;
	text-indent:0;
	background-image:url(../images/common/btn_send_url_mobile_on.jpg);
}
#sub .section#mobileSite .qr {
	float:left;
	padding-top:5px;
}

/* path */
#contents #main .path {
	padding-bottom:7px;
}
/* btnSearch */
#contents #main .btnSearch a {
	background-image:url(../images/common/btn_search_on.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:387px;
	height:77px;
	display:block;
	margin:0 0 0 77px;
}
/* reservation */
#contents{
}
#contents #main .reservation{
	background-image:url(../images/clinic/reservation_bg.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	margin-top:16px;
	padding:0 2px 2px 0;

}
#contents #main .reserve {
	border:solid 8px #BCE4AD;
	padding:0 7px 0 9px;
	background-color:#FFF;
}
#contents #main .reserve .tel {
	float:left;
	width:261px;
	padding:14px 24px 0 12px;
}
#contents #main .reserve .btnReservation {
	width:244px;
	height:50px;
	float:left;
	padding:23px 0 0 0;
}
#contents #main .reserve .btnReservation a {
	background-image:url(../images/common/btn_reservation_on.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	width:244px;
	height:50px;
}
#contents #main .reserve .clearfix {
	border-bottom:solid 1px #E0E0E0;
	padding-bottom:13px;
}
#contents #main .reserve ul {
	padding:11px 0 12px 13px;
}
#contents #main .reserve li {
	float:left;
	background-image:url(../images/common/icon_arrow_blue.jpg);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding:0 22px 0 17px;
}
#contents #main .reserve li a {
	color:#3354A4;
}
.pagetop,
.linkTop {
	padding-top:14px;
}
.pagetop a,
.linkTop a {
	display:block;
	width:119px;
	height:22px;
	margin-left:auto;
	background-image:url(../images/common/pagetop_on.gif);
}


/* footer
------------------------------------------------------------------------------*/
#footer {
	border-top:5px solid #CEEBC3;
	background-color:#03734B;
}
#footer dl {
	padding:23px;
	border-top:1px solid #F3FAF0;
	background-color:#F2F2F2;
}
#footer dt,
#footer dd {
	width:856px;
	margin:0 auto;
}
#footer dt {
	padding-bottom:3px;
	border-bottom:1px solid #CCC;
	color:#666;
	font-weight:bold;
}
#footer dd {
	padding:5px 0 10px;
	border-top:1px solid #FFF;
}
#footer dd li {
	float:left;
	white-space:nowrap;
	padding:0 13px 0 17px;
	background-image:url(../images/common/icon_arrow.jpg);
	background-position:2px 4px;
	background-repeat:no-repeat;
}

#footer .info {
	width:856px;
	padding:20px 0 17px;
	margin:0 auto;
	line-height:1.2;
}
#footer .info ul {
	float:left;
}
#footer .info li {
	float:left;
	padding-right:7px;
	margin-right:7px;
	border-right:1px solid #FFF;
}
#footer .info li.last {
	padding-right:0;
	margin-right:0;
	border-right:none;
}
#footer .info li a {
	color:#F3FAF0;
}
#footer .info .copyright {
	float:right;
	color:#F3FAF0;
}





#header .btn a:hover,
#gnavi li a:hover,
.pagetop a:hover,
.linkTop a:hover,
#contents #main .btnSearch a:hover,
#contents #main .reserve .btnReservation a:hover,
#sub .links li .btn a:hover,
#sub .section#mobileSite .texts .btn a:hover,
#sub .section#newsInfomation .more a:hover {
	background-color:transparent;
}
#header .btn a:hover img,
#gnavi li a:hover img,
.pagetop a:hover img,
.linkTop a:hover img,
#contents #main .btnSearch a:hover img,
#contents #main .reserve .btnReservation a:hover img,
#sub .links li .btn a:hover img,
#sub .section#mobileSite .texts .btn a:hover img,
#sub .section#newsInfomation .more a:hover img {
	visibility:hidden;
}















