@import url('https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');


/* all */
* {
margin: 0;
padding: 0;
word-break: normal;
}

HTML,BODY{
height: 100%;	/* フッター下部固定 */
}

BODY{
margin:0;
padding:0;
background:#FFF;
color:#000;
color:#393E4F;	/* 青褐 */
font-size: 100.0%;	/* 16pxベース */
line-height:1.8;
letter-spacing:1px;
text-align: center;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

* html body { /* for IE6 */ 
font-size: 100.0%;	/* 16pxベース */
}
*:first-child+html body { /* for IE7 */
font-size: 100.0%;	/* 16pxベース */
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	HTML,BODY{
	height:auto;
	}
}
@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	BODY{
	background-size:75% auto;
	-moz-background-size:75% auto;
	-webkit-background-size:75% auto;
	-o-background-size:75% auto;
	-ms-background-size:75% auto;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	BODY{
	background-size:100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	-o-background-size:100% auto;
	-ms-background-size:100% auto;
	}

}


/*------ フォントサイズ ------
font-size:62.5%;	10px
font-size:75.0%;	12px
font-size:87.5%;	14px
font-size:100.0%;	16px
font-size:112.5%;	18px
font-size:125.0%;	20px
font-size:137.5%;	22px
font-size:150.0%;	24px
font-size:162.5%;	26px
font-size:175.0%;	28px
font-size:187.5%;	30px
font-size:200.0%;	32px
font-size:212.5%;	34px
font-size:225.0%;	36px
font-size:237.5%;	38px
font-size:250.0%;	40px
-----------------------------*/

textarea {
    font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}  
input, select {
    font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
 } 

IMG{
max-width: 100%;
}
IMG,
A IMG{
border:none;
}

P{
margin-top:1.8em;
margin-bottom:1.8em;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}


/*--------------------------------------------------------------------
  「レスポンシブ」固有
--------------------------------------------------------------------*/
.pc,
.pc_tablet{
display:inline-block;
}

.tablet,
.tablet_sp,
.sp{
display:none;
}


@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	IMG{
	width:auto;
	height:auto;
	max-width: 100%;
	}
	.block_tablet_sp{	/* タブレット・スマホの時だけ改行する */
	display:block;
	}
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	.pc,
	.sp{
	display:none !important;
	}
	.apc_tablet,
	.tablet_sp,
	.tablet{
	display:block;
	margin:auto;
	}
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.pc,
	.pc_tablet,
	.tablet{
	display:none !important;
	}
	.tablet_sp,
	.sp{
	display:block;
	}
	.block_sp{	/* スマホ縦の時だけ改行する */
	display:block;
	}
}



/*--------------------------------------------------------------------
  「スマホ（横）」「タブレット」固有の設定
--------------------------------------------------------------------*/
.pc_none{
display:none;
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	.pc_none{
	display:inherit;
	}
	.tablet_none{
	display:none;
	}
}


/*--------------------------------------------------------------------
  「スマホ（縦）」固有の設定
--------------------------------------------------------------------*/
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.pc_none{
	display:inherit;
	}
	.sp_none{
	display:none;
	}
}




/*--------------------------------------------------------------------
  リンクテキスト
---------------------------------------------------------------------*/
A{
color:#06C;
}
A:VISITED{
color:#666;
}
A:HOVER{
color:#E77C91;	/* ピンクDark */
text-decoration:none;
}


/*------ 外部リンクアイコン ------*/
.content A[href^="http"]::after {
margin-left:0.25em;
content: "\f08e";
font-family: FontAwesome;
font-weight : 900;
text-decoration:none;
display:inline-block;
}
.content A[href*="kyoyu-kai.net"]::after {	/* 自社リンクは除外 */
content:"";
}



/*--------------------------------------------------------------------
  見出し 
---------------------------------------------------------------------*/
H1,H2,H3,H4,H5,H6{
margin:0;
padding:0;
font-weight:normal;
font-size:100.0%;	/* 16px */
border:none;
background:none;
}

/*------------------------------------------------
   H2
------------------------------------------------*/
H2{
margin:0 auto;
padding:70px 0;
font-size:400.0%;	/* 64px */
line-height:1.3;
color:#FFF;
letter-spacing:3px;
font-weight:500;
display:block;
font-family: "Rounded Mplus 1c", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
background:url(img/h2_bg.png) no-repeat center bottom;
text-shadow: 0 0 1px #69C;	/* 影文字 横方向 縦方向 ぼかし 影の色 */
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	H2{
	font-size:50px;
	}

}
@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	H2{
	background-position:80% bottom;
	background-size:280% auto;
	-webkit-background-size:280% auto;
	-moz-background-size:280% auto;
	-o-background-size:280% auto;
	-ms-background-size:280% auto;
	padding:20px 0 100px 0;
	}
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	H2{
	background-position:80% bottom;
	background-size:400% auto;
	-webkit-background-size:400% auto;
	-moz-background-size:400% auto;
	-o-background-size:400% auto;
	-ms-background-size:400% auto;
	padding:20px 0 60px 0;
	}
}

/*------------------------------------------------
   H3
------------------------------------------------*/
/*------ H3基本設定 ------*/
H3{
margin:0 auto;
padding:30px 0;
background:#F9D1DA url(img/diagonal_bg.png);	/* ピンクLight */
ppsition:relative;
z-index:400;
font-weight:500;
letter-spacing:3px;
line-height:1.3;
font-family: "Rounded Mplus 1c", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
font-size:300.0%;	/* 48px */
color:#FFF;
}
#box>H3 SPAN{
margin:0;
padding:15px 0;
background:url(img/pink_bg_dark.png);
display:block;
}




@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	H3{
	font-size:40px;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	H3{
	padding:15px 0;
	font-size:28px;
	letter-spacing:1px;
	}

}



/*------------------------------------------------
   H4
------------------------------------------------*/
/*------ H4基本設定 ------*/
H4{
margin:0 0 10px 10px;
padding:0 10px;
border-bottom:3px solid #F4B4C2;	/* ピンク */
font-family: "Rounded Mplus 1c", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
font-size:250.0%;	/* 40px */
clear:both;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}
/*------ 他要素隣接時 ------*/
H4+*{
margin-top:15px;
}
*+H4{
margin-top:70px;	/* 各要素と隣接時には上余白を多めに */
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	H4{
	margin-right:0;
	margin-left:0;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	H4{
	margin-right:-3%;
	margin-left:-3%;
	padding:0 0.5% 10px 2%;
	font-size:28px;
	line-height:1.2;
	}
}


/*------------------------------------------------
   H5
------------------------------------------------*/
/*------ H5基本設定 ------*/
H5{
margin:0 0 0 20px;
padding:0;
font-size:150.0%;	/* 24px */
font-weight:normal;
clear:both;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}

/*------ 他要素隣接時 ------*/
H5+*,
H4+H5{
margin-top:0;
}
*+H5{
margin-top:50px;	/* 各要素と隣接時には上余白を多めに */
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	H5{
	margin-left:5px;
	}
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	H5{
	margin:0;
	font-size:20px;
	}
}




/*------------------------------------------------
   H6
------------------------------------------------*/
/*------ H6基本設定 ------*/
H6{
margin:0 0 0 20px;
padding:0;
font-weight:normal;
font-size:137.5%;	/* 22px */
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}

/*------ 他要素隣接時 ------*/
H6+*{
margin-top:-5px;
}
*+H6{
margin-top:40px;	/* 各要素と隣接時には上余白を多めに */
}
H5+H6{
margin-top:0;	/* H5と隣接時には余白を0に */
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	H6{
	margin:0;
	font-size:18px;
	}
}






/*--------------------------------------------------------------------
  インデント	左20px 右20px 横幅max940px
--------------------------------------------------------------------*/
.content>DIV,
.content>OL,
.content>UL,
.content>DL,
.content>P{
margin-right:20px;
margin-left:20px;
}
@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.content>DIV,
	.content>OL,
	.content>UL,
	.content>DL,
	.content>P{
	margin-right:0;
	margin-left:0;
	}
}

/*--------------------------------------------------------------------
  画像レイアウト枠
--------------------------------------------------------------------*/
/*------------------------------------------------
  キャプション付き
------------------------------------------------*/
.caption{
text-align:center;
}
.caption IMG{
margin:auto auto 5px auto;
display:block;
}






/*--------------------------------------------------------------------
  左寄せ・右寄せ
---------------------------------------------------------------------*/
.text_alignleft{
text-align:left;
}
.text_aligncenter{
text-align:center;
}
.text_alignright{
text-align:right;
}


/*------------------------------------------------
  画像の左寄せ・右寄せ
------------------------------------------------*/
.content img.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
.content img.alignright{
float:right;
margin: 10px 0 10px 25px !important;
}
.content img.alignleft{
float:left;
margin: 10px 25px 10px 0 !important;
}
.clear{
clear:both;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.content img.alignleft,
	.content img.alignright{
	margin-top:10px !important;
	margin-right:auto !important;
	margin-bottom:10px !important;
	margin-left:auto !important;
	float:none;
	a width:auto;
	a height:auto;
	display: block;
	}
}



/*--------------------------------------------------------------------
  フォントサイズ・色
---------------------------------------------------------------------*/
/*------------------------------------------------
   フォント種類
------------------------------------------------*/
/*------ 明朝体指定 ------*/
.font_m{
font-family: "Century", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

html.android .font_m{	/* Android は明朝指定OFF */
font-family: sans-serif;
}

/*------ ゴシック指定 ------*/
.font_g{
font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/*------ 丸ゴシック指定 ------*/
.font_mg{
font-family: "Rounded Mplus 1c";
}


/*------------------------------------------------
   文字サイズ
------------------------------------------------*/
.extrasmall{
font-size:75.0%;	/* 12px */
}
.small{
font-size:87.5%;	/* 14px */
}
.large{
font-size:125.0%;	/* 20px */
}
.extralarge{
font-size:162.5%;	/* 26px */
}

.normal{
font-weight:normal;
}


/*------------------------------------------------
   強調下線
------------------------------------------------*/
.underline{
display:inline;
background: -prefix-linear-gradient(	/* Webkit系 */
	bottom,
	rgba(246,213,128,1),
	rgba(246,213,128,1) 34%,
	rgba(246,213,128,0) 35%),
	url(img/spacer.gif);
background: linear-gradient(	/* Opera 12.1、IE 10、Fx 16 以降 */
	to top,
	rgba(246,213,128,1),
	rgba(246,213,128,1) 34%,
	rgba(246,213,128,0) 35%),
	url(img/spacer.gif);
/ border-bottom:5px solid #F6D580;	/* 黄色 IE7対策 */
}
html.android .underline{	/* Android は下線 */
border-bottom:5px solid #FC6;
}


/*------------------------------------------------
   文字色
------------------------------------------------*/
.red{
color:#F30;
}
.pink{
color:#E77C91;	/* ピンクDark */
}
.blue{
color:#39C;
}
.green{
color:#390;
}
.orange{
color:#F08200;	/* 暗いオレンジ */
}


/*--------------------------------------------------------------------
  リストスタイル
---------------------------------------------------------------------*/
UL{
margin:25px 0;
padding:0;
list-style:none;
}

LI UL,
DD UL,
TD UL{
margin-top:5px;	/* ネスト時は上余白を少な目に */
}
.content UL>LI{	/* ULの直下のLI */
margin:8px 0;
padding:0 0 0 25px;
background:url(img/liststyle.png) no-repeat 5px 0.45em;
text-align:left;
}



/*------------------------------------------------
  横並びリスト
------------------------------------------------*/
UL.inline{
}
UL.inline LI{
padding-right:20px !important;
display:inline-block;
*display: inline;		/* IE7対策 */
*zoom: 1;  				/* IE7対策 */
}
UL.inline LI .extralarge{
vertical-align:top;
line-height:1em;
}


/*------------------------------------------------
  番号付きリスト
------------------------------------------------*/
OL{
margin:25px 0;
padding:0;
}
LI OL,
DD OL,
TD OL{
margin-top:5px;	/* ネスト時は上余白を少な目に */
margin-bottom:5px;	/* ネスト時は下余白を少な目に */
}

.content OL>LI{
margin:10px 0 10px 25px;
padding:0;
list-style-type : decimal;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}


/*------------------------------------------------
  説明付きリスト
------------------------------------------------*/
DL{
margin:25px 0;
padding:0;
}

.content H5+DL,	/* H5のすぐ下の時は上余白を少な目に */
.content LI>DL{	/* ネストする時は上余白を少な目に */
margin-top:10px;
}
.content DT{
margin:0;
padding:0;
font-size:112.5%;	/* 18px */
}
.content DD{
margin:0;
padding:0;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}
.content DT+DT,
.content DD+DT{	/* 2番目以降のタイトル行だけ上余白を設ける */
margin-top:50px;
}

.content LI>DL DT+DT,
.content LI>DL DD+DT{	/* ネストする時は上余白を少な目に */
margin-top:15px;
}



/*------------------------------------------------
  注釈 ※ リスト
------------------------------------------------*/
UL.kome>LI,
LI.kome{
padding-left:20px;
position: relative;
background:url(img/spacer.gif) no-repeat !important;	/* Android4.0対策 */
}

.content OL>LI.kome{
margin-left:-25px;
position: relative;
list-style:none;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}


UL.kome>LI>SPAN.komemark,
.content OL>LI.kome>SPAN.komemark,
UL>LI.kome>SPAN.komemark{
position: absolute;
top:0;
left:-0.1em;
color:#F00;
}

* html UL.kome>LI>SPAN.komemark,
* html OL>LI.kome>SPAN.komemark,
* html UL>LI.kome>SPAN.komemark{ 	/* for win ie6 */
top: -0.3em;
}
*:first-child+html UL.kome>LI>SPAN.komemark,
*:first-child+html OL>LI.kome>SPAN.komemark,
*:first-child+html UL>LI.kome>SPAN.komemark{	 /* for win ie7 */
top: -0.3em;
}


/*------------------------------------------------
  PDFリスト
------------------------------------------------*/
.content UL.pdf LI,
.content LI.pdf{
padding:0.6em 0 0.6em 40px;
background:url(img/pdf.gif) no-repeat left 0.4em;
list-style:none;
}
.content UL.pdf LI A,
.content LI.pdf A{
vertical-align:top;	/* IE7対策 */
}


/*------------------------------------------------
  Wordリスト
------------------------------------------------*/
.content UL.word LI,
.content LI.word{
padding:0.6em 0 0.6em 40px;
background:url(img/word.gif) no-repeat left 0.4em;
list-style:none;
}
.content UL.word LI A,
.content LI.word A{
vertical-align:top;	/* IE7対策 */
}




/*--------------------------------------------------------------------
  表
---------------------------------------------------------------------*/
TABLE{
margin:25px auto;
font-size:100%;
}

TH{
text-align:center;
font-weight:normal;
font-size:100%;
}
TD{
font-size:100%;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}
TH>*,
TD>*{
margin-top:0;
margin-bottom:0;
}
TH>*~*,
TD>*~*{
margin-top:5px;
}


/*--------------------------------------------------------------------
  表
---------------------------------------------------------------------*/
TABLE{
margin-top:25px;
margin-bottom:25px;
font-size:100%;
}

TH{
text-align:center;
font-weight:normal;
font-size:100%;
}
TD{
font-size:100%;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}


/*------------------------------------------------
  罫線を表示するタイプの表
------------------------------------------------*/
TABLE.data_table{
border-collapse:collapse;
border:1px solid #999;
width:940px;
}
.two_column TABLE.data_table{
width:660px;
}

TABLE.data_table.island{
width:auto;
}

TABLE.data_table CAPTION{
text-align:right;
}
.data_table TH{
padding:10px;
border:1px solid #999;
text-align:center;
}
.data_table TD{
padding:10px;
background:url(img/white_bg30.png);
border:1px solid #999;
}
.data_table TR:nth-child(odd){	/* 奇数行に着色 */
background:#FFEDAB; /* sunshine yellow */
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	TABLE.data_table{
	width:93%;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	TABLE.data_table{
	width:98%;
	}
	.data_table TH,
	.data_table TD{
	padding:5px;
	}

}

/*------------------------------------------------
  スマホ表示時にセルをスライドさせるタイプの表
------------------------------------------------*/
TABLE.float_table{
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	TABLE.float_table{
	width:100% !important;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	TABLE.float_table{
	border-top:none;
	border-right:none;
	border-left:none;
	width:99% !important;
	}
	.data_table.float_table TR:nth-child(odd){	/* 奇数行 */
	background:none;
	}

	.float_table TH,
	.float_table TD{
	float:left;
	width:94%;
	text-align:left;
	}
	.float_table TH{
	padding:5px 3%;
	background:#FFEDAB; /* sunshine yellow */
	}
	.float_table TD{
	padding:10px 3%;
	border-bottom:none;
	}

	.float_table TH{
	}
	.float_table TD{
	border-top:none;
	}
}




/*------------------------------------------------
  テーブルレイアウト
------------------------------------------------*/
UL.island,
OL.island,
DL.island{
margin-right:auto;	/* インデントリセット */
margin-left:auto;	/* インデントリセット */
padding:0 20px;		/* インデント相当 */
display: table;
}
TABLE.island{
margin-right:auto;	/* インデントリセット */
margin-left:auto;	/* インデントリセット */
padding:0 20px;		/* インデント相当 */
display: table;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	TABLE.island,
	UL.island,
	OL.island,
	DL.island{
	padding:0;	/* インデントリセット */
	}
}





/*------------------------------------------------
   右側メニュー（お知らせ・ブログ）
------------------------------------------------*/
#links-right-box H5{
padding:10px;
background:#E9E4D4;	/* 灰白色 */
border-radius:5px 5px 0 0;        /* 角丸 */  
-webkit-border-radius:5px 5px 0 0;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:5px 5px 0 0;   /* 角丸 Firefox用 */
}
UL.side_blog_title{
margin:0 auto;
padding:15px 0;
background:#F8F4E6;	/* 象牙色 */
border-radius:0 0 5px 5px;        /* 角丸 */  
-webkit-border-radius:0 0 5px 5px;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:0 0 5px 5px;   /* 角丸 Firefox用 */
text-align:left;
}
UL.side_blog_title+H5{
margin:30px auto 0 auto;
}

UL.side_blog_title>LI{
margin:0;
padding:0;
color:#666;
font-size:75.0%;	/* 12px */
}

UL.side_blog_title>LI A{
padding:0.3em 10px 0.3em 30px;
background:url(img/liststyle.png) no-repeat 15px 0.9em;
text-decoration:none;
display:block;
font-size:116.7%;	/* 14px */
}
UL#archives_link.side_blog_title>LI A{
display:inline-block;
}

UL.side_blog_title>LI A SPAN.date{
font-size:85.7%;	/* 12px 日付 */
}


@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#links-right-box H5{
	padding-bottom:5px;
	background:#B3ADA0;
	color:#FFF;
	font-size:18px;
	border-radius:0;        /* 角丸 */  
	-webkit-border-radius:0;    /* 角丸 Safari,Google Chrome用 */  
	-moz-border-radius:0;   /* 角丸 Firefox用 */
	}
	UL.side_blog_title{
	padding:0;
	border-radius:0;        /* 角丸 */  
	-webkit-border-radius:0;    /* 角丸 Safari,Google Chrome用 */  
	-moz-border-radius:0;   /* 角丸 Firefox用 */
	border-bottom:1px solid #B3ADA0;	/* 利休白茶 */
	}
	UL.side_blog_title+H5{
	margin-top:0;
	}
	UL.side_blog_title>LI{
	font-size:14px;
	}

	UL.side_blog_title LI+LI{
	border-top:1px solid #B3ADA0;	/* 利休白茶 */
	}
	UL.side_blog_title LI A{
	padding:1.0em 10px 1.0em 30px;
	background:url(img/liststyle.png) no-repeat 15px 1.55em;
	font-size:18px;
	}
	UL.side_blog_title>LI A SPAN.date{
	font-size:14px;
	}

}



/* credit */
.powered {
margin-top: 50px;
text-align: left;
color: #666666;
line-height: 1.5;
}
.powered img {
margin-top: 3px;
}


.trackbacks,
.comments {
margin: 10px 5px;
color: #36414d;
}

.trackbacks-header,
.comments-header,
.comments-open-header,
.comments-head {
margin: 15px 0;
padding-left: 8px;
color: #fff;
background: #8fabbe;
font-size:100.0%;	/* 16px */
font-weight: bold;
line-height: 2.0;
}

#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
margin: 0 2px;
padding: 0;
font-size:100.0%;	/* 16px */
line-height: 1.5;
word-break: break-all;
}

.trackback-content p,
.comment-content p {
margin-top: 10px;
margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
margin-right: 2px;
padding-top: 3px;
border-top: 1px dotted #36414d;
text-align: right;
}

/* comment and trackback */
#comments-open-data{
padding:20px;
background:#F5F5F5;
}


#comments-open-data p {
margin-bottom: 10px;
}
#comment-post {
   font-weight: bold;
}
#comment-author, #comment-email, #comment-url, #comment-text {
   width: 220px;
}
#comment {
width: 400px;
}
#comment-bake-cookie {
   margin-left: 2px;
   vertical-align: middle;
}
#comments-open-footer {
text-align: center;
}
.comments-open label {
display: block;
}


/* カラム切り替え */
body.layout-three-column,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
text-align: center;
}
.layout-three-column #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
margin-bottom: 10px;
}
.layout-one-column #container {
margin-bottom: 0;
}





/*--------------------------------------------------------------------
  「トップページ」固有の設定
---------------------------------------------------------------------*/
/*-----------------------------------------------
  HeaderメインPhoto欄
------------------------------------------------*/
#home #header H2{
padding:0;
width:980px;
position:relative;
text-align:left;
background:none;
}
#top01{
position:absolute;
top:60px;
right:45px;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#top01,
	#top02{
	position:static;
	display:block;
	}
}
@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	#home #header H2{
	padding:10px 0 0 0;
	width:90%;
	}
	#top01{
	margin:auto;
	width:70%;
	}
	#top02{
	margin:auto auto -50px 0;
	width:70%;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#home #header H2{
	width:100%;
	text-align:center;
	}
	#top01{
	margin:20px auto auto auto;
	width:90%;
	}
	#top02{
	margin:auto auto -20px -15%;
	width:100%;
	}
}


/*-----------------------------------------------
  トップページ特長PR欄
------------------------------------------------*/
#top_guide{
margin:0 auto;
padding:70px 0;
background:#F9D1DA url(img/diagonal_bg.png);	/* ピンクLight */
ppsition:relative;
z-index:400;
}
#top_guide H3{
padding:15px 0;
background:url(img/pink_bg_dark.png);
}
#top_guide H3 .kana{
font-size:37.5%;	/* 18px */
display:block;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
letter-spacing:1px;
}
#top_guide H3>*{
font-weight:normal;
}

#top_guide .topics{
margin:5.0em auto 1.0em auto;
padding:39px 29px;	/* 内側max410px */
background:#FFF;
text-align:center;
border:1px solid #FFF;
border-radius:50px;        /* 角丸 */  
-webkit-border-radius:50px;    /
-moz-border-radius:50px;   /* 角丸 Firefox用 */
width:980px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

#top_guide UL{
margin:0 auto;
padding:0;
width:980px;
list-style:none;
}
#top_guide UL LI{
margin:40px 0;
padding:0;
width:470px;
float:left;
background:none;
}
#top_guide UL LI+LI{
margin-left:40px;
}
#top_guide UL LI A{
padding:39px 29px;	/* 内側max410px */
background:#FFF;
text-align:center;
border:1px solid #FFF;
border-radius:50px;        /* 角丸 */  
-webkit-border-radius:50px;    /
-moz-border-radius:50px;   /* 角丸 Firefox用 */
text-decoration:none;
display:block;
color:#393E4F;	/* 青褐 */
line-height:1.5;
}
#top_guide UL LI A:hover{
color:#6EB7DB;	/* 濃い水色 */
}
#top_guide UL LI A,
#top_guide UL LI A IMG{
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#top_guide UL LI A:hover IMG{
opacity:0.7;	/* Safari,Opera,Chrome */
filter:alpha(opacity=70); 	/* IE8,IE7 */
-ms-filter:"alpha(opacity=70)";	/* IE8 */
-moz-opacity: 0.7;	/* FireFox */
zoom:1;
}

#top_guide SPAN.extralarge{
font-size:200.0%;	/* 32px */
font-family: "Rounded Mplus 1c", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
font-weight:500;
}
#top_guide IMG{
margin:20px auto;
display:block;
}
#top_guide SPAN.link_large{
display:inline-block;
color:#FFF;
text-decoration:none;
zoom: 1;
outline: none;
text-align:center;
font-size:100.0%;	/* 16px */
}
#top_guide A:hover .link_large{
background:#6EB7DB;	/* 濃い水色 */
border:1px solid #6EB7DB;	/* 濃い水色 */
}


@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#top_guide H3 .kana{
	font-size:16px;
	}
	#top_guide UL{
	margin:auto;
	width:94%;
	}
	#top_guide UL LI A{
	padding:19px;
	text-align:left;
	border-radius:20px;        /* 角丸 */  
	-webkit-border-radius:20px;    /
	-moz-border-radius:20px;   /* 角丸 Firefox用 */
	}
	#top_guide UL LI A BR{
	display:none;
	}
	#top_guide SPAN.extralarge{
	font-size:24px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	}

	#top_guide SPAN.link_large{
	display:block;
	color:#FFF;
	font-size:16px;
	}

}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	#top_guide{
	padding:50px 0 30px 0;
	}
	#top_guide UL LI{
	width:48%;
	}
	#top_guide UL LI+LI{
	margin-left:3%;
	}
}


@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#top_guide{
	padding:30px 0 10px 0;
	}
	#top_guide UL LI{
	margin:20px 0 40px 0;
	width:100%;
	float:none;
	}
	#top_guide UL LI+LI{
	margin-left:0;
	}

}




/*-----------------------------------------------
  トップページ診療時間欄
------------------------------------------------*/
#top_timetable{
margin:0 auto;
padding:70px 0;
width:980px;
text-align:center;
}
#top_timetable H3{
margin:0 auto 20px auto;
padding:0;
font-size:250.0%;	/* 40px */
color:#5A6172;	/* グレー */ 
background:#FFF;
}
#top_timetable H3 IMG{
margin:0 10px 0 -80px;
vertical-align:middle;
}

#top_timetable TABLE#timetable{
margin:auto;
width:980px;
}
@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#top_timetable{
	width:96%;
	}
	#top_timetable TABLE#timetable{
	width:100%;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#top_timetable{
	padding:30px 0;
	}

	#top_timetable H3{
	font-size:28px;
	letter-spacing:1px;
	}
	#top_timetable H3 IMG{
	margin:0 auto 10px auto;
	display:block;
	}
}


/*--------------------------------------------------------------------
  「寿都歯科医院について」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  治療方針 モットー
------------------------------------------------*/
#motto{
font-family: "Rounded Mplus 1c", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
font-size:250.0%;	/* 40px */
}
#motto SPAN.large{
color:#E77C91;	/* ピンクDark */
font-weight:bold;
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#motto{
	font-size:24px;
	line-height:1.5;
	}
}

/*------------------------------------------------
  経歴
------------------------------------------------*/
.content .dl_table#profile_item{
margin::auto;
padding:0 1%;
width:auto;
text-align:left;
}
.content .dl_table#profile_item DT{
width:6em;	/* 7em */
}
.content .dl_table#profile_item DD{
padding:10px 0 0 9em;
}

/*------------------------------------------------
  アクアデンタルクリニック西町
------------------------------------------------*/
#aquadc{
margin-top:5.0em;
margin-bottom:-1.0em;
}
#aquadc IMG{
max-width:800px;
width:100%;
}

/*--------------------------------------------------------------------
  「診療案内」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  診療時間
------------------------------------------------*/
/*------ 診療時間表 ------*/
TABLE#timetable{
margin:0 auto;
width : -webkit-calc(100% - 20px) ;
width : calc(100% - 20px);
background:#E9F4FA;	/* 薄い水色 */
border:10px solid #E9F4FA;	/* 薄い水色 */
border-radius:10px;        /* 角丸 */  
-webkit-border-radius:10px;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:10px;   /* 角丸 Firefox用 */
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
/ width:96%;
}

#timetable TH{
padding:2px 5px;
text-align:center;
background:#D3E9F4;	/* 水色 */
}
#timetable TH BR{
display:none;
}
#timetable TD{
padding:5px;
text-align:center;
background:#FFF;
}
#timetable TD.on,
#timetable TD.off,
#timetable TD.visit{
font-size:162.5%;	/* 26px */
}
#timetable .on{
color:#6EB7DB;	/* 濃い水色 */
}
#timetable .visit{
color:#E77C91;	/* ピンクDark */
}
#timetable TR>*{
border-top:1px solid #E9F4FA;	/* 薄い水色 */

}

/*------ 注釈 ------*/
UL#timetable_notice.inline{
margin:15px auto 0 auto;
text-align:center;
}
UL#timetable_notice.inline LI{
padding:0 0 0 28px;
background:url(img/liststyle.png) no-repeat 10px 0.5em;
}

.content UL#timetable_notice{
padding-bottom:100px;
background:url(img/card.jpg) no-repeat right bottom;
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	.content UL#timetable_notice{
	padding-bottom:150px;	/* スケジュール帳イラスト分 */
	}
	#top_timetable UL#timetable_notice.inline{
	padding-bottom:0;	/* トップページはイラスト表示しない */
	}

}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	TABLE#timetable{
	margin-right:0;
	margin-left:0;
	width:100%;
	border:2px solid #E9F4FA;	/* 薄い水色 */
	border-radius:0;        /* 角丸 */  
	-webkit-border-radius:0;    /* 角丸 Safari,Google Chrome用 */  
	-moz-border-radius:0;   /* 角丸 Firefox用 */
	line-height:1.2;
	}
	#timetable TH{
	font-size:14px;
	padding:4px 2px;
	}
	#timetable TH BR{
	display:block;
	}
	#timetable TD{
	padding:7px 2px;
	}
	#timetable TD.on,
	#timetable TD.off,
	#timetable TD.visit{
	font-size:20px;
	}
	#timetable TD#timetable_am,
	#timetable TD#timetable_pm,
	#timetable TD#timetable_visit{
	font-size:14px;
	}
	.content UL#timetable_notice{
	padding-bottom:170px;	/* スケジュール帳イラスト分 */
	}
}


/*------------------------------------------------
  カムカムクラブPHOTO
------------------------------------------------*/
UL.item#club_photo LI{
text-align:center;
}

/*------------------------------------------------
  カムカムクラブ特典
------------------------------------------------*/
UL.item#club_item{
border-radius:50px;        /* 角丸 */  
-webkit-border-radius:50px;    /
-moz-border-radius:50px;   /* 角丸 Firefox用 */
background:#FDEFF2;	/* 薄桜 */ 
border:1px solid #FDEFF2;	/* 薄桜 */ 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

#club_item DT{
margin:0 10px;
padding:0 5px 5px 5px;
border-bottom:3px solid #F4B4C2;	/* ピンク */
}
#club_item DD{
margin:15px;
}
@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	UL.item#club_item{
	border-radius:20px;        /* 角丸 */  
	-webkit-border-radius:20px;    /
	-moz-border-radius:20px;   /* 角丸 Firefox用 */
	}
}

/*------------------------------------------------
  カムカムクラブ入会
------------------------------------------------*/
#club_entry{
position:relative;
}
#club_entry IMG{
position:absolute;
left:20px;
top:-30px;
}
@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#club_entry IMG{
	margin:10px auto;
	position:static;
	display:block;
	}
}

/*--------------------------------------------------------------------
  「アクセス・診療時間」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  「アクセス」Google Map
------------------------------------------------*/
#access IFRAME{
margin:25px auto;
}

/*------------------------------------------------
  交通機関
------------------------------------------------*/
UL#trafic.item{
}
UL#trafic.item LI{
text-align:center;
}

/*------ アイコン表示 ------*/
#trafic DT::before{
font-family: FontAwesome;
display:block;
font-size:40px;
color:#6EB7DB;	/* 濃い水色 */
}
#car DT::before{
content: "\f1b9";
}
#bus DT::before{
content: "\f207";
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#access IFRAME{
	margin:auto;
	width:100%;
	}
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#access IFRAME{
	height:350px;
	}
	UL#trafic.item LI{
	text-align:left;
	}
	#trafic DT::before{
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
	font-size:25px;
	width:30px;
	text-align:center;
	}
	#trafic DD{
	margin-left:40px;
	}
	#trafic DD BR{
	display:none;
	}

}






/*--------------------------------------------------------------------
  「コンテンツ」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  電話番号自動リンク(with JavaScript)
------------------------------------------------*/
.content .tel{
font-size:187.5%;	/* 30px */
font-weight:bold;
}
.content .tel .label{
margin-right:0.5em;
font-size:80.0%;	/* 24px */
display:inlie-block;
font-weight:normal;
}


@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.tel .label{
	display:none;
	}
	.tel::before{
	margin-right:0.2em;
	display:inline-block;
	font-family: FontAwesome;
	content:"\f095";
	font-size:120%;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.content .tel{
	font-size:24px;
	text-align:center;
	}
}


/*------------------------------------------------
  2列の表のようなDLリスト
------------------------------------------------*/
.content .dl_table{
padding:0 1%;
width:98%;
}
.content .dl_table DT{
margin:6px 0;
padding:3px 0.5em 5px 0.5em;
clear:left;
float:left;
display:inline;
width:9em;	/* 10em */
background:#E9F4FA;	/* 薄い水色 */
text-align:center;
font-size:100.0%;	/* 16px */
font-weight:normal;
text-align:center;
}

.content .dl_table DD{
margin:0 0 10px 0;
padding:10px 0 0 12em;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.content .dl_table{
	background:none;
	}
	.content .dl_table DT{
	width:auto !important;
	float:none;
	display:block;
	text-align:left;
	}
	.content .dl_table DT BR{
	display:none;
	}
	.content .dl_table DD{
	margin:0 0 10px 0;
	padding:0 5px !important;
	}

}

/*------------------------------------------------
  アイテム横並び
------------------------------------------------*/
UL.item{
margin-right:0;	/* インデントを強制リセット */
margin-left:0;	/* インデントを強制リセット */
width:980px;
font-size:0;	/* 横並びの隙間対策 */
text-align:center;
}
UL.item>LI{
margin:12px;
padding:0;
width:300px;	/* 3列 */
background:none;
text-align:left;
display:inline-block;
*display: inline;		/* IE7対策 */
*zoom: 1;  				/* IE7対策 */
vertical-align:top;
font-size:16px;	/* 横並びの隙間対策 フォントサイズ復活 */
transition: all 1.0s ease;
-webkit-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
-o-transition: all 1.0s ease;
}

UL.item.part2>LI{
width:460px;	/* 2列 */
}
UL.item IMG{
height:auto;
}


@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	UL.item{
	margin-right:auto;
	margin-left:auto;
	width:100%;
	}
	UL.item>LI{
	margin:20px 0;
	width:100% !important;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	UL.item>LI+LI{
	margin-top:50px;
	}

}


/*------------------------------------------------
  左右に振り分け
------------------------------------------------*/
.two{
width:940px;
}
.two .left{
margin:0;
float:left;
}
.two .right{
margin:0;
float:right;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.two{
	width:auto;
	}
	.two .left,
	.two .right{
	float:none;
	width:auto !important;
	}
}

/*------ 7:3 ------*/
.w70{
width:67.0%;	/* PC max630px */
}
.w30{
width:29.8%;	/* PC max280px */
}
/*------ 65:35 ------*/
.w65{
width:62.8%;	/* PC max590px */
}
.w35{
width:34.0%;	/* PC max320px */
}

/*------ 6:4 ------*/
.w60{
width:56.4%;	/* PC max530px */
}
.w40{
width:40.4%;	/* PC max380px */
}

/*------ 5:5 ------*/
.w50{
width:48.4%;	/* PC max455px */
}




/*------------------------------------------------
  コンテンツへのリンク
------------------------------------------------*/
.content UL.links>LI{
padding:0 20px 0 0;
background:url(img/menua_arrow.png) no-repeat right 0.3em;
text-align:right;
}
.links>LI A,
.links>LI A:VISITED{
color:#036;
text-decoration:none;
}
.links>LI A:hover{
color:#666;
text-decoration:underline;
}


/*------------------------------------------------
  アイコン表示（外部リンクなど）
------------------------------------------------*/
.fa{
margin-right:0.5em;
margin-left:0.5em;
color:#036;
}
A .fa{
color:inherit;
}
.fa-2x,	/* 文字サイズ2倍 */
.fa-4x{	/* 文字サイズ4倍 */
vertical-align:text-bottom;
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.fa-2x{	/* 文字サイズ4倍 */
	display:block !important;
	}
}

/*------------------------------------------------
  準備中表示
------------------------------------------------*/
.content .underconstruction{
margin:50px auto;
text-align:center;
background:#FFF;
border:10px solid #E9F4FA;	/* 薄い水色 */
border-radius:10px;        /* 角丸 */  
-webkit-border-radius:10px;    /
-moz-border-radius:10px;   /* 角丸 Firefox用 */
text-shadow: 1px 1px 0 #FFF;	/* 影文字 横方向 縦方向 ぼかし 影の色 */
max-width:640px;
}
P.underconstruction{	/* 投稿記事の中 */
padding:100px 20px;
}
DIV.underconstruction{	/* ブログINDEXの0件時の自動表示 */
padding:50px 20px;
}

.date{
font-weight:bold;
color:#39C;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.content .underconstruction{
	margin:50px auto 0 auto;
	}
}
@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	P.underconstruction{
	padding:50px 20px;
	}
	DIV.underconstruction{
	padding:25px 20px;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.content .underconstruction{
	text-align:left;
	}

	P.underconstruction{
	padding:50px 20px;
	}
	DIV.underconstruction{
	padding:25px 20px;
	}
	.underconstruction BR{
	display:block !important;
	}

}
/*------------------------------------------------
   H3より上に本文が来るとき（共通）
------------------------------------------------*/
.lead{
margin:0 auto 50px auto;
padding:50px 0;
width: 100%;
}
#treatment .lead{	/* 診療案内 */
background:url(img/photo_bg02.jpg) no-repeat center bottom;
}
#guide .lead{	/* 医院紹介 */
background:url(img/photo_bg01.jpg) no-repeat center bottom;
}

.lead .inner{
margin:0 auto;
padding:10px 20px;
background:url(img/white_bg50.png);
border:1px solid #FFF;
width:900px;	/* 940(900+20+20) */
}


@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#treatment .lead,
	#guide .lead{
	padding:0;
	text-align:left;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	}
	.lead BR{
	display:none;
	}
	.lead .inner{
	margin:0;
	padding:1px 3%;
	border:none;
	width:94%;
	}
}
@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	.lead{
	margin:0 0 30px 0;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.lead{
	margin:0 0 0 0;
	border-bottom:1px solid #FFF;
	}
}


/*------------------------------------------------
   リンクボタン（小）
------------------------------------------------*/
A.link_small{
a margin-left:0.5em;
padding:0.15em 15px 0 15px;
display:inline-block;
color:#FFF;
background:#390;
border:1px solid #390;
border-radius:4px;        /* 角丸 */  
-webkit-border-radius:4px;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:4px;   /* 角丸 Firefox用 */
text-decoration:none;
zoom: 1;
outline: none;
text-align:center;
}
A.link_small:hover{
background:#EE7800;	/* 橙色 */
border:1px solid #EE7800;	/* 橙色 */
text-decoration:none !important;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}



/*------------------------------------------------
   リンクボタン（大）と続きを読むスタイル
------------------------------------------------*/
.link_large{
margin:auto;
padding:0 20px 0 18px;
display:inline-block;
line-height:2.8em;
color:#FFF;
background:#E77C91;	/* ピンクDark */
border:1px solid #E77C91;	/* ピンクDark */
border-radius:1.4em;        /* 角丸 */  
-webkit-border-radius:1.4em;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:1.4em;   /* 角丸 Firefox用 */
text-decoration:none;
zoom: 1;
outline: none;
text-align:center;
font-size:125.0%;	/* 20px */
text-decoration:none !important;
}

.link_large::before{
margin-right:0.5em;
font-family: FontAwesome;
content: "\f0a9";
display:inline-block;
color:#FFF;
}


.link_large:hover{
background:#6EB7DB;	/* 濃い水色 */
border:1px solid #6EB7DB;	/* 濃い水色 */
text-decoration:none !important;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}



@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.link_large{
	display:block;
	width:96%;
	max-width:500px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
}


/*------ PDF・リンクバナー分割 ------*/
#pdf{
margin:80px 0 0 0;
padding:20px 0 0 0;
width:650px;
background:url(img/dbg.gif) repeat-x top;
}
#pdf .left_box{
margin:5px 0 0 10px;
width:90px;
float:left;
}
#pdf .right_box{
width:540px;
float:right;
}

/*------------------------------------------------
   強調枠囲み
------------------------------------------------*/
/*------------------------------------------------
  お問い合わせ枠
------------------------------------------------*/
.check{
padding:19px;
border:1px solid #FFEBCD;	/* BlanchedAlmond */
border-radius:10px;        /* 角丸 */  
-webkit-border-radius:10px;    /* 角丸 Safari,Google Chrome用 */  
-moz-border-radius:10px;   /* 角丸 Firefox用 */
background:#FFEBCD;	/* BlanchedAlmond */
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
DIV.check{
margin-top:1.8em;
margin-bottom:1.8em;
}
.check H5{
margin:0 -5px;
padding:0 5px 5px 5px;
border-bottom:1px solid #B3ADA0;	/* 利休白茶 */
}

.check>*{
margin-top:0;
margin-bottom:0;
}
.check>*~*{
margin-top:10px;
}



@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.check{
	padding:5px;
	}

}


/*------------------------------------------------
   挨拶 署名
------------------------------------------------*/
#signature{
margin-top:50px;
text-align:right;
}
#signature STRONG{
font-size:112.5%;	/* 18px */
font-weight:normal;
letter-spacing:5px;
}




/*--------------------------------------------------------------------
  共通レイアウト枠
--------------------------------------------------------------------*/
#wrap{
min-height: 100%;
_height: 100%; /* for IE6 */
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#wrap{
	background:none;
	}
}


@media only screen and (min-width:769px) and (max-width:990px) {
	BODY{
	width:1010px;
	}
}



#box{
margin:0 auto;
padding:0 0 330px 0;	/* フッター下部固定 */
width:100%;
}

.content{
margin:0 auto 50px auto;
padding:10px 0;
width:980px;
font-size:100.0%;	/* 16px */
}



@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#box{
	margin:0 auto;
	padding-bottom:5px;
	width:100%;
	}
	.content{
	padding:20px 0;
	width:94%;
	min-height:0;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.content{
	text-align:left;
	}
	.content P BR{
	display:none;
	}
}





/*--------------------------------------------------------------------
  右側メニュー欄 
--------------------------------------------------------------------*/
/*------------------------------------------------
  右側サブメニュー欄 
------------------------------------------------*/
/*------------------------------------------------
  右側バナー欄 
------------------------------------------------*/

/*--------------------------------------------------------------------
  ヘッダー
--------------------------------------------------------------------*/
#header{
margin:0;
padding:0;
width:100%;
background:#B6DBED url(img/header_bg.png) no-repeat center top; /* 空色 */
}
#home #header{
background:#B6DBED url(img/header_bg_home.png) no-repeat center top; /* 空色 */
}


.fixed{	/* ヘッダー上部固定用 */
position:fixed;
top:0;
left:0;
z-index:10000;
filter:alpha(opacity=97); /*IE*/
-moz-opacity:0.97; /*FF*/
opacity:0.97;
}
#home #header.fixed,
#header.fixed{
background:#F9D1DA;	/* ピンクLight */
}


#header_inner{
margin:0 auto;
width:980px;
position:relative;
z-index:10;	/* IE7以下でプルダウンメニューが隠れるための対策 */
}



/*------------------------------------------------
  ヘッダーロゴ 
------------------------------------------------*/
#header H1{
margin:0 auto;
padding:10px 0;
text-align:left;
}
#header H1 IMG{
max-width:340px;
zoom:1;
}
#header H1 A{
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#header H1 A:hover{
opacity:0.8;	/* Safari,Opera,Chrome */
filter:alpha(opacity=80); 	/* IE8,IE7 */
-ms-filter:"alpha(opacity=80)";	/* IE8 */
-moz-opacity: 0.8;	/* FireFox */
}



@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#home #header{
	background-position:88% bottom;
	background-size:280% auto;
	-webkit-background-size:280% auto;
	-moz-background-size:280% auto;
	-o-background-size:280% auto;
	-ms-background-size:280% auto;
	}
	.fixed{	/* ヘッダー上部固定用を解除（現在ヘッダー上部固定を使用中） */
	position:static;
	}
	#header_inner{
	width:100%;
	}
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	#header H1{
	background:#FFF;
	}
	#header H1 IMG{
	margin:auto auto auto 2%;
	width:100%;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#home #header,
	#header{
	background-color:#B6DBED;
	}

	#header H1{
	padding:100px 0 20px 0;
	width:100%;
	background:#FFF;
	text-align:center;
	}
	#header H1 IMG{
	margin:auto;
	width:96%;
	}

}

/*--------------------------------------------------------------------
  Fontchanger
--------------------------------------------------------------------*/


/*--------------------------------------------------------------------
  プライマリーナビゲーションメニュー(PrimaryMenu)
--------------------------------------------------------------------*/
UL#primarymenu{
margin:0 auto;
padding:0;
position:absolute;
top:-5px;
right:0;
width:330px;
height:160px;
background:url(img/tel_bg.png) no-repeat center bottom;
}
.fixed UL#primarymenu{
top:-3px;
width:420px;
height:110px;
}
UL#primarymenu LI{
padding:25px 0 0 0;
text-align:center;
}
.fixed UL#primarymenu LI{
padding:15px 0 0 0;
}





@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	UL#primarymenu{
	padding:10px 0 15px 0;
	height:auto;
	position:static;
	background-position:center bottom;
	background-color:#B6DBED;
	}
	UL#primarymenu LI.tablet_sp A{
	margin:0 auto 5px auto;
	display:block !important;
	background:#E77C91;	/* ピンクDark */
	font-size:24px;
	line-height:50px;
	text-decoration:none;
	color:#FFF;
	width:260px;
	border-radius:25px;        /* 角丸 */  
	-webkit-border-radius:25px;    /* 角丸 Safari,Google Chrome用 */  
	-moz-border-radius:25px;   /* 角丸 Firefox用 */
	}


	UL#primarymenu LI.tablet_sp A::before{
	margin-right:0.3em;
	font-family: FontAwesome;
	content: "\f095";
	display:inline-block;
	background:#FFF;
	color:#E77C91;	/* ピンクDark */
	border-radius:50%;        /* 角丸 */  
	-webkit-border-radius:50%;    /* 角丸 Safari,Google Chrome用 */  
	-moz-border-radius:50%;   /* 角丸 Firefox用 */
	font-size:20px;
	width:30px;
	line-height:30px;
}
	UL#primarymenu LI.tablet_sp A:HOVER::before{
	color:#6EB7DB;	/* 濃い水色 */
	}
	UL#primarymenu LI.tablet_sp A:HOVER{
	background:#6EB7DB;	/* 濃い水色 */
	}

}
@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	UL#primarymenu{
	width:100%;
	}
	UL#primarymenu LI.tablet_sp{
	margin:0 2%;
	padding:50px 0 0 0 !important;
	width:96%;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	UL#primarymenu{
	background-size:contain;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain;
	width:96%;
	}
	UL#primarymenu LI.tablet_sp{
	margin:0 2%;
	padding:20px 0 0 0;
	width:96%;
	}

}



/*------------------------------------------------
  Homeボタン
------------------------------------------------*/
DIV#sp_home{
display:none;
z-index:101;
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	DIV#sp_home{
	width:60px;
	height:60px;
	position:absolute;
	top:20px;
	right:80px;
	display:block;
	}
	DIV#sp_home A{
	width:60px;
	height:60px;
	display: block;
	background:url(img/sp_nav.png) no-repeat 0 0;
	background-size:auto 60px !important;
	-webkit-background-size:auto 60px;
	-moz-background-size:auto 60px;
	-o-background-size:auto 60px;
	-ms-background-size:auto 60px;
	}

	DIV#sp_home A SPAN{
	display:none;
	}


}


@media only screen and (max-width:540px) {	/* スマホ縦用 */
	DIV#sp_home{
	width:60px;
	height:60px;
	position:absolute;
	top:10px;
	right:80px;
	display:block;
	}
	DIV#sp_home A{
	width:60px;
	height:60px;
	display: block;
	background:url(img/sp_nav.png) no-repeat 0 0;
	background-size:auto 60px !important;
	-webkit-background-size:auto 60px;
	-moz-background-size:auto 60px;
	-o-background-size:auto 60px;
	-ms-background-size:auto 60px;
	}

	DIV#sp_home A SPAN{
	display:none;
	}

}


/*------------------------------------------------
  ヘッダー検索フォーム
------------------------------------------------*/

/*--------------------------------------------------------------------
  グローバルナビゲーションメニュー(menubar)
--------------------------------------------------------------------*/
#global_navi{
margin:0 auto;
padding:0;
height:110px;
/* clear:both; */
position:relative;
z-index:300;
background:#F9D1DA;	/* ピンクLight */
}
#home #global_navi{
width:980px;
background:none;
}


#home .fixed #global_navi,
.fixed #global_navi{
height:110px;
width:980px;
background:none;
}

/*------ IE7対策 ------*/
#home #global_navi{
/ margin-bottom:-140px;
}
#home .fixed #global_navi{
/ margin-bottom:0;
}


/*------------------------------------------------
  全体 
------------------------------------------------*/
#global_navi > A{
display: none;
}
#global_navi LI{
position: relative;
}
#global_navi LI A{
display: block;
}

/*------------------------------------------------
  PCメインメニュー第一階層
------------------------------------------------*/
UL#globalmenu{
margin:0 auto;
padding:0;
width:520px;
height:100px;
}
#home UL#globalmenu{
margin:-150px 0 0 520px;
width:460px;
}

#home .fixed UL#globalmenu,
.fixed UL#globalmenu{
margin:0;
/ margin-left:-450px;
width:520px;
padding-top:5px;
}

UL#globalmenu>LI{
margin:0;
padding:0;
background:none;
float: left;
display: inline;
*zoom: 1;  				/* IE7対策 */
}
UL#globalmenu>LI#menu02,
UL#globalmenu>LI#menu03,
UL#globalmenu>LI#menu04,
.fixed UL#globalmenu>LI#menu02,
.fixed UL#globalmenu>LI#menu03,
.fixed UL#globalmenu>LI#menu04,
#home .fixed UL#globalmenu>LI#menu02,
#home .fixed UL#globalmenu>LI#menu03,
#home .fixed UL#globalmenu>LI#menu04{
margin:0 0 0 40px;
}
#home UL#globalmenu>LI#menu02,
#home UL#globalmenu>LI#menu03,
#home UL#globalmenu>LI#menu04{
margin:0 0 0 20px;
}



UL#globalmenu>LI>A,
UL#globalmenu>LI.active>A,
UL#globalmenu>LI.active>A:hover{
display: block;
width:100px;
height:100px;
background: url(img/global_menu.png) no-repeat 0 0;
transition: all 1.0s ease;
-webkit-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
-o-transition: all 1.0s ease;
}
UL#globalmenu>LI>A:hover{
background: url(img/global_menu_hover.png) no-repeat 0 0;
}


UL#globalmenu>LI#menu01 A,
UL#globalmenu>LI#menu01 A:HOVER{
background-position:0 0;
}
UL#globalmenu>LI#menu02 A,
UL#globalmenu>LI#menu02 A:HOVER{
background-position:-100px 0;
}
UL#globalmenu>LI#menu03 A,
UL#globalmenu>LI#menu03 A:HOVER{
background-position:-200px 0;
}
UL#globalmenu>LI#menu04 A,
UL#globalmenu>LI#menu04 A:HOVER{
background-position:-300px 0;
}

UL#globalmenu>LI.active{
background:url(img/active_bg.png) no-repeat center !important;
}
UL#globalmenu SPAN{
display: none;
}




/*------------------------------------------------
  PCメインメニュー第2階層
------------------------------------------------*/

UL#sub-menu{
list-style:none;
}
.sub-menu li{
	background:none;
}



#global_navi li ul{
margin-top:0px;
padding:0;
display: none;
position: absolute;
z-index:105;	/* IE7以下でプルダウンメニューが隠れるための対策 */
top: 100%;
left:0;
}
#global_navi li:hover ul{
display: block!important;
}
#global_navi li ul a{
width:180px;
height:auto !important;
padding:6px 20px; /* 15 (20) */
color:#FFF;
background:#666 !important;
filter:alpha(opacity=97); /*IE*/
-moz-opacity:0.97; /*FF*/
opacity:0.97;
text-decoration:none;
clear:both;
visibility:visible;
}
#global_navi li ul li+li a{
border-top:1px solid #999;
}


#global_navi li ul li a:hover{
	background:#69C !important;
}





/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	
	/* ------ スマホ：メインメニューアウトライン ------ */

	#global_navi{
	margin:0;
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:5px;
	background:none;
	}
	#global_navi > a{
	padding:0;
	position:absolute;
	top:20px;
	right:10px;
	width: 60px;
	height: 60px;
	text-align: left;
	text-indent: -9999px;
	background:url(img/sp_nav.png) no-repeat -60px 0px;
	background-size:auto 60px !important;
	-webkit-background-size:auto 60px;
	-moz-background-size:auto 60px;
	-o-background-size:auto 60px;
	-ms-background-size:auto 60px;
	}
	#global_navi > A::before,
	#global_navi > A::after{
	position: absolute;
	top: 35%;
	left: 100%;
	/*right: 25%;*/
	content: '';
	}

	#global_navi > A::after{ top: 60%; }
	#global_navi:not( :target ) > A:first-of-type,
	#global_navi:target > A:last-of-type{ display: block; }

	UL#globalmenu LI SPAN{
	display: block;
	}



	/*------------------------------------------------
	  スマホ：メインメニュー第一階層
	------------------------------------------------*/
	#home UL#globalmenu,
	UL#globalmenu{
	margin:0 auto;
	width:100%;
	height: auto !important;
	display: none;
	position: absolute;
	/* top:100px;	横向きと縦向きで変える*/
	right:0px;
	background:#E77C91;	/* ピンクDark */
	filter:alpha(opacity=97); /*IE*/
	-moz-opacity:0.97; /*FF*/
	opacity:0.97;
	z-index:110;	/* IE7以下でプルダウンメニューが隠れるための対策 */
	}
	#global_navi:target > UL#globalmenu{
	display: block;
	}
	UL#globalmenu>LI{
 	margin:0 !important;
	padding:0 !important;
	display:block;
	clear:both;
	float: none !important;
	background-image:none;
	text-align:center;
	}
	UL#globalmenu>LI+LI{
	border-top:solid 1px #F4B4C2;	/* ピンク */
	}

	UL#globalmenu>LI.active{
	background:none !important;
	}


	UL#globalmenu>LI>A{
	padding:1.0em 10px;
	background:none !important;
	width:auto !important;
	height:1.5em !important;
	font-size:20px;
	text-decoration:none;
	clear:both;
	color:#FFF;
	}
	UL#globalmenu>LI>A:hover{
	background:#F4B4C2 !important;	/* ピンク */ 
	}

	#global_navi > ul > li:last-child{ border-bottom:none; }
	#global_navi > ul > a::after{ top: 60%; }
	#global_navi > ul:not( :target ) > a:first-of-type,
	#global_navi > ul:target > a:last-of-type{ display: block; }

}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	#home UL#globalmenu,
	UL#globalmenu{
	top:100px;
	}
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#global_navi > a{
	top:10px;
	}
	#home UL#globalmenu,
	UL#globalmenu{
	top:80px;
	}


}



/*--------------------------------------------------------------------
  パンくず・アンカー
--------------------------------------------------------------------*/
/*------------------------------------------------
  パンくずリスト
------------------------------------------------*/
DIV#pkl{
margin:0 auto;
padding:10px 0;
font-size:87.5%;	/* 14px */
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
text-align:left;
width:980px;
}
DIV#pkl BR{
display:none;
}
DIV#pkl SPAN.small{
margin-left:0.5em;
font-size:100%;
display:inline-block;
}


@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	DIV#pkl{
	padding:10px 3%;
	width:94%;	/* 100=94+3+3 */
	}

}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	DIV#pkl{
	background:#B3ADA0;	/* 利休白茶 */
	color:#FFF;
	}
	DIV#pkl A{
	margin:3px 0;
	padding:0.15em 5px;
	display:inline-block;
	background:#FFF;
	border:1px solid #FFF;
	border-radius:4px;        /* 角丸 */  
	-webkit-border-radius:4px;    /* 角丸 Safari,Google Chrome用 */  
	-moz-border-radius:4px;   /* 角丸 Firefox用 */
	text-decoration:none;
	zoom: 1;
	outline: none;
	}
}



/*------------------------------------------------
  アンカー 
------------------------------------------------*/
#pt{
margin:0;
z-index:100;
position: fixed;
bottom:5px;
right:5px;
width: 50px;
height: 50px;
}
#pt A{
margin:0 auto;
display: block;
width: 50px;
height: 50px;
background:url(img/pt.png) 0 0 no-repeat;
zoom: 1;
text-indent: -9999px;
outline: none;
font-size: 1px;
overflow: hidden;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#pt A:hover{
background:url(img/pt_hover.png) 0 0 no-repeat;
}




/*--------------------------------------------------------------------
  フッター
--------------------------------------------------------------------*/
#footer{
margin-top: -320px;	/* フッター下部固定 */
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding:0;
height:320px;		 /* フッター下部固定 */
background:#D3E9F4 url(img/diagonal_bg.png);	/* 水色 */
background:#FCE7EC url(img/diagonal_bg.png);;	/* 薄桜1.5 */
}



/*------------------------------------------------
  footer 住所欄
-------------------------------------------------*/
#footer_inner{
margin:0 auto;
padding:50px 0 0 0;
width:900px;
text-align:center;
}
#footer_inner H5{
margin:0;
font-weight:normal;
font-size:100.0%;	/* 16px */
/ font-size:16px;
}
#footer_inner H5 STRONG{
padding-left:0.5em;
font-size:150.0%;	/* 24px */
/ font-size:24px;
font-weight:normal;
letter-spacing:0.1em;
display:inline-block;
}


/*------ フッター 連絡先欄 ------*/
#footer_info{
margin:0 auto;
padding:39px 29px;	/* 内側max840px */
background:#FFF;
text-align:center;
border:1px solid #FFF;
border-radius:50px;        /* 角丸 */  
-webkit-border-radius:50px;    /
-moz-border-radius:50px;   /* 角丸 Firefox用 */
display:table;
}
#footer_info LI{
display:inline-block;
*display: inline;		/* IE7対策 */
*zoom: 1;  				/* IE7対策 */
vertical-align:top;
}

#footer_info LI#footer_name{
margin:auto;
display:block;
width:500px;
}


/*------ フッター 連絡先欄（TEL） ------*/
#footer_tel{	/* TEL */
margin:10px 20px;
letter-spacing:2px;
line-height:1.2;
}
#footer_tel .label{	/* TEL */
margin-right:0.5em;
}
#footer_tel STRONG{	/* TEL番号 */
font-size:150.0%;	/* 24px */
}

#footer_tel A,
#footer_tel A:visited{
color:#393E4F;	/* 青褐 */
text-decoration:none;
}

/*------ フッター 連絡先欄（営業時間・休日） ------*/
#footer_timetable{
margin:10px 0 0 30px;

}
SPAN#footer_timetable_label01,	/* 診療時間ラベル */
SPAN#footer_timetable_label02{	/* 休診日ラベル */
margin:auto 0.5em auto 0;
padding:0 0.5em;
display:inline-block;
background:#F9D1DA;	/* ピンクLight */
font-size:87.5%;	/* 14px */
}
#footer_timetable .block_tablet_sp{
margin-left:1em;
}
#footer_timetable .pc_tablet{
padding:0 0.5em;
}


/*------ フッター 連絡先欄（住所） ------*/
#footer_address{
margin:10px 0 0 0;
a width:100%;
}
#footer_zip{		/* 〒 */
margin-right:0.5em;
}




@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#footer{
	margin:auto;
	height:auto;
	}
	#footer_inner{
	padding:30px 0;
	width:100%;
	}

	#footer_info LI{
	margin-right:0 !important;
	margin-left:0 !important;
	display:block;
	vertical-align:middle;
	text-align:center;
	}
	#footer_info LI#footer_name{
	margin:auto;
	display:block;
	width:100%;
	}
}


@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#footer_inner H5 STRONG{
	padding-left:0;
	}

	#footer_info{
	margin:0 4%;
	padding:19px;
	display:block;
	border-radius:20px;        /* 角丸 */  
	-webkit-border-radius:20px;    /
	-moz-border-radius:20px;   /* 角丸 Firefox用 */
	}
	#footer_zip{
	margin:0;
	display:block;
	}
	#footer_tel STRONG{	/* TEL番号 */
	font-size:20px;
	}
	SPAN#footer_timetable_label01,
	SPAN#footer_timetable_label02{
	margin:10px auto auto auto;
	display:block;
	width:auto;
	}


	#footer_timetable .block_tablet_sp{
	margin-left:0;
	}

}

/*------ FooterMenu ------*/

/*------------------------------------------------
  footer sitemap
-------------------------------------------------*/

/*------------------------------------------------
  著作権
------------------------------------------------*/
#copyright{
margin:0 auto;
padding:20px 0;
font-size:71.4%;	/* 10px */
color:#FFF;
background:#B6DBED;	/* 空色 */
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#copyright{
	padding:10px 2% 60px 2%;
	}
}



/*--------------------------------------------------------------------
  clearfix
--------------------------------------------------------------------*/
/*------ 親要素にまとめて回り込み解除 ------*/
#header::after,
#header_inner::after,
#header_tel::after,
#primarymenu::after,
#globalnavi::after,
#globalnavi UL::after,
#sp_home>UL::after,
#box::after,
#footer::after,
#footer_inner::after,
#footer_info::after,
#top_guide_item::after,
#top_guide UL::after,
#top_bigbanner::after,
#news DL::after,
DL.dl_table DD::after,
.two::after,
.left::after,
.right::after,
#pdf::after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Win版IE7とMac版IE5対策 */
#header,
#header_inner,
#header_tel,
#primarymenu,
#globalnavi,
#globalnavi UL,
#sp_home>UL,
#box,
#footer,
#footer_inner,
#top_guide_item,
#top_guide UL,
#top_bigbanner,
#news DL,
DL.dl_table DD,
.two,
.left,
.right,
#pdf{
display: inline-table;
min-height:1%;  /* for IE 7*/
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #header,
* html #header_inner,
* html #header_tel,
* html #primarymenu,
* html #globalnavi,
* html #globalnavi UL,
* html #sp_home>UL,
* html #box,
* html #footer,
* html #footer_inner,
* html #top_guide_item,
* html #top_guide UL,
* html #top_bigbanner,
* html #news DL,
* html DL.dl_table DD,
* html .two,
* html .left,
* html .right,
* html #pdf{
height: 1%;
}
#header,
#header_inner,
#header_tel,
#primarymenu,
#globalnavi,
#globalnavi UL,
#sp_home>UL,
#box,
#footer,
#footer_inner,
#top_guide_item,
#top_guide UL,
#top_bigbanner,
#news DL,
DL.dl_table DD,
.two,
.left,
.right,
#pdf{
display: block;
}
/* End hide from IE-mac */



/*------ 個別に回り込み解除（clearfix） ------*/
.clearfix::after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */