@charset "utf-8";

/************************************************/
/*  Application all                             */
/************************************************/

html,body{
  text-align:center;
  line-height:1.3;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:small;
  color:#333;
  margin:0;
  padding:0;
}

body{
  padding-top:10px;
  background:url(../img/back_html.jpg);
}

table{
  text-align:left;
  font-size:small;
}


a{text-decoration:underline;}
a:link{color:#37c;}
a:visited{color:#707;}
a:hover{color:#f70;}

img{
  border:0;
}

h1,h2,h3,h4,h5,h6{
  font-size:small;
  margin:0;
}

form,p{
  padding:0;
  margin:0;
}

hr{
  height:1px;
  padding:0;
  margin:0;
  border:0;
}

address,em{
  font-style:normal;
}

.clear{
  clear:both;
  font:normal 1px monospace;
}

.alt{
  display:none;
}



/************************************************/
/*  Flame layout                                */
/************************************************/

#container{
  text-align:left;
  width:720px;
  margin:0 auto;
}

#header{
  position:relative;
  width:720px;
  background:url(../img/back_header.jpg) 0 25px no-repeat;
}

#body{
  width:720px;
  padding-top:10px;
}

#body div#contents{
  float:left;
  width:510px;
}

#body div#side{
  float:right;
  width:200px;
}

#footer{
  text-align:center;
}


/************************************************/
/* Clear Default CSS                            */
/************************************************/

#header ul,#footer ul{
  list-style:none;
  padding:0;
  margin:0;
}



/************************************************/
/*  Decoration                                  */
/************************************************/

/** Header **************************************/

#header h1{
  float:left;
  width:320px;
  padding-top:45px;
}

#header h1 a{
  display:block;
  text-decoration:none;
  width:300px;
  height:75px;
  margin-left:20px;
}

#header h1 a span{
  visibility:hidden;
}


#header ul#header-navi{
  position:absolute;
  top:0;
  left:412px;
  width:298px;
  height:25px;
}

#header ul#header-navi li{
  float:left;
}


#header address{
  clear:both;
  line-height:45px;
  color:#fff;
  margin:0 0 10px 20px;
}


#header ul#navigation{
  width:708px;
  height:35px;
  padding:0 6px;
  background:url(../img/back_navigation.jpg) 0 0 no-repeat #0a0;
}

#header ul#navigation li{
  float:left;
  text-align:center;
  width:118px;
}

#header ul#navigation li a{
  display:block;
  text-decoration:none;
  line-height:21px;
  color:#fff;
  margin:7px 0;
  border-left:1px solid #cf7;
  border-right:1px solid #590;
}

#header ul#navigation li a:hover{
  background:url(../img/back_navigation-h.gif) 50% 50% no-repeat;
}



/** Contents ************************************/

div.section{
  margin-top:15px;
}

div.section h3{
  line-height:50px;
  font-size:1.3em;
  font-weight:normal;
  color:#37c;
  height:50px;
  padding:0 0 0 30px;
  background:url(../img/back_sectiontitle.gif) 0 0 no-repeat;
}

div.section h3 span.description{/* clinic */
  font-size:0.7em;
  color:#555;
}

div.section div.section-wrap,div.section p.section-wrap{
  width:488px;
  padding:10px;
  border:solid #ccc;
  border-width:0 1px 1px 1px;
  background:url(../img/back_section.gif) 50% 0 no-repeat #fff;
}

div.section div.section-wrap:after,
div.section p.section-wrap:after{
  content:".";
  height:0px;
  clear:both;
  display:block;
  visibility:hidden;
}


p#pagetop{
  clear:both;
  text-align:right;
  line-height:21px;
  padding:15px 10px 10px;
}

p#pagetop a{
  color:#555;
  padding-right:25px;
  background:url(../img/icon_pagetop.gif) 100% 50% no-repeat;
}



/** Side ****************************************/

#side h2{
  line-height:48px;
  padding:6px 10px 0;
  background:url(../img/back_sidetitle.gif) 0 0 no-repeat;
}

#side p{
  padding:10px;
  margin-bottom:15px;
  border:1px solid #ccc;
  background:url(../img/back_sidetext.gif) 0 0 repeat-y;
}

#side p img{
  float:right;
  margin:0 0 3px 3px;
}

#side p a img{
  float:none;
  vertical-align:middle;
  margin:5px 0 0 0;
}

#side p.blog{
  padding:0;
  border:0;
  background:none;
}

#side p.blog a img{
  margin:0;
}



/** Footer **************************************/

#footer ul{
  line-height:25px;
  font-size:0.75em;
  color:#fff;
  padding:5px 0;
  background:url(../img/back_footernavi.jpg) 0 0 no-repeat #555;
}

#footer ul li{
  display:inline;
  padding:0 5px;
  border-right:1px solid #eee;
}

#footer ul li.home{
  border-left:1px solid #eee;
}

#footer ul li a{
  text-decoration:none;
  color:#eee;
}

#footer ul li a:hover{
  text-decoration:underline;
  color:#fff;
}


#footer p{
  line-height:75px;
}