* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	font-family: "メイリオ", "arial", "sans-serif"; 
	font-size: 10pt;
	line-height: 1.5em;
	color: #333;
	background: #e4e2de;
	width: 758px;
	margin: 15px auto 15px auto;
	position: relative; /* IE7対策 */
}

body a {
	color: #483d8b;
	text-decoration: none;
}

body a:visited {
	color: #000080;
}

body a:hover {
	color: #483d8b;
	text-decoration: underline;
}

/* IE6以外に適用 */
html>body {
	background: #e4e2de url("./img7/back.png") repeat-x;
}

img {
	border: 0;
	vertical-align:top;
}

img.alright {
	float: right;
    margin-left: 15px;
}

img.center {
    margin: 0 auto;
}


#wrapper {
	padding: 0 12px;
	background: url("./img7/back_h.png") repeat-y;
}

#wrapper_t {
	background: url("./img7/back_t.png") no-repeat;
	padding-top:12px; /* IE6対策 = height:12px; */
}

#wrapper_b {
	padding-top: 12px; /* IE6対策 = height:12px; */
	background: url("./img7/back_b.png") no-repeat;
	zoom: 1;
}


/*** タイトル ***/
#title_back {
	background: url("./img7/logo_back.png") no-repeat;
	height: 66px;
	position: relative;
}

#title {
	top: 11px;
	left: 32px;
	position: relative;
}

#home a {
	top: 14px;
	left: 669px;
	position: absolute;
	width: 41px;
	height: 41px;
	display: block;
	background-image: url("./img7/home.png");
}

#home a:hover {
	background-position: 0 -41px;

}

/*** ナビゲーションバー ***/
#navbar {
	background: url("./img7/navbar_back.png") repeat-x;
	width: 701px;
	padding-left: 33px;
	height: 30px;
	overflow: hidden;
}

#navbar ul {
	list-style-type: none;
}

#navbar li {
	float: left;
}

#navbar li a {
	display: block;
	color: #303030;
	background-image: url("./img7/nav.png");
	height: 0px;
	padding-top: 30px;
	width: 111px;
}

#nav1 a { background-position:    0   0;}
#nav2 a { background-position: -111px 0;}
#nav3 a { background-position: -222px 0;}
#nav4 a { background-position: -333px 0;}
#nav5 a { background-position: -444px 0;}
#nav6 a { background-position: -555px 0;}

#nav1 a:hover, #nav1 a.stay { width: 111px; background-position:    0   -30px;}
#nav2 a:hover, #nav2 a.stay { width: 111px; background-position: -111px -30px;}
#nav3 a:hover, #nav3 a.stay { width: 111px; background-position: -222px -30px;}
#nav4 a:hover, #nav4 a.stay { width: 111px; background-position: -333px -30px;}
#nav5 a:hover, #nav5 a.stay { width: 111px; background-position: -444px -30px;}
#nav6 a:hover, #nav6 a.stay { width: 111px; background-position: -555px -30px;}


#navbar_sub {
	padding-top:8px; /* IE6対策 = height:8px; */
	background: url("./img7/navbar_sub.png") repeat-x;
	clear: both;
}


/*** メイン部 ***/
#main {
	background: url("./img7/main_back.png") repeat-y;
	overflow: hidden;
	width: 734px; /* IE向け */
}

#main_wide {
	background: url("./img7/main_wide_back.png") repeat-y;
	overflow: hidden;
	width: 684px; /* IE向け */
	border: solid 0px; 
	padding: 0px 25px 20px 25px; 
}

#main_wide_p {
	background: url("./img7/main_wide_back_p.png") repeat-y;
	overflow: hidden;
	width: 684px; /* IE向け */
	border: solid 0px; 
	padding: 0px 25px 20px 25px;
	zoom: 1;
}


#main_menu_top {
	background: url("./img7/main_back_t.png") center top no-repeat;
	width: 734px;
	height: 30px;
	overflow: hidden;
}

#main_wide_top {
	background: url("./img7/main_wide_top.png") center top no-repeat;
	width: 734px;
	height: 40px;
	overflow: hidden;
}

#main_wide_btm {
	background: url("./img7/main_wide_back_p.png") center top repeat-y;
	width: 734px;
	height: 40px;
	overflow: hidden;
}

/*** メニュー ***/
#menu {
	float: left;
	width: 197px;
	padding-top: 0;
	padding-right: 1px;
	font-size: 9pt;
	font-weight: bold;
	line-height: 1.3em;
	background: url("./img7/menu_back.png") repeat-y;
}

#menu ul {
	width:100%;
	border-top: #afafaf solid 1px;
	list-style-type: none;
}

#menu li {
	border-bottom: #afafaf solid 1px;
}

#menu li.stay {
	border-bottom: #afafaf solid 1px;
	padding: 4px 0px 4px 22px;
	color: #fff;
	background: url("./img7/menu_hover.png") left center no-repeat;
}

#menu li:hover {
	border-bottom: #afafaf solid 1px;
}

#menu a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 4px 0px 4px 22px;
	background: url("./img7/menu_marker.png") left center no-repeat;
}

#menu a:hover {
	color: #fff;
	background: url("./img7/menu_hover.png") left center no-repeat;
}


/*** 本文 ***/
#primary {
	float: right;
	border: solid 0px; 
	padding: 0px 30px 15px 30px; 
	width: 476px;
}

#primary p {
	margin: 20px 0;

}

#primary a:hover {
	text-decoration: underline;
}

#primary a.ex_link {
	background: url("./img7/ex_link.png") right center no-repeat;
	padding-right: 17px;
}

#primary div.clearfix {
	zoom: 100%;
}

#primary div:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

.hz {
	width:100%;
	height: 1px;
	background: #b7bec5;
	margin: 20px 0;
	overflow: hidden; /* IE6 */
	clear: both;
}

h1 {
	margin: 0 0 20px 0;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}

h1.lesson1 { background: url("./img7/lesson1.png") no-repeat; }
h1.lesson2 { background: url("./img7/lesson2.png") no-repeat; }
h1.lesson3 { background: url("./img7/lesson3.png") no-repeat; }
h1.lesson4 { background: url("./img7/lesson4.png") no-repeat; }
h1.lesson5 { background: url("./img7/lesson5.png") no-repeat; }
h1.lesson6 { background: url("./img7/lesson6.png") no-repeat; }
h1.lesson7 { background: url("./img7/lesson7.png") no-repeat; }
h1.info1   { background: url("./img7/info1.png") no-repeat; }
h1.info2   { background: url("./img7/info2.png") no-repeat; }
h1.info3   { background: url("./img7/info3.png") no-repeat; }
h1.info4   { background: url("./img7/info4.png") no-repeat; }
h1.qanda1  { background: url("./img7/qanda1.png") no-repeat; }
h1.qanda2  { background: url("./img7/qanda2.png") no-repeat; }
h1.qanda3  { background: url("./img7/qanda3.png") no-repeat; }
h1.qanda4  { background: url("./img7/qanda4.png") no-repeat; }
h1.qanda5  { background: url("./img7/qanda5.png") no-repeat; }
h1.qanda6  { background: url("./img7/qanda6.png") no-repeat; }
h1.profile1{ background: url("./img7/profile1.png") no-repeat; }

#primary h2 {
	margin: 20px 0 15px 0;
	padding: 10px 0 0 14px;
	border-left: 3px solid #333;
	font-size: 12pt;
	color: #333;
}

h3 {
	font-size: 11.5pt;
	color: #555;
	margin: 0 0 3px 0;

}

ul.list {
	padding-left: 16px;
}

ul.list li {
	margin-bottom: 25px; 
	clear: right;
}


ol  {
	margin: 10px 10px 10px 22px;
}

ol li {
	margin: 5px 0;
}

ul.simple {
	margin: 10px 0 10px 26px;
}

ul.simple li {
	margin: 0 0 0.3em 0;
}

ol.simple {
	margin: 10px 0 10px 26px;
}

ol.simple li {
	margin: 0 0 0.5em 0;
}


#button_wrapper {
	width: 100%;
	height: 32px;
	margin: 20px 0 0 0;
	clear: both;
}

#button_wrapper ul {
	list-style-type: none;
}

#button_wrapper li.left {
	float: left;
}

#button_wrapper li.left a {
	display: block;
	overflow: hidden;
	background-image: url("./img7/btn_page_prev.png");
	width: 90px;
	height: 0px;
	padding-top: 32px;
}

#button_wrapper li.right {
	float: right;
}

#button_wrapper li.right a {
	display: block;
	overflow: hidden;
	background-image: url("./img7/btn_page_next.png");
	width: 90px;
	height: 0px;
	padding-top: 32px;
}

#button_wrapper li a:hover { background-position:  0  -32px;}

table.info {
	margin-bottom: 20px; /* Firefox */
	margin-left: 22px;
}

table.info td {
	vertical-align: top;
	padding: 0px 16px 4px 0;
	font-size: 110%;
}


/*** フッタ ***/


#footer {
	clear: both;
	background: url("./img7/main_back_b.png") no-repeat;
	height: 100%; /* IE7のバグ対応 - 背景が表示されない */
	font-family: "Segoe UI", "arial", "sans-serif";
	color: #888;
	font-size: 10.5px;
	line-height: 1.6em;
	padding: 19px 12px 2px 12px;
	text-align: right;
}

#footer_wide {
	clear: both;
	background: url("./img7/main_wide_back_btm.png") no-repeat;
	height: 100%; /* IE7のバグ対応 - 背景が表示されない */
	font-family: "Segoe UI", "arial", "sans-serif";
	color: #888;
	font-size: 8pt;
	line-height: 1.6em;
	padding: 27px 12px 2px 12px;
	text-align: right;
}

#footer_wide_clean {
	clear: both;
	font-family: "Segoe UI", "arial", "sans-serif";
	color: #888;
	font-size: 8pt;
	line-height: 1.6em;
	padding: 9px 12px 2px 12px;
	text-align: right;
}

#footer_copy {
	height: 70px;
	width: 734px;
	background: #606360 url("./img7/footer.png") no-repeat;
	position: relative;
	color: #dddddd;
	font-size: 9pt;
}

#footer_copy .hospitalname {
	font-size: 10pt;
	line-height: 12pt;
	color: #fff;
	padding: 19px 0 0 70px;
	float: left;
}

#footer_copy .divider {
	background: url("./img7/divider.png") no-repeat center center;
	color: #fff;
	height: 70px;
	width: 34px;
	float: left;
}

#footer_copy .address {
	font-size: 9pt;
	line-height: 70px;
	color: #ddddd;
	height: 70px;
	float: left;
}

#mail a {
	top: 23px;
	left: 682px;
	position: absolute;
	width: 24px;
	height: 24px;
	background-image: url("./img7/btn_mail.png");
	display: block;
}

#mail a:hover {
	background-position: -24px 0;
}

div.footerlinks {
	float: left;
}

/*** Q&A ***/
.qwrapper {
	border: solid 1px #ddd;
	margin: 9px 0;
	padding: 0;
}

.qtext {
	margin: 1px;
	vertical-align: middle;
	padding: 10px 10px 10px 43px;
	background: url("./img7/qanda_q.png") 10px center no-repeat;
	line-height: 1.3em;
	display: block;
}

.qtext:hover {
	background: #f9f9f9 url("./img7/qanda_q.png") 10px center no-repeat;
}

.atext {
	margin: 0 1px 1px 1px;
	padding: 13px 10px 0 43px;
	background: #f0f0f0 url("./img7/qanda_a.png") 10px 15px no-repeat;
	line-height: 1.3em;
	display: block;
}

.close {
	padding: 5px 0px 10px 0;
	text-align: right;
	font-weight: bold;
	font-size: 9pt;
}

/*** qanda 2 ***/
.dropdown {
	border: solid 1px #ddd;
	margin: 9px 0;
	padding: 0;
}

.dropdown dt {
}

.dropdown dd {
	overflow: hidden;
	display: none; 
	z-index: 200; 
	opacity: 0;
}

/*** Sugao ***/
#sugao h3 {
	font-size: 12pt;
	background: url("./img7/sugao_marker.png") left center no-repeat;
	padding: 5px 0 5px 33px;
	margin: 0 0 10px;
}

#sugao div.date {
	text-align: right;
	font-weight: bold;
	font-size: 9pt;
	margin: 0;
	color: #a84;
}

#sugao p {
	margin: 0 0 0.7em;
}

#sugao table.conv {
	margin: 1em 0 2em 0;
}

#sugao .conv th, th {
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	padding: 3px 0;
	color: #222;
}

/*** index main ***/
#idxmain {
	float: right;
	width: 380px;
	line-height: 1.2em;
	font-size: 9pt;
}

#idxmain a {
	display: block;
	padding: 26px 0 18px 59px;
}

#idxmain a.idx_lesson  { background: url("./img7/idx_lesson.png") no-repeat; }
#idxmain a.idx_qanda   { background: url("./img7/idx_qanda.png") no-repeat; }
#idxmain a.idx_sugao   { background: url("./img7/idx_sugao.png") no-repeat; }
#idxmain a.idx_profile { background: url("./img7/idx_profile.png") no-repeat; }

#idxmain a.idx_lesson:hover  { background-position: -380px 0; }
#idxmain a.idx_qanda:hover  { background-position: -380px 0; }
#idxmain a.idx_sugao:hover  { background-position: -380px 0; }
#idxmain a.idx_profile:hover  { background-position: -380px 0; }

#subindex {
	width: 380px;
	height: 25px;
	overflow: hidden;
}

#subindex ul {
	list-style-type: none;
}

#subindex li {
	float: left;
}

#subindex li a {
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	padding-top: 27px;
}

#idx_snap a { width: 132px; background: url("./img7/sub_snap.png"); }
#idx_bbs  a { width: 132px; background: url("./img7/sub_bbs.png"); }
#idx_info a { width: 115px; background: url("./img7/sub_info.png"); }

#idx_snap a:hover { background-position:  0 -25px; }
#idx_bbs  a:hover { background-position:  0 -25px; }
#idx_info a:hover { background-position:  0 -25px; }

/*** information ***/
#information {
	line-height: 1.4em;
	width: 255px;
	float: left;
}

#information h3 {
	margin: 0 0 13px 0;
	height: 0px;
	padding-top: 28px;
	overflow: hidden;
	line-height: 30px;
}

#information h3.updates  { background: url("./img7/updates2.png") no-repeat; }
#information h3.announce { background: url("./img7/announce2.png") no-repeat; }
#information h3.wtc 	 { background: url("./img7/wtc2.png") no-repeat; }

#information ul {
	margin: 0 0 17px 0;
	list-style: none;
}

#information li {
	padding: 0 0 01px 0;
	/*background: url("./img7/information_hr.png") bottom repeat-x;*/
}

#information table {
	margin: 0 0 23px 0;
	border-collapse: collapse;
}

#information .date {
	text-align: right;
	vertical-align: top;
}

#information .cont {
	padding: 0 0 0 17px;
	background: url("./img7/information_marker.png") 4px 0.15em no-repeat;
}

#information .hline {
	background: url("./img7/information_hr.png") repeat-x;
	height: 13px;
}

#information div.announce {
	padding: 0 0 0 14px;
	background: url("./img7/information_marker.png") left 0.15em no-repeat;
}

#information p {
	margin: 0 0 0.7em;
}


/*** BBS ***/

#bbs table {
	width: 476px;
	border-top: 1px solid #ccc;
	font-size: 9pt;
border-spacing: 0px;
}

#bbs table .w734 {
	width: 734px;
	border-top: 1px solid #ccc;
	font-size: 8pt;
	border-collapse: collapse;
	margin: 15px 0;
}

#bbs th {
	border-bottom: 1px solid #ccc;
	background: #f3f3f3;
	padding: 5px 3px 5px 8px;;
	white-space: nowrap;
	text-align: left;
}


#bbs td {
	border-bottom: 1px solid #ccc;
	background: #fff;
	padding: 5px 8px;
}


#bbs h3 {
	font-size: 12pt;
	background: url("./img7/bbs_marker.png") left center no-repeat;
	padding: 5px 0 5px 33px;
	margin: 0 0 10px;
}

#bbs div.date {
	text-align: right;
	font-weight: bold;
	font-size: 9pt;
	margin: 0;
	color: #45a;
}

#bbs input { 
	background-color: #eaeaed; 
	border: 1px solid #aaa;
	padding: 2px;
}

#bbs input.button { 
	background-color: #dddddf;
}

#bbs input.button:hover { 
	background-color: #cccccf;
}


#bbs textarea { 
	background-color: #f5f5f7;
	border: 1px solid #aaa;
	padding: 2px;
	width: 100%;
}

#bbs select { 
	background-color: #eaeaed;
	border: 1px solid #aaa;
	padding: 1px;
}

#bbs .alright {
	margin: 5px 0 0 0;
	text-align: right;
}

#bbs .reply {
	padding-left: 50px;
}

#bbs .ico_onnnajiri {
	background: url("./bbsicons2/onnnajiri.gif") left center no-repeat;
	padding: 0 0 10px 50px;
	min-height: 40px;
}

#bbs .ico_otokojiri {
	background: url("./bbsicons2/otokojiri.gif") left center no-repeat;
	padding: 0 0 10px 50px;
	min-height: 40px;
}

#bbs .ico_nikoniko {
	background: url("./bbsicons2/nikoniko.gif") left center no-repeat;
	padding: 0 0 10px 50px;
	min-height: 40px;
}

#bbs .ico_admin {
	background: url("./bbsicons2/admin.gif") left center no-repeat;
	padding: 0 0 10px 50px;
	min-height: 40px;
}

#bbs .ico_namida {
	background: url("./bbsicons2/namida.gif") left center no-repeat;
	padding: 0 0 10px 50px;
	min-height: 40px;
}

#bbs .ico_miso {
	background: url("./bbsicons2/miso.gif") left center no-repeat;
	padding: 0 0 10px 50px;
	min-height: 40px;
}

#bbs .ico_blank {
	background: none;
	padding: 0 0 10px 50px;
	min-height: 40px;
}

#bbs .copyright {
	width: auto;
	text-align: center;
	font-family: "Segoe UI", "arial", "sans-serif";
	color: #888;
	font-size: 8pt;
}

#bbs a.print {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background: url("./img7/ico_print.png");
	float: right;
}

#bbs a.print:hover {
	background-position: 0 -16px;
}



/*** 汎用 ***/
.blu { color: #0b20b0; }
.red { color: #b02110; }
.large { font-size: 110%; }
.nobr { white-space: nowrap; }