/*@charset "Shift_JIS";*/

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*bodyのスタイル*/

body {
	background:#ffffff;
	font-size:15px;
	line-height:1.5;
}

/*containerのスタイル*/

div#container {
	width:800px;
	margin:0 auto;
	background:#FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

/*h1のスタイル*/

h1 {
	font-size:12px;
	padding: 10px;
	text-align: left;
	color:#999999;
}

strong{
	font-weight:bold;
	color:#990000;
}
em{
	font-weight:bold;
}

.message{
	font-weight:bold;
	color:#990000;
	font-size:18px;
}
.wide{
	line-height:1.45em;
	margin-top:40px;
	margin-bottom:5px;
	padding:0 15px 20px 15px;
}
.phtoleft{
	margin-left:5px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}
.pict01{
	position: absolute;
	top: 20px;
	left: 20px;
	zindex:1;
}
.pict02{
	position: absolute;
	top: 20px;
	left: 130px;
	zindex:1;
}
.pict03{
	position: absolute;
	top: 20px;
	left: 130px;
	zindex:1;
}
/*headerのスタイル*/

div#header {
	width:800px;
	height:181px;
	background:url(../img/head.jpg) no-repeat;
}

div#header p#header_logo a {
	display:block;
	width:500px;
	height:150px;
	text-indent:-9999px;
	/*\*/
	overflow:hidden;
	margin-left: 10px;
	margin-top:20px;
	/**/
}

div#header p#header_logo {
	float:left;
}

div#header div#header_etc {
	float:left;
	width:550px;
	height:74px;
	text-indent:-9999px;
}

div#global {
	height:38px;
	padding: 0px;
	width: 800px;
}

div#global h2 {
	float:left;
	width:0;
	height:1px;
	text-indent:-9999px;
	overflow:hidden;
	line-height: 1px;
}
div#global ul {
	padding: 0px;
}
div#global ul li {
	float:left;
	margin: 0px;
	padding: 0px;
	display: inline;
}

div#global ul li a {
	display:block;
	height:38px;
	text-indent:-9999px;
	/*\*/
	overflow: hidden;
	/**/
}

div#global ul li#global01 {
	width: 160px;
}
div#global ul li#global02 {
	width: 160px;
}
div#global ul li#global03 {
	width: 160px;
}
div#global ul li#global04 {
	width: 160px;
}
div#global ul li#global05 {
	width: 160px;
}

div#global ul li#global01 a {
	background:url(../img/menu01.jpg) no-repeat center center;
}
div#global ul li#global02 a {
	background:url(../img/menu02.jpg) no-repeat center center;
}
div#global ul li#global03 a {
	background:url(../img/menu03.jpg) no-repeat center center;
}
div#global ul li#global04 a {
	background:url(../img/menu04.jpg) no-repeat center center;
}
div#global ul li#global05 a {
	background:url(../img/menu05.jpg) no-repeat center center;
}



/*after擬似クラス使用によるfirefoxの背景画像回り込み対策*/
div#wrapper:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

/*wrapperのスタイル*/

div#wrapper {
	width:800px;
}

*html div#wrapper {
	width:800px;
	float:left;
}

/*mainのスタイル*/

div#main {
	float:right;
	width:560px;
	margin:0;
	background:white;
	padding-right: 15px;
	padding-bottom: 30px;
}

div#main  p{
	line-height:1.45em;
	margin-bottom:5px;
	padding:0 15px 20px 15px;
}

div#main  p.banner{
	line-height:1.45em;
	margin-bottom:5px;
	padding:15px;
	text-align:center;
}

/*セミナーのスタイル*/
div#main div#seminor{
	width:560px;
	border:1px solid #247767;
	margin-top:15px;
	margin-bottom:15px;
}

div#main div#seminor h2{
	width:548px;
	height:30px;
	background:url(../img/index/title_semiinfo.jpg) no-repeat;
	margin-top:5px;
	margin-bottom:10px;
	text-indent:-9999px;
	margin-left:5px;
}
div#main div#seminor h2#reporttitle{
	width:548px;
	height:30px;
	background:url(../img/freerepo/title_freerepo.jpg) no-repeat;
	margin-top:5px;
	margin-bottom:10px;
	text-indent:-9999px;
	margin-left:5px;
}

div#main div#seminor div#suchedule{
	width:540px;
	margin-left:9px;
	margin-bottom:10px;
}
div#main div#seminor div#suchedule h3{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	color:#EA5506;
}
div#main div#seminor div#suchedule p{
	line-height:1.45em;
	margin-bottom:5px;
	margin-left:0px;
}
table#seminorhyo{
	border-collapse:collapse;
}
table#seminorhyo table,th,td{
	border:1px solid #CCCCCC;
	padding:5px;
	text-align:center;
}	
table#seminorhyo th{
	background:#E6EAE3;
}
table#seminorhyo td.koumoku{
	background:#F4EFD2;
	font-weight:bold;
}
table#seminorhyo td.jyokyuseminor{
	text-align:right;
}
table#seminorhyo td.submit{
	text-align:center;
}
div#main div.seminorsyousai div#nittei{
	width:400px;
	margin-left:70px;
	margin-bottom:10px;
}
div#main div#seminor div.seminorsyousai{
	border-collapse:collapse;
}

div#main div#seminor div.seminorsyousai th,td{
	border:1px solid #CCCCCC;
	padding:5px;
	text-align:left;
}	
div#main div#seminor div.seminorsyousai th{
	background:#E6EAE3;
}


/*メルマガのスタイル*/
div#main div#merumaga{
	width:560px;
	border:1px solid #247767;
	margin-top:15px;
	margin-bottom:15px;
}

div#main div#merumaga h2{
	width:548px;
	height:30px;
	background:url(../img/index/title_merumaga.jpg) no-repeat;
	margin-top:5px;
	margin-bottom:10px;
	text-indent:-9999px;
	margin-left:5px;
}
div#main div#merumaga p.magumagu{
	text-align:right;
	padding-right:8px;
	font-size:13px;
}
div#main div#merumaga div#merumagatouroku{
	width:400px;
	margin-left:80px;
	margin-bottom:10px;
	margin-top:10px;
}
/*メインコンテンツのスタイル*/
div#main div#contentA{
	width:560px;
	border:1px solid #247767;
	margin-top:15px;
	margin-bottom:15px;
}
div#main div#contentA h2{
	width:560px;
	height:117px;
	margin-bottom:5px;
	background:url(../img/index/txt01.jpg) no-repeat;
	text-indent:-9999px;
}
div#main div#contentA p{
	line-height:1.45em;
	margin-bottom:5px;
	padding:0 15px 20px 15px;
}
div#main div#contentA p.kugiri{
	line-height:1.45em;
	margin-top:40px;
	margin-bottom:5px;
	padding:0 15px 20px 15px;
}
div#main div#contentA h3#txt02{
	width:439px;
	height:63px;
	text-indent:-9999px;
	background:url(../img/index/txt02.gif) no-repeat;
	margin-left:60px;
	margin-bottom:40px;
	margin-top:40px;
}
div#main div#contentA h3#txt03{
	width:224px;
	height:25px;
	text-indent:-9999px;
	background:url(../img/index/txt03.gif) no-repeat;
	margin-bottom:30px;
	margin-top:30px;
	margin-left:15px;
}
div#main div#contentA h3#txt04{
	width:371px;
	height:25px;
	text-indent:-9999px;
	background:url(../img/index/txt04.gif) no-repeat;
	margin-bottom:30px;
	margin-top:30px;
	margin-left:15px;
}
div#main div#contentA div.seminorBn{
	width:500px;
	text-align:center;
	margin:0 auto;
	padding:10px 0 25px 0;
}
div#main div#contentA div.riyourei{
	width:500px;
	text-align:left;
	margin-left:30px;
	margin-bottom:20px;
	margin-top:45px;
	border:1px dotted #999999;
}
div#main div#contentA div.riyourei p{
	line-height:1.45em;
	margin-bottom:5px;
	padding:10px;
}

div#main div#contentA div.mondai{
	width:535px;
	margin-left:15px;
}
div#main div#contentA div.mondai ul{
	list-style:none;
	margin-bottom:20px;
}
div#main div#contentA div.mondai li{
	line-height:1.45em;
	font-weight:bold;
	margin-bottom:10px;
}
div#main div#contentA div.mondai li.bred{
	height:27px;
	background:url(../img/index/bread01.gif) no-repeat;
    background-position: left center;
 	padding: 30px 10px 5px 45px;
 	margin-bottom:0.25em;
	margin-left:35px;
	list-style-position:inside;
	line-height:1.0em;
	vertical-align:middle;
	text-align:left;
}


/*footerのスタイル*/

div#footer {
	clear:both;
	width:800px;
	margin:0 auto;
}
div#footer div#footer_menu {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#footer div#footer_menu ul {
	list-style-type:none;
	text-align:center;
	color: #999999;
}
div#footer div#footer_menu ul li {
	display:inline;
	margin:3px 3px 3px 0px;
	line-height:1.4;
	font-size:12px;
}

div#footer div#footer_menu ul li a {
	white-space: nowrap;
	color: #999999;
	text-decoration: none;
	font-size: 12px;
	margin-right: 3px;
}
div#footer div#footer_menu ul li a:hover {
	color: #006C59;
}


div#copyright {
	width:800px;
	text-align:center;
	color: #999999;
	font-size: 12px;
	padding-top:15px;
	padding-bottom:15px;
	margin:0 auto;
}


/*サイドメニューのスタイル*/

div#side {
	float:left;
	width:190px;
	padding-left: 10px;
}
div.sidebanner{
	margin-top:15px;
	margin-bottom:15px;
	width:180px;
}
div.sidebanner h2{
	width:180px;
}

div#book{
	width:175px;
	border:1px #237666 solid;
	margin-bottom:15px;
	padding-left: 5px;
}
div#book h2{
	background:url(../img/left01.jpg) no-repeat;
	width:170px;
	height:25px;
	text-indent:-9999px;
	margin-top:8px;
	margin-bottom:15px;
}
div#book h3{
	width:170px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px dotted #999999;
	padding-bottom:3px;
	color:#666666;
	margin-bottom:8px;
	line-height:1.25em;
	font-size:13px;
}
div#book p.syoseki{
	text-align:center;
	margin-bottom:50px;
}

div#cate{
	margin-top:15px;
	margin-bottom:20px;
	width:180px;
}
div#cate ul  {
	width:180px;
	list-style:none;
	text-indent:-9999px;
	marign-bottom:15px;
}
div#cate li#navi01{
	width:180px;
	height:30px;
	background:url(../img/left02.jpg) no-repeat left top;
	margin-bottom:10px;
}
div#cate li#navi02{
	width:180px;
	height:30px;
	background:url(../img/left03.jpg) no-repeat left top;
	margin-bottom:10px;
}
div#cate li#navi03{
	width:180px;
	height:30px;
	background:url(../img/left04.jpg) no-repeat left top;
	margin-bottom:10px;
}
div#cate  ul li a {
	display:block;
	width:180px;
	height:30px;
	overflow: hidden;
}
/*リモート・ビューイングのスタイル*/

div#main div#remort{
	width:560px;
	border:1px solid #247767;
	margin-top:15px;
	margin-bottom:15px;
}
div#main div#remort h2{
	width:548px;
	height:30px;
	background:url(../img/remortvewing/title_remort.jpg) no-repeat;
	margin-top:5px;
	margin-bottom:20px;
	text-indent:-9999px;
	margin-left:5px;
}

div#main div#remort h3{
	fonto-size:16px;
	margin-bottom:30px;
	margin-top:20px;
	margin-left:30px;
	color:#3366CC;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	width:500px;
	padding-bottom:3px;
	padding-top:3px;
}

/*セミナーのスタイル　seminor.html*/
div#main div#seminor h3{
	fonto-size:16px;
	margin-top:20px;
	margin-bottom:10px;
	color:#EA5506;
	font-weight:bold;
}
div#main div#seminor dt{
	font-weight:bold;
	margin-bottom:10px;
	margin-left:5px;
}
div#main div#seminor dd{
	margin-bottom:10px;
	margin-left:10px;
}
div#main div#seminor div.seminorsyousai{
	width:540px;
	margin-left:9px;
	margin-bottom:10px;
	margin-top:20px;
}

div#main div#seminor div.seminorsyousai h3{
	fonto-size:16px;
	margin-bottom:30px;
	margin-top:1px;
	color:#3366CC;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
div#main div#seminor div.seminorsyousai h4{
	width:520px;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:10px;
	border-bottom:2px dotted #999999; 
}
div#main div#seminor div.seminorsyousai h5{
	width:520px;
	margin-bottom:10px;
	margin-left:10px;
	color:#009966;
	font-weight:bold;
	font-size:16px;
}
div#main div#seminor div.seminorsyousai dl{
	margin-bottom:15px;
}

div#main div#seminor div.seminorsyousai dt{
	width:520px;
	margin-bottom:10px;
	margin-left:10px;
	font-weight:bold;

}
div#main div#seminor div.seminorsyousai dd{
	width:505px;
	margin-bottom:25px;
	margin-left:15px;
	margin-right:20px;
}
div#main div#seminor div.seminorsyousai ul{
	margin-bottom:15px;
	margin-left:10px;
	list-style:none;
	padding-bottom:15px;
}
div#main div#seminor div.seminorsyousai ol{
	margin-bottom:15px;
	margin-left:10px;
}

div#main div#seminor div.seminorsyousai li{
	margin-bottom:8px;
	margin-left:25px;
	line-height:1.20em;
	list-style-position:inside;
}


/*教材のスタイル　meruma.html*/

div#main #kyouzai{
	width:560px;
	margin-bottom:20px;
	margin-left:5px;
	padding-top:15px;
}

div#main #kyouzai h2#kyouzaititle{
	margin-left:1px;
	margin-bottom:40px;
	background:url(../img/merumaga/title_kyozai.jpg) no-repeat;
	width:548px;
	height:30px;
	text-indent:-9999px;
}

div#main #kyouzai h2#kyouzai01{
	margin-left:25px;
	margin-bottom:40px;
	background:url(../img/merumaga/bn_kyozai01.jpg) no-repeat;
	width:500px;
	height:85px;
	text-indent:-9999px;
}
div#main #kyouzai h2#kyouzai02{
	margin-left:25px;
	margin-bottom:40px;
	background:url(../img/merumaga/bn_kyozai02.jpg) no-repeat;
	width:500px;
	height:85px;
	text-indent:-9999px;
}
div#main #kyouzai h2#kyouzai03{
	margin-left:25px;
	margin-bottom:40px;
	background:url(../img/merumaga/bn_kyozai03.jpg) no-repeat;
	width:500px;
	height:85px;
	text-indent:-9999px;
}
div#main  #kyouzai h2 a {
	display:block;
	width:500px;
	height:85px;
	overflow: hidden;
}
/*教材のスタイル　chokkan.html*/

div#main #contentA #chokkan{
	width:560px;
	margin-bottom:20px;
	margin-left:5px;
	padding-top:15px;
}

div#main #contentA  #chokkan h2{
	background:url(../img/chokkan/chokkantxt01.gif) no-repeat;
	width:521px;
	height:130px;
	margin-bottom:40px;
	margin-left:10px;
	padding-top:15px;
	text-indent:-9999px;
}
div#main #contentA  #chokkan h3{
	background:url(../img/chokkan/chokkantxt02.gif) no-repeat;
	width:491px;
	height:82px;
	margin-bottom:40px;
	margin-left:35px;
	padding-top:15px;
	text-indent:-9999px;
}
div#main #contentA  #chokkan ul{
	margin-top:10px;
	margin-bottom:15px;
	margin-left:30px;
}
div#main #contentA  #chokkan li{
	list-style-position:inside;
	list-style:square;
	line-height:1.45em;
}
div#main #contentA  #chokkan h4{
	margin-bottom:40px;
	margin-left:10px;
	padding-top:15px;
}
div#main #contentA  #chokkan div.kaiwa{
	margin-bottom:40px;
	margin-left:25px;
	padding-top:15px;
	width:500px;
}
div#main #contentA  #chokkan div.kaiwa p.inyo{
	border-bottom:dotted 1px #999999;
}
div#main #contentA div#chokkanorder{
	width:450px;
	margin-bottom:20px;
	margin-left:50px;
	border:2px solid #CCCCCC;
	padding:10px;
}
div#main #contentA div#chokkanorder p{
	text-align:center;
	line-height:1.45em;
	margin-bottom:10px;
}
/*プロフィールのスタイル*/

div#main div#profile{
	width:560px;
	border:1px solid #247767;
	margin-top:15px;
	margin-bottom:15px;
}
div#main div#profile h2{
	width:548px;
	height:30px;
	background:url(../img/profile/title_prof.jpg) no-repeat;
	margin-top:5px;
	margin-bottom:20px;
	text-indent:-9999px;
	margin-left:5px;
}
div#main div#profile img.left{
	float:left;
	padding:10px 15px 5px 5px;	
}
div#main div#profile p.intro{
	line-height:1.45em;
	margin-bottom:5px;
	padding:0 15px 20px 0;
}
div#main div#profile h3{
	fonto-size:16px;
	margin-bottom:30px;
	margin-top:20px;
	margin-left:30px;
	color:#3366CC;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	width:500px;
	padding-bottom:3px;
	padding-top:3px;
}
div#main div#profile div.douga{
	width:320px;
	margin:15px 0 25px 120px;
	border:1px solid #CCCCCC;
	padding:5px;
}