/* CSS Document */

body{
	background-color: #E7E7E7;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}


#wapperBg{
	background-image: url(../_img/w_bg.jpg);
	background-repeat: repeat-y;
	width: 786px;
}

#wapper{
	width: 780px;
	border-top: 3px solid #FF6766;
	background-image: url(../_img/navi_bg.jpg);
	background-repeat: repeat-y;
}


#wapper #header{
	background-image: url(../_img/head_bg.jpg);
	background-repeat: no-repeat;
	height: 85px;
	width: 780px;
}

#wapper #header #h_logo{
	float: left;
	width: 282px;
}

#wapper #header #h_butn{
	float: left;
	padding-top: 50px;
	padding-left: 309px;
}

#wapper #header #h_butn #site{
	margin-right: 1px;
}


#home_b{
	width: 780px;
	height: 27px;	
	background-image: url(../_img/head_navibg.jpg);
	background-repeat: no-repeat;
}

#home_b #now_b{
	width: 282px;
	float: left;
}

#home_b #now_page{
	width: 480px;
	height: 18px;
	padding-left: 10px;
	padding-top: 9px;	
	float: left;
	vertical-align: middle;
}

#home_b #now_page span{
	margin-right: 10px;
}

#home_b #now_page a:link { color:#000000; }
#home_b #now_page a:visited { color:#FF3300; }
#home_b #now_page a:active { color:#FF3300; background-color:#FFCCCC;}
#home_b #now_page a:hover { color:#FF3300; background-color:#FFCCCC;}


#navi{
	width: 172px;
	float: left;
	margin-right: 20px;
	padding-left: 8px;
	margin-top: 1px;
}

#navi .n_indent{
	padding-left: 11px;
	padding-top: 2px;
	padding-bottom: 5px;
}

#navi .n_indent p{
	line-height: 100%;
}


#navi .sub_t{
	font-weight: bold;
	margin-bottom: 100px;
}


#navi .category{
	border-right: 2px solid #E7E7E7;
	border-bottom: 3px solid #E7E7E7;
	border-left: 2px solid #E7E7E7;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

#navi .category .cat_t{
	font-weight: bold;
	color: #000000;
	background-image: url(../_img/n_cate_bg.jpg);
	height: 18px;
	width: 158px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-repeat: no-repeat;
}

#navi .category p{
	margin: 0px;
	padding: 0px 0px 5px 4px;
}

#navi #other{
	border-right: 2px solid #E7E7E7;
	border-bottom: 26px solid #E7E7E7;
	border-left: 2px solid #E7E7E7;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

#navi #other .cat_t{
	font-weight: bold;
	color: #000000;
	background-image: url(../_img/n_cate_bg.jpg);
	height: 18px;
	width: 158px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-repeat: no-repeat;
}

#navi #other p{
	margin: 0px;
	padding: 2px 0px 0px 10px;
}


#navi #video{
	background-color: #E7E7E7;
	width: 172px;
	text-align: center;
	margin-bottom: 1px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#navi #video #banner01{
	margin-top: 10px;
	margin-bottom: 20px;
}

#navi #ba-rea{
	background-color: #E7E7E7;
	width: 172px;
	text-align: center;
	padding-top: 20px;
}

.category a{
	color:#000000;
	text-decoration:none;
	background-image: url(../_img/grey.gif);
	background-color: #FFFFFF;		
	background-repeat: no-repeat;
	height: 20px;
	width: 140px;
	padding-left: 13px;
	padding-top: 2px;
	display: block;
}

.category a:visited{
	color:#000000;
	text-decoration:none;
	background-color: #FFFFFF;	
}

.category a:active{
	color:#FF3300;
	text-decoration:none;
	background-color: #FFFFFF;
	}
	
.category a:hover{
	color:#FF3300;
	text-decoration:none;
	background-image: url(../_img/pink.gif);
	background-color: #FFFFFF;	
	background-repeat: no-repeat;
	height: 20px;
	width: 140px;
	display: block;
}

#other a{
	color:#000000;
	text-decoration:none;
	background-image: url(../_img/grey.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 140px;
	padding-left: 13px;
	padding-top: 2px;
	display: block;
}


#other a:visited{
	color:#000000;
	text-decoration:none;
	background-color: #FFFFFF;	
}

#other a:active{
	color:#FF3300;
	text-decoration:none;
	background-color: #FFFFFF;
	}
	

#other a:hover{
	color:#FF3300;
	text-decoration:none;	
	background-image: url(../_img/pink.gif);
	background-color: #FFFFFF;	
	background-repeat: no-repeat;
	height: 20px;
	width: 140px;
	display: block;	
}

#contents{
	width: 580px;
	float: left;
}

#contents #box1{
	width: 220px;
	float: left;
	background-color: #996699;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#contents #box2{
	width: 278px;
	margin-top: 30px;	
	float: left;
}

#contents #box2 p{
	margin: 0px;
	padding: 0px;
}


#topi{
	width: 565px;
	height: 250px;
	margin-bottom: 10px;
}

#pagetop{
	width: 565px;
	text-align: right;
	margin-top: 30px;
}

#footer{
	background-image: url(../_img/f_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 786px;
	height: 50px;
	line-height: 130%;
	padding-top: 10px;
}


#footer img{
	margin-right: 30px;
}

.clear{
	overflow:hidden;
	height:0px;
	clear:both
}


ol,ul,li{
	margin: 0;
	padding: 0;
}

ol{
	list-style-type: upper-roman;
	margin-left: 10px;
}

ul{
	list-style-type: none;
	margin-left: 13px;
	line-height: 120%;
}

li{
	margin-left: 10px;
	margin-top: 5px;	
}


ul li{
	margin-bottom: 10px;
}

.num_b{
	font-size: 12px;
	font-weight: bold;
	color: #CC0033;
}

.indent01{
	text-indent: -2.6em;
	padding-left: 30px;
	line-height: 140%;
	margin-bottom: 10px;
}

.indent01 span{
	font-size: 14px;
	font-weight: bold;
	color: #CC0033;
	margin-right: 3px;
}

.indent01 strong{
	font-size: 13px;
	color: #333333;
}


.indent02{
	text-indent: -1em;
	padding-left: 13px;
	line-height: 140%;
	margin-bottom: 5px;
}

.indent03{
	text-indent: -2em;
	padding-left: 24px;
	line-height: 140%;
	margin-bottom: 5px;
}

.important{
	border: 2px solid #FF0000;
	width: 510px;
	padding-top: 15px;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #E7E7E7;
}

.import_txt{
	font-size: 12px;
	color: #FF0000;
	margin-top: 2px;
}

#contents h1{
	margin: 0px 0px 20px;
}

#contents h2{
	background-image: url(../_title/h2_bg.jpg);
	height: 27px;
	width: 564px;
	padding-top: 6px;
	padding-left: 16px;
	font-size: 15px;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 5px;
}

#contents h3{
	margin-bottom: 5px;
	color: #FF3300;
	font-size: 14px;
	padding: 3px;
}

#contents h4{
	background-image: url(../_title/h4_bg.jpg);
	height: 23px;
	width: 574px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
	font-size: 15px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	margin-top: 15px;
}

#contents h5{
	color: #FF3300;
	font-size: 13px;
	padding: 2px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 5px;
}

.largetext {  font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�"; font-size: 12pt; line-height: 160%; color: #333333}
.maintext {  font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�"; font-size: 10pt; line-height: 160%; color: #333333}

.smalltext {  font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�"; font-size: 8pt; line-height: 140%; color: #333333}

.englishtext {  font-family: "Times New Roman", "Times", "serif"; font-size: 10pt; line-height: 160%}

a {
font-style: normal;
font-weight: normal;
}

a:link { color:#000000; }
a:visited { color:#FF3300; }
a:active { color:#FF3300; background-color:#FFCCCC;}
a:hover { color:#FF3300; background-color:#FFE1E1;}


.smalltextsp5 { font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�"; font-size: 8pt; line-height: 120%; color: #333333; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}
.qaicontext { font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�"; font-size: 12pt; line-height: 120%; color: #996600}
.smalltext2 { font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 8pt; line-height: 140%; color: #333333}
.maintext2 { font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 10pt; line-height: 160%; color: #333333}

div.blockContent {width: 100%; padding: 3px; line-height: 120%; line-height: 120%; font-size:10pt; padding: 0; border-width: 0; vertical-align: top; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka",verdana, arial, sans-serif;}
td#mainmenu a {background-color: #EEEEEE; display: block; margin: 0; padding: 4px; text-decoration: none;}
td#mainmenu a:hover {background-color: #ffffff; color:#FF3333;}
td#mainmenu a.menuMain {font-size:10pt; font-weight: bold; padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver; background-image: url(/common/menubg.gif);}.white_12_b {
	font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
	font-size: 10pt;
	line-height: 160%;
	color: #FFFFFF;
	font-weight: bold;
}

.txt08 {
	font-size: 8pt;
}
.txt10 {
	font-size: 10pt;
}
.txt12 {
	font-size: 12pt;
}
.txt14 {
	font-size: 14pt;
}
.txt08px {
	font-size: 8px;
}
.txt10px {
	font-size: 10px;
}
.txt12px {
	font-size: 12px;
}
.txt14px {
	font-size: 14px;
}
.height150 {
	line-height: 150%;
}
.height140 {
	line-height: 140%;
}
.height130 {
	line-height: 130%;
}
.height120 {
	line-height: 120%;
}
.height110 {
	line-height: 110%;
}
form,h1,h2,h3,h4,h5,p {
	margin: 0px;
}

.bla_12_n {
	font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
	font-size: 10pt;
	line-height: 160%;
	color: #000000;
	font-weight: normal;
}

a.orangelink:link
{	color:#F08300;}
a.orangelink:active,a.orangelink:visited,a.orangelink:hover  
{	color:#C86F0A; background-color:#FEECD2; }

a.greenlink:link
{	color:#43AB33;}
a.greenlink:active,a.greenlink:visited,a.greenlink:hover  
{	color:#3A8F2E; background-color:#C7E3C2; }


.orange_12_n {
	font-size: 12px;
	line-height: 180%;
	font-weight: normal;
	color: #F08300;
}
.green_12_n {
	font-size: 12px;
	line-height: 180%;
	font-weight: normal;
	color: #43AB33;
}
.black_12_b {
	font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
	font-size: 10pt;
	line-height: 160%;
	color: #000000;
	font-weight: bold;
}
.bla_10_n {
	font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
	font-size: 8pt;
	line-height: 160%;
	color: #000000;
	font-weight: normal;
}
.blue_14_b {
	font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
	font-size: 12pt;
	line-height: 160%;
	color: #000099;
	font-weight: bold;
}
.bla_9_n {
	font-family: "‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�";
	font-size: 7pt;
	line-height: 160%;
	color: #000000;
	font-weight: normal;
}


/* application */

#capacty{
	background: url(../application/img/gaiyo.jpg) no-repeat;
	height: 114px;
	width: 528px;
	font-size: 15px;
	line-height: 140%;
	color: #FFFFFF;
	padding-left: 18px;
	padding-top: 8px;
	margin-bottom: 10px;
	margin-top: 10px;
}


/* calender */

.month_phot{
	float: left;
	width: 200px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.month_event{
	float: left;
	line-height: 130%;
}


.month_event p{
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 3px;
	width: 350px;
}

table.<div class="category">
<p class="cat_t">Šw�Z–@�l�‘�ÛŠw‰€</a></p>
<p class="sub_t"><a href="../outline/index.html">–@�l�Љî</a></p>
</div>
<div id="other">tab{
	width: 90%;
	margin-bottom: 15px;
}

.<div class="category">
<p class="cat_t">Šw�Z–@�l�‘�ÛŠw‰€</a></p>
<p class="sub_t"><a href="../outline/index.html">–@�l�Љî</a></p>
</div>
<div id="other">tab th{
	background-color: #EBEBEB;
	padding: 4px;
	font-weight: normal;
}

.<div class="category">
<p class="cat_t">Šw�Z–@�l�‘�ÛŠw‰€</a></p>
<p class="sub_t"><a href="../outline/index.html">–@�l�Љî</a></p>
</div>
<div id="other">tab td{
	padding: 4px;
	text-align: right;
}

.<div class="category">
<p class="cat_t">Šw�Z–@�l�‘�ÛŠw‰€</a></p>
<p class="sub_t"><a href="../outline/index.html">–@�l�Љî</a></p>
</div>
<div id="other">tab .<div class="category">
<p class="cat_t">Šw�Z–@�l�‘�ÛŠw‰€</a></p>
<p class="sub_t"><a href="../outline/index.html">–@�l�Љî</a></p>
</div>
<div id="other">_title{
	text-align: center;
	background-color: #FFCCCC;
}

.<div class="category">
<p class="cat_t">Šw�Z–@�l�‘�ÛŠw‰€</a></p>
<p class="sub_t"><a href="../outline/index.html">–@�l�Љî</a></p>
</div>
<div id="other">tab .<div class="category">
<p class="cat_t">Šw�Z–@�l�‘�ÛŠw‰€</a></p>
<p class="sub_t"><a href="../outline/index.html">–@�l�Љî</a></p>
</div>
<div id="other">_title2{
	text-align: center;
	background-color: #666666;
	color: #FFFFFF;
}

table.base02tab{
	margin-bottom: 15px;
}

.base02tab th{
	background-color: #FFCCCC;
	padding: 7px;
	font-weight: normal;
}

.base02tab td{
	padding: 7px;
	border-bottom: 1px dotted #CCCCCC;
}

.base02tab .base02td_top{
	border-top: 1px dotted #CCCCCC;
}

.base02tab .base02td_sub_th{
	background-color: #CCCCCC;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}


table.base03tab{
	margin-bottom: 15px;
	border-top: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
}

.base03tab th{
	background-color: #FFCCCC;
	padding: 7px;
	font-weight: normal;
}

.base03tab td{
	padding: 7px;
	border-bottom: 1px dotted #CCCCCC;
}

.base03tab .base03td_top{
	border-top: 1px dotted #CCCCCC;
}

.base03tab .base03td_sub_th{
	background-color: #CCCCCC;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}


table.base04tab{
	width: 90%;
	margin-bottom: 15px;
}

.base04tab th{
	background-color: #EBEBEB;
	padding: 4px;
	font-weight: normal;
}

.base04tab td{
	padding: 4px;
}

.base04tab .<div class="category">
<p class="cat_t">Šw�Z–@�l�‘�ÛŠw‰€</a></p>
<p class="sub_t"><a href="../outline/index.html">–@�l�Љî</a></p>
</div>
<div id="other">_title{
	text-align: center;
	background-color: #FFCCCC;
}

table.base05tab{
	width: 95%;
	margin-bottom: 5px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.base05tab th{
	background-color: #EBEBEB;
	padding: 4px;
	font-weight: normal;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.base05tab td{
	padding: 4px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;	
}

.base05tab .<div class="category">
<p class="cat_t">Šw�Z–@�l�‘�ÛŠw‰€</a></p>
<p class="sub_t"><a href="../outline/index.html">–@�l�Љî</a></p>
</div>
<div id="other">_title{
	text-align: center;
	background-color: #FFCCCC;
}

.base05tab .kubun{
	text-align: center;
}

.base05tab .kamoku{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.base05tab .col01{
	background: #FF6699;
}

.base05tab .col02{
	background: #FF9933;
}

.base05tab .col03{
	background: #00CCCC;
}

.base05tab .col04{
	background: #66CC33;
}

.base05tab .line_btm{
	border-bottom: 1px solid #FFFFFF;
}


table.base06tab{
	width: 90%;
	margin-bottom: 5px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.base06tab th{
	background-color: #EBEBEB;
	padding: 4px;
	font-weight: normal;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	text-align: center;
}

.base06tab td{
	padding: 4px 4px 4px 10px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;	
}

table.base07tab{
	width: 570px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.base07tab th{
	background: #D3DEF1;
	width: 70px;
	font-weight: normal;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	vertical-align: middle;
}

.base07tab td{
	padding: 3px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	line-height: 130%;
}

.bold01{
	color: #3399CC;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 130%;
}

.course{
	margin-bottom: 20px;
	line-height: 170%;
}

.course img{
	float: left;
	margin-right: 10px;
}

.c_link{
	font-size: 11px;
}

.c_link span{
	margin-right: 6px;
	margin-left: 6px;
}

.sub_read{
	background: #DCDDDD;
}


/* �‘�ÛƒRƒ~ƒ…ƒjƒP�[ƒVƒ‡ƒ“Šw‰È */

.num{
	vertical-align: middle;
	margin-right: 5px;
}

.num_t{
	font-size: 15px;
	color: #333333;
}


/* �‘�Û’ZŠú‘åŠw‚Ì‹³ˆç‚Ì“Á’¥ */

.comn_out{
	width: 580px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px;	
}

.kobe_out{
	width: 570px;
	border-bottom: 1px dotted #FF6600;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 20px;
}


.taiken_out{
	width: 570px;
	border-bottom: 1px dotted #009900;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 20px;
}


.kyouiku_out{
	width: 570px;
	border-bottom: 1px dotted #990066;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 20px;
}


.poto_lef{
	width: 180px;
	float: left;
}

.section_right{
	width: 375px;
	float: left;

}

.section_right p{
	margin-top: 10px;
	line-height: 160%;
}

.section_right img{
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 5px;	
}

.section_right .t_g{
	color: #009900;
	font-size: 15px;	
}

.section_right .t_o{
	color: #FF6600;
	font-size: 15px;	
}

.section_right .t_p{
	color: #990066;
	font-size: 15px;	
}