@charset "utf-8";

/* CSS Document */

/* メイン ==================================================== */

#wrapperBg {
	width:100%;
	background:url(../images/header_bg.jpg) top left repeat-x;
	margin:0;
	padding:0;
	text-align:center;
}

#wrapper {
	width:900px;
	margin:0px auto 0 auto;
	text-align:left;
}

.mainContent {
	width:640px;
	margin:20px 0 0 0;
	padding:0 4px 40px 14px;
	float:left;
}

.rightContent {
	width:224px;
	margin:0;
	padding:0 4px 0 0;
	float:right;
}

/* フラッシュ ==================================================== */

h2#flashcontent { float:left; }

/* 右コンテンツ　肺年齢チェック ==================================================== */

.rightContent p.check_btn a {
	width:228px;
	height:134px;
	padding: 0;
	margin: 0 4px 10px 0;
	background:url(../images/check_btn.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
}

.rightContent p.check_btn a:hover { background-position:-228px 0; }

/* 右コンテンツ　肺年齢チェック B ==================================================== */

.rightContent p.check_btn_b a {
	width:228px;
	height:134px;
	padding: 0;
	margin: 0 4px 10px 0;
	background:url(../images/check_btn_b.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
}

.rightContent p.check_btn_b a:hover { background-position:-228px 0; }

/* 右コンテンツ　肺年齢の資材販売 ボタンデザインＡ　==================================================== */

.rightContent p.shopping_btn a {
	width:228px;
	height:134px;
	padding: 0;
	margin: 0 4px 20px 0;
	background:url(../images/shopping_btn.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
}

.rightContent p.shopping_btn a:hover { background-position:-228px 0; }

/* 右コンテンツ　肺年齢の資材販売 ボタンデザインＢ　==================================================== */

.rightContent p.shopping_btn_b a {
	width:228px;
	height:134px;
	padding: 0;
	margin: 0 4px 20px 0;
	background:url(../images/shopping_btn_b.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
}

.rightContent p.shopping_btn_b a:hover { background-position:-228px 0; }

/* 右コンテンツ　肺年齢の資材販売 ボタンデザインC　==================================================== */

.rightContent p.shopping_btn_c a {
	width:228px;
	height:134px;
	padding: 0;
	margin: 0 4px 20px 0;
	background:url(../images/shopping_btn_c.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
}

.rightContent p.shopping_btn_c a:hover { background-position:-228px 0; }

/* 右コンテンツ　ボタンエリア ==================================================== */

.btnArea {
	margin-bottom:8px;
	padding-left:4px;
}

.btnArea ul li.btn01 a {
	width:220px;
	height:65px;
	padding: 0;
	/*margin: 0 0 5px 0;*/
background:url(../images/side_btn_01.gif) top left no-repeat;
	display:block;
	text-indent:-9999px;
}

.btnArea ul li.btn02 a {
	width:220px;
	height:65px;
	padding: 0;
	/*margin: 0 0 5px 0;*/
background:url(../images/side_btn_02.gif) top left no-repeat;
	display:block;
	text-indent:-9999px;
}

.btnArea ul li.btn03 a {
	width:220px;
	height:65px;
	padding: 0;
	/*margin: 0 0 5px 0;*/
background:url(../images/side_btn_03.gif) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
}

.btnArea ul li.btn04 a {
	width:220px;
	height:65px;
	padding: 0;
	/*margin: 0 0 5px 0;*/
background:url(../images/side_btn_04.gif) top left no-repeat;
	display:block;
	text-indent:-9999px;
}

.btnArea ul li.btn01 a:hover,
.btnArea ul li.btn02 a:hover,
.btnArea ul li.btn03 a:hover,
.btnArea ul li.btn04 a:hover { background-position:-220px 0; }

/* 右コンテンツ　バナーエリア ==================================================== */

.bnrArea {
	margin-bottom:20px;
	padding-left:4px;
}
.bnrArea ul {
	margin-bottom:0px;
	_margin-bottom:5px;
}

.bnrArea ul li.bnr01 a {
	width:220px;
	height:60px;
	padding: 0;
	margin: 0 0 5px 0;
	background:url(../images/bnr_01.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
}

.bnrArea ul li.bnr02 a {
	width:220px;
	height:60px;
	padding: 0;
	margin: 0 0 5px 0;
	background:url(../images/bnr_02.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
}


/*フラッシュバナー*/
#bnrflash{
	width:220px;
	height:120px;
}



/* トップページ　イベント情報・ニュース ==================================================== */

h3.event {
	background:url(../images/index_h3_01.gif) 0 0 no-repeat;
	height:34px;
	text-indent:-9999px;
	margin-bottom:5px;
}

h3.news {
	background:url(../images/index_h3_02.gif) 0 0 no-repeat;
	height:34px;
	text-indent:-9999px;
	margin-bottom:5px;
}

.event_box,
.news_box {
	width:620px;
	padding:15px 10px;
}

dl.eventInfo,
dl.newsInfo {
	font-size:108%;
	line-height:1.5em;
}

dl.eventInfo dt,
dl.newsInfo dt { font-weight:bold; }

dl.eventInfo dd,
dl.newsInfo dd {
	border-bottom:dotted 1px #cccccc;
	padding-bottom:15px;
	margin-bottom:15px;
}

dl.eventInfo dd a,
dl.newsInfo dd a {
	padding-left:15px;
	background:url(../images/linkIco.gif) 0px 5px no-repeat;
	color:#444444;
	text-decoration:underline;
	display:inline-block;
}

dl.eventInfo dd a:hover,
dl.newsInfo dd a:hover {
	text-decoration:none;
	color:#ff8300;
}

.new {
	font-size:12px;
	padding:2px;
	font-weight:bold;
	color:#ffffff;
	background-color: #FF0000;
}

/* 肺年齢を理解しよう ==================================================== */

h3.understand {
	background:url(../images/index_h3_03.gif) 0 0 no-repeat;
	height:34px;
	text-indent:-9999px;
	margin-bottom:15px;
}

table.h4_topContent { width:640px; }

table.h4_topContent td.h4_topContent01 {
	width:200px;
	padding:0 7px 0 0;/*float:left;*/
}

table.h4_topContent td.h4_topContent02 {
	width:200px;
	padding:0 8px;/*border-left:dotted 1px #39a1db;
border-right:dotted 1px #39a1db;
float:left;*/
}

table.h4_topContent .h4_topContent03 {
	width:200px;
	padding:0 0 0 7px;/*float:right;*/
}

table.h4_topContent .h4_topContent_line { background:url(../images/index_line.gif) 0 0 repeat-y; }

table.h4_topContent p {
	font-size:108%;
	line-height:1.5em;
}

table.h4_topContent td.h4_topContent01 img,
table.h4_topContent td.h4_topContent02 img,
table.h4_topContent td.h4_topContent03 img { margin-bottom:8px; }

.detail_btn { text-align:center; }

.detail_btn a {
	width:150px;
	height:32px;
	background:url(../images/detail_btn.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	margin:5px auto 0 auto;
}

.detail_btn a:hover { background-position:0 -32px; }