/* $Id: base.css,v 1.31 2010/07/16 09:39:24 koizumi Exp $ */

/* base {{{ */

body {
    font-size: 12px;
    background-color: #ffffff;
    color: #323232;
}

div.clear {
    clear: both;
}

a {color: #ad3c7c;}
a:link {}
a:visited {}
a:hover { text-decoration: none}
a:active {}

.arrow {
    background-image: url('../images/arrow.gif');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 12px;
}

div.outerframe {
    text-align: center;
}
div.innerframe {
    width: 940px;
    background-color: #f5eff3;
    margin: 0px auto;
    text-align: center;
}
div.innerframe2 {
    width: 900px;
    margin: 0px auto;
    text-align: left;
}

em {
    font-style: normal;
    font-weight: bold;
    color: #cc0000;
}
em.note {
    font-style: normal;
    font-weight: normal;
    color: #cc0000;
    font-size: 0.8em;
}
.red {
    color: #cc0000;
}
.wh {
    color: #ffffff;
}
.blk {
    color: #323232;
}
.pink {
    color: #fe656a;
}
.blue {
    color: #0497ca;
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}

.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.mtop-5 {
    margin-top: 5px;
}
.mtop-10 {
    margin-top: 10px;
}
.mtop-20 {
    margin-top: 20px;
}
.px10 {
    font-size: 10px;
}
.px14 {
    font-size: 14px;
}
.px16 {
    font-size: 16px;
}
.px18 {
    font-size: 18px;
}
.bold  {
    font-weight: bold;
}
.accessbold {color: #03ae27;}

/* }}} */
/* hr {{{ */

hr.pink {
    margin: 0;
    border-width: 2px 0px 0px 0px;
    border-style: solid;
    border-color: #ad3c7c;
    padding: 0px;
    height: 2px;
}
hr.pink2 {
    margin: 0;
    border-width: 2px 0px 0px 0px;
    border-style: solid;
    border-color: #ad3c7c;
    padding: 0px;
    height: 2px;
    width: 650px;
}
hr.gry {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #cccccc;
    padding: 0px;
    height: 1px;
}
hr.dotsep {
    margin-top: 10px;
    margin-bottom: 10px;
    border-width: 1px 0px 0px 0px;
    border-style: dotted;
    border-color: #747474;
    padding: 0px;
    height: 1px;
}

/* }}} */
/* header {{{ */

div.headerarea {
    margin-top: 10px;
    width: 900px;
    height: 45px;
    margin-top: 5px;
}
h2.pagetitle {
    float: right;
    text-align: right;
    font-size: 10px;
    font-weight: normal;
}
h1#sitetitle {
    float: left;
    width: 263px;
    height: 45px;
}
h1#sitetitle a {
    display: block;
    background-image: url('../images/title.gif');
    background-position: left top;
    background-repeat: no-repeat;
    text-indent: -700em;
    height: 45px;
    overflow: hidden;
}


div.navimenu {
    margin-top: 15px;
    width: 900px;;
    height: 35px;
}
ul#globalnavi {
    width: 900px;
}
ul#globalnavi li {
    list-style-type: none;
    float: left;
    width: 180px;
    height: 35px;
    background-color: #ffffff;
}
ul#globalnavi li#accessli {
    width: 180px;
}
li.globalnavi a {
    display: block;
    width: 180px;
    height: 35px;
    text-indent: -700em;
    overflow: hidden;
    background-repeat: no-repeat;
}
li.globalnavi a#home {
    background-image: url('../images/navi.gif');
    background-position: 0px 0px;
}
li.globalnavi a#home:hover {
    background-image: url('../images/navi.gif');
    background-position: 0px -35px;
}
li.globalnavi a#homeon {
    background-image: url('../images/navi.gif');
    background-position: 0px -35px;
}
li.globalnavi a#area {
    background-image: url('../images/navi.gif');
    background-position: -180px 0px;
}
li.globalnavi a#area:hover {
    background-image: url('../images/navi.gif');
    background-position: -180px -35px;
}
li.globalnavi a#areaon {
    background-image: url('../images/navi.gif');
    background-position: -180px -35px;
}
li.globalnavi a#names {
    background-image: url('../images/navi.gif');
    background-position: -360px 0px;
}
li.globalnavi a#names:hover {
    background-image: url('../images/navi.gif');
    background-position: -360px -35px;
}
li.globalnavi a#nameson {
    background-image: url('../images/navi.gif');
    background-position: -360px -35px;
}
li.globalnavi a#symptom {
    background-image: url('../images/navi.gif');
    background-position: -540px 0px;
}
li.globalnavi a#symptom:hover {
    background-image: url('../images/navi.gif');
    background-position: -540px -35px;
}
li.globalnavi a#symptomon {
    background-image: url('../images/navi.gif');
    background-position: -540px -35px;
}
li.globalnavi a#basics {
    background-image: url('../images/navi.gif');
    background-position: -720px 0px;
}
li.globalnavi a#basics:hover {
    background-image: url('../images/navi.gif');
    background-position: -720px -35px;
}
li.globalnavi a#basicson {
    background-image: url('../images/navi.gif');
    background-position: -720px -35px;
}

/* }}} */
/* footer {{{ */

div.footerarea {
    width: 900px;
}
div.copyright {
    font-size: 10px;
}

/* }}} */
/* mainblock {{{ */

div.mainblock {
    width: 900px;
    margin-top: 15px;
    _margin-top: 0px;
}

div.breadcram {
    font-size: 10px;
    margin-top: 15px;
    margin-bottom: 5px;
}

h3.searchtitle2 {
    height: 28px;
    background-image: url('../images/search_title_bg2.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 12px;
    padding-left: 40px;
    font-size: 16px;
    color: #ffffff;
}
h3.searchtitle {
    height: 28px;
    background-image: url('../images/search_title_bg.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 12px;
    padding-left: 40px;
    font-size: 16px;
    color: #ffffff;
}

/* }}} */
/* contentsblock {{{ */

div.contentsblock {
    float: left;
    width: 650px;
    margin-left: 15px;

}

h3.keyimg {
    width: 650px;
    height: 200px;
    background-image: url('../images/keyimg.png');
    background-repeat: left top;
}
h3.keyimg a {
    display: block;
    text-indent: -700em;
    overflow: hidden;
}
div.contentsarea {
    width: 650px;
    background-image: url('../images/mainblock_bg.gif');
    background-repeat: repeat-y;
}
div.contentsarea2 {
    width: 650px;
    background-color: #ffffff;
}
div.contentsarea div.content {
    width: 630px;
    padding: 10px;
    line-height: 170%;
}
div.contentsarea2 div.content {
    width: 630px;
    padding: 10px;
    line-height: 170%;
}
h4.searchtitle {
    width: 616px;
    height: 28px;
    background-image: url('../images/search_title_bg.gif');
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 12px;
    padding-left: 34px;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
}
h4.basictitle {
    width: 636px;
    height: 31px;
    background-image: url('../images/basic_title_bg.gif');
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 13px;
    padding-left: 14px;
    font-size: 18px;
}
h4.chaptertitle {
    height: 16px;
    font-size: 14px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: solid 4px #ad3c7c;
    padding-left: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
}
div.content p {
    line-height: 140%;
    margin-bottom: 20px;
}
.phone {
    background-image: url('../images/tel.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 18px;
    color: #ad3c7c;
}

/*
div.contentbottom {
    width: 500px;
    background-image: url('../images/mainblock_bottom.gif');
    background-repeat: no-repeat;
    background-position: left top;
}
*/

/* }}} */
/* top {{{ */

div.content div.clinic {
    width: 630px;
}
div.clinictitle {
    width: 620px;
    padding: 5px;
    background-color: #f7d7e9;
    margin-bottom: 10px;
    /* color: #ffffff; */
}
/*
div.clinictitle a {
    color: #ffffff;
}
*/
div.clinictitle .arrow {
    background-image: url('../images/arrow2.gif');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 16px;
}


div.clinicleft {
    float: left;
    width: 100px;
}
div.clinicright {
    float: left;
    margin-left: 10px;
    width: 520px;
}

/* }}} */
/* sidemenu {{{ */

div.sideblock {
    float: left;
    width: 230px;
}
div.sidecontents {
    /*
    background-image: url('../images/navi/bg.gif');
    background-repeat: repeat-y;
    background-position: left top;
    */
    width: 230px;
    background-color: #f7d7e9;
}
div.sidecontents div.content {
    padding: 10px;
    width: 210px;
    line-height: 170%;
}
div.area {
    color: #353535;
    margin-top: 5px;
    font-weight: bold;
}
div.officiallink {
    border: 1px solid #cdcdcd;
    text-align: center;
    margin-top: 10px;
    padding: 3px;
    color: #ff6666;
    font-size: 16px;
    font-weight: bold;
    background-color: #ffffff;
}
a.external {
    background-image: url('../images/external.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 14px;
    font-size: 12px;
    font-weight: normal;
}

/* }}} */
/* search {{{ */

form#namesearch {
    position: relative;
    margin: 0;
    padding: 0;
    width: 350px;
    height: 20px;
}
form#namesearch p {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 340px;
    height: 20px;
}
form#prefsearch {
    position: relative;
    margin: 0;
    padding: 0;
    width: 340px;
    height: 50px;
}
form#prefsearch p {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 340px;
    height: 50px;
}

p .keyword {
    position: relative;
    left: 0px;
    bottom: 0px;
    border: solid 1px #809db9;
    width: 270px;
}
p .pref {
    position: relative;
    left: 0px;
    top: 0px;
    border: solid 1px #809db9;
}
input.searchbtn {
    position: absolute;
    right: 0;
    bottom: 0;
    border: none;
    width: 60px;
    height: 20px;
    background-image: url('../images/btn_search.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
}

input.sbtn {
	position: relative;
    vertical-align: bottom;
}

div.paging {
    text-align: right;
    margin-bottom: 10px;
}
a.lar2 {
    background-image: url('../images/larrow2.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 14px;
}
a.lar1 {
    background-image: url('../images/larrow1.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 10px;
}
a.rar1 {
    background-image: url('../images/rarrow1.gif');
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 10px;
}
a.rar2 {
    background-image: url('../images/rarrow2.gif');
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 14px;
    margin-right: 10px;
}
span.noc {
    margin-right: 10px;
    margin-left: 10px;
}
select.items {
    border: solid 1px #809db9;
    width: 60px;
}

/* }}} */



/* vim: set ts=4 sw=4 sts=0 foldmethod=marker : */