/*ˆó�üURL”ñ•\Ž¦‘Ήž*/
@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}

html{
	height: 100%;
	overflow-y:scroll;
}

body{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-family: verdana,"ƒ�ƒCƒŠƒI","Meiryo",verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:1.42857143;
	color:#333;
	background-repeat: repeat-x;
	background-color: #eae9ea;
	height: 100%;
outline: 0px none;
}

#contents{
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

header{
	background-color: #060644;
}

/* Set filter: none; for IE 9+ */
/* Browsers which support both Media Queries and -ms-filter are only IE 9+ */
@media screen and (min-width:0) {
   .gradient {
     -ms-filter: "";
   }
}

header .headertitle .logo img{
	display: block;
	margin-top: 0px;
	margin-left: 12px;
}

haeder .headermenu{
	background-color: #FFFFFF;
	color: #000000;
	border-bottom: 1px solid #eae9ea;
	padding: 0;
	margin: 0;
	font-size: 15pt;
}

header #search_table{
	border: 0px none;
}
header #search_table td{
	margin: 0;
	padding: 0;
	vertical-align: top;
}
header #search_table td input.focus{
	height: 23px;
	width: 160px;
	background-color: #cdcdda;
	border: 0px none;
	display: inline-block;
	border-radius: 4px 0 0 4px;
	padding-left: 4px;
}
header #search_table th input.searchbtn{
	cursor: pointer;
	display: inline-block;
	width:30px;
	height:23px;
	border: none;
/*	text-indent: -9999px;*/
	background: url(../img/header/btn_submit.png) no-repeat 0 0;
}

.headericon .icon{ padding: 2px;}
.headericon .icon img{ margin: 0 1px;}
.headericon .searchbox{ padding: 2px;}

header .container{
	background-color: transrparent;
	margin: 0 auto;
	padding: 0;
	width: 1080px;
}
.headermenu{
	background-color: #FFFFFF;
	border-bottom: 1px solid #eae9ea;
	height: 50px;
}
.headermenu ul{
	height: 50px;
}

.headermenu ul li{
	display: block;
	float: left;
	width: 144px;
	height: 50px;
	list-style-type: none;
}
.headermenu ul li.about{ background-image: url(../img/header/menu_about_on.png);}
.headermenu ul li.patient{ background-image: url(../img/header/menu_patient_on.png);}
.headermenu ul li.medic{ background-image: url(../img/header/menu_medic_on.png);}
.headermenu ul li.resident{ background-image: url(../img/header/menu_resident_on.png);}
.headermenu ul li.home{ background-image: url(../img/header/menu_home_on.png); display: none;}

.headermenu ul li a, .headermenu ul li a img{ display: block; width: 144px; height: 50px;}

.headermenu ul li a:hover img{ visibility: hidden;}


.footermenu{
	text-align: center;
	font-size: 14px;
	margin: 20px auto 2px;
	padding-bottom: 0;
}


footer{
	background-color: #060644;
	clear: both;
	width: 100%;
	text-align: center;
	color:#FFFFFF;
	position: absolute;
	bottom: 0;
}
footer p{
	margin: 2px;
}

/*ƒRƒ“ƒeƒ“ƒcƒGƒŠƒA*/
.contentsarea .container .sidemenu{
	background-color: #08205f;
	color: #FFFFFF;
}

.contentsarea{
	background-color: #eae9ea;
}


.contentsarea .container{
	background-color: #FFFFFF;
/*	outline: 5px auto -webkit-focus-ring-color;*/
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding-top: 12px;
	padding-bottom: 30px;
}


/*ƒ^ƒCƒgƒ‹ƒGƒŠƒA*/
.contentsarea .title{
	padding: 0;
	border: 1px solid #060644;
	background-image: url(../img/title/title_other.jpg);
	background-repeat: no-repeat;
}

#title_about{
	background-image: url(../img/title/title_about.jpg);
	background-repeat: no-repeat;
}
#title_medic{
	background-image: url(../img/title/title_medic.jpg);
	background-repeat: no-repeat;
}
#title_resident{
	background-image: url(../img/title/title_resident.jpg);
	background-repeat: no-repeat;
}


.title_directory{
	font-size:34px;
	font-weight:normal;
	line-height:1.1;
	padding:30px 50px;
text-shadow:0px 2px 1px #FFF,0px 1px 1px #FFF,1px 1px 1px #FFF,1px 0px 1px #FFF,2px 0px 1px #FFF,1px -1px 1px #FFF,1px -2px 1px #FFF,0px -2px 1px #FFF,-1px -2px 1px #FFF,-2px -2px 1px #FFF,-2px -1px 1px #FFF,-2px 0px 1px #FFF,-2px 1px 1px #FFF,-1px 1px 1px #FFF;
}
.title_directory span{
	font-size:18px;
	display:block;
}

/*�¶ƒ�ƒjƒ…�[*/

.lefthmenu{ /*padding-right: 0;*/}

.submenu{ /*width: 100%;-*/padding-left: 10px;}

.submenu dd{ background-color: #08205f; border-bottom: 1px solid #FFFFFF;}
.submenu dd a{ color: #FFFFFF; display: block; padding: 10px 6px;}
.submenu dd a:hover{ text-decoration: none; background-color: #b4bccf; color: #08205f;}

/*h1 h2 “™140807*/
h1{
	font-size: 1.7em;
	font-weight:bold;
	color:#08205f;
	padding-bottom:10px;
	border-bottom:#CCCCCC solid 2px;
}
h1 {
	padding: 0.3em 0px 0.3em 0.5em;
	font-size: 180%;
	margin-top: 0;
	margin-bottom: 20px;
	color: #010101;
	border-width: 1px 1px 4px;
	border-style: solid;
	border-color: #08205f;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	background-color: #FFF;
	letter-spacing: 5pt;
}

h2{
	font-size: 1.4em;
	font-weight:bold;
	color:#08205f;
	padding: 8px 2px 6px 24px;
	margin: 3em 5px 1em;
/*	border-bottom:#CCCCCC solid 1px;*/
	background-image:url(../img/common/h2_bg.png);
	background-repeat: no-repeat;
	height: 36px;
}

h3{
	font-size: 1.2em;
	font-weight:bold;
	color:#08205f;
	padding: 2px 6px;
	margin: 3em 5px 0.5em 15px;
	border-left:#08205f solid 6px;
}

h4{
	font-size: 1.2em;
	font-weight:bold;
	color:#08205f;
	padding: 2px 6px;
	margin: 1.5em 5px 1em 15px;
	border-bottom: #08205f solid 1px;
}


.privacy th{
	white-space: nowrap;
}

.sidemenu{ margin: 0; padding: 0;}
.sidemenu .nav>li>a{
	padding:10px 4px;
	background-color: #08205f;
	color:#FFFFFF;
}
.sidemenu .nav>li>a:hover,.nav>li>a:focus{
	text-decoration:none;
	background-color:#eee;
	color: #08205f;
}

.nav-pills>li>a,.nav-pills>li>a:hover,.nav-pills>li>a:focus{ border: 1px solid #CCCCCC;}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{ border: 1px solid #0079ba;}


.maincontents{
/*	margin-left: -30px;
	margin-right: -30px;*/
}

.inner-contents{ /*margin: 0px 1.5em 4em;*/ margin: 0px 0em 4em; padding-top: 0;}

.container .inner-contents .jumbotron{ margin: 0 20px 1em; padding: 20px}

.container .inner-contents .jumbotron p{ margin: 0 20px 0;}

.inner-contents p,
.inner-contents table,
.inner-contents ul{ margin: 0 20px 1em;}

.inner-contents ul{ margin-top: 20px;margin-left: 20px; margin-right: 20px;}
.inner-contents ul li{ margin-top: 8px;}


.inner-contents table.table{ padding-left: 20px; padding-right: 40px;}


.inner-contents p{ margin-top: 2.5em; margin-bottom: 1.5em; line-height: 180%;}

.inner-contents p + p{margin-top: 1.0em;}
.inner-contents p + h2{ margin-top: 3em;}
.inner-contents p + h3{ margin-top: 2.5em;}
.inner-contents p + h4{ margin-top: 2em;}
.inner-contents h2 + p{ margin-top: 2.5em;}
.inner-contents h3 + p{ margin-top: 1.5em;}
.inner-contents h4 + p{ margin-top: 1em;}

.inner-contents h1 + h2{ margin-top: 1em;}

.inner-contents ol{ margin-top: 20px;margin-left: 20px; margin-right: 20px;}
.inner-contents ol li{ margin-top: 8px;}

.inner-contents p .imgmatch{
	width: 720px;
}


.row.image_area{margin-left: 20px; margin-right: 20px;}
.row.image_area div{padding: 0;}
.inner-contents .image_area p{margin-top: 1.5em; margin-left: 0; margin-right: 0;}
.inner-contents .image_area .image_area_text p{ margin-right: 20px;}
.image_area .image_area_image p{margin-left: -15px; margin-right: 0px;}
.image_area .image_area_image img{ max-width: 240px; max-height: 180px;}


.indent{ text-indent: 1em;}

.btn_area{
	margin: 2em 0 2em 1.5em;
}

li{
	white-space: normal;
}
.btn{
	white-space: normal;
}

.inner-contents .radiobutton,
.inner-contents .checkbutton{
	font-size: 1.4em;
}
.inner-contents .radiobutton label,
.inner-contents .checkbutton label{
	padding-left: 0;
	margin-left: 1.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
}
.inner-contents .radiobutton .help-block,
.inner-contents .checkbutton .help-block{
	font-size: 70%;
}

/*S:20141216 �í�œ—\’è*/
.inner-contents ul.radiobutton,
.inner-contents ul.checkbutton{
	padding-left: 0;
	margin-bottom: 1em;
	line-height: 160%;
	font-size: 1.4em;
}
.inner-contents ul.radiobutton li,
.inner-contents ul.checkbutton li{
	list-style-type: none;
	text-indent: -1.5em;
	margin-left: 3em;
}
.inner-contents ul.radiobutton li label input,
.inner-contents ul.checkbutton li label input{
	margin-right: 0.5em;
}
/*E:20141216 �í�œ—\’è*/


canvas{
	margin: 0.5em auto 2em;
	display: block;
}



section{
	margin-bottom: 2em;
}

.keyword{
	width: 80%;
}
.read{
	width: 6em;
}
.question{
	width: 100%;
	height: 8em;
	display: block;
	margin-bottom: 1em;
}

*{
outline: 0px none;
outline-color: none;
}

*:focus {
  outline: none;
}


.contentsarea:focus {
  outline: none;
}


/*‰¡•�1200pxˆÈ�ã*/
@media (min-width:1200px){
.container{width:1080px;}
}

/*‰¡•�1200pxˆÈ‰º*/
@media (max-width:1200px){
header .container{width: 980px;}
.container{width: 980px;}

.inner-contents p .imgmatch{width: 640px;}

}

/*‰¡•�992pxˆÈ‰º�@�¦ŽÀŽ¿1024px�iiPad“™�j*/
@media (max-width: 992px){
header .container{width: 750px;}
.container{width:750px;}
header .headertitle .logo img{ width: 480px;}

	.submenu{ width: 100%; padding-left: 0px; padding-right: 0px;}

	.maincontents{ margin-left: -30px; margin-right: -30px;}

}

/*‰¡•�767pxˆÈ‰º*/
@media screen and (max-width:767px){
header{
	height: auto;
}
header div.container{ width: 100%;}
header div.container > div{margin-left: 0; margin-right: 0;}
header div.container > div > div{ padding-left: 0; padding-right: 0;}
header div.headertitle .logo img { margin-left: 0; width: 100%; max-width: 480px;}

.headericon{ table-layout: auto;}
.headericon tr{ display: inline-block;}
.headericon th, .headericon td{ display: inline-block;}

.headermenu{height: auto;} 
.headermenu ul.container{width:100%; max-width: 576px; margin-left: 0;  height: auto;}
.headermenu ul li { display: block; float: left; width: 25%; height: auto; }
.headermenu ul li a,
.headermenu ul li a img{width: 100%; height: auto;}
.headermenu ul li.about,
.headermenu ul li.patient,
.headermenu ul li.medic,
.headermenu ul li.resident{ background-image: none;}
.headermenu ul li{background-color: #b4bbce;}
.headermenu ul li a:hover img{ visibility: visible; opacity: 0.7;}

.container {width: 100%;}

h3 {margin: 3em 5px 0.5em 5px;}

	.image_area p{ margin-top: 1em;}
	.inner-contents .image_area .image_area_text p{ margin-right: 0px;}
	.image_area .image_area_image p{margin-left: 20px; margin-right: 20px;}
	.image_area .image_area_image img{ max-width: 100%; height: auto;}


/*bootstrap_min.css‚̉ü•Ï•”*/
/*.col-md-10{ padding-left: 5px; padding-right: 5px;}
.col-md-9{ padding-left: 5px; padding-right: 5px;}*/

.table-responsive{width:100%;margin-bottom:15px; overflow-x: none; overflow-y:hidden; -webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}
.table-responsive>.table{margin-bottom:0}
.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space: normal;}
.table-responsive>.table-bordered{border:0}
.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}


/*�V‹K’ljÁ•”*/

.maincontents{
	margin-left: -15px;
	margin-right: -15px;
}
	.maincontents .lefthmenu{
	/*	padding-left: 0px;
		padding-right: 0px;*/
	}
	.maincontents .lefthmenu .submenu{
		padding-right: 0px;
	}
	.submenu dd { margin-left: -5px;}
	.inner-contents{ margin-left: -15px; margin-right: -15px;}

.inner-contents p,
.inner-contents table,
.inner-contents ul{ /*margin-left: 0.5em;*/}

.inner-contents p{ margin-top: 0.5em; margin-bottom: 1.5em;}

.btn_area{ margin: 2em 0 2em 0.5em; }


.table-responsive{
	border: 0px none;
	display: inline;
}

  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive th,
  .table-responsive td,
  .table-responsive tr {
    display: block;
	width: 100%;
  }
  .table-responsive th{
  	color: #FFFFFF;
	background-color: #0079ba;
	border: 0px none;}

  .table-responsive thead {
    display: none;
  }
  .table-responsive tbody tr {
/*    border-top: 1px solid #cccccc;*/
  }
  .table-responsive tbody tr td {
    border: none;
    border-bottom: 1px solid #eeeeee;
    position: relative;
/*    padding-left: 50%;*/
    text-align: left;
	width: auto;
  }
  .table-responsive tbody tr td .nowrap{
  	white-space: nowrap;
  }
  .table tr td .nowrap{
  	white-space: nowrap;
  }

  .table-responsive th.subcatrgory{
	color: #333333;
	background-color: #FFFFFF;
	border-bottom: 1px solid #0079ba;
	border-top: 0px none;
	padding-left: 1.0em;}

  .table-responsive td.subcatrgory{
	padding-left: 1.0em;
	margin-bottom: 0.5em;

}
  .table-responsive td input{
  	}

  .table-responsive td input[type="text"]
{
	width: 100%;
}
  .table-responsive td input.postname1[type="text"]{
  	width: 3em;
}
  .table-responsive td input.postname2[type="text"]{
  	width: 4em;
}
  .table-responsive td input.year[type="text"]{
  	width: 4em;
}
  .table-responsive td input.mail1[type="text"]{
  	width: 30%;
}
  .table-responsive td input.mail2[type="text"]{
  	width: 50%;
}

  .table-responsive tbody tr td:before {
    color: #555;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 5px;
    padding-right: 10px;
    white-space: nowrap;
  }

.inner-contents ul.radiobutton,
.inner-contents ul.checkbutton{
	font-size: 1.0em;
}


.inner-contents table.table td.category{
	width: 30%;
}

}

/*‰¡•�480pxˆÈ‰º*/
@media screen and (max-width:480px){
	.title_directory{padding: 10px 20px; font-size: 2.5em;}
	.contentsarea{ padding-bottom: 40px;}
	.contentsarea .container{padding-left: 5px; padding-right: 5px;}
	.inner-contents{ margin-left: 0; margin-right: 0;}
	.contentsarea h1{letter-spacing: 0;}
	
/*	.lefthmenu{padding-left: 0; padding-right: 0;}*/
}