@import url("/common/css/font-awesome.css");

body {
	font: 14px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	-webkit-text-size-adjust: 100%;
}

#home {

}

.none {
	clear: both;
}

.none hr {
	display: none;
}

.red {
	font-weight: bold;
	color: #ff0000;	
}

dl.style2 dt.blue,
.blue {
    color: #009999;
    font-weight: bold;
}

.left { float: left; }

.right { float: right; }

.center {
	text-align: center;
	margin: 0px 0px 5px 0px;
}

.align-c{
	text-align:center;}

span.h {
	color: #cc0000;
}

div.box {
	width: 95%;
	margin: 5px auto;	
}

div.box1 {
	width: 95%;
	margin: 5px auto;
	padding: 3px;
	border: 1px solid #333;
}

header {
	position: relative;
	padding: 0px;
	background-color: #bed3d3;
	background-image: url(../img/header_line.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 3px;	
}

header h1 {
	width: 255px;
	float: left;
	padding: 8px 0px 4px 5px;
}

#menuNav {
	width: 42x;
	float: right;
	padding: 8px 5px 0px 0px;
}

h2 {
	border-top: 2px solid #338d02;
	padding: 8px;
	background-image: url(../img/heading02.png);
	background-repeat: repeat-x;
	background-position: top;
	border: none;
	color: #333;
}

#new {
	background-image: url(../img/heading01.png);
	background-repeat: repeat-x;
	background-position: top;
	border: none;
	color: #F60;
}

#contents {
	background-image: url(../img/heading02.png);
	background-repeat: repeat-x;
	background-position: top;
	border: none;
	color: #333;
}

h3 {
	padding: 8px 5px;
	border-bottom: 2px solid #70a0a0;
	margin-bottom: 1em;
	color: #333;
}
h3.report {
	border: none;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	line-height: 1.4;
	
}
section h1,
article h1,
h4 {
	padding: 5px;
	border-bottom: 1px solid #70a0a0;
	margin-bottom: 1em;
	background-color: #F1F5F5;
	background: -webkit-gradient(linear, left top, left bottom, from(#F1F5F5), to(#bed3d3));
}

h5 {
	padding: 5px;
	background-color: #EFEFEF;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
}

form input,
form textarea {
	width: 95%;
}

input.small {
	width: 8em;	
}

#top {
	border-bottom: 3px solid #70A0A0;	
}

#mainVisual {
	margin: 3px auto;
	text-align: center;
}

#mainVisual p {
	margin: 0px;
	padding: 0px;
}

#clinic {
	color: #fff;
	width: 95%;
	padding: 8px 0px;
	text-indent: 1em;
	margin: 0px auto;
	border: none;
	background: none;
	background-color: #337987;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

p.tel {
	width: 95%;
	margin: 5px auto;
}

p.center {
	margin-top: 1em;
	text-align: center;
}

nav#global {
	width: 95%;
	margin: 1em auto 20px auto;
}

nav#global ul {
	padding: 0px;
	margin: 2px 0px;
}

nav#global li {
	padding: 0px;
	margin: 2px 0px;
	display: block;
	text-align: left;
	text-indent: 1em;
	font-weight: bold;
	border-left: 1px solid #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-image: url(../img/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #ccc;

}
nav#global li.none {
	margin: 0;
	padding: 8px 0;
	background: none;
	border: none;
		
}
nav#global li.none span {
	display: block;
	padding: 8px 0px;
	margin-bottom: 5px;
	background-color: #F4F4F4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

nav#global li a {
	display: block;
	padding: 8px 0;
}

nav#special a,
nav#global a,
nav#patient a {
	color: #333;
	text-decoration: none;
}

nav#special {
	width: 95%;
	margin: 1em auto 2px auto;
}

nav#special li {
	background-image: url(../img/icon02.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

nav#special li a {
	display: block;
	padding: 8px 0px 8px 15px;
}

nav#patient {
	width: 95%;
	margin: 1em auto 2px auto;
}

nav#patient p {
	background-image: url(../img/icon02.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

nav#patient p a {
	display: block;
	padding: 8px 0px 8px 15px;
}

h3#ishiblog {
	color: #fff;
	width: 132px;
	padding: 5px 3px 3px 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: none;
	background-color: #666666;
}

h3#karitw {
	color: #fff;
	width: 120px;
	padding: 5px 3px 3px 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #00CCFF;
	background-image: url(../img/icon03.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}

ul#newsList {
	list-style: none;
}

ul#newsList li {
	padding: 3px 3px 3px 8px;
	background-image: url(../img/icon01.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	border-bottom: 1px dotted #ccc;	
}

table.style1 {
	width: 95%;
	margin: 5px auto;	
}

table.style1 th,
table.style1 td {
	padding: 5px;
	border: 1px solid #ccc;
}

dl.style3,
dl.style1 {
	margin: 0px auto;
	width: 95%;
}

dl.style3 dt,
dl.style3 dd,
dl.style1 dt,
dl.style1 dd {
	padding: 3px; 
}

dl.style3 dt,
dl.style1 dt {
	width: 70px;
	float: left;
}

dl.style3 dd
dl.style1 dd {
	padding-left: 75px;
}

dl.style3 dt {
	color: #333;
	font-weight: normal;
}

dl.style2 {
	margin: 0px auto;
	width: 95%;
}


dl.style2 dt,
dl.style2 dd {
	padding: 3px; 
}

dl.style2 dt {
	font-weight: bold;
	color: #70a0a0;
}

ul.style1 {
	list-style: none;
	margin: 1em auto;
	width: 95%;
}

ul.style1 li {
	padding: 3px; 
}

ul.style2 {
	margin: 0px auto 10px auto;
	width: 95%;

}

ul.style2 li {
	padding: 0px 3px 0px 20px; 
	background-image: url(../img/list_ico.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


section, nav {
	margin-bottom: 1em;
}

p {
	line-height: 1.3;
	margin-bottom: 1em;
}

p.w {
	margin: 0px auto;
	width: 95%;
}

table.outline {
	
}

table.outline th,
table.outline td {
	padding: 5px;
	border: 1px solid #ccc;
}

footer {
	background-color: #666666;
	padding: 10px 0px 10px 0px;
	margin-top:10px;
}

footer p {
	font-weight: bold;
	color: #fff;
	text-align: center;
	clear: both;
	padding: 0;
}

a.back {
	width: 85%;
	text-align: center;
	margin: 0px auto;
	color: #333333;
	display: block;
	padding: 5px 0;
	text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #cccccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cccccc));
	border: 2px solid #999;
	text-decoration: none;
}

form {
	width: 95%;
	margin: 1em auto 1em auto;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #e6e6e6;
}

input.submit {
	width: 85%;
	text-align: center;
	margin: 10px auto 0px auto;
	color: #333333;
	display: block;
	padding: 5px 0;
	text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #cccccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cccccc));
	border: 2px solid #fff;
	text-decoration: none;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/* result
----------------------------------------------------------------------*/


.resultList {
	padding: 3px;
}

.resultList dl {
	margin-bottom: 5px;
}

.resultList dt,
.resultList dd {
	
}

.resultList dt {
	width:5em;
	margin-bottom:0.5em;
	float:left;
}

.resultList dd {
	border-left:1px solid #ccc;
	padding-left:10px;
	margin-left:6em;
}

.resultList dt.tm,
.resultList dd.tm {
	margin-top: 10px;
}


/* faq
----------------------------------------------------------------------*/

#faq {
	padding: 10px;
}

#faq dt span {
	display: block;
	background-image: url(../../img/faq/q_ico.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 22px;
	font-weight: bold;
}

#faq dd span {
	display: block;
	background-image: url(../../img/faq/a_ico.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 22px;
	font-weight: bold;
}

#faq dt {
	color: #347a89;
	margin-bottom: 3px;
}

#faq dd {
	color: #9c413f;
	margin-bottom: 5px;
}

/* faq
----------------------------------------------------------------------*/

#tvList {
	
}

#tvList dt {
	font-weight: bold;
}

#tvList dd {
	margin-bottom: 10px;
}



section dl dt {
	font-weight: bold;
	color: #347A89;
}

section span.blue,
section dl dt,
section dl dd,
section ul li {
	padding: 5px 0px;
}

div.orangeBox h2 {
	color: #ff9900;
	background: none;
	padding: 0px;
}

div.orangeBox {
    background-color: #FFFFCC;
    border: 2px solid #FF9900;
	padding: 8px 5px 8px 5px;
}

div.blueBox {
    background-color: #CCFFFF;
    padding: 3px;
	margin: 5px 0px;
}


dl#flow {
	
}

dl#flow dt,
dl#flow dd {
	padding: 3px;
}

dl#flow dt {
	color: #666;
}

dl#flow dt span.step {
	color: #286cb0;
}

dl#flow dd {
	background-image: url(/images/service/nagare_ya.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.5em;
	padding-left: 60px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

dl#flow dd.none {
	background: none;
}


dl.root {
	margin-bottom: 20px;
}

dl.root dt,
dl.root dd {
	padding: 2px;
}

dl.root dt {
	clear: both;
}

dl.root dd {
	overflow: hidden;
	padding: 0px 0px 0px 30px;
	background-image: url(../img/access_arw.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;	
}

dl.root dd.r {
	background-repeat: repeat-y;
	background-position: 5px 0px;	
}

dl.root dl {
	clear: both;
}

dl.root dl dt {
	width: 80px;
	float: left;
}

dl.root dl dd {
	background: none;
	padding-left: 10px;
}

dl.cprofile dt {

}

dl.cprofile p {
	width: 95%;
	margin: 0px auto;
}


div.v_box {
	width: 95%;
	margin: 0px auto;
}

h3.v_title {
	color: #993300;
	clear: both;
}

h3.v_title span.orange {
	color: #FF6600;
}

div#voice_list h3.v_title {
	color: #333333;
}

div.v_photo {
	width: 90px;
	float: left;
	text-align: center;
}

div.v_photo2 {
	width: 100px;
	height: 100px;
	float: left;
	text-align: center;
	background-image:url(../../../images/voice/dammy.gif);
	background-repeat: no-repeat;
	background-position: center center;

}

div.v_box div.right {
	float: none;
	padding-left: 110px;
}

div.v_box div.v_txt {
	text-align: left;

}

div.v_btn1,
div.v_btn2 {
	text-align: right;
}

div.pagenate {
	padding: 5px 3px;
}

div.pagenate ul {
	text-align: center;
}

div.pagenate ul li {
	display: inline;
}


dl#bangumi {
	
}

dl#bangumi dt,
dl#bangumi dd {
	padding: 3px;
}

dl#bangumi dt {
	font-weight: bold;
}

dl#bangumi dd {
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
}


ul.column2 {
	display: block;
	width: 98%;
}

ul.column2 li {
	display: block;
	list-style: none;
	text-align: center;
}

ul.column2 li img {
	width: 98%;
}

img.w2 {
	width: 98%;
}

input.radio {
	width: auto;
}

.pict {
	text-align: center;	
}

.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.month {
    color: #347a89;
    font-weight: bold;
}

.fa {
	color: #0099CC;
}

.youtube iframe{
  width: 100%;
}

ul.profile {
	margin: 0px auto;
	width: 95%;
	list-style: none;
	padding: 0;
}
ul.profile li {
	text-indent: -2.5em;
	margin-left: 2.5em;
	line-height:  1.4;
}
p.profile {
	line-height:  1.4;
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
ul.column2 {
	width: 98%;
}

ul.column2 li {
	display: block;
}

ul.column2 li img {
	width: 98%;
}

img.w2 {
	width: 98%;
}

}

#special i {
	font-size: 1.2em;
	color: #c9211d;
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {

}

.jisseki{
	padding-left:10px;
	}