@charset "utf-8";
/* CSS Document */

/*
[1]レイアウトに関する指定
[2]ヘッダー内の各部分指定
[3]全体のリンク指定
[4]フォントに関する指定
[5]リストに関する指定
[6]クラスの指定
[7]その他
*/

/*======================================
[1]レイアウトに関する指定
======================================*/	




/*container*/
#info li{
	text-indent:-1.7em;
	}
#info2 li{
	text-indent:0;
	}	
#info #title{
	background:url(../img/titlebg.gif) no-repeat 0 0;
	width:645px;
	height:auto;
	display:block;
	}
	
#info #title #title_in{
	background:url(../img/titlebg_b.gif) no-repeat left bottom;
	}
	
#info h3{
	background:url(../img/subtitle_line.gif) no-repeat left bottom;
	padding-bottom:15px;
	}
	
#info h4{
	padding:20px;
	}
	
#info p.date{
	border-left:solid 5px #808080;
	padding-left:12px;
	width:520px;
	margin:12px 0;
	}
	
#info .description{
	border:solid #ccc 1px;
	padding:15px 18px;
	margin:12px 0 30px;
	}
	
#info .description h5{
	background:url(../img/subtitle_line.gif) no-repeat left bottom;
	padding-bottom:15px;
	margin-bottom:15px;
	}
	
#info table#picture{
	text-align:center;
	}
.forum_bg1{
	background: url(../../forum/img/tytle_bg2.gif) repeat-x;
	height: 27px;
	width:12%;
	padding: 5px 0 3px 10px;
	vertical-align:top;
	}
.forum_bg2{
	background: url(../../forum/img/tytle_bg2.gif) repeat-x;
	width:10%;
	padding: 5px 0 3px 0;
	vertical-align:top;
	}
.forum_bg3{
	background: url(../../forum/img/tytle_bg2.gif) repeat-x;
	width:78%;
	padding: 5px 0 3px 0;
	vertical-align:top;
	}
.txt_right {
		  width: 75%;
		  text-align:left;
		  margin:0;
		  padding:3px;
		  }
.txt_left {
		  text-align:right;
		  vertical-align:top;
		  margin:0;
		  padding: 3px 0;
		  width:25%;
		  }
.txt_right1 {
          float:left;
		  width: 300px;
		  margin:0;
		  padding:0;
		  }
.txt_left1 {
		  text-align:left;
		  margin:0;
		  padding: 0;
		  width:10%;
		  }
.txt_right2{
          float:left;
		  width: 300px;
		  margin:0;
		  padding:0;
		  }
.txt_left2{
          float: left;
		  text-align:right;
		  margin:0;
		  padding:0;
		  width:180px;
		  }
table .txt_box {
		  border-bottom:1px solid #cccccc;
		  padding:5px 0;
		  }
#info .line{
          height: 1px;
		  }
	
/**** ハック　****/
*:first-child+html .txt_right{
		margin-left: -12px;}
* html .txt_right{
		margin-left: -12px;}
*:first-child+html .txt_right1{
		margin-left: -12px;}
* html .txt_right1{
		margin-left: -12px;}
*:first-child+html .txt_right2{
		margin-left: -12px;}
* html .txt_right2{
		margin-left: -12px;}

/*======================================
[2]ヘッダー内の各部分指定
======================================*/
#header #gnavi li#forum a{
	background:url(../img/gnavi.gif) no-repeat -93px -80px;
	width:115px;
	height:80px;
	display:block;
	}
	
/*======================================
[4]フォントに関する指定
======================================*/
#info h3{
	font-size:1.3em;
	}

#info h4{
	font-size:2em;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", "Times New Roman", Georgia, serif;
	color:#003399;
	line-height:120%;
	}

#info h4 span{
    font-size:0.7em;
	}
.sectiontitle{ /*講師紹介タイトル*/
	color:#666666;
	font-size:1.1em;
	font-weight:bold;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	padding:5px;
	background-color:#F6F6F6;
	}
		
#info .description h5{
	font-size:1.4em;
	color:#1a568e;
	}
	
#info .description strong{
	font-size:1.3em;
	color:#333;
	}
	
.name span{
	font-size:1.2em;
	font-weight:bold;
	line-height:150%;
	}
	
.name{
	font-size:1em;
	font-weight:normal;
	line-height:150%;
	}
	
#info table#picture{
	font-size:0.8em;
	line-height:150%;
	}
#info .years{
    color: #003399;
	font-size:1.3em;
	line-height:150%;
	font-weight: bold;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	padding:5px;
	}
table th{
         background-color: #eeeeee;
		 color: #003399;
		 }

/*======================================
[5]リストに関する指定
======================================*/
ol{
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
	}

/*#sidenavi ul li.sn_title ul{
	border-bottom:#cccccc 1px solid;
	width:223px;
	}*/