@charset "utf-8";

/*---------------------------------------------
01. body, wrap, hr, img, link
02. base layout [content, main, sidebar]
03. header
04. footer
05. main
06. sidebar
---------------------------------------------*/

/*---------------------------------------------
01. *, body, wrap, hr, img, table
---------------------------------------------*/
*         { margin: 0px; padding: 0px; }
body      { color: #4d4d4d; font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif; font-size: 75%; line-height: 1.6em; background: url("../img/bg_body.gif") repeat; }
#wrap     { width: 780px; margin: 0px auto; padding: 0px 7px; background: url("../img/wrap_back.gif") repeat-y; }
hr        { display: none; }
img       { border: none; vertical-align: bottom; }
table     { font-size: 95%; line-height: 1.6em; }

a:link, a:visited { color: #fff; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: underline; }

/*---------------------------------------------
02. base layout [content, main, sidebar]
---------------------------------------------*/
#content   { width: 780px; background: url("../img/bg_sidebar.gif") repeat; }
#main      { float: right; width: 600px; background-color: #fff; }
#sidebar   { width: 180px; float: left; }

/*---------------------------------------------
03. header
---------------------------------------------*/
#header   { width: 780px; height: 150px; background: url("../img/bg_header.jpg") no-repeat ; }
#headernav { width: 300px; float: right; text-align: right; }

#headernav ul { list-style: none; text-align: right; padding: 30px 15px 0px 0px;}
#headernav li { display: inline; font-size: 95%; }

#logo      { width: 222px; float: left; margin: 17px 0px 0px 17px; }
#logo h1   { width: 222px; height: 50px; }
#logo h1 a { width: 222px; height: 50px; display: block; text-decoration: none; text-indent: -10000px; }

/*---------------------------------------------
04. footer
---------------------------------------------*/
#footer { width: 780px; height: 20px; background: url("../img/bg_footer.jpg") no-repeat; color: #fff; clear: both; }
address { padding-right: 20px; text-align: right; font-size: 95%; font-style: normal; }

/*---------------------------------------------
05. main
---------------------------------------------*/
.img-top { padding: 25px 20px 15px 20px; width: 560px; }
.top-main { padding: 0px 20px; width: 560px; }
.top-main-box1 { width: 272px; float: left; }
.top-main-box2 { width: 272px; float: right; }
.top-main-box3 { width: 556px; margin: 5px 0px 25px 20px; padding-bottom: 10px; background-color: #ffffc7; border: dotted 2px #5a5a5a; }
.top-main-box3 p { margin: 0px 15px 0px 20px; }
.greenp { color: #005457; padding-top: 15px; }
.greenp2 { color: #005447; padding-top: 10px; padding-bottom: 5px; font-weight: bold; font-size: 110%; }
.linep { padding-bottom: 10px; }
.textright { text-align: right; font-size: 85%; padding: 5px 0px; }
.arrow { padding-right: 3px; }
.bodybnr { margin: 17px 0px 0px 10px; }

.top-main a:link, .top-main a:visited { color: #747474; text-decoration: none; }
.top-main a:hover, .top-main a:active { color: #01ad4e; text-decoration: underline; }

.president-main { padding: 25px 20px 45px 20px; width: 560px; }
.president-main p { width: 295px; }
.president-main-box { width: 560px; }
.president-main-left { width: 225px; float: left; padding: 30px 0px 0px 10px; }
.president-main-right { width: 295px; float: right; padding: 30px 10px 0px 20px; }
.president-profile { padding-top: 30px; }
.president-profile p { width: 185px; padding: 0px 20px; }
.profilemain { background: url("../img/profile_middle.gif") repeat-y; }

.body-main { padding: 25px 20px 45px 20px; width: 560px; }
.body-main-box { width: 510px; padding: 25px 0px 0px 25px; }
.body-main-box p { width: 510px; }
.body-main-box2 { width: 540px; padding-left: 10px; }
.bottom35 { margin-bottom: 35px; }
.bottom55 { margin-bottom: 55px; }
.clearboth { clear: both; }

.access-main { padding: 25px 20px 45px 20px; width: 560px; }
.access-main2 { padding: 0px 20px 45px 20px; width: 560px; }
.access-main p { padding-top: 15px; }
.access-main-box { width: 460px; padding: 40px 0px 0px 50px; }
.accesstizup { font-size: 115%; line-height: 1.8em; }

.access-main-box a:link, .access-main-box a:visited { color: #027abb; text-decoration: none; }
.access-main-box a:hover, .access-main-box a:active { color: #027abb; text-decoration: underline; }

.about-main { padding: 25px 20px 45px 20px; width: 560px; }
.about-main-box { width: 510px; padding: 15px 0px 0px 25px; }
.about-main-box2 { width: 540px; padding-left: 10px; }
.about-main-box2 dt { padding-top: 30px; }
.about-main-box2 dd { padding-top: 10px; }

.sports-main { padding: 25px 20px 10px 20px; width: 560px; }
.sports-main-box { width: 560px; padding: 20px 0px 35px 0px; }
.sports-main-box p { width: 480px; padding: 0px 35px; }
.sports-main-box2 { width: 560px; }
.sports-main-box2 p { width: 490px; padding: 15px 0px 0px 45px; }
.sportsmain { background: url("../img/yellow_middle.gif") repeat-y; }

.sports-main-box2 a:link, .sports-main-box2 a:visited { color: #027abb; text-decoration: none; }
.sports-main-box2 a:hover, .sports-main-box2 a:active { color: #027abb; text-decoration: underline; }

.machine-main { padding: 25px 20px 10px 20px; width: 560px; }
.machine-main-box { width: 540px; padding: 0px 0px 35px 10px; }
.machine-box-left { width: 270px; float: left; } 
.machine-box-right { width: 260px; float: right; } 
.left1em { margin-left: 1em; }

#rehabili
.rehabili-main { padding: 25px 20px 45px 20px; width: 560px; }
.rehabili-main-box { width: 560px; padding: 20px 0px 45px 20px;}
.rehabilimain { background: url("../img/yellow_middle.gif") repeat-y; } 
.rehabili-main-box p { width: 480px; padding: 0px 35px; }

.rehabili-main-box2 { width: 540px; padding-left: 10px; }
.rehabili-main-box2 dt { padding-top: 30px; }
.rehabili-main-box2 dd { padding-top: 10px; }

.left20 { padding-left: 20px; }
.mar20 { margin-left: 20px; }
.mar10 { margin-bottom: 10px; }
.mar5 { margin-bottom: 5px; }

.privacy-main { padding: 25px 20px 45px 20px; width: 560px; }
.privacy-main-box { width: 540px; padding: 25px 0px 0px 10px; }
.privacymain { background: url("../img/gray_middle.gif") repeat-y; } 
.privacy-main-box p { width: 480px; padding: 12px 0px; margin: 0px 12px 0px 30px; border-top: dotted 2px #01ad4e; }

.support-main { padding: 25px 20px 45px 20px; width: 560px; }
.support-main-box { width: 540px; padding: 25px 0px 0px 10px; }
.support-main-box p { padding: 6px 0px 6px 6px; margin: 0px 8px; border-bottom: dotted 2px #01ad4e; }
.support-main-box dd { padding-top: 12px; }

.support-main-box a:link, .support-main-box a:visited { color: #4d4d4d; text-decoration: none; }
.support-main-box a:hover, .support-main-box a:active { color: #027abb; text-decoration: underline; }

.photoright { float: right; padding-left: 1em; }
.photoright2 { float: right; padding-left: 1em; padding-bottom: 1em; }
.1em { margin-bottom: 1em; }
.floatclear { clear: both; }
.green { color: #01ad4e; }
.green2 { color: #01ad4e; background-color: #ffff99; padding: 3px; width: 560px; margin-bottom: 15px; }
.bold { font-weight: bold; border-bottom: solid 1px #005457 ; }

/*---------------------------------------------
06. sidebar
---------------------------------------------*/
.sidebar-nav    { width: 170px; padding-top: 25px; padding-left: 10px; }
.sidebar-nav ul { list-style: none; }
.sidebar-nav li { text-indent: -9999px; }
.sidebar-nav a  { width: 170px; display: block; text-decoration: none; }
.nav-contents   { display: block; height: 15px; margin-bottom: 4px; background: url("../img/nav_btntop.gif") no-repeat 0px 0px; }

.nav-home a:link, .nav-home a:visited { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat 0px 0px; }
.nav-president a:link, .nav-president a:visited { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat 0px -37px; }
.nav-about a:link, .nav-about a:visited { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat 0px -74px; }
.nav-sports a:link, .nav-sports a:visited { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat 0px -111px; }
.nav-rehabili a:link, .nav-rehabili a:visited { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat 0px -148px; }
.nav-machine a:link, .nav-machine a:visited { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat 0px -185px; }
.nav-support a:link, .nav-support a:visited { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat 0px -222px; }
.nav-access a:link, .nav-access a:visited { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat 0px -259px; }

.nav-home a:hover, .nav-home a:active { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat -170px 0px; }
.nav-president a:hover, .nav-president a:active { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat -170px -37px; }
.nav-about a:hover, .nav-about a:active { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat -170px -74px; }
.nav-sports a:hover, .nav-sports a:active { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat -170px -111px; }
.nav-rehabili a:hover, .nav-rehabili a:active { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat -170px -148px; }
.nav-machine a:hover, .nav-machine a:active { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat -170px -185px; }
.nav-support a:hover, .nav-support a:active { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat -170px -222px; }
.nav-access a:hover, .nav-access a:active { display: block; height: 37px; background: url("../img/nav_btn.gif") no-repeat -170px -259px; }

.sidebar-bottom   { width: 170px; padding-top: 5px; }
#sidebar p { padding: 15px 0px 0px 5px; font-size: 115%; }

.sidebar-bottom a:link, .sidebar-bottom a:visited { color: #747474; text-decoration: none; }
.sidebar-bottom a:hover, .sidebar-bottom a:active { color: #01ad4e; text-decoration: underline; }

/*---------------------------------------------
ESUKEI
clearfix Style

Clearing a float container without source markup
http://www.positioniseverything.net/easyclearing.html
---------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*End hide from IE-mac*/