@charset "UTF-8";
@import url("base.css");

/* ---------------------------------------------------- *
 * BASE SETTINGS:
 * ---------------------------------------------------- */
html, body {
	color : #338;
 line-height : 110%;
}

/* ---------------------------------------------------- *
 * ANCHOR STYLES:
 * ---------------------------------------------------- */
* A {
	overflow : hidden;
	outline : none;
}

* A:link,
* A:visited {
	color : #338;
	text-decoration : underline;
}

* A:hover {
	color : #338;
	text-decoration : none;
}

* A:active {
	color : #338;
	text-decoration : none;
}


/* ---------------------------------------------------- *
 * COMMON CLASSES:
 * ---------------------------------------------------- */
.clear {
	clear : both;
	height : 0px;
}

/* ---------------------------------------------------- *
 * BASE LAYOUT:
 * ---------------------------------------------------- */

#root {
	width : 780px;
	margin-top : 10px;
	margin-left : auto;
	margin-right : auto;
}

/* ---------------------------------------------------- *
 * header:
 * ---------------------------------------------------- */

#header {
	position : relative;
	top : 0px;
/*	background-image : url('/img/bg_hd.jpg'); */
	background-image : url('/img/header.jpg');
	background-repeat : no-repeat;
	background-position : left top;
	height : 100px;
	border-bottom : 1px solid #ADE;
}

#header .logo {
	position : absolute;
	top : 5px;
	left : 15px;
	display : block;
	background-image : url('/img/logo.gif');
	background-repeat : no-repeat;
	background-position : left top;
	width : 400px;
	height : 80px;
	text-indent : -9999px;
	overflow : hidden;
}

#header address {
	position : absolute;
	right : 10px;
	top : 5px;
	text-align : left;
	line-height: 1.0em;
	font-size : 18px;
	font-weight : bold;
}

#header .navi {
	position : absolute;
	left : 4px;
	bottom : -1px;
}

#header .navi A ,
#header .navi DIV {
	display : block;
	background-repeat : no-repeat;
	text-indent : -9999px;
	height : 25px;
	float : left;
	margin : 0 1px;
	width : 82px;
}

#header .navi DIV {
	background-position : left -30px;
}

#header .navi A:link,
#header .navi A:visited {
	background-position : left 2px;
}

#header .navi A:focus,
#header .navi A:hover{
	background-position : left -30px;
}

#header .navi A:active {
	background-position : left -30px;
}

#header .navi .top {
	background-image : url('/img/bt_menu_top.gif');
	width : 60px;
}

#header .navi .intro {
	background-image : url('/img/bt_menu_intro.gif');
	width : 102px;
}

#header .navi .feature {
	background-image : url('/img/bt_menu_feature.gif');
	width : 102px;
}

#header .navi .equipment {
	background-image : url('/img/bt_menu_equipment.gif');
}

#header .navi .nonsmoking {
	background-image : url('/img/bt_menu_nonsmoking.gif');
}

#header .navi .checkup {
	background-image : url('/img/bt_menu_checkup.gif');
}

#header .navi .exercise {
	background-image : url('/img/bt_menu_exercise.gif');
}

#header .navi .vaccination {
	background-image : url('/img/bt_menu_vaccination.gif');
}

#header .navi .access {
	background-image : url('/img/bt_menu_access.gif');
}


/* ---------------------------------------------------- *
 * main:
 * ---------------------------------------------------- */


#main {
	padding : 10px 0;
}


/* ---------------------------------------------------- *
 * top:
 * ---------------------------------------------------- */


#main.top  H1 {
	text-indent : -9999px;
	width : 780px;
	height : 465px;
	background-image : url('/img/main.jpg');
	background-repeat : no-repeat;
	background-position : left top;
	padding-bottom : 10px;
	border-bottom : 1px solid #ADE;
}

#main .contents {
	width : 300px;
	margin : 10px;
	margin-left : 0;
	float : left;
}

#main.top .news {
	width : 300px;
	margin : 0px;
	margin-right : 0;
	float : left;
	background-color : #FBFDFF;
}

#main.top .medicTime {
	width : 460px;
	margin : 10px;
	margin-right : 0;
	float : left;
	background-color : #FFFCFC;
}



/* contents */
#main.top .contents H2 {
	background-image : url('/img/tit_contents.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #EEE;
}

#main.top .contents A {
	display : block;
	margin : 5px 0;
}

/* news */

#main.top .news H2 {
	background-image : url('/img/tit_news.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #ADE;
}

#main.top .news UL {
	margin : 0;
	padding : 0;
	list-style-type : none;
	list-style-position : outside;
}

#main.top .news UL {
	border : 1px solid #ADE;
}

#main.top .news LI {
	padding : 10px 15px;
}

* html #main.top .news LI{
	border-bottom : 1px dashed #ADE;
}

#main.top .news LI+LI {
	border-top : 1px dashed #ADE;
}

#main.top .news .date {
	margin-right : 1em;
}


#main.top .news .title {
	
}

#main.top .news .description {
	margin : 3px 0;
	padding : 0;
}


/* medicTime */

#main.top .medicTime H2 {
	background-image : url('/img/tit_time.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
}

#main.top .medicTime IMG {
	display : block;
	margin : 0 auto;
}

#main.top .medicTime DIV {
	border : 1px solid #FFC7E3;
	padding : 10px 0;
}


/* ---------------------------------------------------- *
 * intro:
 * ---------------------------------------------------- */

/* greeting */

#main.intro .greeting  {
	width : 450px;
	margin : 10px;
	margin-left : 0;
	float : left;
}

#main.intro .greeting H2 {
	background-image : url('/img/tit_greeting.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #ADE;
}

#main.intro .greeting .greetingContent {
	padding : 10px;
	border : 0px 1px 1px 1px solid #ADE;
}

#main.intro .greeting img {
    width  : 428px;
    height : 306px;
}

/* profile */

#main.intro .profile  {
	width : 310px;
	margin : 10px;
	margin-right : 0;
	float : left;
	background-color : #FBFDFF;
}

#main.intro .profile H2 {
	background-image : url('/img/tit_prof.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
}

#main.intro .profile .profileContent {
	padding : 10px;
	border : 0px 1px 1px 1px solid #FFC7E3;
}

#main.intro .profile th {
	vertical-align : top;
	white-space : nowrap;
}

/* ---------------------------------------------------- *
 * feature:
 * ---------------------------------------------------- */

#main.feature .featureBody  {
	width : 780px;
	margin : 10px;
	margin-left : 0;
	float : left;
}

#main.feature .featureBody H2 {
	background-image : url('/img/tit_feature.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #ADE;
}

#main.feature .featureBody .featureContent {
/*	font-size : large; */
/*	font-weight : bolder; */
	line-height : 2.0em;
	padding : 10px;
	border : 0px 1px 1px 1px solid #ADE;
}

#main.feature .featureBody .featureContent .title{
	font-size : large;
	font-weight : bolder;
	color : #3366FF;
	border-bottom : 2px solid;
	margin-bottom : 5px;
}

#main.feature .featureBody .featureContent .attention{
	font-size : large;
	font-weight : bolder;
/*	font-style : italic; */
	color : #FF0033;
	line-height : 2.0em;
}

#main.feature .featureBody .imgUketuke {
    width  : 300px;
    height : 225px;
	padding : 10px;
}

/* ---------------------------------------------------- *
 * equipment:
 * ---------------------------------------------------- */

#main.equipment .equipmentBody  {
	width : 780px;
	margin : 10px;
	margin-left : 0;
	float : left;
}

#main.equipment .equipmentBody H2 {
	background-image : url('/img/tit_equipment.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #ADE;
}

#main.feature .equipmentBody .equipmentContent {
/*	font-size : large; */
/*	font-weight : bolder; */
	line-height : 2.0em;
	padding : 10px;
	border : 0px 1px 1px 1px solid #ADE;
}

#main.equipment .equipmentBody .equipmentContent .title{
	font-size : large;
	font-weight : bolder;
	color : #3399FF;
	border-bottom : 2px solid;
	margin-bottom : 5px;
}

#main.equipment .equipmentBody .equipmentContent .attention{
	font-weight : bolder;
/*	font-style : italic; */
	color : #0000FE;
}

#main.equipment .equipmentBody #kiki01 H2 {
	background-image : url('/img/sub_kiki01.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
	margin-top : 5px;
}

#main.equipment .equipmentBody #kiki02 H2 {
	background-image : url('/img/sub_kiki02.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
	margin-top : 5px;
}

#main.equipment .equipmentBody #kiki03 H2 {
	background-image : url('/img/sub_kiki03.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
	margin-top : 5px;
}

#main.equipment .equipmentBody #kiki04 H2 {
	background-image : url('/img/sub_kiki04.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
	margin-top : 5px;
}

#main.equipment .equipmentBody #kiki05 H2 {
	background-image : url('/img/sub_kiki05.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
	margin-top : 5px;
}

#main.equipment .equipmentBody #kiki06 H2 {
	background-image : url('/img/sub_kiki06.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
	margin-top : 5px;
}

#main.equipment .equipmentBody #kiki07 H2 {
	background-image : url('/img/sub_kiki07.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
	margin-top : 5px;
}

#main.equipment .equipmentBody #kiki08 H2 {
	background-image : url('/img/sub_kiki08.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
	margin-top : 5px;
}

#main.equipment .equipmentBody #kiki09 H2 {
	background-image : url('/img/sub_kiki09.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
	margin-top : 5px;
}

#main.equipment .equipmentBody #kiki10 H2 {
	background-image : url('/img/sub_kiki10.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #FFC7E3;
	margin-top : 5px;
}

#main.equipment .equipmentBody .imgKiki {
    width  : 200px;
    height : 266px;
	padding :  5px;
}

/* ---------------------------------------------------- *
 * nonsmoking:
 * ---------------------------------------------------- */

#main.nonsmoking .nonsmokingBody  {
	width : 780px;
	margin : 10px;
	margin-left : 0;
	float : left;
}

#main.nonsmoking .nonsmokingBody H2 {
	background-image : url('/img/tit_nonsmoking.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #ADE;
}

#main.nonsmoking .nonsmokingBody .nonsmokingContent {
/*	font-size : large; */
/*	font-weight : bolder; */
	line-height : 2.0em;
	padding : 10px;
	border : 0px 1px 1px 1px solid #ADE;
}

#main.nonsmoking .nonsmokingBody .nonsmokingContent .title{
	font-size : large;
	font-weight : bolder;
	color : #3399FF;
	border-bottom : 2px solid;
	margin-bottom : 5px;
}

/* ---------------------------------------------------- *
 * checkup:
 * ---------------------------------------------------- */

#main.checkup .checkupBody  {
	width : 780px;
	margin : 10px;
	margin-left : 0;
	float : left;
}

#main.checkup .checkupBody H2 {
	background-image : url('/img/tit_checkup.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #ADE;
}

#main.checkup .checkupBody .checkupContent {
/*	font-size : large; */
/*	font-weight : bolder; */
	line-height : 2.0em;
	padding : 10px;
	border : 0px 1px 1px 1px solid #ADE;
}

#main.checkup .checkupBody .checkupContent .title{
	font-size : large;
	font-weight : bolder;
	color : #3399FF;
	border-bottom : 2px solid;
	margin-bottom : 5px;
}

/* ---------------------------------------------------- *
 * exercise:
 * ---------------------------------------------------- */

#main.exercise .exerciseBody  {
	width : 780px;
	margin : 10px;
	margin-left : 0;
	float : left;
}

#main.exercise .exerciseBody H2 {
	background-image : url('/img/tit_exercise.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #ADE;
}

#main.exercise .exerciseBody .exerciseContent {
/*	font-size : large; */
/*	font-weight : bolder; */
	line-height : 2.0em;
	padding : 10px;
	border : 0px 1px 1px 1px solid #ADE;
}

#main.exercise .exerciseBody .imgJoba {
    width  : 300px;
    height : 240px;
	padding : 10px;
}

#main.exercise .exerciseBody .imgBike {
    width  : 200px;
    height : 280px;
	padding : 10px;
}

/* ---------------------------------------------------- *
 * vaccination:
 * ---------------------------------------------------- */

#main.vaccination .vaccinationBody  {
	width : 780px;
	margin : 10px;
	margin-left : 0;
	float : left;
}

#main.vaccination .vaccinationBody H2 {
	background-image : url('/img/tit_vaccination.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #ADE;
}

#main.vaccination .vaccinationBody .vaccinationContent {
/*	font-size : large; */
/*	font-weight : bolder; */
	line-height : 2.0em;
	padding : 10px;
	border : 0px 1px 1px 1px solid #ADE;
}

#main.vaccination .vaccinationBody .vaccinationContent .title{
	font-size : large;
	font-weight : bolder;
	color : #3399FF;
	border-bottom : 2px solid;
	margin-bottom : 5px;
}

/* ---------------------------------------------------- *
 * access:
 * ---------------------------------------------------- */

#main.access .accessBody  {
	width : 780px;
	margin : 10px;
	margin-left : 0;
	float : left;
}

#main.access .accessBody H2 {
	background-image : url('/img/tit_access.gif');
	background-repeat : no-repeat;
	background-position : left top;
	text-indent : -9999px;
	height : 25px;
	background-color : #ADE;
}

#main.access .accessBody .accessContent {
/*	font-size : large; */
/*	font-weight : bolder; */
	line-height : 2.0em;
	padding : 10px;
	border : 0px 1px 1px 1px solid #ADE;
}

#main.access .accessBody .accessContent .title{
	font-size : large;
	font-weight : bolder;
	color : #3399FF;
	border-bottom : 2px solid;
	margin-bottom : 5px;
}

/* ---------------------------------------------------- *
 * footer:
 * ---------------------------------------------------- */


#footer {
	clear : both;
	position : relative;
/*	background-image : url('/img/bg_ft.jpg'); */
	background-image : url('/img/footer.jpg');
	background-repeat : no-repeat;
	background-position : left top;
	height : 50px;

	border-top : 1px solid #ADE;
	text-align : center;
	padding : 20px;
}