@charset "utf-8";



/*############################################################################*/
/*

PC向け：全体のレイアウト設定：スクリーンと印刷共通

*/
/*############################################################################*/

@media all {

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*
section…一般的なセクション。ただしarticle、aside、nav以外の要素を入れる事
article…独立した記事のセクション。
aside…本文との関連が薄いセクション(注釈や余談など)。
figure…文章に組み入れられない画像, 動画, コンピュータ言語のコード, 詩歌(仕様草案の例にある), 或いはアスキィアートなど。
注釈を入れる場合は「figcaption」を使う
footer, header, menu, nav…文字通りの役割
hgroup…セクションの見出しを表します。この要素は、小見出し、副題、キャッチフレーズなど、見出しが複数のレベルを持つとき、h1-h6 要素のセットをグループ化するために使います。
※スタイリングの為のボックスはdivを使う事
*/

}/*all:end*/




/*############################################################################*/
/*

全体のレイアウト設定

*/
/*############################################################################*/

@media all{

html,body {
	width : 100%;
	height : 100%;
	margin : 0;
	padding : 0;
}

body {
	font-size : 100%;
	line-height : 150%;
	color : #281d1d;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	background-color : #ffffff;
	-webkit-text-size-adjust: 100%;
}

/*############################################################################*/
/*領域分け*/

/*全体*/
section#container {
	margin:0;
	padding: 0;
	width: 100%;
}

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

/*トップ用ヘッダ*/
header#top {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	z-index:100;
}

/*コンテンツ用ヘッダ*/
header#contents {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	z-index:100;
}

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

/*本文全体*/
section.top,
section.contents {
	margin: 0px 10px 0px 10px;
	padding:20px 0px 0px 0px;
	text-align: left;
}

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

/*フッタ*/
footer {
	margin: 10px 0 0 0;
	padding: 2px 0 10px 0;
	width: 100%;
	text-align: left;
	font-size: 85%;
	line-height: 150%;
}

/*############################################################################*/
/*ヘッダ内*/

/*トップ用メニューエリアと写真エリア*/
header div.hgroup {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
	width: 100%;
}
header div.hgroup:after {
	content : "";
	display : block;
	clear : both;
}

header div.top_photo {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
	width: 100%;
	background-color:#b1d131;
}

/*コンテンツ用メニューエリアと写真エリア*/
header#contents div.hgroup {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
	z-index: 100;
	width: 100%;
}

header div#contents_photo {
	z-index: 0;
	width: 100%;
	overflow: hidden;
}
header div#contents_photo img {
vertical-align: middle;
}



/*ロゴ*/
header h1 a {
float: left;
	display: block;
	overflow: hidden;
	margin: 10px;
	padding-top: 74px;
	height: 0 !important;
	line-height: 250%;
	width: 78px;
	background: url(common/img/m/ele_2022.svg?04) top left no-repeat;
	background-size: 279px 92px;
}

/*電話番号*/
header h2.tel {
float: right;
	display: block;
	overflow: hidden;
	margin: 10px;
	padding-top: 74px;
	height: 0 !important;
	line-height: 250%;
	width: 200px;
	background: url(common/img/m/ele_2022.svg?04) top left no-repeat;
	background-position: -78px 0;
	background-size: 279px 92px;
}

/*診療時間*/
header h2.cs {
	display: none;
}



/*----------------------------------------------------------------*/
/*サイトメニュー*/

header nav {
margin:0px 0px 0px 0px;
padding:1px 0px 0px 0px;
	position: relative;
	width: 100%;
}

header ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
header ul:after {
	content : "";
	display : block;
	clear : both;
}

header ul.mobile_menu {
	margin: 0;
	padding: 0;
	border-top:1px solid #7a7373;
	background-color:#ffffff;
}
header ul.scrollcontents {
	position: fixed;
	top: -2px;
}

header ul.mobile_menu li {
	margin: 0;
	padding: 0;
	float: left;
}

header ul.mobile_menu li#menufnc {
	width: 59%;
	border-right:1px solid #7a7373;
	border-bottom:1px solid #7a7373;
}
header ul.mobile_menu li#treatmentfnc {
	width: 40%;
	border-bottom:1px solid #7a7373;
}

header ul.mobile_menu li#menufnc a {
	display: block;
	overflow: hidden;
	margin: 10px 10px 10px 10px;
	padding-top: 18px;
	height: 0 !important;
	line-height: 250%;
	width: 139px;
	background: url(common/img/m/ele_2022.svg?04) top left no-repeat;
	background-position: 0 -74px;
	background-size: 279px 92px;
}

header ul.mobile_menu li#treatmentfnc a {
	display: block;
	overflow: hidden;
	margin: 10px 10px 10px 10px;
	padding-top: 18px;
	height: 0 !important;
	line-height: 250%;
	width: 88px;
	background: url(common/img/m/ele_2022.svg?04) top left no-repeat;
	background-position: -140px -74px;
	background-size: 279px 92px;
}

/*サイトメニューのパターン*/
header ul#nav {
	display: none;
	position: absolute;
	left: 0px;
	top: 41px;
	background-color:#ffffff;
	margin:0px 0px 0px 0px;
	padding:0px;
	z-index:10;
	border-bottom:2px solid #7a7373;
}

header ul#treatment {
	width: 200%;
}
header ul#nav li {
	float: left;
	width: 50%;
}

/*通常メニューの非表示（初期値）*/
li#menu_about,
li#menu_equipment,
li#menu_staff,
li#menu_schedule,
li#menu_access,
li#menu_recruit,
li#menu_blog,
li#menu_treatment a.menu_treatment{
	display: none;
}

/*診療案内の非表示（初期値）*/
ul#treatment{
	display: none;
}

header ul#nav a {
	display: block;
	margin: 5px;
	padding: 5px 0 5px 10px;
	background: url(common/img/common/link.gif) center left no-repeat;
}



/*############################################################################*/
/*トップ　キャッチコピー*/

div.topmsg {
margin:0px 0px 0px 0px;
padding:3em 0px 20px 0px;
}

div.topmsg h1 {
	margin: 0;
	padding: 0;
	font-size: 140%;
	line-height: 140%;
	font-weight: bold;
	color:#ae0602;
}

/*############################################################################*/
/*トップ　お知らせ枠*/

div.top_topics {
	border-top: 1px solid #7a7373;
	position: relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
}

div.top_topics h2 {
	margin:20px 0px 0px 0px;
	padding:0px 0px 10px 1em;
	font-size: 120%;
	line-height: 120%;
	background: url(common/img/layout/h2img.jpg) top left no-repeat;
	background-position: 0px 1px;
	background-size: 18px 18px;
}

div.top_topics ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.top_topics p {
display: block;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
text-align: right;
}

div.top_topics a.top_topics {
	margin: 0 5px 0 0;
	padding: 0 0 0 10px;
	background: url(common/img/common/link.gif) center left no-repeat;
}
div.top_topics a.top_topics:hover {
	background-position: 2px center;
}


/*############################################################################*/
/*トップ　診療案内のサムネリスト*/

div.top_treatment_list {
	border-top: 1px solid #7a7373;
	position: relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.top_treatment_list h2 {
	margin:20px 0px 0px 0px;
	padding:0px 0px 10px 1em;
	font-size: 140%;
	line-height: 120%;
	background: url(common/img/layout/h2img.jpg) top left no-repeat;
	background-position: 0px 2px;
	background-size: 18px 18px;
}

ul.top_treatment_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.top_treatment_list li {
	float: left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	width: 50%;
}

ul.top_treatment_list li a {
	display: block;
	overflow: hidden;
	margin: 0;
	padding-top: 25px;
	height: 0 !important;
	line-height: 250%;
	width: 150px;
	background: url(common/img/m/guide.png) top left no-repeat;
	background-size: 301px 250px;
}

ul.top_treatment_list li.acupuncture a {
	background-position: 0 0;
}

ul.top_treatment_list li.laser a {
	background-position: 0 -25px;
}

ul.top_treatment_list li.ozone a {
	background-position: 0 -50px;
}

ul.top_treatment_list li.herbal_medicine a {
	background-position: 0 -75px;
}

ul.top_treatment_list li.diet a {
	background-position: 0 -100px;
}

/**/

ul.top_treatment_list li.orthopedics a {
	background-position: 0 -125px;
}

ul.top_treatment_list li.filariasis a {
	background-position: 0 -125px;
}

ul.top_treatment_list li.x_ray a {
	background-position: 0 -150px;
}

ul.top_treatment_list li.ultrasonography a {
	background-position: 0 -175px;
}

ul.top_treatment_list li.endoscope a {
	background-position: 0 -200px;
}

ul.top_treatment_list li.scaling a {
	background-position: 0 -225px;
}

/**/

ul.top_treatment_list li.prevention a {
	background-position: -150px 0px;
}

ul.top_treatment_list li.medical a {
	background-position: -150px -25px;
}

ul.top_treatment_list li.castration a {
	background-position: -150px -50px;
}

ul.top_treatment_list li.food a {
	background-position: -150px -75px;
}

ul.top_treatment_list li.introduction a {
	background-position: -150px -100px;
}

/**/

ul.top_treatment_list li.microbubble a {
	background-position: -150px -125px;
}


/*############################################################################*/
/*本文内*/

/*パンクズナビ*/
div.breadcrumb {
	margin:0 0 3em 0;
	padding:0.5em 0px 0.5em 0px;
	font-size : 70%;
	border-bottom: 1px solid #7a7373;
}

/*段落*/
article {
	margin : 0;
	padding : 0 0 3em 0;
	position : relative;
}
section article:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

/*本文の設定*/
section#page-contents {
	margin : 0;
	padding:0 10px 0px 10px;
}

section.contents article {
	padding : 0 0px 3em 0px;
}

/*カラム分けページ*/
div.column {
margin:0px 0px 0px 0px;
padding:3em 0px 0px 0px;
}

div.text_area {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div.side_area {
	display: none;
}



/*############################################################################*/
/*フッタ内*/

div.footerbox {
	margin: 0 10px 20px 10px;
	padding: 20px 0 0 0;
	border-top: 1px solid #7a7373;
}

div.footerbox_left,
div.footerbox_center,
div.footerbox_right {
margin:0px 0px 0px 0px;
padding:0px 0px 15px 0px;
}
div.footerbox_left:after,
div.footerbox_center:after,
div.footerbox_right:after {
	content : "";
	display : block;
	clear : both;
}


/*中身要素*/

footer h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 120%;
	line-height: 120%;
	font-weight:normal;
}

footer p {
	margin: 0;
	padding: 0 0 10px 0;
}

footer p.copy {
	margin: 0 10px 20px 10px;
	text-align: right;
}

footer ul {
	margin: 0;
	padding: 0 0 0 5px;
	list-style-type: none;
}

footer li {
	margin: 0;
	padding: 0 0 4px 0;
	float: left;
	width: 50%;
}

footer ul a:link,
footer ul a:visited {
	margin: 0 5px 0 0;
	padding: 0 0 0 10px;
	background: url(common/img/common/link.gif) center left no-repeat;
}

footer a.gototop {
	display: none;
}





}/*all:end*/