@charset "shift_jis";

/*================================================
 群馬県冠血流治療懇談会
【1】サイト構造設定
【2】基本設定
【3】開催予定・開催記録
【4】ホームページ運用規定、ご利用について
【5】会則
=================================================*/

/*------------------------------------------------
【1】サイト構造設定
-------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 1.4;
}

a img { border: none; margin:0;	padding:0;}
.clear { clear:both;}

a:link, a:visited {	text-decoration: underline;} 
a:hover, a:active, a:focus {text-decoration: none;}

/*ページ枠設定*/
#container {
	width:800px;
	font-size:0.9em;
	margin:0 auto;
	padding:0;
	background: #FFF;
	border:1px solid #CCC;
}

#header {
	margin:0;
	padding:0;
}

/*左メニュー*/
#navi {
	float: left;
	width: 150px;
	margin:0;
	padding:0;
}

#navi ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navi li {
	margin:0;
	padding:0;
}

#navi li a{
	background-image:url(../images/navi.png);
	background-repeat: no-repeat;
	display:block;
	height: 26px;
	color: #049;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	margin:0;
	padding:6px 0 0 14px;
}

#navi li a:hover {
	background-image: url(../images/navi_on.png);
	background-repeat: no-repeat;
	color: #EEF;
}

#navi li.menu-on a {
	background-image: url(../images/navi_on.png);
	background-repeat: no-repeat;
	color: #EEF;
}

#navi li.menu-off a {
	background-image: url(../images/navi.png);
	background-repeat: no-repeat;
	color: #d2d2d2;
}

/*サイト内容*/
#contents {
	float:left;
	width:610px;
	margin:0 20px;
	padding:0;
}

/*フッター*/
#footer {
	margin:20px 0 0 0;
	padding:0;
	position: relative;
	clear: both;
	color: #FFE;
}

#footer .foot{
	padding: 8px 10px;
	margin:0;
	background-color: #657287;
}

/*新着情報*/
#news p {
	font-weight:bold;
	margin: 20px 0 10px 0;
	padding: 2px 8px;
	color: #36C;
	border-bottom: 1px solid #36C;
	border-left: 8px solid #36C;
}

#news dl {
	margin:0;
	padding:0;
	font-size:0.9em;
	height: 110px;
	overflow: auto;
}

#news dt {
	width:auto;
	float:left;
	margin:0 0 0 10px;
	padding:2px 0;
	clear:both;
}

#news dd {
	width:auto;
	margin:0 0 0 100px;
	padding:2px 0;
} 


/*------------------------------------------------
【2】基本設定
-------------------------------------------------*/
h1{
	font-size:1.1em;
	background-color:#EEE;
	margin:0 0 20px 0;
	padding:5px 10px 0 10px;
	border-bottom:1px solid #666;
	color: #333;
}
h2{ font-size:1em; margin:20px 0 10px 0; padding:0; }
h3{ font-size:0.9em;  margin:10px 0; padding:0;}
h4{	font-size:0.9em; margin:10px 0 5px;	 padding:0;}
h5{ font-size:0.9em;  margin:5px 0; padding:0;}

.styleclear {
	font-size: inherit;
	background-color:inherit;
	border-bottom: inherit;
	margin:inherit;
	padding:inherit;
	color: inherit;
}

p {
	font-size:0.9em;
	line-height:1.5em;
	margin:5px 0;
	padding:0;
}

table {
	border-collapse:collapse;
	border:1px solid #999;
	margin:0;
	padding:0;
}

td {
	border:1px solid #999;
	font-size:0.9em;
	padding:5px;
	margin:0;
}

th {
	border:1px solid #999;
	font-size:0.9em;
	padding:5px;
	margin:0;
	background-color:#EEE;
}

table p {
	margin:2px 0;
	padding:0;
	font-size:1em;
}

caption { font-size:0.9em; font-weight:bold;}

/*症例画像一覧表示枠*/
.table_nb { width:600px;}
.table_nb td {
	border:none;
	padding:5px;
	margin:0;
	font-size:0.9em;
	text-align:center;
}

ul { margin:10px 0 10px 30px; padding:0;}
ol { margin:10px 0 10px 30px; padding:0;}
li {
	font-size:0.9em;
	line-height: 1.4em;
	margin: 0;
	padding: 2px 0;
}

sup { font-size:0.8em;}

/* 汎用指定*/
.right {text-align:right;}
.center { text-align:center}
.red { color:#F00; font-weight:bold;}
.pagetop{
	text-align:right;
	margin:20px 10px 10px 0;
	padding:0;
}

.under {text-decoration: underline;}

.bluebox {
	border: 1px solid #6B8BC9;
	padding: 1em;
	margin: 20px 0;
	text-align: center;
}

.programbox {
	padding: .5em;
	margin: 0 auto !important;
}

.programbox h2 {
	text-align: center;
}

.programbox table{
	margin: 0 auto !important;
}

.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}

.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}

#contents a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* UI icon class */

.uparrow {
	background-image:url(../images/common/up.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	font-size: 0.9em;
}

.rightarrow {
	background-image:url(../images/common/right.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	font-size: 0.9em;
}


.gotop {
	background-image:url(../images/common/gotop.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	font-size: 0.9em;
}

.zoom {
	background-image:url(../images/common/zoom.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}

.slide {
	background-image:url(../images/common/slide.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}

.externalLink {
	background-image: url(../images/common/external-link.png);
	background-repeat:no-repeat;
	background-position: center right;
	padding-right: 16px;
}

.pdf {
	background-image: url(../images/common/pdf.gif);
	background-repeat:no-repeat;
	background-position: center right;
	padding-right: 16px;
}

.word {
	background-image: url(../images/common/word.gif);
	background-repeat:no-repeat;
	background-position: center right;
	padding-right: 16px;
}

.excel {
	background-image: url(../images/common/excel.gif);
	background-repeat:no-repeat;
	background-position: center right;
	padding-right: 16px;
}

.ppt {
	background-image: url(../images/common/ppt.gif);
	background-repeat:no-repeat;
	background-position: center right;
	padding-right: 16px;
}

.text {
	background-image: url(../images/common/text.gif);
	background-repeat:no-repeat;
	background-position: center right;
	padding-right: 16px;
}

.movie {
	background-image:url(../images/common/movie.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 19px;
}

/*------------------------------------------------
【3】開催予定・開催記録
-------------------------------------------------*/
#program {
	border:1px solid #999;
	margin:10px 0 0 0;
	padding:10px;
}

#program h3 {
	font-size:0.9em;
	margin:10px 0 5px 0;
	padding:4px 10px;
	background-color:#059;
	color:#FFF;
}

#program h4 {
	font-size:0.9em;
	margin:10px 0 5px 0;
	padding:2px;
	border-bottom: 1px solid #069;
}

#program ul { list-style:none;}
#program li { padding:2px 0;}
#program .title {
	margin:10px 0 5px 0;
	padding:4px;
	color:#FFF;
	font-weight:bold;
	text-align: center;
	background-color: #8B8;
}
#program .name{ margin:0 0 0 20px; padding:0; }
#program .name2{ margin:0 0 10px 40px; padding:0;}
#program .extract{
	margin:0 10px 10px 400px;
	padding:5px 10px;
	background-color:#CFF;
	width:60px;
	text-align: center;
}

#program .extract2{
	margin:0 10px 10px 400px;
	padding:2px 10px;
	background-color:#FCF;
	width:60px;
	text-align: center;
}

#program .break {
	font-size:0.9em;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	margin:10px 0;
	padding:5px;
}

/* 座長2名表記 */
#program dl {
	margin:0;
	padding:0;
	font-size:0.9em;
}

#program dt {
	width:auto;
	float:left;
	margin:0 0 0 20px;
	padding:0;
	clear:both;
}

#program dd {
	width:auto;
	margin:0 0 0 60px;
	padding:0;
}

/* 司会・コメンテーター表記 */
#program .dl_2 dl {
	margin:0;
	padding:0;
	font-size:0.9em;
}

#program .dl_2 dt {
	width:auto;
	float:left;
	margin:0 0 0 10px;
	padding:0;
	clear:both;
}

#program .dl_2 dd {
	width:auto;
	margin:0 0 0 120px;
	padding:0;
} 

/*------------------------------------------------
【4】会則、ホームページ運用規定、ご利用について
-------------------------------------------------*/
#rule { margin:20px 0;}
#rule h2{
	margin: 1em 0;
}

#rule h3{
	font-size:1em; 
	margin:20px 0 5px 0;
	padding:0;
	border-bottom:1px solid #666; 
}

#rule h4{
	font-size:0.9em;
	margin:10px 0 5px 10px;
	padding:0;
}

#rule p {
	margin:5px 10px;
	padding:0;
}

#rule li { margin:0 20px 0 0;}

/* 1.2.連番表示*/
#rule p.indent {
	margin:5px 20px 5px 36px;
	padding:0;
	text-indent: -2em;
}

/* (1)(2)カッコ付きリスト表示*/
#rule ul.ul_no {
	list-style-type: none;
	margin:10px 10px 10px 60px;
	padding:0;
	text-indent: -2.5em;
}

/* 役員人数表記 */
#rule dl {
	margin:0;
	padding:0;
	font-size:0.9em;
}

#rule dt {
	width:auto;
	float:left;
	margin:0 0 0 50px;
	padding:0;
	clear:both;
}

#rule dd {  
	width:auto;
	margin:0 0 0 140px;
	padding:0;  
}