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


body
 {
	font-family : Verdana, meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	margin: 0px;
	padding: 0px;
}
a:link {
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	color: #FF6600;
	text-decoration: none;
}
a:hover {
	color: #3C0;
	text-decoration: underline overline;
}
#head {
	margin-right: auto;
	margin-left: auto;
	width: 730px;
	position: relative;
}
#menu {
	width: 730px;
	margin-right: auto;
	margin-left: auto;
}


#footer {
	font-size: 10px;
	text-align: center;
	background-image: url(images/c-footer_41.gif);
	background-repeat: repeat-x;
	padding: 5px;
	height: 40px;
	width: 730px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

.side-name {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	float: left;
	width: 130px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#wrap #head-ti {
	margin: 0px;
	padding: 0px;
}
.side-text {
	font-size: 11px;
	line-height: 130%;
	padding-left: 5px;
	width: 130px;
	padding-bottom: 10px;
	clear: both;
	float: left;
	height: 65px;
}
.news-ti {
	width: 530px;
	float: left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
}
.line {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	float: left;
}
.date {
	font-size: 85%;
	font-weight: bold;
	color: #FF6600;
	float: left;
	clear: both;
	width: 10px;
	line-height: 100%;
	margin: 0px;
	padding: 5px 5px 3px 0px;
}
.date2 {
	font-size: 85%;
	font-weight: bold;
	color: #FF6600;
	float: left;
	clear: both;
	width: 20px;
	line-height: 100%;
	padding-top: 5px;
	padding-bottom: 3px;
	margin: 0px;
	padding-left: 0px;
	background-color: #F7E2CD;
}
.news-text {
	font-size: 85%;
	line-height: 2em;
	color: #666666;
	float: left;
	width: 510px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7F3EC;
}
.news-text3 {
	font-size: 85%;
	line-height: 130%;
	color: #666666;
	float: left;
	width: 510px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7F3EC;
}


.news-text2 {
	font-size: 85%;
	line-height: 150%;
	color: #666666;
	float: left;
	width: 510px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7F3EC;
}
.news-text3 {
	font-size: 85%;
	line-height: 150%;
	color: #666666;
	float: left;
	width: 620px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7F3EC;
	padding: 4px 20px;
}


#news {
	padding: 0px;
	float: left;
	width: 560px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#news ul {
	padding: 10px 0px 0px;
	margin: 0px 0px 0px 20px;
}
#news li {
	line-height: 120%;
	color: #666666;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #E48A48;
	margin-bottom: 10px;
	list-style: upper-alpha url(images/li-accent.gif) outside;
}
.news-bk {
	background-image: url(images/top-news-bk_17.jpg);
	background-repeat: no-repeat;
}
h1 {
	font-size: 10px;
	color: #FF6600;
	margin: 10px;
	padding: 0px 0px 0px 20px;
}
.hankachi-bk {
	background-image: url(images/l-bk2_25.gif);
	background-repeat: no-repeat;
}
#news #text {
	font-size: 82%;
	line-height: 150%;
	padding: 10px 10px 5px 0px;
	font-weight: bold;
}

#text-top {
	font-size: 90%;
	line-height: 2em;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #F8E9B0;
	margin-top: 15px;
	margin-right: 18px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-image: url(images/c-side-bk_20.jpg);
	border-top-width: 2px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F97519;
	border-right-color: #E17C33;
	border-bottom-color: #DE6E15;
	border-left-color: #FAA81B;
}


#wrap {
	width: 730px;
	position: relative;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}

#inner {
	width: 730px;
	background-color: #FFFFFF;
	float: left;
}
#wrap #side {
	float: right;
	width: 140px;
	padding-left: 5px;
	margin-bottom: auto;
	background-color: #F2F2F1;
}
#wrap #footer {
	width: 730px;
	height: 40px;
	float: left;
	clear: both;
	background-image: url(images/c-footer_41.gif);
	background-repeat: repeat-x;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
}
#wrap #main {
	padding: 10px 10px 10px 20px;
	width: 554px;
	background-color: #FFFFFF;
	float: left;
	background-image: url(images/l-bk2_25.gif);
	background-repeat: no-repeat;
	clear: both;
}
#wrap #main2 {
	padding: 10px 10px 10px 20px;
	width: 700px;
	background-color: #FFFFFF;
	float: left;
	background-image: url(images/l-bk2_25.gif);
	background-repeat: no-repeat;
	clear: both;
}
.text {
	font-size: 85%;
	line-height: 150%;
	color: #666666;
	width: 530px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(images/t-bk_38.jpg);
	background-repeat: no-repeat;
	clear: both;
}

#head-ti {
	position:absolute;
	left:69px;
	top:5px;
	width:653px;
	height:17px;
	z-index:1;
	font-size: 10px;
	color: #FFFFFF;
}
#wrap #menu {
	margin: 0px;
	padding: 0px;
	float: left;
}
#wrap #ti-pic {
	padding: 0px;
	float: left;
	width: 730px;
	background-color: #FFFFFF;
	margin: 0px;
}
#wrap #head {
	padding: 0px;
	float: left;
	width: 730px;
	background-color: #FFFFFF;
	margin: 0px;
}
.s-text {
	font-size: 85%;
	line-height: 150%;
}
.side-name2 {
	font-size: 12px;
	margin: 0px;
	float: left;
	width: 130px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.float-l {
	padding: 10px 5px 0px;
	float: left;
}
#list {
	font-size: 80%;
	line-height: 150%;
	color: #333333;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #66CC33;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 5px;
	width: 520px;
	/*	-moz-opacity:0.8; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/ 
/*	opacity:0.8; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
/*	filter:alpha(opacity=85); /* IE用透過設定（100に近づけるほど不透明）*/
	background-color: #FFFFFF;
	margin-bottom: 15px;
	padding-bottom: 15px;
	clear: both;
}
#side ul {
	padding-top: 0px;
	padding-left: 5px;
	margin: 0px;
	font-size: 80%;
	padding-bottom: 10px;
}
#side hr {
	border: 1px dotted #999999;
	margin: 10px 0px;
	padding: 0px 0px 10px;
}
#side a:link {
	color: #666666;
	text-decoration: none;
}
#side a:visited {
	color: #666666;
	text-decoration: none;
}
#side a:hover {
	color: #00FF00;
	text-decoration: none;
}
#up-arrow {
	font-size: 85%;
	color: #666666;
	text-decoration: none;
	text-align: right;
	padding: 30px 0px 10px 10px;
	clear: both;
	float: left;
	width: 540px;
}
#side li {
	color: #666666;
	list-style-type: none;
	line-height: 200%;
	padding-left: 20px;
	background-image: url(images/arrow1_35.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.l-bar {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#list td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}
h2 {
	color: #AA5305;
	border-left-width: 15px;
	border-left-style: solid;
	border-bottom-color: #ED831F;
	border-left-color: #EA801D;
	padding-right: 3px;
	padding-left: 10px;
	font-size: 100%;
	padding-top: 8px;
	font-weight: bold;
	background-position: 0px -55px;
	height: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ED831F;
	background-color: #FFFFFF;
	-moz-opacity:0.8; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/
	opacity:0.8; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
	filter:alpha(opacity=100); /* IE用透過設定（100に近づけるほど不透明）*/
	width: 515px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	margin-left: 5px;
	clear: both;
}
.pro-text {
	font-size: 80%;
	line-height: 150%;
	color: #666666;
	float: left;
	width: 350px;
	margin: 0px;
	padding: 0px;
}
#f-menu {
	font-size: 80%;
	width: 730px;
	margin-top: 1px;
	display: block;
	text-align: left;
	clear: both;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#li-foot-menu {
	display: block;
	border-right: 1px solid #999999;
	border-left: 1px #999999;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-left: 10px;
	color: #666666;
	padding-right: 10px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-type: disc;
	width: auto;
	height: auto;
}
.f-text {
	width: 730px;
	clear: both;
	text-align: center;
	font-size: 80%;
	margin-top: 1px;
	background-color: #FFFFFF;
	color: #666666;
	margin-right: auto;
	margin-left: auto;
}
.float-r {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 130px;
}
.text-course-bk1 {
	font-size: 80%;
	line-height: 150%;
	color: #4F4F4F;
	float: left;
	width: 530px;
	background-image: url(images/course/pic_big1_27.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 250px;
	padding: 10px 10px 10px 5px;
	margin-left: 5px;
}
.text2 {
	font-size: 85%;
	line-height: 150%;
	color: #666666;
	float: left;
	width: 530px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.li-diary {
	color: #00FF99;
	list-style-type: none;
	line-height: 120%;
	padding-left: 20px;
	background-image: url(images/arrow1_35.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
#diary li {
	font-size: 85%;
	line-height: 130%;
	color: #666666;
	margin-bottom: 10px;
}
.list-diary {
	font-size: 85%;
	line-height: 150%;
	color: #666666;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-top-color: #66CCCC;
	margin-right: 0px;
	background-color: #FFFFFF;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	width: 540px;
	clear: both;
	padding: 0px 5px 15px 0px;/*	-moz-opacity:0.9; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/ 
/*	opacity:0.9; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
/*	filter:alpha(opacity=90); /* IE用透過設定（100に近づけるほど不透明）*/
}

.list-diary2 {
	font-size: 85%;
	line-height: 150%;
	color: #666666;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-top-color: #66CCCC;
	margin-right: 0px;
	background-color: #FFFFFF;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	width: 540px;
	clear: both;
	padding: 0px 5px 15px 0px;/*	-moz-opacity:0.9; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/ 
/*	opacity:0.9; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
/*	filter:alpha(opacity=90); /* IE用透過設定（100に近づけるほど不透明）*/
}






#list2 {
	font-size: 80%;
	line-height: 150%;
	color: #333333;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #66CC33;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 5px;
	width: 520px;
/*	-moz-opacity:0.9; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/ 
/*	opacity:0.9; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
/*	filter:alpha(opacity=90); /* IE用透過設定（100に近づけるほど不透明）*/
	background-color: #FFFFFF;
	margin-bottom: 15px;
	padding-bottom: 15px;
	clear: both;
}



.text-l {
	float: left;
	padding-left: 5px;
	width: 100px;
	font-size: 85%;
	color: #666666;
}
.text-r {
	float: right;
	width: 100px;
	font-size: 85%;
	color: #666666;
	padding-right: 5px;
	text-align: right;
}
.news-text-ti {
	font-size: 85%;
	line-height: 120%;
	color: #666666;
	float: left;
	width: 530px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	border-bottom: 0px solid #F7F3EC;
}
.float-r2 {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
}
#main h3 {
	color: #2C5C99;
	border-left-width: 15px;
	border-left-style: solid;
	border-bottom-color: #A956D9;
	border-left-color: #A956D9;
	padding-right: 3px;
	padding-left: 10px;
	font-size: 100%;
	padding-top: 8px;
	font-weight: bold;
	background-position: 0px -55px;
	height: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A956D9;
	background-color: #FFFFFF;
	
	-moz-opacity:0.8; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/ 
	opacity:0.8; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
	filter:alpha(opacity=80); /* IE用透過設定（100に近づけるほど不透明）*/
	width: 515px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	margin-left: 5px;
	clear: both;
}
hr {
	height: 1px;
	margin-top: 40px;
	margin-bottom: 20px;
	border-top: 1px dotted #999999;
	border-right: 1px #999999;
	border-bottom: 1px #999999;
	border-left: 1px #999999;
}
#main h4 {
	color: #2C5C99;
	border-left-width: 15px;
	border-left-style: solid;
	border-bottom-color: #18D1DC;
	border-left-color: #18D1DC;
	padding-right: 3px;
	padding-left: 10px;
	font-size: 100%;
	padding-top: 8px;
	font-weight: bold;
	background-position: 0px -55px;
	height: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #18D1DC;
	background-color: #FFFFFF;
	
	-moz-opacity:0.8; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/ 
	opacity:0.8; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
	filter:alpha(opacity=80); /* IE用透過設定（100に近づけるほど不透明）*/
	width: 515px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	margin-left: 5px;
	clear: both;
}

#wrap #inner #main #pankuzu {
	font-size: 85%;
	color: #666666;
}

.img-olive {
	margin: 5px;
	padding: 5px;
}
.hankachi-bk #news .news-text-ti .news-s-box {
	color: #999999;
	padding-left: 5px;
	font-size: 90%;
}

#wrap #inner #main #list table tr td ul {
	margin: 3px 0px 3px 10px;
	padding: 0px;
}

.accent {
	font-size: 100%;
	line-height: 120%;
	font-weight: bold;
	color: #F30;
}

#f-menu ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.topics-box1 {
	margin-bottom: 8px;
	color: #E17C33;
}

.accent-orenge {
	color: #FF781E;
}

.accent-sp {
	font-size: 120%;
	font-weight: bold;
	color: #060;
	line-height: 150%;
	margin-bottom: 10px;
}
.accent-s {
	font-size: 100%;
	font-weight: bold;
	color: #060;
	line-height: 150%;
	margin-bottom: 10px;
}

.news-point {
	font-weight: bold;
	color: #F30;
	height: auto;
	display: inline;
}

.news-point img {
	padding: 10px 0px 10px 10px;
}

#flvp {
	width: 320px;
	float: right;
	padding: 5px 0px 5px 10px;
	clear: both;
}

.accent-red {
	font-weight: bold;
	color: #F00;
}
.accent-red-f {
	font-weight: bold;
	color: #F00;
	text-decoration: blink;
}

.accent-white {
	color: #FFF;
}

.small-20 {
	font-size: 83%;
}
.small-30 {
	font-size: 93%;
}
.small-25 {
	font-size: 90%;
}
.ti-size-s1 {
	font-size: 96%;
}
.list-diary table {
	width: 535px;
	background-color: #FFF;
}