@charset "UTF-8";
/* ***********************************************************************
    Otaki Clinic - Homepage  <HOME>
*********************************************************************** */
/*
    0 : HOME
*/


/* ***********************************************************************
    0 : HOME
*********************************************************************** */
#importantNews {
	width     : 96%;
	height    : auto;
	margin    : 24px auto 20px;
	text-align: center;
}
#importantNews a {
	display      : block;
	background-color: #e00;
	width        : 100%;
	height       : auto;
	border-radius: 10px;
	padding-top     : 17px;
	padding-bottom  : 17px;
	color           : #fff;
	font-family     : "UD Shin Go Medium", sans-serif;
	font-size       : 17px;
	line-height     : 1.25;
	letter-spacing  : normal;
}


/*************************
	header （201210 変更）
**************************/
#home header #subject {
	display         : block;
	background-color: #a5c81f;
	width           : 100%;
	height          : 24px;
}
#home header #subject_inner {
	position: relative;
	width   : 960px;
	height  : 24px;
	margin  : 0 auto;
}
#home header #subject h6 {
	width     : 960px;
	height    : 24px;
	margin    : 0 auto;
	font      : 14px/24px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color     : #fff;
	text-align: left;
}
#home header #header_innerBox {
	position: relative;
	width   : 960px;
	height  : auto;
	margin  : 0 auto;
	padding : 0;
}
#home header #header_innerBox #tel_add {
	position   : absolute;
	left       : 0;
	top        : 35px;
	background : url(../images/hdr_teladd.png) left top no-repeat;
	width      : 197px;
	height     : 52px;
	text-indent: -9999px;
	font-size  : small;
}
#home header #header_innerBox #btnBox {
	position: absolute;
	right   : 0;
	top     : 0;
	width   : 210px;
	height  : 122px;
}
#home header #header_innerBox #btnBox a {
	display: block;
	width  : 210px;
}
#home header #header_innerBox #btnBox a:first-child {
	margin-bottom: 6px;
}




/******************
	globalNav 
*******************/
#home #globalNav {
	margin-top: 20px;
}



#notificationBox {
	float   : left;
	position: relative;
	width   : 470px;
	height  : auto;
}
h4#creditInfo {
	width : 715px;
	height: auto;
	margin: 24px 0 0;
}
h4#creditInfo img {
	width : 715px;
	height: auto;
}






/******************
	mainImg 
*******************/
#mainImg {
	width : 960px;
	height: auto;
	margin: 0 auto;
}
#mainImg img {
	width : 960px;
	height: auto;
}


/******************
	News 
*******************/
h2#oshirase {
	background : url(../images/top_h2_01.gif) left top no-repeat;
	width      : 470px;
	height     : 52px;
	text-indent: -9999px;
}
a#checkAllTitle {
	position           : absolute;
	right              : 0;
	top                : 32px;
	z-index            : 1;
	display            : block;
	background-image   : url(../images/btn_newsAllTitle.png);
	background-position: 0 0;
	background-repeat  : no-repeat;
	width              : 98px;
	height             : 12px;
	font-size          : small;
	text-indent        : -9999px;
}
a:hover#checkAllTitle {
	background-position: 0 -12px;
}

#newsTitleBox {
	margin-top   : 10px;
	border-bottom: dotted 1px #333;
}
#newsTitleBox dl {
	display   : block;
	width     : 454px;
	height    : 44px;
	padding   : 10px 8px;
	border-top: dotted 1px #333;
}
#newsTitleBox dl dt {
	float      : none;
	width      : 454px;
	height     : 20px;
	font       : normal 14px/20px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	text-align : left;
	color      : #333;
}
#newsTitleBox dl dd {
	float      : none;
	width      : 454px;
	height     : 24px;
}
#newsTitleBox dl dd a {
	display          : block;
	width            : 454px;
	height           : 24px;
	font             : bold 16px/24px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	text-align       : left;
	white-space      : nowrap;
	overflow         : hidden;
	-ms-text-overflow: ellipsis;
	text-overflow    : ellipsis;
}
#newsTitleBox dl dd a:hover {
	text-decoration: underline;
}


/*************************************************
	accessCorner アクセスコーナー（200326 追加）
**************************************************/
#accessCorner {
	position  : relative;
	width     : 960px;
	margin-top: 60px;
	text-align: left;
}
#accessCorner img {
	display      : block;
	margin-bottom: 12px;
}
#accessCorner span {
	float    : left;
	font-size: 14px;
}
#accessCorner a {
	float      : right;
	display    : inline-block;
	font-size  : 14px;
	font-weight: bold;
	text-align : right;
}


/*************************************************
	円グラフコーナー（250121 追加）
**************************************************/
#en_graph {
	background: #dfeba6;
	width     : 675px;
	height    : auto;
	margin-top: 40px;
	padding   : 16px 20px 16px;
	text-align: center;
}
#en_graph h2 {
	min-width: 325px;
	max-width: 330px;
	width    : auto;
	margin   : 0 auto 40px;
	padding-bottom: 4px;
	font-family  : "UD Shin Go Medium", sans-serif;
	font-size    : 20px;
	line-height  : 1.0em;
	color        : #000;
	text-align   : center;
	border-bottom: solid 2px #a5c81f;
}
#en_graph dl {
	position: relative;
}
#en_graph dl:first-child {
	float: left;
	width: 234px;	
}
#en_graph dl:last-child {
	float: right;
	width: 425px;
}
#en_graph dl dt {
	position: absolute;
	top     : -16px;
	left    : 0;
	right   : 0;
	margin  : 0 auto;
	/***/
	width      : 190px;
	text-align : center;
}
#en_graph dl dt img,
#en_graph dl dd img {
	width : 100%;
	height: auto;
}