﻿/* --------------------------------- */
/* 初期設定 */



*{
	margin		: 0;
}

html{
	direction	: ltr;
	border		: 0;
}

address,blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,map,ol,p,pre,ul{
	display		: block;
}

code, pre, samp, var, kbd, input, select, textarea{
	font-family	: "メイリオ","ＭＳ Ｐゴシック", Arial, sans-serif;
}

img {
	border: 0px;
}

table {
	border-collapse: collapse;
	text-align: left;
	font-size: 10pt
	/* border-collapse: separate; */
}

input, select, textarea{
	font-size: 12px;	
}

a,a:link,a:visited,a:active { color: #666666; text-decoration: none; font-weight: normal;}
a:hover { color: #7A7A7A; text-decoration: underline;}

.c-both {
	clear:both;
}

.none {
	display:none;
}



/* 初期設定 End */
/* --------------------------------- */

body {
	width:100%;
	height:100%;
	font-family	: "メイリオ","ＭＳ Ｐゴシック", Arial, sans-serif;
	background-color: #F6FFFC;
	font-size: 10pt;
}

#outline {
	margin: 0px auto 0px auto;
	width: 774px;
	height: 100%;
	text-align: center;
	background-image: url(/images/bg.png);
	background-position: center top;
	background-repeat: repeat-y;
}


/* --------------------------------- */
/* フォント */

.bold {font-weight: bold;}

.red {color: #D73B6B;}

/* フォント End */
/* --------------------------------- */



/* --------------------------------- */
/* ヘッダー */
/* --------------------------------- */

#head {
	margin: 0px auto 0px auto;
	width: 760px;
	height: 84px;
	text-align: left;
	background-image: url(/images/logo.png);
	background-position: center top;
	background-repeat: no-repeat;
}

	#head h1 {
		margin: 0px 0px 0px 0px;
		width: 200px;
		height: 84px;
		text-align: center;
	}

		#head h1 a {
			display: block;
			width: 200px;
			height: 84px;
			text-indent: -9999px;
		}

/* --------------------------------- */
/* グローバル */
/* --------------------------------- */

#global{
	margin: 0px auto 0px auto;
	width: 743px;
	text-align: center;
}
#global ul.menu{
			background:url(/images/global.png) no-repeat top left;
			margin:0;
			padding: 0px 20px 10px ;
			height: 35px;
			text-align: center;
			list-style: none;
}
#global ul.menu li{
			margin:0 25px 0 0;
			float: left;
			height: 30px;
}
#global ul.menu li a{
text-decoration:none;
font-size:15px;
display:block;
height: 30px;
float:left;
}

#global ul.menu li a span{
visibility:hidden;
}


/* --------------------------------- */
/* メイン */
/* --------------------------------- */

#content {
	margin: 0px auto 0px auto;
	width: 743px;
        padding:30px;
	text-align: left;
	font-size: 10pt;
}

#main {
	margin: 0px auto 0px auto;
	width: 743px;
	font-size: 10pt;	text-align: center;
}
	
	/* メイン レフト */
	
	#main .left {
		float: left;
		margin: 0px auto 0px auto;
		width: 540px;
		text-align: center;
	}
	
		#main .left ul.menu {
			margin: 0px 0px 10px 0px;
			height: 30px;
			text-align: center;
			list-style: none;
			background-image: url(/images/left-menu.png);
			background-position: left top;
			background-repeat: no-repeat;
		}
	
			#main .left ul.menu li {
				float: left;
				height: 30px;
			}
	
				#main .left ul.menu li a {
					display: block;
					height: 30px;
					background-image: url(/images/left-menu.png);
					background-repeat: no-repeat;
					text-indent: -9999px;
				}
	
				#main .left ul.menu li.m01 a {width: 181px; background-position: 0px 0px;}
				#main .left ul.menu li.m01 a:hover {background-position: 0px -30px;}
	
				#main .left ul.menu li.m02 a {width: 179px; background-position: -181px 0px;}
				#main .left ul.menu li.m02 a:hover {background-position: -181px -30px;}
	
				#main .left ul.menu li.m03 a {width: 180px; background-position: -360px 0px;}
				#main .left ul.menu li.m03 a:hover {background-position: -360px -30px;}
	
		#main .left .about {
			clear: both;
			margin: 0px 0px 20px 0px;
			color: #90660B;
			font-size: 15px;
			text-align: left;
		}

	
		#main .left h3.info {
			margin: 0px 0px 0px 0px;
			width: 540px;
			height: 30px;
			background-image: url(/images/left-h3-1.png);
			background-position: 0px 0px;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
	
			#main .left ul.info {
				margin: 0px 10px 20px 10px;
				font-size: 12px;
				color: #666666;
				text-align: left;
				list-style: none;
			}

		#main .left h3.blogg {
			margin: 0px 0px 0px 0px;
			width: 540px;
			height: 30px;
			background-image: url(/images/blogg.png);
			background-position: 0px 0px;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
	
			#main .left ul.blogg {
				margin: 0px 10px 20px 10px;
				font-size: 12px;
				color: #666666;
				text-align: left;
				list-style: none;
			}
	
		#main .left .college {
			margin: 0px 0px 0px 0px;
			width: 540px;
		}
	
			#main .left .college-l {
				float: left;
				width: 360px;
				height: 181px;	
				background-image: url(/images/college-l-bg.png);
				background-position: 0px 0px;
				background-repeat: no-repeat;
			}
	
				#main .left .college-l h3 {
					margin: 0px 0px 10px 0px;
					height: 30px;
					text-indent: -9999px;
				}
	
				#main .left .college-l div {
					margin: 0px 10px 0px 10px;
					padding: 0px 10px 0px 0px;
					height: 130px;
					font-size: 11px;
					color: #666666;
					text-align: left;
					overflow: auto;
				}
	
			#main .left .college-r {
				float: right;
				width: 170px;
				height: 181px;
				background-image: url(/images/college-r-bg.png);
				background-position: 0px 0px;
				background-repeat: no-repeat;
			}
	
				#main .left .college-r div.txt {padding: 10px 5px 5px 5px;}
	
					#main .left .college-r div.txt p {
						width: 160px;
						height: 75px;
						font-size: 12px;
						text-align: left;
						color: #666666;
					}
	
	
	
	/* メイン サイド */
	
	#main .side {
		float: right;
		margin: 0px auto 0px auto;
		width: 196px;
		text-align: center;
		background-image: url(/images/side-bg.png);
		background-position: center top;
		background-repeat: repeat-y;
	}
	
		#main .side p {margin: 0px auto 10px auto;}
	
		#main .side h3 {
			margin: 0px auto 15px auto;
			width: 184px;
			height: 24px;
			font-size: 15px;
			color: #FFFFFF;
			text-align: left;
			text-indent: 5px;
			line-height: 25px;
			background-image: url(/images/side-h3.png);
			background-position: center top;
			background-repeat: no-repeat;
		}
	
		#main .side .box {
			margin: 0px auto 15px auto;
			width: 174px;
			font-size: 13px;
			color: #666666;
			text-align: left;
		}
	
			#main .side .box ul {list-style: none;}

			#main .side .box ul li {
				padding: 0px 0px 0px 15px;
				background-image: url(/images/icon-square.png);
				background-position: left 4px;
				background-repeat: no-repeat;
			}



/* --------------------------------- */
/* ヘッダー */
/* --------------------------------- */

#foot {
	margin: 0px auto 0px auto;
	padding: 20px 0px 0px 0px;
	width: 774px;
	font-size: 11px;
	text-align: center;
	background-image: url(/images/bottom.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #F6FFFC;
}

	#foot ul {list-style: none;}

	#foot ul li {display: inline;}


