/*----------基本のスタイル---------- */
body {
	margin: 0;
	padding: 0;
	background-image: url(../img/main_bg.jpg);
	background-repeat:x-repeat;
	color:#330;
}


ul,ol,li,h1,h2,h3,div,p{
margin:0;
padding:0;
}


/*----------大枠---------- */
#container{
	background-color:#fff;
	width:740px;
	padding: 0 20px;
	font-size:12px;
	line-height: 160%;
}


/*----------ヘッダー---------- */
#header{
	width:740px;
	margin:5px 0 0;
	padding:0 0 5px;
	font-size:12px;
	line-height: 180%;
	text-align:right;
	background-position: right top;
}

#logo {
	float:left;
	width:200px;
	margin-left:0px;
	background-position: left bottom;
	margin-bottom: 0px;
}

#header img{
	float:left;
}

#header form{
	margin:0;
	padding:0;
}

#links {
	float:right;
	width:500px;
	margin-bottom: 0px;
}


#copy{
	color:#666;
	width:735px;
	float:left;
	background-color:#FF9933;
	font-size:12px;
	border-bottom:1px solid #FF9933;
	text-align:left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom:0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 5px;
	height: 3px;
}


/*----------ボディー---------- */
#main{
float:left;
margin-top:5px;
}


/*----------フッター---------- */
#footer{
	width:740px;
	height:40px;
	border-top:1px solid #999;
	font-size:9px;
	text-align:right;
	line-height: 180%;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#footer img.isp{
	float:left;
}







/*----------マージン関係---------- */

/**コンテンツ内アキ*/
#contents{
	margin-left:10px;
	}


/**テーブル組マージン*/
.t_space{
padding:2px 8px 5px 8px;
}


/*中央揃え*/
.center{
text-align:center;
margin:2px 0 5px 0;
}


/*右揃え*/
.right{
text-align:right;
margin:2px 0 5px 0;
}



/*----------フォントサイズ---------- */

h1 {
	font-size: 16px;
	font-weight: normal;
}

h2 {
	font-size:14px;
	font-weight:normal;
}


h3 {
	font-size:13px;
	font-weight:normal;
}




/*サイドナビ見出し*/
#login .round-area, .categori .round-area {
	color:#fff;
	font-size:12px;
	font-weight:bold;
}










/*----------基本のリンク---------- */
a:link {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	color: #0066FF;
	text-decoration: none;
}

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

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


/*定義リスト部分のリンク*/
dl dt a:link {
	color: #639;
	text-decoration: none;
}

dl dt a:visited {
	color: #636;
	text-decoration: none;
}

dl dt a:hover {
	color: #f30;
	text-decoration: none;
}

dl dt a:active {
	color: #f30;
	text-decoration: none;
}



/*----------パンくずとか文中のリンク---------- */

.bread {
	background-image: url(../img/arrow_ora.gif);
	background-repeat: no-repeat;
	margin:0;
	padding: 0px 0px 0px 12px;
}


/*----------外部サイトのリンク---------- */

a.other {
	background-image: url(../img/icon_gosite.gif);
	background-repeat: no-repeat;
	margin:0;
	padding: 0px 0px 0px 14px;
}



/*----------メールのリンク---------- */

a.mail {
	background-image: url(../img/icon_mail.gif);
	background-repeat: no-repeat;
	margin:0;
	padding: 0px 0px 0px 14px;
}


/*----------TOPへ戻る---------- */

.totop {
	margin:20px 0 0 0;
	font-size:9px;
	text-align:right;
}


/*----------PDFへのリンク---------- */

a.pdf {
	background-image: url(../img/icon_pdf.gif);
	background-repeat: no-repeat;
	margin:10px 0 0 0;
	padding: 5px 0px 10px 24px;
}


/*----------文中数字リスト---------- */
ol{
	margin:0 0 0 10px;
	padding:0;
}

ol li{
	margin:0 0 10px 20px;
	line-height: 160%;
}


/*----------文中リスト・中---------- */
ul{
	margin-left:10px;
	padding:0;

}

ul.list li{
	line-height: 150%;
	list-style:none;
	background-image: url(../img/icon_list.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0 0 0 7px;
}

/*----------文中リスト・小---------- */
.list ul.lists{
	margin-left:10px;
	padding:0;

}

.list ul.lists li{
	line-height: 150%;
	list-style:none;
	background-image: url(../img/icon_lists.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0 0 0 7px;
}



/*----------左ナビオレンジ部分リンク---------- */

a.side:link {
	color: #fFF;
	text-decoration: none;
}
a.side:visited {
	color: #FFF;
	text-decoration: none;
}

a.side:hover {
	color: #FFFF66;
	text-decoration: none;
}

a.side:active {
	color: #FFF;
	text-decoration: none;
}


/*----------基本の画像---------- */
img{
border:none;
}

/* ケイ付きの画像 */
img.sum{
margin:0 5px 10px 0;
padding:1px;
border:1px solid #ccc;
}






/*----------ボタン・フォーム関連---------- */
.btn{
	background: #f90;
	font-size:10px;
	color:#FFF;
}

.form{
	background-color: #FFEECA;
}









/*会員ログイン*/

#login_form table{
margin:10px 0 5px;}

#login_form td{
	background: #FAFFE4;
}

#login {
	padding:0 0 1px 0;
	margin:0 0 5px 0;
	border-bottom: 1px dashed #96D722;
}

#login .round-area {
	margin:0;
	background-image: url(../img/round_top_blo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #96D722;
}

/*会員ログインold

#login_form td{
	background: #F4E5BF;
}

#login {
	padding:0 0 1px 0;
	margin:0 0 5px 0;
	border-bottom: 1px dashed #BBA251;
}

#login .round-area {
	margin:0 0 1px 0;
	background-image: url(../img/round_top_blo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #BBA251;
	padding:2px 10px;
}

*/







/*----------メニュー---------- */

.sidenavi table{
	margin-bottom:10px;
	line-height: 170%;
}

.sidenavi td{
	background-color: #FFF4E0;
	padding-bottom:10px;
}


.sidenavi ul.cont{
	margin-left:10px;

}

.sidenavi ul.cont li{
	list-style:none;
	background-image: url(../img/maru.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0 0 5px 14px;
}


.sidenavi ul.cont2{
	margin-left:5px;

}

.sidenavi ul.cont2 li{
	background-image: url(../img/maru02.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0 0 5px 14px;
}




.sidenavi_line{
	background-color: #F6F2E2;
	border:1px solid #ccc;
}

.sidenavi_line td{
	padding:2px;
}


.categori {
	padding:0 0 1px 0;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF9E24;
}

.round-area {
	margin:0 0 1px 0;
	background-image: url(../img/round_top_ora_s.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FF9E24;
	padding:5px 10px;

}












/*----------各カテゴリのインデックス---------- */
dl{
	margin-top:0;
	margin-bottom:20px;
}


dt{
	background-image: url(../img/arrow_ora.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding:0 0 0 12px;
	margin:0;
	font-size:11px;
	font-weight: bold;
	color: #639;
}

dd{
	margin-left:12px;
}



/*----------会員規約---------- */
.rule dl {
	margin-top:0;
	margin-bottom:20px;
}


.rule dl dt{
	background-image: none;
	padding:0;
	margin:0;
	font-size:11px;
	font-weight: bold;
	color: #333;
}

.rule dl dd{
	margin:0 0 10px 10px;
}

.rule dl dd ol li{
	margin:0 0 0 10px;
}







/*----------デフォルトタイトル---------- */
.title_def{
	padding:0;
	margin:0 0 10px 0;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: dashed;
	border-color: #ccc;
}

.title_def h2{
	background: #FFEDAD;
	padding:4px;
	margin:2px 0;
	color: #745726;
	border-left: 8px solid #FFCC33;
	}






/*----------第２階層以下のあるカテゴリのタイトル---------- */
.course{
	margin:0;
	padding:0;
	border-top: 1px solid #ccc;
}


.course h1{
	color: #FFFFFF;
	padding: 2px 0px 5px 15px;
	font-weight: bold;
}

.course .box01,.box02,.box03,.box04,.box05{
	margin: 1px 0px 0px 0px;
	padding: 4px 0px 0px 10px;
	background-position: top;
}

.course .box01{
	background-image: url(../img/title_bg_gra01.jpg);
}

.course .box02{
	background-image: url(../img/dl01.jpg);
}

.course .box03{
	background-image: url(../img/title_bg_gra03.jpg);
}

.course .box04{
	background-image: url(../img/title_bg_gra04.jpg);
}

.course .box05{
	background-image: url(../img/title_bg_gra05.jpg);
}




/***第２階層以下のナビ***/
.nav_tab{
	margin:0;
}

.nav_tab li {
	list-style-type: none;
	background-image: url(../img/arrow01.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
	margin-left: 15px;
	float:left;
	background-position: 0px;
}

.nav_tab li.here {
	background-image: url(../img/arrow02.gif);
}






/*----------中タイトル---------- */

.t_grd01{
	background-image: url(../img/title_bg_gra01.jpg);
}

.t_grd02 {
	background-image: url(../img/title_bg_gra02.jpg);
}

.t_grd03 {
	background-image: url(../img/title_bg_gra03.jpg);
}

.t_grd04 {
	background-image: url(../img/title_bg_gra04.jpg);
}

.t_grd05 {
	background-image: url(../img/title_bg_gra05.jpg);
}


.t_grd01,.t_grd02,.t_grd03,.t_grd04,.t_grd05 {
	margin: 20px 0 10px 0;
	padding: 0px;
	background-position: 0px 0px;
	border-bottom: 1px dotted #bbb;
	background-repeat: no-repeat;
}

.t_grd01 h2 {
	border-left: 2px dotted #FFC71C;
}

.t_grd02 h2 {
	border-left: 2px dotted #FFB687;
}

.t_grd03 h2 {
	border-left: 2px dotted #FFB1C4;
}

.t_grd04 h2 {
	border-left: 2px dotted #93D56B;
}

.t_grd05 h2 {
	border-left: 2px dotted #C8C391;
}

.t_grd01 h2,.t_grd02 h2,.t_grd03 h2,.t_grd04 h2 ,.t_grd05 h2 {
	color: #84623A;
	padding:0 0 2px 12px;
}




/*----------小タイトル---------- */

h3{
	color: #390;
	margin: 0px;
	}




/*----------【ご注意】など---------- */
.info{
	color: #7B3FB7;
	}

.attent{
	color: #F60;
	}

strong{
	color: #f60;
	font-weight:bold;
	}

.notes{
	font-size:10px;
	color: #676767;
	line-height: 130%;
	}


/*----------コラム部分---------- */

.column{
	color: #454545;
	padding: 10px;
	margin: 5px 0 10px 0 ;
	border: 1px dotted #B79B74;
	line-height:150%;
	}





/*----------テーブル・表組類---------- */


table .tt{
border-spacing: 0px;
margin:10px 0 5px 0;
}

.tt  td, .tt .hyouwhite{
	padding: 5px;
	border: 1px solid;
	background-color: #F6F5F2;
	border-color:#FFF #BDC6AA #BDC6AA #FFF;
}



.tt .hyoublue{
	background-color: #D5E6FF;
	border-color:#E0F3FF #99CADF #99CADF #E0F3FF;
}
.tt .hyoublue2{
	background-color: #D5F3FF;
	border-color:#E0F3FF #99CADF #99CADF #E0F3FF;
}



.tt .hyouglay{
background-color: #DFDEDB;
	border-color:#EEE #BBB #BBB #EEE;
}
.tt .hyouglay2{
background-color: #E8E7E4;
	border-color:#EEE #BBB #BBB #EEE;
}


.tt .hyougreen{
background-color: #D5F39A;
	border-color:#FFF #8BC789 #8BC789 #FFF;
}


.tt .hyouorange{
background-color: #FDEF92;
	border-color:#FFC #F2BE5B #F2BE5B #FFC;
}


.tt .hyoupink{
	background-color: #FDE0D7;
	border-color: #FFF5EE #E3B8B8 #E3B8B8 #FFF5EE;
}


.tt .hyoupink2{
	background-color: #FDEEF1;
	border-color: #FFF5EE #E3B8B8 #E3B8B8 #FFF5EE;
}


.tt .hyounone{
	background-color: #FFF;
	border-color: #FFF;
}



.bg{
	background-color:#FFEFCE;
	padding:5px;
}