@charset "utf-8";
/***********************************/
/*
/* かたえ内科・呼吸器クリニックCSS
/*
/* キーカラー #950307
/*
/***********************************/

/* resset---------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}
img{
	border: none;
	}
th,td,li,dt,dd{
	font-size: 12px;
	}


/* base---------------------------------------------------------------------- */
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	color: #333;
	min-width: 1020px;
	text-size-adjust: 100%
	}

/* common------------------------------------------------------- */

/** layout **/
#all{
	font-size: 12px;
	line-height: 1.5em;
	border-top: 20px solid #950307;
	}

#header,
#global_menu,
#breadline,
#container,
#foot{
	width: 1000px;
	margin: auto;
	text-align: left;
	}
#global_menu{
	width: 1002px;
	}
#foot{
	width: 725px;
	padding-left: 275px;
	}

#container{
	margin-top: 20px;
	}

#primary{
	float: right;
	width: 700px;
	margin-left: auto;
	}

#secondary{
	float: left;
	margin-right: 20px;
	width: 280px;
	}


/** header **/
.header_lead{
	position: relative;
	top: -20px;
	background: url(../image/header_access_info.gif) no-repeat;
	text-align: right;
	color: #fff;
	line-height: 20px;
	}

#logo{
	float: left;
	}

.header_tel{
	float: right;
	}


/** グローバルメニュー **/
#global_menu{
	clear: both;
	margin-top: 10px;
	}
#global_menu ul{
	list-style-type: none;
	}
#global_menu ul li{
	float: left;
	width: 250px;
	height: 65px;
	text-indent: -9999px;
	}
#global_menu ul li a{
	height: 65px;
	display: block;
	background-position: top;
	}
#global_menu ul li a:hover{
	background-position: bottom;
	}

.g_menu_home a{
	background-image: url(../image/menu_home.gif);
	width: 251px;
	}
.g_menu_doctor a{
	background-image: url(../image/menu_doctor.gif);
	}
.g_menu_information a{
	background-image: url(../image/menu_information.gif);
	}
.g_menu_access a{
	background-image: url(../image/menu_access.gif);
	width: 251px;
	}


/* サイドメニュー */
#sub_menu ul{
	list-style-type: none;
	}
#sub_menu a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
	}
#sub_menu li{
	display: block;
	height: 50px;
	}

#third_menu{
	padding-bottom: 10px;
	background: #950307;
	}
#third_menu li{
	background: #950307 url(../image/white_red_arrow.gif) no-repeat 28px center;
	height: 30px;
	border-bottom: 1px dashed #fff;
	line-height: 30px;
	}
#third_menu a{
	padding-left: 50px;
	display: block;
	width: 230px;
	height: 30px;
	text-decoration: none;
	color: #fff;
	}
#third_menu a:hover{
	background: #c9575b url(../image/white_red_arrow.gif) no-repeat 28px center;
	}


/* サイドのINFORMATION */
#secondary h4{
	margin-top: 20px;
	}
#side_info{
	border: #950307 2px solid;
	border-top: none;
	padding-bottom: 20px;
	}
.sub_tel{
	display: block;
	text-align: center;
	margin: auto;
	padding: 10px 0;
	}
#side_info dl{
	padding: 0 10px 10px;
	}
#side_info dt{
	color: #950307;
	font-weight: bold;
	border-bottom: 1px solid #950307;
	margin-bottom: 3px;
	}
#side_info dd{
	margin-bottom: 15px;
	}

#side_info iframe{
	display: block;
	text-align: center;
	margin: auto;
	
	}
.map_side{
	text-align: right;
	margin-bottom: 10px;
	}
.map_side a{
	color: #950307;
	line-height: 2em;
	margin-right: 15px;
	}


/** バナー **/
#banner{
	margin: 15px 0;
	}
#banner img{
	margin: 5px 0;
	}
#banner a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}


/** primary下部の地図 **/
#primary_foot{
	clear: both;
	background: url(../image/primary_foot_bg.gif) no-repeat;
	width: 680px;
	height: 280px;
	margin-top: 40px;
	padding: 10px;
	}

#primary_foot img{
	margin: 5px 0;
	}

#reception{
	border-collapse: collapse;
	border: 2px solid #950307;
	background-color: #fff;
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: center;
	}
#reception th{
	background-color: #950307;
	color: #fff;
	}
#reception td{
	border: 1px dotted #950307;
	height: 50px;
	}
#reception th,
#reception td{
	padding: 5px;
	/padding: 5px 4px;
	min-width: 35px;
	/width: 36px;
	}
#reception th.clinic_time{
	/width: 82px;
	}
#reception td.clinic_time{
	/width: 82px;
	}

#map_foot{
	float: right;
	}

.later{
	line-height: 1.2em;
	}



/** ページトップ **/
.pagetop{
	clear: both;
	width: 1000px;
	margin: auto;
	margin-top: 15px;
	}
.pagetop a{
	display: block;
	float: right;
	width: 100px;
	height: 35px;
	background: #950307 url(../image/page_top.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
	}
.pagetop a:hover{
	background: #c9575b url(../image/page_top.gif) no-repeat;
	}


/** footer **/
#footer{
	clear: both;
	background: url(../image/footer_bg.gif) repeat-x;
	height: 210px;
	}

#foot{
	padding-top: 30px;
	}
#foot h5{
	border-left: 5px solid #950306;
	padding-left: 7px;
	font-size: 13px;
	font-weight: bold;
	}
.foot_menu{
	float: left;
	background: url(../image/footer_line.gif) no-repeat right center;
	height: 160px;
	padding: 0 25px 0 25px;
	}
.last{
	background: none;
	width: 270px;
	}
.foot_menu ul{
	list-style-type: none;
	padding-top: 10px;
	}
.foot_menu ul li{
	font-size: 10px;
	line-height: 18px;
	}
.foot_menu a{
	text-decoration: none;
	color: #333;
	}
.foot_menu a:hover{
	color: #888;
	}


/** アドレス **/
address{
	font-style: normal;
	font-size: 10px;
	}


/** パンくず **/
#breadline_bg{
	clear: both;
	background: url(../image/breadline_bg.gif) repeat-x;
	height: 50px;
	}
#breadline{
	background: url(../image/breadline.png) repeat-x;
	height: 50px;
	font-size: 14px;
	line-height: 50px;
	color: #fff;
	}
.gt{
	padding: 0 7px;
	}
#breadline ol{
	list-style-type: none;
	padding-left: 20px;
	}
#breadline ol li{
	display: inline-block;
	/display: inline; /* IE用ハック */
	/zoom: 1; /* IE用ハック */
	}
#breadline a{
	color: #fff;
	text-decoration: none;
	}
#breadline a:hover{
	color: #ccc;
	}


/** お知らせ **/
.news{
	list-style-type: none;
	margin: 0 10px 10px 5px;
	}
.news li{
	border-bottom: 1px dashed #a3a3a3;
	padding: 8px 0;
	}
.news span{
	color: #950306;
	padding: 0 10px;
	margin-right: 10px;
	vertical-align: top;
	}
.news img{
	vertical-align: middle;
	margin-left: 3px;
	}
.news a{
	color: #424242;
	display: inline-block;
	/display: inline; /* IE用ハック */
	/zoom: 1; /* IE用ハック */
	max-width: 510px;
	text-decoration: none;
	}
.news a:hover{
	color: #888;
	text-decoration: underline;
	}
.news a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
	}

.right_arrow{
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
	margin-bottom: 20px;
	}
.right_arrow a{
	color: #950306;
	}
.right_arrow a:hover{
	color: #bd0306;
	}



/* 基本スタイル------------------------------------------------------- */
/** clearfix **/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
	}
.clearfix:after {
	clear:both;
	}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
	}

.minus{
	text-indent: -9999px;
	height: 0;
	}


/** title **/
h2.top_only{
	margin-top: 15px;
	}

h2{
	clear:both;
	margin-bottom: 15px;
	}

h3{
	clear:both;
	background: url(../image/primary_title2_bg.png) no-repeat;
	line-height: 40px;
	font-size: 16px;
	height: 40px;
	padding-left: 15px;
	margin-bottom: 13px;
	}

#primary h4{
	clear: both;
	font-size: 16px;
	color: #444;
	border-bottom: dashed 1px #950307;
	padding-left: 5px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	}

#primary .text h5{
	font-size: 13px;
	color: #444;
	margin: 10px auto 8px;
	padding: 3px 0 3px 7px;
	border-left: 5px solid #950307;
	border-bottom: 1px solid #950307;
	}

/** text **/
.text{
	margin: 0 5px 25px;
	}

#primary p{
	padding: 0 5px;
	}

.center{
	text-align: center;
	}

.color_red{
	color: #950307;
	}
.color_blue{
	color: #0593aa;
	}
.color_pink{
	color: #f72b65;
	}

.kome{
	padding-left: 1em;
	text-indent: -1em;
}


a{
	color: #444;
	}
a:hover{
	color: #666;
	}

a.go_gaibu{
	padding-right: 1.5em;
	background: url("../image/go_gaibu.gif") center right/ 12px no-repeat;
	}


.focus{
	margin: 10px 0;
	padding: 10px;
	background: url(../image/focus.gif);
	font-size: 13px;
	}

.attention{
	margin: 10px 0;
	padding: 10px;
	background: url(../image/attention.gif);
	font-size: 13px;
	font-weight: bold;
	}



/** table **/
caption{
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	line-height:1.7em;
	}
.basic_table,
.simple_table{
	border-collapse: collapse;
	margin: 10px 0;
	}
.basic_table th,
.basic_table td,
.simple_table th,
.simple_table td{
	empty-cells: show;
	padding: 5px 10px;
	text-align: left;
	}
.basic_table th,
.simple_table th{
	background-color: #dfdfdf;
	}
.basic_table td,
.simple_table td{
	background-color: #F5F5F5;
	}

.basic_table th,
.basic_table td{
	border: 1px solid #aaa;
	}

.simple_table th{
	border: 1px solid #ccc;
	}
.simple_table td{
	border: 1px dotted #ccc;
	}


/** list **/
.basic_ul{
	padding-left: 20px;
	line-height: 1.8em;
	}

.basic_ol{
	padding-left: 25px;
	line-height: 1.8em;
	}

.basic_dl{
	margin: 10px 0;
	}
.basic_dl dt{
	font-weight: bold;
	}
.basic_dl dd{
	margin-left: 10px;
	}


/** image **/
.center_img{
	display: block;
	margin: 10px auto;
	
	}
.left_img{
	float: left;
	margin: 0 10px 5px 0;
	}

.right_img{
	float: right;
	margin: 0 0 5px 10px;
	}

.link_icon{
	vertical-align: middle;
	margin-left: 3px;
	}


/* top------------------------------------------------------- */

/** メイン画像 **/
#top_main_img_bg{
	clear: both;
	background: url(../image/main_img_bg.gif) repeat-x;
	height: 435px;
	}

#top_main_img{
	background: url(../image/main_img_top.jpg) no-repeat top center;
	height: 435px;
	width: 1000px;
	margin: auto;
	text-align: left;
	}

#top_focus ul{
	list-style: none;
	margin: 235px 0 0 20px;
	}
#top_focus ul li{
	float: left;
	width: 315px;
	height: 165px;
	}
#top_focus dt{
	text-indent: -9999px;
	height: 0;
	}
#top_focus dd{
/*	padding: 66px 5px 0 120px;
*/	font-size: 10.5px;
	}
#top_focus a{
	text-decoration: none;
	color: #333;
	background-position: top;
	}
.focus_a{
	display: block;
	padding: 85px 5px 26px 111.7px;
	}
#top_focus .mukokyu .focus_a{
/*	margin-top: 25px;
	padding-top: 60px;
*/	padding-left: 140px;
	}
#top_focus .zensoku .focus_a{
	padding-left: 160px;
	}
#top_focus a:hover{
	color: #666;
	background-position: bottom;
	}
.stop a{
	background: url(../image/main_img_go_detail_stop.png) no-repeat;
	}
.mukokyu a{
	background: url(../image/main_img_go_detail_mukokyu.png) no-repeat;
	}
.zensoku a{
	background: url(../image/main_img_go_detail_zensoku.png) no-repeat;
	}


/* qa */
#top_qa h3{
	background: none;
	height: 0;
	margin: 0;
	padding: 0;
	}
#top_qa{
	background: url(../image/top_q_bg.png) no-repeat center bottom;
	height: 730px;
	width: 700px;
	position: relative;
	margin-bottom: 30px;
	}

#shojo{
	width: 650px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	}
#shojo h3{
	width: 650px;
	}
#top_qa ul{
	list-style-type: none;
	}
#top_qa ul li{
	float: left;
	}
#top_qa ul li a{
	display: block;
	margin: 0 10px 10px 0;
	}
#top_qa ul li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
	}

#answer{
	float: right;
	margin-left: 1px;
	}
#top_lead{
	margin-bottom: 10px;
	}
.top_greeting{
	width: 455px;
	}

#top_lead_name{
	margin: 12px  0 0 270px;
	text-align: left;
	line-height: 2em;
	}
.doctor_name span{
	font-size: 15px;
	}


/* 整備された環境 */
.sub_title{
	color: #950307;
	font-weight: bold;
	font-size: 14px;
	line-height: 3em;
	}
.go_info a{
	display: block;
	float: right;
	text-align: right;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background-color: #950307;
	padding: 5px 20px;
	margin-right: 10px;
	/margin-bottom: 25px;
	}
.go_info a:hover{
	background-color: #c9575b;
	}


/** よくあるご質問 **/
.faq dt{
	background: url(../image/icon_q.png) no-repeat left center;
	padding-left: 35px;
	line-height: 3em;
	font-weight: bold;
	margin-top: 15px;
	font-size: 15px;
	color: #950307;
	}
.faq dd{
	background: url(../image/icon_a.png) no-repeat left top;
	padding-left: 35px;
	line-height: 2em;
	border-bottom: 1px dashed #950307;
	padding-bottom: 15px;
	}

/** 診療案内 **/
.medical_menu{
	width:300px;
	height:160px;
	float: left;
	margin: 5px 20px 15px 20px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
.medical_menu a{
	display:block;
	width: 300px;
	height: 43px;
	text-indent: -9999px;
	outline: none;
	border-top: 1px solid #ccc;
	margin-bottom: 5px;
	}
	
.medical_menu #breath_btn{
	background: url(../image/breath_btn.gif) no-repeat left top;
	}
.medical_menu #breath_btn:hover{
	background: url(../image/breath_btn.gif) no-repeat left bottom;
	}
.medical_menu #allergy_btn{
	background: url(../image/allergy_btn.gif) no-repeat left top;
	}
.medical_menu #allergy_btn:hover{
	background: url(../image/allergy_btn.gif) no-repeat left bottom;
	}
.medical_menu #sleep_btn{
	background: url(../image/sleep_btn.gif) no-repeat left top;
	}
.medical_menu #sleep_btn:hover{
	background: url(../image/sleep_btn.gif) no-repeat left bottom;
	}
.medical_menu #neds_btn{
	background: url(../image/neds_btn.gif) no-repeat left top;
	}
.medical_menu #neds_btn:hover{
	background: url(../image/neds_btn.gif) no-repeat left bottom;
	}
.medical_menu #nosmoking_btn{
	background: url(../image/nosmoking_btn.gif) no-repeat left top;
	}
.medical_menu #nosmoking_btn:hover{
	background: url(../image/nosmoking_btn.gif) no-repeat left bottom;
	}
.medical_menu #asthma_btn{
	background: url(../image/asthma_btn.gif) no-repeat left top;
	}
.medical_menu #asthma_btn:hover{
	background: url("../image/asthma_btn.gif") no-repeat left bottom;
	}
	
.medical_menu ul{
	padding-left: 30px;
	line-height: 1.8em;
	list-style-type: square;
	color: #950307;
	}

/*受付時間・休診日のテーブル*/
.info_table{
	border-collapse: collapse;
	margin: 10px 0;
	}
.info_table th,
.info_table td{
	empty-cells: show;
	padding: 5px 10px;
	}
.info_table th{
	text-align: center;
	background-color: #d6f0f3;/*薄い水色*/
	}
.info_table td{
	text-align: center;
	background-color: #fefefe;
	}
.info_table th,
.info_table td{
	border: 1px solid #ccc;
	}


/** アレルギー疾患 **/
.cause{
	margin-left: auto;
	width: 385px;
	}


/** 睡眠時無呼吸症候群 **/
.word{
	background: #D6F0F3;
	padding: 15px 10px;
	margin-bottom: 20px;
	}
.word dt{
	color: #0593AA;
	font-size: 13px;
	border-bottom: 1px dashed #0593AA;
	padding-bottom: 3px;
	margin-bottom: 8px;
	}


/** 生活習慣病 **/
.high{
	margin-top: 20px;
	}
.high table{
	width: 330px;
	}


/** 禁煙外来 **/
th.num{
	white-space: nowrap;
	color: #950306;
	background-color: #fff;
	}
th.text_center{
	text-align: center;
	white-space: nowrap;
	}
td.text_right{
	text-align: right;
	}

/** 喘息 **/

.teigi_flow{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 18px auto;
}

.teigi_flow .action{
	width: calc((100% - (25px * 1.41421356237 * 2) - 10px ) / 4);
	background-color: #950307;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding:10px 0;
}


.teigi_flow .action span{
	display: block;
	margin-bottom: 10px;
}

.teigi_flow .arrow{
	position: relative;
	width: 30px;
	height: 30px;
	margin: 10px;
	align-self: center;
}

.teigi_flow .arrow::before{
	position: absolute;
	right: 8px;
	top: 50%;
	content: "";
	display: block;
	width:20px;
	height:20px;
	border-top:4px solid #950307;
	border-right: 4px solid #950307;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.teigi_flow .basic_ul{
	text-align: left;
	line-height: 1.75;
}



	
/*ドクター紹介*/
#doctor_photo_sign{
	width: 300px;
	float: right;
	margin-top:20px;
	}
#sign{
	text-align: right;
	font-weight: bold;
	color: #0593AA;
	}
.profile_table{
	border-collapse: collapse;
	margin: 20px 0;
	border-top: 1px dashed #ccc;
	}
.profile_table caption{
	color: #0593AA;
	}

.profile_table th,
.profile_table td{
	empty-cells: show;
	padding: 5px 10px;
	}
.profile_table th{
	text-align: center;
	font-weight: normal;
	background-color: #d6f0f3;/*薄い水色*/
	color:#0593AA;
	}
.profile_table td{
	text-align: left;
	background-color: #fefefe;
	}
.profile_table th,
.profile_table td{
	border-bottom: 1px dashed #ccc;
	}
.photo_area{
	width: 350px;
	float: left;
	margin-bottom: 30px;
	}
.photo_area img{
	border: 1px solid #ccc;
	padding: 5px;
	}
.photo_area p{
	color:#0593AA;
	margin-top: 5px;
	}
.big_photo_area{
	margin-top: 30px;
	margin-bottom: 30px;
	}
.big_photo_area img{
	border: 1px solid #ccc;
	padding: 5px;
	}
.big_photo_area p{
	color:#0593AA;
	margin-top: 5px;
	}


/** nu **/
.nu{
	margin: 0 5px 30px;
	border-bottom: dashed 1px #950306;
	padding-bottom: 20px;
	}
.nu #date{
	text-align: right;
	color: #950306;
	font-weight:bold;
	margin: 10px 0 25px 0;
	}

.nu img{
	margin: 10px 0 10px 0;
	}

.nu ul{
	margin-left: 20px;
	/margin-left: 25px; /* IE用ハック */
	line-height: 1.8em;
	}
.nu ol{
	margin-left: 25px;
	/margin-left: 33px; /* IE用ハック */
	line-height: 1.8em;
	}

.nu table{
	border-collapse: collapse;
	margin: 10px 0 10px 5px;
	}
.nu th,
.nu td{
	empty-cells: show;
	padding: 5px 10px;
	text-align: left;
	border: 1px solid #aaa;
	}
.nu th{
	background-color: #dfdfdf;
	}
.nu td{
	background-color: #F5F5F5;
	}

.nu dl{
	margin: 10px 5px;
	}
.nu dt{
	font-weight: bold;
	}
.nu dd{
	margin-left: 10px;
	}

.nu img{
	max-width: 690px;
	}


/** 交通アクセス **/
.access{
	margin: 10px 0;
	}