@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

body{
	background:#E8E3D8;
	color:#666;
	text-align:center;
	font-size:90%;
	line-height:1.7;
	}
	
body {
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,sans-serif;
	}

a { text-decoration: underline;}
a:link, a:visited, a:active { color: #f90;}
a:hover { color: #C00;}
a img ,img { border:none;}
	
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form, input{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

	
li{ list-style:none;}


#wrapper { width:880px; margin:auto; padding-top:10px;}

h1{ background:url(../img/in_head00.jpg) right bottom no-repeat; height:60px;font-size:90%; }
h3.tt{margin-bottom:15px;}	
#header { background:#fff; text-align:right;}	

#gNavi { clear:both; width:880px; margin:auto; height:60px;}
#gNavi ul { height:45px;}
#gNavi ul li { list-style:none; display:inline;}

#contents{ background:#fff; padding-top:20px; padding-bottom:30px;}
#conBox{ width:840px; margin:auto; background:url(../img/con_bg.gif) repeat-y right;}
#conBox01{ width:580px; text-align:left; float:left;}
#conBox02{ width:220px; text-align:left; float:right; color:#fff;}
#conBox02 .con01{ background:url(../img/side_bg.gif) repeat-x top;}
#conBox02 .con02{ width:200px; margin-left:10px;}

table.course{ border-collapse:collapse; width:580px;}
table.course th,table.course td{ border:1px solid #ccc; padding:6px;}
table.course{ border-collapse:collapse;}

table.course th{ text-align:left;}
table.course .toY{background:#FFFFEB;}
table.course .toP{background:#FFEBEB;}
table.course .toPP{background:#EBEBFF;}
table.course .toB{background:#E0FFFF;}
table.course .toG{background:#EBFFEB;}
table.course .toBW{background:#F0E0D1;}

table.course .toY th{color:#FF9900;}
table.course .toP th{color:#FF9999;}
table.course .toPP th{color:#6666CC;}
table.course .toB th{color:#0066CC;}
table.course .toG th{color:#009900;}
table.course .toBW th{color:#663300;}

table.course .nl{ font-weight:normal; color:#666;}

.toPK{ color:#FF0099;}
.toBC{ color:#333;}
.toPKBig{ color:#FF0099; font-size:120%;}
.toL{ font-size:120%;}


#footer{padding:8px 10px; background:#1D1D1D; color:#fff; text-align:left; font-size:12px;}
		
#footer a:link , #footer a:visited , #footer a:active{
	text-decoration:none;
	color:#fff;
	}

#footer a:hover {
	text-decoration:none;
	color: #ccc;
	}	

/* トップページ
---------------------------------------------------- */
.topmsg{ background:url(../img/in_p.jpg) right top no-repeat; padding-right:120px; padding-bottom:20px;}


/* 
---------------------------------------------------- */
.prBox01{ background:url(../img/pr_p01.jpg) right top no-repeat; padding-right:160px; padding-bottom:20px; border-bottom:1px dashed #F60;}
/*.prBox02{ background:url(../img/pr_p02.jpg) left top no-repeat; margin-top:20px; padding-left:180px;}*/
.prBox ul{ padding-left:20px;}
.prBox ul li {list-style:disc; padding-bottom:10px;}

.lsn ul{ padding-left:20px;}
.lsn ul li {list-style:disc; padding-bottom:10px;}



/*
---------------------------------------------------- */

.w200 {	width: 200px;}
.w400 {	width: 400px;}

/* スペース関連
---------------------------------------------------- */

.mb05{	margin-bottom:05px;}	
.mb10{	margin-bottom:10px;}	
.mb15{	margin-bottom:15px;}	
.mb20{	margin-bottom:20px;}
	
.mt05{	margin-top:5px;}
.mt10{	margin-top:10px;}
.mt15{	margin-top:15px;}
.mt20{	margin-top:20px;}


/* その他
---------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clr{clear:both; visibility: hidden; min-height: 0; height: 0; width:0;}
.left{float:left;}
.right{float:right;}

.toLeft, th.toLeft, td.toLeft {text-align:left;}
.toRight, th.toRight, td.toRight {text-align:right;}
.toCenter, th.toCenter, td.toCenter {text-align:center;}