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

/*-------------------------------------------------
Reset
-------------------------------------------------*/
html,div,img,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dd,dt,p{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	border: 0px;
	list-style: none;
}



/*-------------------------------------------------
Common
-------------------------------------------------*/
/* Body */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin:0px;
	padding:0px;
	background:url(../img/bg.gif) repeat-x;
	color:#666666;
	text-align:center;
}

/*Link*/
a {color:#333399; text-decoration: underline;}
a:visited {color:#330033; text-decoration: underline;}
a:hover {color:#333300; text-decoration: none;}


/*-------------------------------------------------
Wrapper
-------------------------------------------------*/
#wrapper {
	width:880px;
	text-align:left;
	margin:0px auto;
	padding:0px;
	background:url(../img/wrapper.png) repeat-y;
}


/*-------------------------------------------------
Header
-------------------------------------------------*/

#header {
	width:880px;
	height:150px;
	background:url(../img/header.jpg) no-repeat;
	position:relative;
}

#header h1 a{
	width:280px;
	height:80px;
	background:url(../img/header_h1.gif) no-repeat;
	display:block;
	text-indent:-1000em;
	position:absolute;
	top:20px;
	left:28px;
	outline:none;
}

/*-------------------------------------------------
Navigation
-------------------------------------------------*/
#navi {
	height:390px;
	float:left;
}
/* Navigaton */

#navi li {
	display:inline;
}

#navi li a {
	display:block;
	height:40px;
	width:130px;
	margin-bottom:10px;
	text-indent:-1000em;
	outline:none;
}

#navi li.menu0 a {
	background:url(../img/menu.gif) no-repeat 0px 0px;
}

#navi li.menu0 a:hover {
	background:url(../img/menu.gif) no-repeat -130px 0px;
}

#navi li.menu1 a {
	background:url(../img/menu.gif) no-repeat 0px -50px;
}

#navi li.menu1 a:hover {
	background:url(../img/menu.gif) no-repeat -130px -50px;
}

#navi li.menu2 a {
	background:url(../img/menu.gif) no-repeat 0px -100px;
}

#navi li.menu2 a:hover {
	background:url(../img/menu.gif) no-repeat -130px -100px;
}

#navi li.menu3 a {
	background:url(../img/menu.gif) no-repeat 0px -150px;
}

#navi li.menu3 a:hover {
	background:url(../img/menu.gif) no-repeat -130px -150px;
}

#navi li.menu4 a {
	background:url(../img/menu.gif) no-repeat 0px -200px;
}

#navi li.menu4 a:hover {
	background:url(../img/menu.gif) no-repeat -130px -200px;
}

#navi li.menu5 a {
	background:url(../img/menu.gif) no-repeat 0px -250px;
}

#navi li.menu5 a:hover {
	background:url(../img/menu.gif) no-repeat -130px -250px;
}

#navi li.menu6 a {
	background:url(../img/menu.gif) no-repeat 0px -300px;
}

#navi li.menu6 a:hover {
	background:url(../img/menu.gif) no-repeat -130px -300px;
}

#navi li.menu7 a {
	background:url(../img/menu.gif) no-repeat 0px -350px;
}

#navi li.menu7 a:hover {
	background:url(../img/menu.gif) no-repeat -130px -350px;
}

/*-------------------------------------------------
Main
-------------------------------------------------*/

#mainwrap {
	background:url(../img/main_bg.jpg) no-repeat;
}

/*IE6対策*/
*html #mainwrap{
	float:left;
}

#main {
	margin:0px 70px 0px 40px;
}

/*-------------------------------------------------
Contents
-------------------------------------------------*/

#contents {
	float:right;
	width:580px;
	min-height:500px;
}

#contents h2{
	font-size:100%;
	color:#000066;
	background:url(../img/h2_bg.gif) no-repeat;
	padding:0px 0px 5px 0px;
	height:30px;
}

#contents h3{
	font-size:90%;
	color:#006699;
	background:url(../img/h3_bg.gif) no-repeat;
	margin:20px 0px 0px 0px;
	clear:both;
}

#contents h4{
	font-size:90%;
	color:#993366;
	background:url(../img/h4_bg.gif) no-repeat;
	margin:20px 0px 0px 0px;
}

#contents h5{
	font-size:85%;
	color:#660033;
	margin:0px 0px 0px 0px;
}

#contents h6{
	font-size:85%;
	color:#000099;
}

#contents p{
	font-size:82%;
	margin:10px 0px 10px 0px;
}

#contents .fclear{
	clear:both;
}

#contents img.fleft{
	float:left;
	border-right:20px solid #FFFFFF;
	border-bottom:20px solid #FFFFFF;
}

#contents img.fright{
	float:right;
	border-left:20px solid #FFFFFF;
	border-bottom:20px solid #FFFFFF;
}

#contents span.pagetop{
	font-size:72%;
	margin:10px 0px 10px 420px;
}

#contents span.rightmenu{
	font-size:72%;
	margin:10px 0px 10px 250px;
}

#contents span.green{
	color:#006666;
	font-weight:bold;
}

#contents .gray{
	background-color:#EEEEEE;
	padding:15px;
	border:1px solid #CCCCCC;
	display:block;
}

#contents span.ruby{
	font-size:65%;
	margin-left:50px;
}

#contents ul{
	font-size:82%;
	margin:0px 0px 20px 0px;
}

#contents li{
	margin:10px 0px 0px 0px;
}

#contents ul.blogstyle{
}

#contents ul.blogstyle li{
	list-style:disc;
	margin:10px 0px 0px 18px;
}


#contents ul.reserch{
}

#contents ul.reserch li{
	background-color:#DEFBFE;
	padding:5px 10px;
}

#contents ul.seminer{
}

#contents ul.seminer li{
	background-color:#FFFFD9;
	padding:5px 10px;
}

/*ブログの最新の記事を表示のスタイル*/
p.allList {
	text-align:center;
}

/*ブログの一覧へ、前の記事、後の記事へのリンクのスタイル*/
#contents ul#entryNavi {
	min-height:30px;
	background:#FFF;
}

#contents li.oldList {
	float:left;
	text-align:left;
	width:35%;
	background:#FFF;
}

#contents li.newList {
	float:right;
	text-align:right;
	width:35%;
	background:#FFF;
}

#contents li.allList {
	float:left;
	text-align:center;
	width:18%;
	background:#FFF;
}

#contents hr{
	clear:both;
	margin-bottom:20px;
	border:1px solid #DDD;
}

#contents hr.whiteline{
	clear:both;
	margin-bottom:20px;
	border:1px solid #FFF;
}

/*スタッフ一覧のスタイル*/
#contents div.staff{
	width:558px;
	border:1px solid #CCCCCC;
	padding:10px;
	margin:10px 0px 10px 0px;
	min-height:145px;
	clear:both;
}

#contents div.staff img{
	float:left;
	border-right:20px solid #FFFFFF;
	border-bottom:30px solid #FFFFFF;
}

#contents div.staff table{
	border-collapse:collapse;
	border:1px solid #568CB3;
	width:180px;
	float:right;
	font-size:78%;
}

#contents div.staff th{
	background-color:#B0D9E9;
	border:1px solid #568CB3;
	text-align:center;
}

#contents div.staff td{
	text-align:center;
	line-height:180%;
	vertical-align:top;
}

#contents div.staff2{
	width:428px;
	border:1px solid #CCCCCC;
	padding:10px;
	margin:10px 0px 10px 130px;
	min-height:135px;
}

#contents div.staff2 table{
	border-collapse:collapse;
	border:1px solid #568CB3;
	width:180px;
	float:right;
	font-size:78%;
}

#contents div.staff2 th{
	background-color:#B0D9E9;
	border:1px solid #568CB3;
	text-align:center;
}

#contents div.staff2 td{
	text-align:center;
	line-height:180%;
	vertical-align:top;
}

/*勉強会スケジュールのテーブルのスタイル*/

#contents table.study{
	font-size:82%;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}

#contents table.study td{
	border-bottom:1px solid #DDDDDD;
	vertical-align:top;
}

tr.even{
	background-color:#D9EDEE;
}

td.even{
	background-color:#D9EDEE;
}

/*お申込フォームスタイル*/
table.recform{
	border:1px solid #0687BE;
	border-collapse:collapse;
	margin:20px 0px 20px 0px;
	font-size:0.8em;
}

table.recform td{
	border:1px solid #0687BE;
	padding:10px;
}

table.recform th{
	border:1px solid #0687BE;
	padding:10px;
	background:#CAEDF4;
}

.required{
	color:#F00;
}

.errormessage{
	color:#F00;
}

.centerp {
	text-align:center;
}

/*new entityスタイル*/

dl.entitydl{
	font-size:82%;
	margin:0px 0px 20px 0px;
}

dl.entitydl dt{
	margin:10px 0px 0px 0px;
	padding:5px 10px;
}

dl.entitydl dd{
	margin:10px 0px 20px 0px;
	padding:15px 10px 15px 10px;
	background-color:#EFFFFF;
}

span.smallt {
	font-size:80%;
}

/*ブログ用のサイドバースタイル*/

div.rightside {
	float:right;
	width:200px;
}

div.rightside table{
	margin:0px 0px 0px 30px;
}

div.leftside {
	float:left;
	width:360px;
}

#contents hr.clearlilne {
	border:1px solid #fff;
	clear:both;
}

p.blogdate {
	text-align:right;
	margin-right:10px;
	clear:both;
}

/*-------------------------------------------------
Footer
-------------------------------------------------*/
#footerwrap {
	background:url(../img/footer_bg.gif) repeat-x;
	height:60px;
}

#footer {
	width:880px;
	height:60px;
	background:url(../img/footer.jpg) no-repeat;
	margin:0px auto;
	text-indent:-1000em;
}

/*汎用テキスト　2010.02追加*/
.righttext {
	text-align:right;
}

/*番号付きリスト　2010.02追加*/
ol.seminerol {
	font-size:82%;
	list-style:decimal;
	margin-left:20px;
}

ol.seminerol li {
	list-style:decimal;
}

/*おくづけなど用　2010.02追加*/
p.oku {
	padding:20px;
	background:#d8ecf4;
	margin:10px;
}

/*汎用テーブルスタイル　2011.03追加*/

table.simpletable{
	border:1px solid #0687BE;
	border-collapse:collapse;
	margin:5px 0px 10px 0px;
	font-size:0.8em;
}

table.simpletable td{
	border:1px solid #0687BE;
	padding:8px;
}

table.simpletable th{
	border:1px solid #0687BE;
	padding:8px;
	background:#CAEDF4;
}

/*強調　2011.03追加*/
strong {
	font-size:130%;
	line-height:180%;
}