﻿@charset "utf-8";

/*　各cssの読み込み　*/
@import "unique.css";
@import "form.css";
@import "general.css";
@import "index.css";
@import "course.css";

/*　文字の基本設定　*/
*{
	font-size: x-small;
	line-height: 130%;
}

td{
	vertical-align: top;
}

img{
	border: none;
}


/* ////////////////////////////////////////////

common

//////////////////////////////////////////// */

body{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #F0E2C0;
	background-image: url('../img/back_body.jpg');
	background-repeat: repeat-x;
}

body div.body{
	margin: 0 auto;
	text-align: left;
	width: 756px;
	border: solid 2px #D8C8A2;
	border-bottom: none;
	border-top: none;
	background-image: url('../img/back_main.gif');
}



/* logo ////////////////////////// */

body div.body div.logo{
	width: 754px;
	border: solid 1px #1F1F15;
	border-bottom: none;
	border-top: none;
	background-color: #085A23;
	border-bottom: solid 2px #073B18;
}



/* pathlist ////////////////////////// */

body div.body div.pathlist *{
	color: #FFFFFF;
}

body div.body div.pathlist span.pathlist{
	margin-left: 10px;
	background-image: url('../img/icon_arrow_white.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 9px;	
}



/* main ////////////////////////// */

body div.body div.main{
	width: 754px;
	border: solid 1px #1F1F15;
	border-bottom: none;
	border-top: none;
	background-repeat: no-repeat;
	padding-top: 147px;
}

body div.body div#backimage1{
	background-image: url('../img/backimage1.jpg');
}

body div.body div#backimage2{
	background-image: url('../img/backimage2.jpg');
}

body div.body div#backimage3{
	background-image: url('../img/backimage3.jpg');
}

body div.body div#backimage4{
	background-image: url('../img/backimage4.jpg');
}

body div.body div#backimage5{
	background-image: url('../img/backimage5.jpg');
}

body div.body div.main table.body{
	margin: 0 20px;
	width: 714px;
}



/* sidenavi //////////////////////////////////////// */

body td.sidenavi{
	width: 170px;
}

body td.sidenavi div.navititle{
	margin: 10px;
	padding-bottom: 8px;
}

body td.sidenavi div.sidenavi-margin{
	border: solid 1px #94893A;
	border-top: solid 1px #FDFBF7;
	background-color: #E6DAB0;
}

body td.sidenavi div.sidenavi-margin div.sidenavi{
	margin: 4px;
	border: solid 1px #FFB501;
	background-image: url('../img/back_navi.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #F4EED8;
}


body td.sidenavi ul.contents{
	padding: 0;
	margin: 6px 10px;
}

body td.sidenavi ul.contents li{
	border-top: solid 1px #DCCFAC;
	border-bottom: solid 1px #F9F6EB;
	background-image: url('../img/icon_navi.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding: 6px 9px;
	list-style-type: none;
}

body td.sidenavi ul.contents li.top{
	border-top: none;
}

body td.sidenavi ul.contents li.bottom{
	border-bottom: none;
}

body td.sidenavi ul.contents li *{
	color: #675440;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
}

body td.sidenavi div.button{
	padding: 7px 0;
	width: 140px;
	background-image: url('../img/back_button.jpg');
	background-repeat: no-repeat;
	text-align: center;
	margin-left: 6px;
	margin-bottom: 3px;
}

body td.sidenavi div.button *{
	color: #DBCDAA;
	font-size: 7pt;
	text-decoration: none;
}

body td.sidenavi img.logo{
	margin: 26px;
}



/* link ///////////////////////////////////// */

div.linktitle{
	border-bottom: dotted 1px #8C6A10;
	margin: 0 10px;
	color: #63503A;
}

ul.link{
	list-style-type: none;
	margin: 10px;
	margin-top: 0;
	padding: 0;
}

ul.link li{
	background-image: url('../img/icon_arrow_brown.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding: 6px 9px;
	border-bottom: dotted 1px #8C6A10;
}

ul.link li *{
	color: #675440;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
}



/* banner ///////////////////////////////////// */

td.banner{
	width: 137px;
	border: solid 1px #FFB501;
	background-image: url('../img/back_navi.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #F4EED8;
}

td.banner div.banner{
	margin: 6px 10px;
	font-size: xx-small;
}



/* paragraph ////////////////////////////////// */

td.paragraph div.paragraph{
	width: 520px;
	border: solid 1px #94893A;
	border-top: solid 1px #FDFBF7;
	background-color: #E6DAB0;
}

td.paragraph div.paragraph-margin{
	margin: 4px;
	border: solid 1px #FFB501;
	background-image: url('../img/back_paragraph.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FCF9F2;
	padding: 6px;
}



/* footer //////////////////////////////// */

body div.footer{
	background-image: url('../img/back_footer.jpg');
	background-repeat: repeat-x;
	background-color: #91896E;
	padding: 9px 0;
}

body div.footer table.footer{
	margin: 0 16px;
}

body div.footer table.footer td{
	font-size: 7pt;
	white-space: nowrap;
}

body div.footer table.footer td.address{
	padding: 0 8px;
	border-right: dotted 1px #000000;
}

body div.footer table.footer td.phone{
	padding-left: 8px;
}

body div.footer table.footer td.rights{
	text-align: right;
	vertical-align: bottom;
	width: 100%;
}

/* title ////////////////////////////////////// */

div.navititle{
	border-bottom: dotted 1px #8C6A10;
	margin-bottom: 10px;
	color: #A5893E;
	font-weight: bold;
/*	clear: both;*/
}

div.navititle h1{
/*	border-right: dotted 1px #8C6A10;*/
	margin: 0;
	padding: 6px;
	width: 10px;
	white-space: nowrap;
}

div.navititle h2{
	margin: 0;
	padding: 0;
}

div.backnumber{
	float: right;
	clear: both;
}

p.abstract{
	padding: 20px;
	padding-top: 0;
	margin-bottom: 20px;
	border-bottom: solid 1px #E1C9D1;
}

div.navi-right{
	text-align: right;
	margin: 6px;
}