@charset "utf-8";

/*==========================================================================リセットCSS*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }

/*==========================================================================//リセットCSS*/
html{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */


}


h1{
font-size:12px;
font-weight:bold;
color:#fff;
text-shadow: 0 1px 2px #001C40;
text-align:right;

}

h2{
width:657px;
margin:0 0 0 -15px;
background:url(../img/h2_bg.png) no-repeat;
color:#FFFFFF;
text-shadow: 0 1px 2px #79666a;
font-size:16px;
font-weight:bold;
padding:12px 0 10px 33px
}

h3{
font-size:16px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border:#ccc solid 1px;
color:#00387F;
padding:1px 0 0 5px;
}

p{
font-size:13px;
color:#001C40;
margin:0 0 5px 0;
}

a:link{color:#0084ff;text-decoration:none;}
a:visited{color:#0084ff;text-decoration:none;}
a:hover{color:#62b0f8;text-decoration:none;}
a:active{color:#62b0f8;text-decoration:none;}

header{
width:100%;
margin:0px auto;
background:url(../img/header_bg.jpg);
}

.h-main{
width:900px;
margin:0 auto;
padding:10px;

}

.logo{
text-align:left;

}


nav{
width:100%;
height:50px;
background: #b7deed; /* Old browsers */
background: -moz-linear-gradient(top,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */


font-size:11px;
margin:0px auto 2px;
border-top: 1px solid #786669;
box-shadow: 0 1px 3px #786669;
z-index:1;
}

.nav-in{
width:920px;
margin:0 auto;
}

nav li{
float:left;
width:229px;
padding:17px 0 10px 0;
height:23px;
text-align:center;
border-right:#4a3905 dotted 1px ;
font-weight:bold;
text-shadow: 0 1px 2px #444;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
z-index:1
}

nav a{
display:block;
}
nav a:link {
color:#fff;
}
nav a:visited {
color:#fff;
}
nav a:hover {
color:#37E6A3;
cursor:pointer;

}
nav a:active{
color:#fff;
}

nav li:hover{
background: #33FFCC /* Old browsers */
}


li.nav-first{
width:180px;
border:none;
}

.main{
width:920px;
margin:0 auto;
padding: 0 0 20px 0;
position:static;
background:#FFFFFF;

box-shadow: 0 0 3px #786669;
-moz-box-shadow: 0 0 10px #786669;
-webkit-box-shadow: 0 0 10px #786669;
}



p.b-link{
font-size:12px;
margin:20px 0 10px 20px;
}


.l_wrapper{
width:170px;
margin:10px 10px 20px 20px;
float:left;
}


.l_menu{
width:170px;
margin:0px 10px 10px 0px;
border:1px solid #ccc;
border-radius:5px;
}

.l_menu h3{
background: #001c40; /* Old browsers */
background: -moz-linear-gradient(top,  #001c40 0%, #3f4c6b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001c40), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #001c40 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #001c40 0%,#3f4c6b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #001c40 0%,#3f4c6b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #001c40 0%,#3f4c6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c40', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

text-align:center;
color:#fff;
padding:10px;
font-weight:bold;
font-size:12px;
text-shadow: 0 1px 2px #444;
border-bottom: #786669 solid 1px;
border-radius:5px 5px 0px 0px;
}

.l_menu li{
text-align:center;
padding:7px;
display:block;
background:#FFFFFF;
color:#50523e;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
font-size:11px;
border-bottom:1px #CCCCCC solid;
}

.l_menu li:hover{
background:#0070FF;
color:#FFFFFF;
}

.l_menu ul:last-child{
border-radius:5px;
}


li.last-border{
background: #001c40; /* Old browsers */
background: -moz-linear-gradient(top,  #001c40 0%, #3f4c6b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001c40), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #001c40 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #001c40 0%,#3f4c6b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #001c40 0%,#3f4c6b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #001c40 0%,#3f4c6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c40', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

border-radius:0px 0px 5px 5px;
height:10px;
padding:0px;
}


li.last-border:hover{
background: #b7deed; /* Old browsers */
background: -moz-linear-gradient(top,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
}


.r_wrapper{
width:687px;
float:right;
background:url(../img/article_bg.jpg);
margin:10px 20px 10px 0px;
}


.r_wrapper h2{
margin:0 0 15px -15px;
}

.r_wrapper h3{
width:395px;
margin:0 0px 10px 0px;
}


.r_article hr{
margin:30px 0 30px 0;
border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.r_article{
width:627px;
padding:0 15px 15px 15px;
background:rgba(255,255,255,0.6);
border-radius:10px;
margin:15px;
box-shadow:0px 0 3px #ccc;
}


.r_article li{
color:#001C40;
list-style:circle;
list-style-position:inside;
font-size:13px;
}

.r_article_in{
width:400px;
margin:0 0 0 10px;
float:left;
}

img.int_clinic{
width:200px;
float:left;
margin:0 10px 0 0;
}

p.no_h{
padding:20px 0 0 0;
}


footer{
width:100%;
margin:0px 0 0 0;
padding:20px 0 20px 0;
text-align:center;
background: #001c40; /* Old browsers */
background: -moz-linear-gradient(top,  #001c40 0%, #3f4c6b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001c40), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #001c40 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #001c40 0%,#3f4c6b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #001c40 0%,#3f4c6b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #001c40 0%,#3f4c6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c40', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
border-top: 1px solid #786669;
box-shadow: 0 1px 3px #786669;
}

footer p{
font-size:11px;
}

footer a:link{color:#fff;text-decoration:none;}
footer a:visited{color:#fff;text-decoration:none;}
footer a:hover{color:#0070FF;text-decoration:none;}
footer a:active{color:#0070FF;text-decoration:none;}


p.copyright{
color:#FFFFFF;
font-weight:bold;
text-shadow: 0 1px 2px #0070FF;
}