@charset "UTF-8";

/* caption Setting
--------------------------------------------------*/


/* fonts settings
----------------------------------------------------------- */

/*position*/
.cen {
	text-align: center;
}

.r {
	text-align: right;
}

.l {
	text-align: left;
}

/*color*/

.clinicname {
	color: #69C;
	font-size: 80%;
	text-align: center;
	padding: 26px 0 0 0;
}

.skyblue {
	color: #4169e1;
}

.skyblue_in {
	color: #09C;
	text-indent: 0.8em;
	padding: 2px 0 4px 0;
	border-bottom: 1px dotted #CCC;
}

.prof_nenpyo {
	padding: 6px 0 0 0;
}

#c_wrap a:link     {
	color: #0066cc;
}
#c_wrap a:visited  {
	color: #0066cc;
}
#c_wrap a:hover    {
	color: #66cdaa;
}
#c_wrap a:active   {
	color: #0066cc;
}

#primary h4 {
	background: url(../images/h4.gif) no-repeat;
	padding: 0 0 0 14px;
	margin: 10px 0;
	line-height: 35px;
	color: #096;
}

#primary h5 {
	color: #069;
	padding: 4px 0 0 0;
}

/* list Setting
--------------------------------------------------*/
.kuro01ul{
	padding: 0 14px;
}

.kuro01li{
	list-style: inside disc;
	padding: 2px 0;
}

/* Base Settings
--------------------------------------------------*/

body {
    margin: 0 auto;
	padding: 0;
	color: #333;
	font-size: 16px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../images/body_bg.gif) repeat;
}

/* Clear
--------------------------------------------------*/
.clear { clear:both; } 

/* Area Setting
--------------------------------------------------*/
#wrap {
	margin: 0 auto;
	min-height:1px;　/* IE 7対策 */
}
/* start: clearfix ------------------------------ */
#wrap:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}

#wrap { display:inline-table; }

/* Hides from Mac IE \*/
* html #wrap { height:1px; }
#wrap { display:block; }
/* */
/* end: clearfix ------------------------------ */


#c_wrap {
	background: url(../images/c_wrap_bg.gif) repeat-x;
	min-height:1px;　/* IE 7対策 */
}

/* start: clearfix ------------------------------ */
#c_wrap:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}

#c_wrap { display:inline-table; }

/* Hides from Mac IE \*/
* html #c_wrap { height:1px; }
#c_wrap { display:block; }
/* */
/* end: clearfix ------------------------------ */

#c_wrap_in {
	width: 900px;
	margin: 0 auto;
}

#primary {
	width: 685px;
	float: right;
	margin: 12px 0 20px 0;
	display: inline;
}

#secondry {
	width: 210px;
	float: left;
	margin: 45px 0 0 0;
	display: inline;
	background: url(../images/gnaviwrap.gif) no-repeat;
}


/* Header
--------------------------------------------------*/
/* Header wrap */
#header {
	height: 137px;
	background: url(../images/header_bg.gif) repeat-x;
	padding: 0 20px;
}

#header_in {
	width: 900px;
	height: 137px;
	background: url(../images/header_bg.gif) repeat-x;
	margin: 0 auto;
}

.logo {
	width: 500px;
	height: 117px;
	float: left;
	display: inline;
	margin: 20px 0 0 15px;
}

.catch {
	width: 220px;
	height: 117px;
	float: right;
	display: inline;
	margin: 21px 15px 0 0;
}

/*fontSize*/

#moji_wrap {
	width: 210px;
	height: 90px;
	margin:0;
	padding: 0;
	background: url(../images/moji_wrap_bg.jpg) bottom no-repeat;
}

#moji{
	width: 210px;
	height: 50px;
	padding: 40px 0 0 0;
}

#moji ul {
	padding: 10px 0 0 54px;
}

#moji li{
    display: inline;
	float: left;
}

#moji li a{
    display: block;
	height: 30px;
	padding: 0 6px 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

#moji .s a {
	width: 30px;
	background: url(../images/font_off_s.gif) no-repeat;
}

#moji .m a {
	width: 30px;
	background: url(../images/font_off_m.gif) no-repeat;
}

#moji .l a {
	width: 30px;
	background: url(../images/font_off_l.gif) no-repeat;
}

#moji .s a:hover {
	width: 30px;
	background: url(../images/font_on_s.gif) no-repeat;
}

#moji .m a:hover {
	width: 30px;
	background: url(../images/font_on_m.gif) no-repeat;
}

#moji .l a:hover {
	width: 30px;
	background: url(../images/font_on_l.gif) no-repeat;
}


/*primary Area
--------------------------------------------------*/
/* pagetitle */
#pagetitle {
	background: url(../images/pagetitle.gif) no-repeat;
	height: 40px;
	padding: 14px 30px 0 0;
	text-align: right;
	color: #FFF;
	letter-spacing: 0.2em;
	font-weight: bold;
}

/* section */
.section {
	width: 685px;
	background: url(../images/section_bg.gif) repeat-y;
}

.section_box {
	width: 625px;
	line-height: 160%;
	margin: 0 auto;
	padding: 10px 0;
}

.section_box_in {
	width: 635px;
	line-height: 160%;
	margin: 0 auto;
	padding: 10px 0;
	text-indent: 0.8em;
}

.section_bt {
	width: 685px;
	height: 110px;
	background: url(../images/section_bt.gif) no-repeat bottom;
}

.sectionh3{
	margin: 0 0 0 5px;
}

.sectionpp{
	padding: 0 0 0 14px;
}

/*pagetop*/
#pagetb {
	width:200px;
	height:15px;
	margin: 80px 10px 0 0;
	float: right;
}

#pagetb ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#pagetb li{
    display: inline;
	float: left;
}

#pagetb li a{
    display: block;
	height: 15px;
	margin: 0 10px 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

#pagetb .ptop a {
	width: 90px;
	background: url(../images/pback.gif) -90px -15px no-repeat;
}

#pagetb .pback a {
	width: 90px;
	background: url(../images/pback.gif) 0 -15px no-repeat;
}

#pagetb .ptop a:hover {
	width: 90px;
	background: url(../images/pback.gif)  -90px 0 no-repeat;
}

#pagetb .pback a:hover {
	width: 90px;
	background: url(../images/pback.gif) 0 0 no-repeat;
}


/*blankbox*/
.blank100 {
	height: 100px;
}

.blank600 {
	height: 600px;
}

.midasi01{
	margin:0;
	padding:0 0 0 16px;
	height: 30px;
	background: url(../images/midasi01.gif) left no-repeat;
	line-height: 30px;
	color: #069;
	font-size: 100%;
	font-weight: bold;
}

/* secondry Area
--------------------------------------------------*/

/* Global Navigation */

#gNaviwrap {
	width: 210px;
	height: 530px;
	text-align: center;
}

#gNavi {
	width: 180px;
	padding: 0;
	text-align: left;
	margin:17px 0 0 15px;
}

/*IE6 hack*/
*html body #gNavi {
	width: 180px;
	padding: 0;
	text-align: left;
	margin:17px 0 0 0;
}

/*IE7 hack*/
*:first-child+html #gNavi {
	width: 180px;
	padding: 0;
	text-align: left;
	margin:17px 0 0 0;
}

#gNavi ul {
}

#gNavi li {
 width: 180px;
 display:block;
 text-decoration: none;
 font-size: 0;
 text-indent: -9999px;
 outline: none;
 margin: 0;
}

#gNavi li a {
 width: 180px;
 display:block;
 text-decoration: none;
 font-size: 0;
 text-indent: -9999px;
 outline: none;
 margin: 0;
}

/* off */

#gNavi .c_01 a {
	background: url(../images/gnavi.gif) 0 0 no-repeat;
	height: 50px;
}

#gNavi .c_02 a {
	background: url(../images/gnavi.gif) 0 -50px no-repeat;
	height: 50px;
}

#gNavi .c_03 a {
	background: url(../images/gnavi.gif) 0 -100px no-repeat;
	height: 50px;
}

#gNavi .c_04 a {
	background: url(../images/gnavi.gif) 0 -150px no-repeat;
	height: 50px;
}

#gNavi .c_05 a {
	background: url(../images/gnavi.gif) 0 -200px no-repeat;
	height: 50px;
}

#gNavi .c_06 a {
	background: url(../images/gnavi.gif) 0 -250px no-repeat;
	height: 50px;
}

#gNavi .c_07 a {
	background: url(../images/gnavi.gif) 0 -300px no-repeat;
	height: 50px;
}

#gNavi .c_08 a {
	background: url(../images/gnavi.gif) 0 -350px no-repeat;
	height: 50px;
}


/* on */

#gNavi .c_01 a:hover {
	background: url(../images/gnavi.gif) -180px 0 no-repeat;
	height: 50px;
}

#gNavi .c_02 a:hover {
	background: url(../images/gnavi.gif) -180px -50px no-repeat;
	height: 50px;
}

#gNavi .c_03 a:hover {
	background: url(../images/gnavi.gif) -180px -100px no-repeat;
	height: 50px;
}

#gNavi .c_04 a:hover {
	background: url(../images/gnavi.gif) -180px -150px no-repeat;
	height: 50px;
}

#gNavi .c_05 a:hover {
	background: url(../images/gnavi.gif) -180px -200px no-repeat;
	height: 50px;
}

#gNavi .c_06 a:hover {
	background: url(../images/gnavi.gif) -180px -250px no-repeat;
	height: 50px;
}

#gNavi .c_07 a:hover {
	background: url(../images/gnavi.gif) -180px -300px no-repeat;
	height: 50px;
}

#gNavi .c_08 a:hover {
	background: url(../images/gnavi.gif) -180px -350px no-repeat;
	height: 50px;
}

/* stay */
.c_01_s {
	background: url(../images/gnavi.gif) -360px 0 no-repeat;
	height: 50px;
}

.c_02_s {
	background: url(../images/gnavi.gif) -360px -50px no-repeat;
	height: 50px;
}

.c_03_s {
	background: url(../images/gnavi.gif) -360px -100px no-repeat;
	height: 50px;
}

.c_04_s {
	background: url(../images/gnavi.gif) -360px -150px no-repeat;
	height: 50px;
}

.c_05_s {
	background: url(../images/gnavi.gif) -360px -200px no-repeat;
	height: 50px;
}

.c_06_s {
	background: url(../images/gnavi.gif) -360px -250px no-repeat;
	height: 50px;
}

.c_07_s {
	background: url(../images/gnavi.gif) -360px -300px no-repeat;
	height: 50px;
}

.c_08_s {
	background: url(../images/gnavi.gif) -360px -350px no-repeat;
	height: 50px;
}

/* timetable */
#secondry_time {
	width: 210px;
	height: 140px;
	margin: 0;
	background: url(../images/timetable.gif) no-repeat;
}

#st_buttonbox {
	padding: 95px 0 0 0;
	height: 30px;
	width: 180px;
	margin: 0 auto;
}

.st_button a {
	width: 180px;
	height: 30px;
	display:block;
	text-decoration: none;
	font-size: 0;
	text-indent: -9999px;
	outline: none;
	margin: 0 auto;
	background: url(../images/tt_bt.gif) no-repeat 0 -30px;
}

.st_button a:hover {
	width: 180px;
	height: 30px;
	display:block;
	text-decoration: none;
	font-size: 0;
	text-indent: -9999px;
	outline: none;
	margin: 0 auto;
	background: url(../images/tt_bt.gif) no-repeat 0 0;
}


/* QR */
#secondry_qr {
	width: 200px;
	height: 85px;
	margin: 10px auto;
}

.qrbox {
	width: 140px;
	height: 140px;
	margin: 0 auto;
	padding: 65px 0 0 0;
}

/* friend */
#secondry_fr {
	width: 210px;
	height: 55px;
	margin: 0 0 10px 0;
}

/* other */
#secondry_other {
	width: 210px;
	height: 60px;
}

.s_pp a {
	width: 155px;
	height: 20px;
	display:block;
	background: url(../images/pp_off.gif) no-repeat;
	text-decoration: none;
	font-size: 0;
	text-indent: -9999px;
	outline: none;
	margin: 0 0 10px 5px;
}

.s_pp a:hover {
	width: 155px;
	height: 20px;
	display:block;
	background: url(../images/pp_hover.gif) no-repeat;
	text-decoration: none;
	font-size: 0;
	text-indent: -9999px;
	outline: none;
	margin: 0 auto;
	margin: 0 0 10px 5px;
}

.s_kino a {
	width: 155px;
	height: 20px;
	display:block;
	background: url(../images/kino_off.gif) no-repeat;
	text-decoration: none;
	font-size: 0;
	text-indent: -9999px;
	outline: none;
	margin: 0 0 10px 5px;
}

.s_kino a:hover {
	width: 155px;
	height: 20px;
	display:block;
	background: url(../images/kino_hover.gif) no-repeat;
	text-decoration: none;
	font-size: 0;
	text-indent: -9999px;
	outline: none;
	margin: 0 auto;
	margin: 0 0 10px 5px;
}


/*Footer
--------------------------------------------------*/

#fotter {
	height: 100px;
	background: url(../images/footer.jpg) repeat;
	clear: both;
	color: #FFF;
	font-size: 80%;
	line-height: 100px;
}

#fotter_in {
	width: 900px;
	height: 100px;
	margin: 0 auto;
	text-align: center;
}



.fline {
	width: 900px;
	margin: 0 auto;
	height:3px;
	background: url(../images/footer_line.gif) repeat-x;
}


#ad {
	width: 400px;
	float: left;
	display: inline;
	line-height: 160%;
}

.ad01 {
	font-weight: bold;
	color: #FFF;
}

.ad02 {
	font-size: 80%;
	color: #CCC;
	font-weight: normal;
}

.ad03 {
	font-size: 80%;
	color: #FFF;
}

.copy {
	font-size: 80%;
	color: #6CF;
	padding: 10px 0;
	text-align: center;
}

#uti {
	width: 415px;
	float: right;
	display: inline;
}

#pp {
	width: 250px;
	float: left;
	display: inline;
}

#pp ul {
}

#pp li {
	width: 115px;
	display:block;
	text-decoration: none;
	font-size: 0;
	text-indent: -9999px;
	outline: none;
	margin: 0;
	float: left;
	padding: 0 0 0 10px;
}

#pp li a {
	width: 115px;
	display:block;
	text-decoration: none;
	font-size: 0;
	text-indent: -9999px;
	outline: none;
	margin: 0;
}

/* off */

#pp .privf a {
	background: url(../images/pp.gif) 0 -96px no-repeat;
	height: 96px;
}


#pp .kinof a {
	background: url(../images/pp.gif) -115px -96px no-repeat;
	height: 96px;
}

/* on */

#pp .privf a:hover {
	background: url(../images/pp.gif) 0 0 no-repeat;
	height: 96px;
}


#pp .kinof a:hover {
	background: url(../images/pp.gif) -115px 0 no-repeat;
	height: 96px;
}


#mail {
	width: 155px;
	float: right;
	display: inline;
}