/* CSS Document */

/*背景画像と初期マージン・文字色////////////////////////////*/
body{
background-image: url(../i/back.gif);
margin: 0;
padding: 0;
color: #666;
overflow-y:scroll;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
line-height: 1.5em;
}

/*p{
	text-align:justify;
	text-justify:inter-ideograph;
}*/
ul{
	margin-left: 0;
	padding-left: 0;
	list-style: inside;
}


/*img///////////////////////////////////////////////////////*/
img{
margin: 0;
border: 0;
}
/*セルの背景を白に//////////////////////////////////////////*/
.bw{
background-color: #fff;
}

/*中央に配置//////////////////////////////////////////////*/
.center{
text-align: center;
}

/*ヘッダー部分見栄え////////////////////////////////////////*/
.header{
text-align: right;
color: #fff;
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
padding-right: 5px;
width: 450px;
height: 100px;
background: url("../i/header_bgimgr.jpg") no-repeat left center;
}

#logo{
/*background-color: #393;*/
/*background-color:#00afcc;*/
height: 100px;
width: 255px;
background: url("../i/header_bgimgl.jpg") no-repeat left center;
padding-left: 5px;
}


#head1{
margin: 10px 10px 5px 0;
line-height: 100%;
}
#head2{
margin:0 10px 0 0;
line-height: 100%;
}
/*スマホ用表示設定*/
#head2 a{
color:#FFF !important;
text-decoration:none !important;
font-size: 12px !important;
}
#head-to-form a{
    margin-right: 10px;
    text-align: left;
    font-size: 14px;
    /*margin: 0 0 -5px 0;*/
    padding: 4px 10px 3px 30px;
    border: 1px solid #FFF;
    width: 210px;
    display: inline-block;
    background:url("../i/toform_on.png") no-repeat 10px center;
    background-size: 14px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
}

#head-to-form a:hover{
    background: #fff url("../i/toform_off.png") no-repeat 10px center;
    color: #00afcc;
}


/*testtesttesttesttesttesttest*/
.head-to-mail a{
    margin-right: 10px;
    text-align: left;
    font-size: 14px;
    /*margin: 0 0 -5px 0;*/
    padding: 4px 10px 3px 30px;
    border: 1px solid #FFF;
    width: 210px;
    display: inline-block;
    background:url("../i/toform_on.png") no-repeat 10px center;
    background-size: 14px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
}

.head-to-mail a:hover{
    background: #fff url("../i/toform_off.png") no-repeat 10px center;
    color: #00afcc;
}

/*testtesttesttesttesttesttest*/

/*ヘッダーロゴ文字を不可視に////////////////////////////*/
.texthidden h1{
/*width: 188px;
height: 40px;*/	
width:250px;
height: 55px;
font-size: 10px;
position: relative;
margin: 10px 0 10px 5px;	
}

.texthidden span{
/*background: url("../i/logo.gif") no-repeat;*/
background: url("../i/logo01.png") no-repeat left center;
/*background-size: 230px;*/
width: 100%;
height: 100%;
position: absolute;
}

/*ナビケーションスキップ///////////////////////////////////*/
.hide{
display: none;
}

/*サイトマップ・Pポリシー///////////////////////////////////
.header ul{
margin: 0;
padding: 0;
}

.header li{
height: auto;
display: inline;
list-style: none;
padding:10px;
}

.header a:link{
color: #fff;
}

.header a:visited{
color: #fff;
}

.header a:hover{

	color: gold;
}

.blue a:link{
color: #69f;
}

.blue a:visited{
color: #69f;
}

.blue a:hover{
color: #69f;
}
*/

/*メニューバー・ロールオーバー////////////////////////////////*/
.menu{
/*background-color: #69f;*/
background-color: #00afcc;
color: #fff;
text-align: center;
font-size: 13px;
border-right: 1px solid #00afcc;
border-left: 1px solid #00afcc;
border-top: 4px solid #00afcc;
border-bottom: 4px solid #00afcc;
/*font-weight: bold;*/
font-family: Arial, Helvetica, sans-serif;
}

.menu a{
background-color: #fff;
color: #00afcc;
display: block;
line-height: 26px;
text-decoration: none;
width: 100%;
padding: 1px 0 2px 0;
}

.menu a:hover{
background-color: #00afcc;
color: #fff;
text-decoration: none;
}

a.menu2{
letter-spacing:5px;
}

/*サブメニュー部分////////////////////////////////////////////*/
#submenu{
text-align: left;
padding: 0px 0px 0px 10px;
border-right: 3px double #393;
font-family:"ＭＳ ゴシック", "Osaka−等幅", sans-serif;
}

#submenu ul{
color: #69f;
font-size: 14px;
padding:0;
margin: 10px 0 10px 15px;
}

#submenu li{
list-style: square;
margin-top:20px;
}

#submenu a:link{
color: #69f;
text-decoration: none;
}

#submenu a:visited{
color: #363;
text-decoration: none;
}

#submenu a:hover{
color: #f90;
text-decoration: none;
}

/*メインコンテンツ//////////////////////////////////////*/
#mcontents{
/*padding: 10px 10px 10px 10px;*/
padding: 25px !important;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size: 16px;
}

#mcontents p{
line-height: 1.5;
margin-top: 0;
margin-bottom: 1em;
width: auto;
}

#mcontents h2{
padding:0;
margin:0;
}
#mcontents h2.intro{
padding:0;
margin:0 0 25px 0;
}
#mcontents h2.margintop{
padding:0;
margin:60px 0 15px 0;
}

#mcontents h3{
border-bottom: 1px dotted #00afcc;
padding-top: 10px;
padding-bottom: 4px;
}

#mcontents h3.noline{
border-bottom: none;
}

#mcontents strong{
/*color: #f00;*/
color: #ff3e19;	
font-style: normal;
font-weight: normal;
}

#mcontents h3.margintop{
border-bottom: 1px dotted #00afcc;
padding-top: 10px;
padding-bottom: 4px;
margin-top:60px;
}

p img{
float: right;
margin-left:5px;
}

#mcon4{
clear: both;
}

ul.no-space li{
margin-top:0px;
margin-bottom:0px;
padding: 0;
line-height:0.5em;
}

/*写真枠線*/
.mphoto{
border: 1px solid #666;
}

.mphoto2{
/*border: 1px solid #666;*/
margin-bottom: 30px;
}


/*ページトップへのリンク///////////////////////////////////*/
#limg{
text-align: right;
}

#mcontents div.roll{
text-align: right;
clear: both;
}

/*テキストメニュー/////////////////////////////////////////*/
#tmenu{
text-align: center;
border-top: 2px solid #00afcc; 
padding: 5px 10px 5px 0;
/*font-size: 16px;*/
font-family: Arial, Helvetica, sans-serif;
}

#tmenu ul{
margin: 0;
padding: 0;
}

#tmenu li{
height: auto;
display: inline;
list-style: none;
padding: 5px;
}

#tmenu a:link{
color: #00afcc;
text-decoration: none;
}

#tmenu a:visited{
color: #00afcc;
text-decoration: none;
}

#tmenu a:hover{
/*color: #f90;*/
text-decoration: none;
}


/*アドレス部分/////////////////////////////////////////////*/
address{
color: #fff;
background-color: #00afcc;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
padding: 10px 10px 10px 0;
font-size: 14px;
}

/*枠線と中央揃え/////////////////////////////////////////*/
.contents{
border: 3px solid #00afcc;
width: 700px;
margin: 0 auto;
}

/*色の設定/////////////////////////////////////////*/
.green{
color: #393;
}
.bluegreen{
color:#056274;
}
.blue{
color: #00afcc;
}
.orange{
color:#FF9900;
}
.red{
color: #ff3e19;
}
.bold{
font-weight:bold;
}

/*文字の設定/////////////////////////////////////////*/
.line130{
	line-height:130%;
}
.fontsize16{
	font-size: 16px;
}
.fontsize13{
	font-size: 13px;
}
.fontsize90per{
font-size:90%;
}
.fontsize80per{
font-size:80%;
}


/*サイズの設定/////////////////////////////////////////*/
.t10{
	margin-top:10px;
}
.t20{
	margin-top:20px;
}
.t40{
	margin-top:40px;
}
.l20{
	margin-left:20px;
}
.b15{
	margin-bottom:15px;
}



/*タイトルの設定/////////////////////////////////////////*/
.title01{
	border-left:5px solid #056274;
	border-bottom:1px dotted #056274;
	color:#056274;
	padding:2px 0px 3px 10px;
	margin-top:40px;
	margin-bottom:15px;

}

/*男性患者さん向け注意書き/////////////////////////////////////////*/
.notice{
	padding: 0.5em 1.1em 0.8em 1.2em;
	position: relative;
	box-sizing: border-box;
    font-size: 90%;
    line-height: 130%;
    color: #00afcc;
    margin-top: 10px;
    display: inline-block;
}
#mcontents p.notice{
    margin: 5px 0 0 0;
}
.notice::before,
.notice::after {
	content: '';
	width: 10px;
	height: 100%;
	position: absolute;
	box-sizing: border-box;
	border-top: solid 1px #00afcc;
	border-bottom: solid 1px #00afcc;
	top: 0;  
}
.notice::before{
	border-left: solid 1px #00afcc;
	left: 0;
}
.notice::after{
	border-right: solid 1px #00afcc;
	right: 0;
}

/*区切りライン/////////////////////////////////////////*/
.underline{
    padding-bottom: 20px;
    border-bottom: 1px dotted #666;
    margin-bottom: 30px;
}

.brclear{
clear:both;
}