@charset "Shift_JIS";


/*
==========contents==========
1: main area

2: other
	:note&link
	:column1
	:column2
	:list table
	:2column box
	:3column box
	:photo table
	:img table
	:simple table
	:Professor table
	:ol No.
	:ul Mark
	:Question list
	:News list
	:Career step
	:Link button
	:Background (arrow)

============================
*/




/*  : main area
 ******************************************************/

#mainarea	{
	background: url(../img/sub_bg.gif) no-repeat;
	}


#sidebox		{
	width: 195px;
	float: left;
	margin-top:18px;
	padding:0;
	}

#content		{
	width: 560px;
	float: right;
	margin-top:18px;
	padding:0;
	}

#backnumber {
	margin:10px 10px 0 0;
	text-align:right;
	}

#backnumber img {
	margin:0 5px -4px 0;
	}

/*  : other
 ******************************************************/

/*== note&link ==*/
.note {
	background: url(../img/box_type1.gif) no-repeat;
	margin:10px 0 0 27px;
	padding:0;
	}

.note ul {
	margin-left:5px;
	}

.note td {
	marign:0;
	padding:0;
	}

.note td ul {
	margin-left:5px;
	}

.note td li{
	font-size:100%;
	}


/*== column1 --*/
.column1 {
	width:520px;
	background: url(../img/box_type2.gif) no-repeat;
	margin:10px 0 0 25px;
	padding:5px 0 10px 0;
	}

.column1 h4 {
	color:#c60;
	margin:0 0 5px 29px;
	}

.column1 p{
	margin:0 10px 5px 30px;
	}

.column1 img {
	margin-right:5px;
	}

/*== column2 --*/
.column2 {
	width:520px;
	background: url(../img/box_type3.gif) no-repeat;
	margin:10px 0 0 25px;
	padding:5px 0 10px 0;
	}

.column2 h4 {
	color:#39c;
	margin:0 0 5px 29px;
	}

.column2 p{
	margin:0 10px 5px 30px;
	}

.column2 img {
	margin-right:5px;
	}


/*== list table ==*/
.list-table:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.list-table {
	display: inline-block;
	margin-top:10px;
	}

.list-table ul{
	margin:3px 0 0 -10px;
	padding:0;
	list-style-type:none;
	}

.list-table li{
	float:left;
	width:170px;
	border-left:dotted 1px #ccc;
	border-top:dotted 1px #ccc;
	margin:2px;
	padding:1px 0 1px 2px;
	}


/*== 2column box ==*/
.col-2 {
	float:left;
	width:46%;
	height:auto;
	background: url(../img/box_type1.gif) no-repeat;
	margin:5px 3px 0 4px;
	padding:5px 0 0 4px;
	border-bottom:solid 1px #fff;
	}

.col-2 h3 {
	margin-top:8px;
	}

.col-2 p {
	margin-left:22px;
	}

.col-2 ul {
	margin:0;
	padding:0;
	}


/*== 3column box ==*/
.col-3 {
	float:left;
	width:30%;
	margin:5px 2px;
	padding:5px;
	}



/*== photo table ==*/
.photo-table:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.photo-table { 
	display: inline-block;
	width:auto;
	margin:10px 0;
	}

.photo-table img{
	float:left;
	border: 1px solid #ddd;
	margin: 2px 10px 2px 2px;
	padding: 3px;
	}


/*== img table ==*/
.img-table:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.img-table { 
	display: inline-block;
	width:auto;
	margin:10px 0;
	}

.img-table img{
	float:left;
	margin: 2px 5px 2px 2px;
	padding: 3px;
	}

.img-table a:hover img	{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.70;
	}



/*== simple table ==*/
.basic-tbl {
	margin:0;
	}

.basic-tbl table{
	margin:5px 0 0 0;
	border-collapse:collapse;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	}

.basic-tbl caption {
	font-size:100%;
	font-weight:normal;
	text-align:left;
	padding:0 0 2px 2px;
	}

.basic-tbl th,td {
	padding:3px 6px;
	vertical-align:top;
	}

.basic-tbl th {
	background-color:#f5f5f5;
	color:#666;
	font-weight:normal;
	white-space:nowrap;
	border-bottom:solid 1px #fff;
	}

.basic-tbl td {
	border-bottom:dotted 1px #ccc;
	}

.basic-tbl ul {
	margin:0;
	}

.basic-tbl li {
	font-size:100%;
	margin:0 0 5px 0;
	}

.end th,td {
	border:none;
}


.ver2 th {
	width:10%;
	font-weight:bold;
	text-align:center;
	border:solid 1px #ccc;
	}

.ver2 td {
	text-align:center;
	border:solid 1px #ccc;
	}


/*== Professor table ==*/
.professor {
	margin:25px 0 0 0;
	}

.professor table {
	width:97%;
	margin:0 0 20px 0;
	border-collapse:collapse;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	}

.professor caption {
	font-size:110%;
	font-weight:normal;
	text-align:left;
	padding:0 0 2px 2px;
	color:#050;
	}

.professor th,td {
	padding:3px 6px;
	vertical-align:top;
	}

.professor th {
	width:9em;
	background-color:#eee;
	color:#666;
	font-size:110%;
	font-weight:normal;
	text-align:justify;
	white-space:nowrap;
	border-bottom:solid 1px #fff;
	}

.professor td {
	border-bottom:dotted 1px #ccc;
	}

.professor .end th {
	border-bottom:solid 1px #ccc;
	}

.field td {
	font-size:90%;
	}


/*== ol No. ==*/
.img-no0 ol{
	list-style-type:none;
	margin:15px 0;
	}

.img-no0 li{
	margin:4px 0;
	padding-left:19px;
	}

.img-no0 li.no1{background:url(../img/sub_no1.gif) no-repeat;}
.img-no0 li.no2{background:url(../img/sub_no2.gif) no-repeat;}
.img-no0 li.no3{background:url(../img/sub_no3.gif) no-repeat;}
.img-no0 li.no4{background:url(../img/sub_no4.gif) no-repeat;}
.img-no0 li.no5{background:url(../img/sub_no5.gif) no-repeat;}

/*--*/

.img-no1 ol{
	list-style-type:none;
	margin:15px 0;
	}

.img-no1 li{
	margin:4px 0;
	padding-left:19px;
	}

.img-no1 li.no1{background:url(../img/sub_no1o.gif) no-repeat;}
.img-no1 li.no2{background:url(../img/sub_no2o.gif) no-repeat;}
.img-no1 li.no3{background:url(../img/sub_no3o.gif) no-repeat;}
.img-no1 li.no4{background:url(../img/sub_no4o.gif) no-repeat;}
.img-no1 li.no5{background:url(../img/sub_no5o.gif) no-repeat;}

/*--*/

.img-no2 ol{
	list-style-type:none;
	margin:15px 0;
	}

.img-no2 li{
	margin:4px 0;
	padding-left:19px;
	}

.img-no2 li.no1{background:url(../img/sub_no1g.gif) no-repeat;}
.img-no2 li.no2{background:url(../img/sub_no2g.gif) no-repeat;}
.img-no2 li.no3{background:url(../img/sub_no3g.gif) no-repeat;}
.img-no2 li.no4{background:url(../img/sub_no4g.gif) no-repeat;}
.img-no2 li.no5{background:url(../img/sub_no5g.gif) no-repeat;}


/*== ul Mark. ==*/
.img-mark ul{
	list-style-type:none;
	margin:5px 0;
	}

.img-mark li{
	margin:2px 0;
	padding-left:15px;
	background:url(../img/sub_mark.gif) no-repeat 0 0.3em;
	}


/*== Question list ==*/
#q-list {
	width:545px;
	height:auto;
	margin:0;
	}

#q-list h2{
	font-size: 100%;
	line-height: 1.4;
	font-weight: bold;
	background:#fff;
	color: #090;
	margin: 25px 0 0 0;
	padding: 0;
		}

#q-list dl{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	font-size: 80%;
	}

#q-list dt{
	width:auto;
	height:auto;
	padding-top:0.6em;
	padding-left:0.5em;
	line-height:1.8;
	background: url("../img/ten-x.gif") repeat-x;
	}

#q-list dt.first {
	background-image:none;
	border-top:none;
	}

#q-list dd{
	width:500px;
	height:auto;
	margin-top:-1.4em;
	margin-left:40px;
	line-height:1.1;
	padding-bottom:0.2em;/*行の余白を設定*/
	}

#a-list th {
	vertical-align:top;
	line-height:1.6;
	}

#a-list li {
	font-size:100%;
	}


/*== News list ==*/
.news-list {
	width:545px;
	height:auto;
	margin:10px 0 0 5px;
	}

.news-list h2{
	font-size: 100%;
	line-height: 1.4;
	font-weight: bold;
	background:#fff;
	color: #090;
	margin: 25px 0 0 0;
	padding: 0;
		}

.news-list dl{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	font-size: 80%;
	}

.news-list dt{
	width:auto;
	height:auto;
	padding-top:0.6em;
	padding-left:0.5em;
	line-height:1.8;
	background: url("../img/ten-x.gif") repeat-x;
	}

.news-list dt.first {
	background-image:none;
	border-top:none;
	}

.news-list dd{
	width:490px;
	height:auto;
	margin-top:-1.4em;
	margin-left:50px;
	line-height:1.1;
	padding-bottom:0.2em;/*行の余白を設定*/
	}


/*== news-tbl ==*/
.news-tbl table{
	width:545px;
	margin:10px 0 0 5px;
	border-collapse:collapse;
	}

.news-tbl th,td {
	padding:5px 6px;
	vertical-align:top;
	}

.news-tbl th {
	white-space:nowrap;
	}

.news-tbl ul {
	margin:0;
	}

.news-tbl li {
	font-size:100%;
	margin:0 0 5px 0;
	}


.news-tbl tr {
	background: url("../img/ten-x.gif") repeat-x;
	}

.news-tbl tr.first {
	background-image:none;
	border-top:none;
	}


/*== Career step ==*/
.step {
	margin:25px 0 0 0;
	background: url("../img/big_arrow.gif") no-repeat 0% 100%;
	/*border:solid 1px #f00;*/
	}

.step h2{
	float:left;
	width:100px;
	margin:0;
	padding:0;
	}

.step-right{
	width:440px;
	height:auto;
	margin:0 0 0 110px;
	padding:8px 0 30px 0px;
	}

.step-right ul,p {
	margin-top:15px;
	margin-left:0;
	}




/*== Link button ==*/
.link-btn li {
	display:block;
	list-style-type:none;
	width:180px;
	height:30px;
	background: url("../img/link_btn.gif") no-repeat;
	}

.link-btn a {
	margin:0 0 0 26px;
	line-height:27px;
	}



/*== Background (arrow) ==*/
.bg-arrow {
	background: url("../img/arrow_tri.gif") repeat-y 3px 3px;
	}