@charset "Shift_JIS";
/* 
 (c) 2007 HAYATO FUJII (castella ko-bo) http://vagabundao.exblog.jp
*/ 


/*======================================
	1-1.Structure
=======================================*/

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../image/back_short.jpg) repeat-x;
	color: #666666;
	font-family: "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "lr SVbN", sans-serif;
	font-weight: normal;
}

/*======================================
	1-2.Head and Navigation
=======================================*/

#wrapper {
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 850px;
	position: relative;
}

/*wb_[*/

#headnavi {
	margin: 0px;
	padding: 0px;
	height: 35px;
	position: relative;
}

#headnavi h1 {
	margin: 0px;
	padding: 0px;
	text-align: right;
	line-height: 25px;
}

#header {
	margin: 0px auto;
	padding: 0px;
	height: 75px;
	position: relative;
}

#header h1 {
	margin: 0px;
	padding: 0px;
}

#header h1 img {
	padding: 0px;
	float: left;
}

/*O[oir*/

#gnavi {
	margin: 0px auto;
	padding: 0px;
	height: 40px;
	width: 846px;
	position: relative;
}

#gnavi h2 {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 10px;
}

/*O[oirΰeLXg\¦*/
#gnavi h2 em {
	visibility: hidden;
}
/*O[oirNSΜ*/
#gnavi a {
	display: block;
	height: 15px;
	width: 141px;
	text-decoration: none;
}

/*O[oir{^NΖ[I[o[*/
/*1ΤΪ*/
#gnavi h2#tn1{
	background: url(../image/gnavi/01_about_on.gif) no-repeat;
}
#gnavi h2#tn1 a {
	background: url(../image/gnavi/01_about.gif) no-repeat;
}
#gnavi h2#tn1 a:hover,a:active {
	background: none;
}
/*2ΤΪ*/
#gnavi h2#tn2{
	background: url(../image/gnavi/02_outline_on.gif) no-repeat;
}
#gnavi h2#tn2 a {
	background: url(../image/gnavi/02_outline.gif) no-repeat;
}
#gnavi h2#tn2 a:hover,a:active {
	background: none;
}

/*3ΤΪ*/
#gnavi h2#tn3{
	background: url(../image/gnavi/03_application_on.gif) no-repeat;
}
#gnavi h2#tn3 a {
	background: url(../image/gnavi/03_application.gif) no-repeat;
}
#gnavi h2#tn3 a:hover,a:active {
	background: none;
}
/*4ΤΪ*/
#gnavi h2#tn4{
	background: url(../image/gnavi/04_seminar_on.gif) no-repeat;
}
#gnavi h2#tn4 a {
	background: url(../image/gnavi/04_seminar.gif) no-repeat;
}
#gnavi h2#tn4 a:hover,a:active {
	background: none;
}
/*5ΤΪ*/
#gnavi h2#tn5{
	background: url(../image/gnavi/05_report_on.gif) no-repeat;
}
#gnavi h2#tn5 a {
	background: url(../image/gnavi/05_report.gif) no-repeat;
}
#gnavi h2#tn5 a:hover,a:active {
	background: none;
}
/*6ΤΪ*/
#gnavi h2#tn6{
	background: url(../image/gnavi/06_message_on.gif) no-repeat;
}
#gnavi h2#tn6 a {
	background: url(../image/gnavi/06_message.gif) no-repeat;
}
#gnavi h2#tn6 a:hover,a:active {
	background: none;
}

/*======================================
	1-3.topicPath
=======================================*/


#topicPath {
	margin: 0px;
	padding: 0px;
	height: 33px;
	position: relative;
	text-align: left;
}

ol#topicPath {
	padding: 17px 0px 0px 0px;
}

ol#topicPath li {
    display: inline;
	line-height: 110%;
	list-style-type: none;
	color: #000000;
}

ol#topicPath li a {
	padding-right: 10px;
	background: url(../image/path.gif) no-repeat right center;
	color: #00000;
}


/*======================================
	1-3.Contents
=======================================*/


#content {
	margin: 0px;
	padding: 0px;
	position: relative;
	height: auto;
}

/*CC[W*/

#main {
	margin: 0px;
	padding: 25px 0px 0px 0px;
	width: 650px;
	position: relative;
	float: left;
	text-align: left;
}

#main h2 {
	margin: 0px;
	float: right;
}

/*j[X*/

#main2 {
	margin: 0px;
	padding: 20px 0px 0px 30px;
	height: auto;
	width: 615px;
	position: relative;
	float: left;
	text-align: left;
}

#main2 h1 {
	margin: 0px;
	padding: 15px 0px;
}

#main2 h4 {
	margin: 0px;
	padding: 0px 0px 5px;
	border-bottom: 1px solid #cccccc;
	width: 620px;
	clear: both;
}

#main2 h4.h {
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px;
	border-bottom: 1px solid #cccccc;
	width: 620px;
	clear: both;
}


#main2 h5 {
	margin: 0px;
	padding: 30px 0px 0px 0px;
}

#main2 img.ph-r{
	margin: 0px 0px 0px 10px;
	padding: 10px;
	background: white url(../image/back_dot.gif);
	float: right;
}

#main2 img.ph-l{
	margin: 0px 10px 0px 0px;
	padding: 10px;
	background: white url(../image/back_dot.gif);
	float: left;
}

#main2 img.ph-l-report{
	margin: 0px;
	padding: 10px;
	background: white url(../image/back_dot.gif);
}

.ph-s-r {
	padding: 10px;
	margin: 0px;
	float: right;
	background: white url(../image/back_dot.gif);
}

.ph-s-l {
	padding: 10px;
	margin: 0px;
	float: left;
	background: white url(../image/back_dot.gif);
}

#main2 h6 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: justify;
}

#main2 dl {
	margin: 0px;
}

#main2 dt {
	float: left;
	width: 12em;
}

#main2 dd {
	margin: 0px 0px 0px 12em;
}


#main2 dl.long {
	margin: 0px;
}

#main2 dl.long dt {
	float: left;
	width: 15em;
}

#main2 dl.long dd {
	margin: 0px 0px 0px 15em;
}

#main2 dl.qa {
	margin: 0px;
}

#main2 dl.qa dt {
	float: left;
	width: 45px;
}

#main2 dl.qa dd {
	margin: 0px 0px 0px 45px;
}

#main2-r {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	height: auto;
	width: 620px;
	position: relative;
	float: right;
	text-align: right;
}

#main2-c {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 20px 0px;
	height: auto;
	width: 600px;
	position: relative;
	text-align: center;
}

#main2-txt {
	margin: 0px 0px 0px 60px;
	padding: 15px 0px 0px;
	width: 560px;
	height: auto;
	position: relative;
	clear: both;
}

#main3 {
	margin: 0px;
	padding: 20px;
	width: 580px;
	position: relative;
	float: left;
}

#main4-l {
	margin: 0px;
	padding: 0px;
	width: 140px;
	position: relative;
	float: left;
}

#main4-r {
	margin: 0px;
	padding: 0px;
	width: 420px;
	position: relative;
	float: right;
}

#btn {
	background: url(../image/message/btn_next_on.gif) no-repeat;
	width: 140px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	position: relative;
	font-size: 9px;
	float: right;
}

#btn a em {
	visibility: hidden;
}

#btn a {
	background: url(../image/message/btn_next.gif) no-repeat;
	display: block;
	width: 140px;
	height: 20px;
	text-decoration: none;
}
#btn a:hover, a:active {
	background: none;
}

#btn.goto {
	background: url(../image/report/btn_next_on.gif) no-repeat;
	width: 140px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	position: relative;
	font-size: 9px;
	float: right;
}

#btn.goto a em {
	visibility: hidden;
}

#btn.goto a {
	background: url(../image/report/btn_next.gif) no-repeat;
	display: block;
	width: 140px;
	height: 20px;
	text-decoration: none;
}
#btn.goto a:hover, a:active {
	background: none;
}

#btnhtml {
	background: url(../image/application/btn_html_on.gif) no-repeat;
	width: 154px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	position: relative;
	font-size: 9px;
	float: left;
}

#btnhtml a em {
	visibility: hidden;
}

#btnhtml a {
	background: url(../image/application/btn_html.gif) no-repeat;
	display: block;
	width: 154px;
	height: 40px;
	text-decoration: none;
}
#btnhtml a:hover, a:active {
	background: none;
}

#space-l {
	margin: 0px;
	padding: 0px;

	float: left;
}

#btnpdf {
	background: url(../image/application/btn_pdf_on.gif) no-repeat;
	width: 154px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	position: relative;
	font-size: 9px;
	float: left;
}

#btnpdf a em {
	visibility: hidden;
}

#btnpdf a {
	background: url(../image/application/btn_pdf.gif) no-repeat;
	display: block;
	width: 154px;
	height: 40px;
	text-decoration: none;
}
#btnpdf a:hover, a:active {
	background: none;
}

#btnapply {
	background: url(../image/application/btn_apply_on.gif) no-repeat;
	width: 330px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	position: relative;
	font-size: 9px;
	float: left;
}

#btnapply a em {
	visibility: hidden;
}

#btnapply a {
	background: url(../image/application/btn_apply.gif) no-repeat;
	display: block;
	width: 330px;
	height: 40px;
	text-decoration: none;
}
#btnapply a:hover, a:active {
	background: none;
}

#main-center {
	margin: 0px;
	padding: 0px;
	width: 620px;
	text-align: center;
}

#main-spacer {
	margin: 0px;
	padding: 0px;
	width: 620px;
}

/*y[Wgbv*/

#topagetop {
	margin: 0px;
	padding: 25px 0px 25px 0px;
	width: 620px;
	position: relative;
	float: left;
	text-align: right;
}


/*TChir*/

#sidenavi {
	margin: 0px;
	height: 100%;
	position: relative;
	float: right;
	padding: 25px 0px 0px;
	width: 199px;
}

#sidenavi h3 {
	margin: 4px 0px;
	padding: 0px;
	float: right;
	font-size: 9px;
}

#sidenavi h4 {
	margin: 20px 0px 4px 0px;
	padding: 0px;
	float: right;
	font-size: 9px;
}

#sidenavi h5 {
	margin: 4px 0px 40px 0px;
	padding: 0px;
	float: right;
	font-size: 9px;
}

#sidenavi h3 em {
	visibility: hidden;
}

#sidenavi h3 a {
	display: block;
	height: 122px;
	width: 172px;
	text-decoration: none;
}

#sidenavi h4 em {
	visibility: hidden;
}

#sidenavi h4 a {
	display: block;
	height: 62px;
	width: 172px;
	text-decoration: none;
}

#sidenavi h5 em {
	visibility: hidden;
}

#sidenavi h5 a {
	display: block;
	height: 82px;
	width: 172px;
	text-decoration: none;
}


/*sidenavi{^NΖ[I[o[*/

/*0ΤΪ*/
#sidenavi h3#tn0{
	background: url(../image/ban/00_seminar_on.jpg) no-repeat;
}
#sidenavi h3#tn0 a {
	background: url(../image/ban/00_seminar.jpg) no-repeat;
}
#sidenavi h3#tn0 a:hover,a:active {
	background: none;
}
/*1ΤΪ*/
#sidenavi h3#tn1{
	background: url(../image/ban/01_outline_on.jpg) no-repeat;
}
#sidenavi h3#tn1 a {
	background: url(../image/ban/01_outline.jpg) no-repeat;
}
#sidenavi h3#tn1 a:hover,a:active {
	background: none;
}
/*2ΤΪ*/
#sidenavi h3#tn2{
	background: url(../image/ban/02_report_on.jpg) no-repeat;
}
#sidenavi h3#tn2 a {
	background: url(../image/ban/02_report.jpg) no-repeat;
}
#sidenavi h3#tn2 a:hover,a:active {
	background: none;
}
/*3ΤΪ*/
#sidenavi h3#tn3{
	background: url(../image/ban/03_message_on.jpg) no-repeat;
}
#sidenavi h3#tn3 a {
	background: url(../image/ban/03_message.jpg) no-repeat;
}
#sidenavi h3#tn3 a:hover,a:active {
	background: none;
}

/*4ΤΪ*/
#sidenavi h4#tn4{
	background: url(../image/ban/ban_orien_on.jpg) no-repeat;
}
#sidenavi h4#tn4 a {
	background: url(../image/ban/ban_orien.jpg) no-repeat;
}
#sidenavi h4#tn4 a:hover,a:active {
	background: none;
}
/*5ΤΪ*/
#sidenavi h4#tn5{
	background: url(../image/ban/ban_apply_on.gif) no-repeat;
}
#sidenavi h4#tn5 a {
	background: url(../image/ban/ban_apply.gif) no-repeat;
}
#sidenavi h4#tn5 a:hover,a:active {
	background: none;
}
/*6ΤΪ*/
#sidenavi h4#tn6{
	background: url(../image/ban/ban_2011blog_on.gif) no-repeat;
}
#sidenavi h4#tn6 a {
	background: url(../image/ban/ban_2011blog.gif) no-repeat;
}
#sidenavi h4#tn6 a:hover,a:active {
	background: none;
}

/*TpE±Η*/
#sidenavi h5#tnsp{
	background: url(../image/ban/ban_spblog_on.jpg) no-repeat;
}
#sidenavi h5#tnsp a {
	background: url(../image/ban/ban_spblog.jpg) no-repeat;
}
#sidenavi h5#tnsp a:hover,a:active {
	background: none;
}

/*tb^[*/

#footer {
	margin: 0px auto;
	height: 110px;
	width: auto;
	position: relative;
	background: url(../image/back_footer.gif) repeat-x;
	clear: both;
	bottom: 0px;
}


#copyright {
	margin: 0px auto;
	padding: 45px 0px 0px 0px;
	width: 850px;
	position: relative;
}

#copyright2 {
	margin: 0px;
	padding: 0px;
	height: 100px;
	position: relative;
	text-align: right;
}

#copyright2 h7 {
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
}


a:link		{ color:#666; text-decoration:underline; }
a:visited	{ color:#666; text-decoration:underline; }
a:hover	    { color:#666; text-decoration:none; background:#ccff00 no-repeat; }
a:active	{ color:#666; text-decoration:none; background:#ccff00 no-repeat; }

a.headnavi		    { padding:0px; }
a.headnavi:link		{ color:#8B8B8B; text-decoration:none; }
a.headnavi:visited	{ color:#8B8B8B; text-decoration:none; }
a.headnavi:hover	{ color:#3E3E3E; text-decoration:none; }
a.headnavi:active	{ color:#f30; text-decoration:underline; }

.j10		{ font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","qMmpS Pro W3","Osaka","lr SVbN",sans-serif;	letter-spacing:0px; }
.j10L		{
	font: normal 10px "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "Osaka", "lr SVbN", sans-serif;
	letter-spacing:0px;
	text-indent: 2em;
	display: block;
}
.j10B	{ font: normal normal bold 10px/15px "Hiragino Kaku Gothic Pro","qMmpS Pro W3","Osaka","lr SVbN",sans-serif;	letter-spacing:0px; }
.j10R		{
	font: normal 10px/15px "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "Osaka", "lr SVbN", sans-serif;
	letter-spacing:0px;
	color: #66CC33;
}
.j12		{ font: normal normal normal 12px/20px "Hiragino Kaku Gothic Pro","qMmpS Pro W3","Osaka","lr SVbN",sans-serif;	letter-spacing:0px; }
.j12B		{
	font: normal 12px/20px "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "Osaka", "lr SVbN", sans-serif;
	letter-spacing:0px;
	color: #000000;
}
.j12M		{
	font: bold 12px "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "Osaka", "lr SVbN", sans-serif;
}
.j12W		{ font: normal 12px/180% "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "Osaka", "lr SVbN", sans-serif;	letter-spacing:0px; }
.j12R		{
	font: normal 12px/150% "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "Osaka", "lr SVbN", sans-serif;
	letter-spacing:0px;
	color: #66CC33;
}
.j14		{ font: normal normal normal 14px/20px "Hiragino Kaku Gothic Pro","qMmpS Pro W3","Osaka","lr SVbN",sans-serif;	letter-spacing:0px; }
.j14B	{
	font: bold normal 14px/20px "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "Osaka", "lr SVbN", sans-serif;
	letter-spacing:0px;
	color: #333333;
}
.j16B	{
	font: bold normal 16px/20px "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", "Osaka", "lr SVbN", sans-serif;
	letter-spacing:0px;
	color: #333333;
}
.e9		{ font: normal normal normal 9px/15px Verdana, Geneva, Arial, sans-serif;				letter-spacing:0px; }
.e9B		{ font: normal normal bold 9px/15px Verdana, Geneva, Arial, sans-serif;				letter-spacing:0px; }
.e10		{ font: normal normal normal 10px/15px Verdana, Geneva, Arial, sans-serif;				letter-spacing:0px; }
.e10B	{ font: normal normal bold 10px/15px Verdana, Geneva, Arial, sans-serif;				letter-spacing:0px; }
.e12		{ font: normal normal normal 12px/20px Verdana, Geneva, Arial, sans-serif;				letter-spacing:0px; }
.e12B	{ font: normal normal bold 12px/20px Verdana, Geneva, Arial, sans-serif;				letter-spacing:0px; }
.e14		{ font: normal normal normal 14px/20px Verdana, Geneva, Arial, sans-serif;				letter-spacing:0px; }
.e14B	{ 

