/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

a:link{
	color:#06C;
	text-decoration: none;
}a:visited{color:#06F;}a:hover{color:#3CF;}
A IMG {border: none;}
P {margin: 0px 0px 5px;padding: 0px;}
table {font-size:inherit; /* not IE */font-size:100%; /* IE */}
#main-contents a:hover img,#side-contents a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70 )";}
#font-size  a:hover img,#font-size  a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70 )";}

a:focus{outline:none;}a{overflow:hidden;}
#main-contents .twtr-widget h3{background-image:none;font-size:medium;margin:0px;padding:0px;font-weight:normal;height:auto;width:auto;}
#main-contents .twtr-widget h4{font-size:medium;font-weight:normal;background-image:none;margin:0px;padding:0px;height:auto;width:auto;}
.error{background:#ff6699;padding: 20px;text-align:center;}
.render-mode-switch{
display:none;
/*font-size: 40px !important;text-align: center;color: #FFF;background-color: #333;padding-top: 40px;padding-bottom: 40px;
*/}
/*HTML5用*/
header,footer,nav,section,article,figure,aside {display:block;}
.txg-tgallery-wrapper IMG{border:3px solid #CCC;}.txg-tgallery-wrapper TD{vertical-align: top;}
.scrollFixIt{color:#666;margin-right:3px;}


/* ------ General Settings ------ */
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}
.text-center {
	text-align: center;
}
#wrapper {
	width: 100%;
}
/* ------ Header ------ */
#gnav{
	display:none;
}
header {
	width: 100%;
	background-color: #111;
}
#header-inner {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}
#header-contents {
	float: right;
	line-height: 160%;
	font-size: 65% !important;
	color: #999;
}
#logo {
	padding-top:10px;
margin-top:20px;
}

#logo a {
	display: block;
	/*max-width: 500px;*/
max-width:100%;
font-size:280%;
color:#fff;
text-decoration:none;
font-weight:bold;
}

#gnav-btn {
	display :none;
}
.nav-title{
	display :none;
}
#mnav {
	clear: both;
	width: 100%;
	background-color: #222;
	margin: 0px;
	padding: 0px;
}
#mnav nav {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}
#mnav nav ul {
	float: left;
	border-left: solid 1px #111;
	border-right: solid 1px #333;
}
#mnav nav ul li {
	float: left;
}

#mnav nav ul li a {
	display: block;
	border-left: solid 1px #333;
	border-right: solid 1px #111;
	font-size: 100%;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#mnav nav ul li a:link,
#mnav nav ul li a:visited {
	background-color: #222;
	color: #ccc;
	text-decoration: none;
}
#mnav nav ul li a:hover,
#mnav nav ul li a:active,
#mnav nav ul li a.current {
	background-color: #333;
	color: #fff;
	text-decoration: none;
}
#mnav nav #main-nav{
	margin: 0px;
	padding: 0px;
}
/*header-------------*/
#hnav ul#header-nav{
	float: right;
	border-left: solid 1px #111;
	border-right: solid 1px #333;
	font-size: 80%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: #CCC;
}
#hnav ul#header-nav ul{
}
#hnav ul#header-nav li a,
#hnav ul#header-nav li a:link,
#hnav ul#header-nav li a:visited {
	display: block;
	border-left: solid 1px #333;
	border-right: solid 1px #111;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	float: right;
	color: #CCC;
}
#hnav ul#header-nav li a:hover{
	color: #CCC;
	text-decoration: underline;
}
/* ------ Mainvisual ------ */
#mainvisual {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#mainvisual .img {
	position: relative;
	width: 1280px;		/* 画像の幅 */
	margin-left: -640px;	/* -(画像の幅÷2) */
	padding-left: 50%;
}
/* ------ Contents ------ */
#contents {
	width: 930px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	*zoom: 1;
	font-size: 100%;
	background-color: #FFF;
}
/* ------ Footer ------ */

footer {
	width: 100%;
	background-color: #333;
}
#footer-inner {
	width: 930px;
	margin: 0 auto;
	padding: 40px 0 20px;
	background: url(../images/footer_bg.png) no-repeat top center;
}
footer nav,
#copyright,
#footer-contents {
	text-align: center;
	margin-bottom: 10px;
}

footer ul li {
	display: inline-block;
	*display: inline;
	*margin-bottom: 12px;
	padding: 0 10px 0 15px;
	line-height: 100%;
	font-size: 80%;
	color: #CCC;
	border-left: solid 1px #ccc;
	*zoom: 1;
}
footer ul li A,
footer ul li A:link,
footer ul li A:visited{
	color: #CCC;
}
footer ul li:first-child {
	border-left: none;
}

#toPageTop{
	text-align: right;
	display: block;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
#main-contents h3{
	background-color: #CCC;
	font-size: 180%;
	color: #333;
	font-weight: bold;
	width: 95%;
	padding-top: 12px;
	padding-bottom: 10px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 5%;
}
#main-contents h3 A,
#main-contents h3 A:link,
#main-contents h3 A:visited{
	color: #333;
	text-decoration: underline;
}
#main-contents h4{
	background-color: #999;
	background-position: 2% center;
	display: block;
	font-size: 160%;
	color: #FFF;
	background-image: url(../images/h4.png);
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-bottom: 10px;
	width: 96%;
	padding-left: 4%;
}
#main-contents h4 A,
#main-contents h4 A:link,
#main-contents h4 A:visited{
	color: #FFF;
	text-decoration: underline;
}
#main-contents h5{
	background-image: url(../images/h5.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	font-size: 140%;
	color: #333;
	display: block;
	width: 100%;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#main-contents h5 A,
#main-contents h5 A:link,
#main-contents h5 A:visited{
	color: #333;
	text-decoration: underline;
}
#main-contents h6{
	font-size: 120%;
	color: #333;
	background-image: url(../images/h6.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 100%;
	padding-left: 25px;
}
#main-contents h6 A,
#main-contents h6 A:link,
#main-contents h6 A:visited{
	color: #333;
	text-decoration: underline;
}
/* =========================== */
/* サイトマップ                     */
/* =========================== */	
#main-contents #sitemap-section h4{
	font-size: 120%;
	color: #333;
	background-image: url(../images/h6.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 100%;
	padding-left: 25px;
	}
#main-contents #sitemap-section li{
	list-style-type: circle;
	text-decoration: none;
}	
IMG.qrcode {
	border:1px solid #cccccc;
	}
IFRAME.googlemap {
	}
	
/* =========================== */
/* お問い合わせフォーム        */
/* =========================== */	
#tx_form_0{display:block;margin:0px;padding:0px;width:670px;}
#mailform-section{
	margin:0px;
	color:#036;
}
#mailform-section DIV.form-layout{display:block;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;width:600px;}
#mailform-section DIV.form-layout DIV.form-items{
	border:1px solid #6ca2b1;
	width:600px;
	overflow:hidden;
	background-color:#a0c7d2;
	margin-right:auto;
	margin-left:auto;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
}
#mailform-section DIV.form-layout DIV.form-items DIV.form-item{
	clear:both;
	overflow:hidden;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#6ca2b1;
}
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.label{
	float:left;
	width:150px;
	text-align:left;
	vertical-align:top;
	font-size:10pt;
	background-color:#a0c7d2;
	padding-top:9px;
	padding-right:8px;
	padding-bottom:0px;
	padding-left:8px;
	color:#003366;
}
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.field{
	float:left;
	width:413px;
	text-align:left;
	vertical-align:top;
	padding:8px;
	border-left-width:1px;
	border-left-style:dotted;
	border-left-color:#6ca2b1;
}
#mailform-section DIV.form-layout DIV.form-items .field-textarea{
	width:405px;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	border:1px solid #6ca2b1;
}
#mailform-section INPUT.input-text{
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	width:410px;
	border:1px solid #6ca2b1;
	height:30px;
}
#mailform-section TEXTAREA.input-textarea{
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	border:1px solid #6ca2b1;
}
#mailform-section INPUT.input-radio{}#mailform-section INPUT.input-checkbox{}#mailform-section INPUT.input-select{
	border:1px solid #6ca2b1;
}
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.field P.description{margin:3px 0px 0px 0px;font-size:9pt;}
#mailform-section LABEL{}#mailform-section .required{color:red;font-weight:normal;}
#mailform-section .error{background-color:#fcf;padding:0px;text-align:left;}
#mailform-section .error-message{color:#f00;}#mailform-section .completion-message{
	border:1px solid #6ca2b1;
	padding:30px;
}
#mailform-section DIV.submitee{clear:both;text-align:center;}#mailform-section DIV.submitee BUTTON{
	cursor:pointer;
	background-image:url(/asset/shared/theme-clinic/form_submit.png);
	border-width:0px;
	height: 51px;
	width: 144px;
	background-color: #FFF;
	margin-top: 5px;
}
#mailform-section DIV.submitee BUTTON SPAN{display:none;}






/*	お知らせ
-----------------------------------------------*/
#main-contents #topic-headline-section{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	display: block;
	font-size: 100%;
}
#main-contents  #topic-headline-section DL {
	width: 96%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 2%;
	padding-left: 2%;
	margin: 0px;
	}
#main-contents  #topic-headline-section DT{
	color: #333333;
	padding-top: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
#main-contents  #topic-headline-section DT .date {
	color: #333333;
	padding-right: 20px;
	float: left;
	background-image: url(../img/topics-guide.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	}
#main-contents  #topic-headline-section DT A {
	}
#main-contents  #topic-headline-section DD{
	padding-top: 0px;
	padding-bottom: 10px;
	color: #333;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a0a0a0;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 90%;
	}

#topic-list-section {
	width: 100%;
	padding-top: 11px;
	padding-bottom: 5px;
	margin: 0px;
	}
#topic-list-section DT {
	width: 670px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #666;
	font-size: 120%;
	}
#topic-list-section DT .date {
	font-weight: bold;
	display: block;
	clear: both;
	float: none;
	background-image: url(../images/h6.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
#topic-list-section DT A {
	color: #48B4FF;
	}
#topic-list-section DD {
	margin-bottom: 20px;
	width: 670px;
	margin-top: 0px;
	margin-right: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-left: 0px;
	font-size: 100%;
	}
#topic-list-section DD IMG {
	margin: 5px;
	}
#topic-list-section DD DIV.topic-sepalator {
	clear:both;
	height:0px;
	width: 100px;
}

/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {
	#header-inner {
		width: 90%;
	}
	#gnav nav {
	width: 90%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
	#gnav nav ul{
	}
	#gnav nav ul li.title{
	color: #999;
	text-align: right;
	padding-top: 10px;
	}
	#gnav nav ul li a {
		padding: 8px 20px 6px;
	}

	#mainvisual .img {
		width: 130%;		/* 画像の幅÷980 */
		margin-left: -65%;	/* -(画像の幅÷980÷2) */
	}

	#contents {
	width: 96%;
	margin-right: 2%;
	margin-left: 2%;
	}


	#footer-inner {
		width: 100%;
	}
	
	#toPageTop{
	text-align: left;
	display: block;
	width: 100%;
	clear: both;
	float: none;
	}
}



/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {

	html {
		*overflow-x: hidden;
	}
	#mnav,#hnav,#fnav{
	display: none;
	}
	#wrapper {
	background-image: none;
	overflow: hidden;
	}

	#gnav-btn {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	padding: 5px 0 4px;
	background-color: #222;
	overflow: hidden;
	}

	#header-inner {
		position: relative;
		z-index: 2;
		width: 100%;
		background-color: #111;
	}

	#header-contents {
	float: none;
	text-align: center;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	margin: 0px;
	}

	#logo {
		padding: 0 0 15px;
	}

	#logo a {
		margin: 0 auto;
	}

	#gnav-btn div {
	width: 50px;
	margin-left: 10px;
	border-bottom: solid 1px #444;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
	text-align: center;
	vertical-align: middle;
	}
	#gnav-btn IMG{
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	margin-top:5px;
	}
	#gnav-btn a {
		display: block;
		height: 25px;
		line-height: 25px;
		color: #ccc;
		font-size: 14px;
		border: solid 1px #111;
		text-align: center;
		vertical-align: top;
		text-decoration: none;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-webkit-text-shadow: 0px -1px 0px #700;
		text-shadow: 0px -1px 0px #111;
	}
	#gnav-btn div.index{
	float: right;
	margin-right: 10px;
	}
	#gnav-btn a.index{
	width: 100%;
	}
	#gnav-btn a:link,
	#gnav-btn a:visited {
		background: url(../images/bg_gradient.png) repeat-x #444;
		background: -moz-linear-gradient(top, #444, #333);
		background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
		background: -webkit-linear-gradient(top, #444, #333);
		background: -o-linear-gradient(top, #444, #333);
		background: linear-gradient(to bottom, #444, #333);
	}
	#gnav-btn a:hover,
	#gnav-btn a:active,
	#gnav-btn a.current {
		background: url(../images/bg_gradient.png) repeat-x #555;
		background: -moz-linear-gradient(top, #555, #444);
		background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
		background: -webkit-linear-gradient(top, #555, #444);
		background: -o-linear-gradient(top, #555, #444);
		background: linear-gradient(to bottom, #555, #444);
	}

	#gnav{
	position: fixed;
	display: none;
	width: 250px;
	top: 0;
	left: 0;
	bottom:0;
	background-color: #000;
	height: 100%;
	overflow: auto;
	padding-bottom: 200px;
	}

	#gnav nav {
	width: 100%;
	border-top: solid 1px #222;
	border-bottom: solid 1px #333;
	margin-bottom: 200px;
	}

	#gnav nav ul {
	float: none;
	width: 100%;
	border-left: none;
	border-right: none;
	border-top: solid 1px #111;
	background-color: #000;
	}

	#gnav nav ul li {
		float: none;
		width: 100%;
	}

	#gnav nav ul li a {
	display: block;
	padding: 10px 20px 8px;
	font-size: 90%;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #111;
	border-top: solid 1px #333;
	background: url(../images/icon_arrow_01.gif) no-repeat right center;
		*zoom: 1;
	color: #CCC;
	}
	#gnav nav ul li a {
		display: block;
		padding: 10px 20px 8px;
		font-size: 90%;
		border-left: none;
		border-right: none;
		border-bottom: solid 1px #111;
		border-top: solid 1px #333;
		*zoom: 1;
	}
	#contents {
		position: relative;
		z-index: 2;
	}
	#toPageTop{
	text-align: left;
	display: block;
	width: 100%;
	clear: both;
	float: none;
	}

	footer {
		position: relative;
		z-index: 2;
	}

}


/*-----------------------------------------------------	*/
/*	for 700px~					*/
/*-----------------------------------------------------	*/