@charset "utf-8";

body  {
	font-size: 0.875em;
	line-height: 1.4em;
	color: #333333;
	/*text-align: center;*/
	margin-top: 0px;
	margin-bottom: 16px;
	margin-left:0px;
	margin-right:0px;
	background-color: #FFFFFF;
	background-image: url(../parts/top-bg.gif);
	background-repeat: repeat-x;
}

/*a { color:#0033FF;}
a:visited { color:#0033FF;}
a:hover { color:#33FFFF;}
a:active { color:#33FFFF;}*/
form {
	margin:0px;
	padding:0px;
}
input.inputSubmitBut {
	background-color:#eeeeee;
	border: solid 1px #999999;
	margin:4px;
}
input.inputSubmitButLarge {
	font-size:larger;
	background-color:#ffeeee;
	border: solid 1px #ff0000;
	margin:4px;
	padding:8px;
	font-weight:900;
}


#wrapper {
	width: 100%;
	text-align:center;
}

/*////　ヘッダ　////*/
#head {
	/*border:solid #ff0000 1px;*/
	width: 840px;
	height:90px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}
#head h1 {
	float:left;
	background-image: url(../parts/top-logo.gif);
	background-repeat:no-repeat;
	margin-top:12px;
}
#head h1 a {
	width:350px;
	height:61px;
	display: block;
	overflow:hidden;
	text-indent: -10000px;
}
#head #subMenu {
	float:right;
	width:400px;
	text-align:right;
}
#head #subMenu ul {
	list-style:none;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
}
#head #subMenu ul li {
    list-style:none;
	float:left;
    width:100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#head #subMenu ul li a.submenu1 {
    display:block;
    width:100px;
    height:30px;
	background-image:url(../parts/but-sitemap.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#head #subMenu ul li a.submenu2 {
    display:block;
    width:100px;
    height:30px;
	background-image:url(../parts/but-otoi.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#head #subMenu ul li a span{
	display:none;
}
#head #subMenu #search {
	clear:both;
	padding-top:16px;
	font-size:x-small;
}


/*////　ボタン　////*/
#but {
	clear:both;
	width: 100%;
	height:63px;
	background-image: url(../parts/but-bg.gif);
	background-repeat: repeat-x;
	text-align:center;
	margin:0px;
	padding:0px;
}
#but #butArea {
	/*border:solid #00ffff 1px;*/
	background-image: url(../parts/but-bg2.gif);
	background-repeat:no-repeat;
	background-position: bottom;
	width: 848px;
	height:63px;
	margin-right: auto;
	margin-left: auto;
}
#but #butArea ul#menu{
	list-style:none;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
}
#but #butArea ul#menu li.top{
    list-style:none;
	float:left;
    width:66px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#but #butArea ul#menu li{
    list-style:none;
	float:left;
    width:110px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#but #butArea ul#menu a.but01{
    display:block;
    width:66px;
    height:63px;
	background-image:url(../parts/but-01a.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#but #butArea ul#menu a.but02{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-02a.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#but #butArea ul#menu a:hover.but02{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-02a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a.but03{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-03a.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#but #butArea ul#menu a:hover.but03{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-03a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a.but04{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-04a.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#but #butArea ul#menu a:hover.but04{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-04a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a.but05{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-05a.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#but #butArea ul#menu a:hover.but05{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-05a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a.but06{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-06a.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#but #butArea ul#menu a:hover.but06{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-06a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a.but07{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-07a.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#but #butArea ul#menu a:hover.but07{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-07a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu span{
	display:none;
}

#but #butArea ul#menu a.but02on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-02a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a:hover.but02on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-02a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a.but03on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-03a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a:hover.but03on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-03a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a.but04on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-04a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a:hover.but04on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-04a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a.but05on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-05a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a:hover.but05on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-05a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a.but06on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-06a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a:hover.but06on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-06a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a.but07on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-07a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}
#but #butArea ul#menu a:hover.but07on{
    display:block;
    width:110px;
    height:63px;
	background-image:url(../parts/but-07a.gif);
	background-repeat:no-repeat;
	background-position:0px -63px;
}

/*////　メイン　////*/
#main {
	/*border:solid #00ff00 1px;*/
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	width: 848px;
	background-image: url(../parts/main-bg.gif);
	background-repeat: repeat-y;
}
#main div.marg1 {
	padding:16px;
}
#main div.foot {
	clear:both;
	height:54px;
	background-image: url(../parts/main-foot-bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#main div#topBanner {
	float:left;
	text-align:left;
	width:628px;
	height:200px;
	background-color:#e8e8e8;
	margin-bottom:8px;
}
#main div#topBanner img {
	border:none 0px #ffffff;
}

div#mainBut {
	float:right;
	width:182px;
	background-color:#e8e8e8;
	margin-bottom:8px;
	margin-left:4px;
	border-width:0px 0px 1px 1px;
	border-style:solid;
	border-color:#FFFFFF;
}
div#mainBut ul.mb {
	list-style:none;
	margin: 6px;
	padding: 0px 0px 0px 0px;
}
div#mainBut ul.mb li {
    list-style:none;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	font-size:0px;
	line-height:0px;
}
div#mainBut ul.mb li a.mb01 {
    display:block;
	width:170px;
	height:66px;
	background-image: url(../parts/but-otoi2.gif);
	background-repeat:no-repeat;
}
div#mainBut ul.mb li a.mb02 {
    display:block;
	width:170px;
	height:54px;
	background-image: url(../parts/but-nyukai.gif);
	background-repeat:no-repeat;
}
div#mainBut ul.mb li a.mb03 {
    display:block;
	width:170px;
	height:54px;
	background-image: url(../parts/but-annai.gif);
	background-repeat:no-repeat;
}
div#mainBut ul.mb li a span {
    display:none;
}
div#mainBut ul.navBut {
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#ffffff #cccccc #cccccc #cccccc;	
	list-style:none;
	margin: 6px;
	padding: 0px 0px 0px 0px;
	background-image: url(../parts/but-bg3.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
div#mainBut ul.navBut li {
	margin:0px;
	padding:0px;
    list-style:none;
}
div#mainBut ul.navBut li.top {
	margin: 0px 0px 6px 0px;
	padding:6px;
	border-left:solid 4px #d10000;
	font-size:larger;
}
div#mainBut ul.navBut li.ctTop {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 6px;
	border-left:solid 4px #d10000;
	font-size:smaller;
}
div#mainBut ul.navBut li.ctTop2 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 6px;
	border-left:solid 4px #666666;
	font-size:smaller;
}
div#mainBut ul.navBut li.icon02 {
	margin: 0px 0px 6px 6px;
	padding: 0px 0px 0px 12px;
	font-size:smaller;
	background-image: url(../parts/icon02.gif);
	background-repeat:no-repeat;
	background-position:0em 0.3em;
}
div#mainBut ul.navBut li a {
	text-decoration:none;
	color:#333333;
}
div#mainBut ul.navBut li a:hover {
	text-decoration:none;
	color:#FF6666;
}

#main div#course {
	float:left;
	margin-top:16px;
	text-align:left;
	width:400px;
}
#main div#course ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#main div#course ul li {
	float:left;
    list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:0px;
	line-height:0px;
}
#main div#course ul li a.course01 {
    display:block;
	width:192px;
	height:49px;
	background-image: url(../parts/course01.gif);
	background-repeat:no-repeat;
	margin: 8px 4px 4px 0px;
}
#main div#course ul li a.course02 {
    display:block;
	width:192px;
	height:49px;
	background-image: url(../parts/course02.gif);
	background-repeat:no-repeat;
	margin: 8px 0px 4px 4px;
}
#main div#course ul li a.course03 {
    display:block;
	width:192px;
	height:49px;
	background-image: url(../parts/course03.gif);
	background-repeat:no-repeat;
	margin: 4px 4px 4px 0px;
}
#main div#course ul li a.course04 {
    display:block;
	width:192px;
	height:49px;
	background-image: url(../parts/course04.gif);
	background-repeat:no-repeat;
	margin: 4px 0px 4px 4px;
}
#main div#course img.osusume {
    margin-top:4px;
}
#main div#news {
	float:right;
	margin-top:16px;
	text-align:left;
	width:400px;
}
#main div#news dl {
	font-size:12px;
	line-height:1.4em;
	/*font-size:x-small;*/
	margin:8px 0px 0px 0px;
}
#main div#news dl dt {
	float:left;
	clear:both;
	/*width:105px;*/
	font-weight:900;
}
#main div#news dl dd {
	/*margin-left:105px;*/
	margin-left:6em;
}

#main div#hajimete {
	clear:both;
	width:816px;
	height:108px;
	background-image: url(../parts/buts-hajimete.gif);
	background-repeat:no-repeat;
}
#main div#hajimete h2 {
	float:left;
	/*display:none;*/
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
}
#main div#hajimete h2 a {
	width:128px;
	height:33px;
	display: block;
	overflow:hidden;
	text-indent: -10000px;
}
#main div#hajimete ul {
	clear:both;
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#main div#hajimete ul li {
	float:left;
    list-style:none;
	padding: 0px 0px 0px 0px;
}
#main div#hajimete ul li a.haji01 {
	margin: 0px 7px 7px 7px;
    display:block;
	width:190px;
	height:68px;
}
#main div#hajimete ul li a:hover.haji01 {
	margin: 0px 7px 7px 7px;
    display:block;
	width:190px;
	height:68px;
	background-image:url(../parts/buts-hajimete01.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#main div#hajimete ul li a.haji02 {
	margin: 0px 7px 7px 7px;
    display:block;
	width:190px;
	height:68px;
}
#main div#hajimete ul li a:hover.haji02 {
	margin: 0px 7px 7px 7px;
    display:block;
	width:190px;
	height:68px;
	background-image:url(../parts/buts-hajimete02.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#main div#hajimete ul li a.haji03 {
	margin: 0px 7px 7px 7px;
    display:block;
	width:190px;
	height:68px;
}
#main div#hajimete ul li a:hover.haji03 {
	margin: 0px 7px 7px 7px;
    display:block;
	width:190px;
	height:68px;
	background-image:url(../parts/buts-hajimete03.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#main div#hajimete ul li a.haji04 {
	margin: 0px 7px 7px 7px;
    display:block;
	width:190px;
	height:68px;
}
#main div#hajimete ul li a:hover.haji04 {
	margin: 0px 7px 7px 7px;
    display:block;
	width:190px;
	height:68px;
	background-image:url(../parts/buts-hajimete04.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#main div#hajimete ul li a span {
	display:none;
}

#main div.back {
	text-align:left;
	margin-top:4px;
	margin-bottom:4px;
	font-size:smaller;
	background-image:url(../parts/prev.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#main div.back a {
	display:block;
	width:100px;
	height:16px;
}
#main div.back a span{
	display:none;
}

/*////　フッタ　////*/
#foot {
	clear:both;
	margin-top:16px;
	margin-right: auto;
	margin-left: auto;
	width: 848px;
}
#foot div#leftDiv {
	/*border:solid #0000ff 1px;*/
	text-align:left;
	float:left;
	width:412px;
}
#foot div#rightDiv {
	text-align:left;
	float:right;
	width:427px;
}
#foot div#rightDiv #miNews {
	background-color:#f8f8f8;
	overflow:auto;
	height:200px;
	width:427px;
}
#foot div#rightDiv #miNews div.marg8px {
	margin:8px;
}
#foot div#rightDiv #miNews h3 {
	font-size:x-small;
	margin-top:0px;
	margin-bottom:0px;
}
#foot div#rightDiv #miNews ul {
	list-style:none;
	font-size:12px;
	line-height:1.4em;
	/*font-size:x-small;*/
	margin:0px 0px 0px 8px;
	padding:0px;
}
#foot div#rightDiv dl dt {
	float:left;
	clear:both;
	width:80px;
	font-weight:900;
}
#foot div#rightDiv dl dd {
	margin-left:80px;
}
#foot ul#footMenu {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#foot ul#footMenu li {
    list-style:none;
	float:left;
    width:100px;
	background-image: url(../parts/icon01.gif);
	background-repeat:no-repeat;
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 8px 0px;
	font-size:12px;
	line-height:1em;
	/*font-size:x-small;*/
	border-bottom:solid 1px #dddddd;
}
#foot ul#footMenu li a {
	margin-left:12px;
	text-decoration:none;
}
#foot ul#footMenu li.icon01 {
    list-style:none;
	float:left;
    width:400px;
	background-image: url(../parts/icon01.gif);
	background-repeat:no-repeat;
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 8px 0px;
	font-size:12px;
	line-height:1em;
	/*font-size:x-small;*/
	border-bottom:solid 1px #dddddd;
}
#foot ul#footMenu li.icon01 span {
	margin-left:12px;
	text-decoration:none;
}


/*////　その他共通　////*/
h2.img {
	margin:0px;
	padding:0px;
}
h2.img img {
	border:none 0px #ffffff;
}
h2.titleGray {
	background-color:#e8e8e8;
	width:626px;
	padding:12px 0px 12px 0px;
	margin:0px 0px 1em 0px;
	font-weight:100;
}
h2.titleGray span {
	background-color:#e8e8e8;
	padding:0px 12px 0px 12px;
	border-width: 0px 0px 0px 8px;
	border-style:solid;
	border-color:#d10000;
}
h3.img {
	margin:0px;
	padding:0px;
}
h3.img img {
	border:none 0px #ffffff;
}
.clearFloat{
	clear:both;
}
div.divRight {
	float:right;
}
div.divLeft {
	float:left;
}
div.divTextCenter {
	text-align:center;
}

div.pageTop {
	float:right;
	width:102px;
	height:54px;
	background-image: url(../parts/page-top.gif);
	background-repeat:no-repeat;
}
div.pageTop a {
    display:block;
	width:102px;
	height:54px;
}
div.pageTop a span {
	display:none;
}
span.dispNone {
	display:none;
}
.larger {
	font-size:larger;
}
.largerX {
	font-size:x-large;
}
.smaller {
	font-size:smaller;
}
h3.icon03 {
	padding-left:28px;
	padding-top:6px;
	padding-bottom:6px;
	background-image: url(../parts/icon03.gif);
	background-repeat:no-repeat;
	background-position:0.3em;
}
.backPink {
	background-color:#E45075;
	color:#FFFFCC;
	padding:4px;
}
.backPink2 {
	background-color:#FF99FF;
	padding:4px;
}
.backGray {
	background-color:#eeeeee;
	padding:4px 4px 4px 16px;
}
.redText {
	color:#ff0000;
}
.pinkText {
	color:#FF3366;
}
.blueText {
	color:#0033CC;
}
.greenText {
	color:#339900;
}
a.name {
	text-decoration:none;
}

div.button1 {
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
}
div.button1 a {
	color:#FF0033;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	font-weight:900;
	border:solid 1px #666666;
	background-color:#FFFFCC;
	padding:16px;
    display:block;
	text-decoration:none;
}
div.button1 a:hover {
	color:#ffffff;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	font-weight:900;
	border:solid 1px #666666;
	background-color:#FF9999;
	padding:16px;
    display:block;
	text-decoration:none;
}
div.button2 {
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
}
div.button2 a {
	color:#3366CC;
	width:240px;
	margin-left:auto;
	margin-right:auto;
	font-weight:900;
	border:solid 1px #666666;
	background-color:#eeeeee;
	padding:4px;
    display:block;
	text-decoration:none;
}
div.button2 a:hover {
	color:#ffffff;
	width:240px;
	margin-left:auto;
	margin-right:auto;
	font-weight:900;
	border:solid 1px #666666;
	background-color:#3366CC;
	padding:4px;
    display:block;
	text-decoration:none;
}
.kakomiText {
	padding:8px;
	border:solid 1px #ff9999;
	background-color:#ffeeee;
}
.kakomiText2 {
	padding:8px;
	border:solid 1px #999999;
	background-color:#FFFFdd;
}

img.imgBorder0 {
	border:none 0px #ffffff;
}
img.imgMargMid {
	border:none 0px #ffffff;
	margin:4px;
	vertical-align:middle;
}
img.imgMarg {
	border:none 0px #ffffff;
	margin:4px;
}
img.imgMargL {
	border:none 0px #ffffff;
	margin:4px;
	float:left;
}
img.imgMargR {
	border:none 0px #ffffff;
	margin:4px;
	float:right;
}

.marg2 {
	margin-left:16px;
}

dt.dtBoldbgPink {
	font-weight:900;
	margin-top:16px;
	margin-bottom:4px;
	padding:4px;
	background-color:#FFCCFF;
}
dt.dtBoldbgRed {
	font-weight:900;
	margin-top:16px;
	margin-bottom:4px;
	padding:4px;
	background-color:#CC0000;
	color:#FFFFFF;
}

.hosoji{
	font-weight:100;
}
.futoji{
	font-weight:900;
}

table.tableBorder1{
	border-collapse:collapse;
	border:solid 1px #999999;
	margin:2px;
}
table.tableBorder1 td{
	padding:4px;
	border:solid 1px #999999;
}
td.tdBgYellow{
	background-color:#FFFF99;
}
td.tdBgPink{
	background-color:#FFCCFF;
}
td.tdBgSky{
	background-color:#ccffff;
}
td.tdBgGreen{
	background-color:#ccffcc;
}
td.tdTextCenter{
	text-align:center;
}
td.tdTextRight{
	text-align:right;
}

table.tableBorder1 th{
	padding:4px;
	border:solid 1px #999999;
	text-align:center;
}
th.thBgYellow{
	background-color:#FFFF99;
}
th.thBgGreen{
	background-color:#BEFFDC;
}
th.thBgPink{
	background-color:#FFCCFF;
}
th.thBgSky{
	background-color:#ccffff;
}
th.thTextLeft{
	text-align:left;
}
th.thTextRight{
	text-align:right;
}

blockquote.blockquoteKakomi {
	font-style:italic;
	padding:8px;
	border:solid 1px #cccccc;
	background-color:#eeeeee;	
}

.textAlignR {
	text-align:right;
}
.textAlignL {
	text-align:left;
}
.textAlignC {
	text-align:center;
}

li.liContents{
	list-style:none;
	background-image: url(../parts/icon02.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding-left:16px;
}
li.liContents a{
	text-decoration:none;
}
li.liContents a:hover{
	color:#FFFFFF;
	background-color:#FF0066;
}