@charset "utf-8";
/* CSS Document */

@import "common.css";


/* adn */
/* =========================================================== */


/* sNav */
#sNav ul.btn {
	margin: 0 0 20px 0;
}



/* top */
#main.top h1 {
	width: 700px;
	height: 45px;
	background: url(../adn/images/top_main_ttl.gif) no-repeat left top;
	text-indent: -9999px;
}

#main.top div.mainArea h2 {
	float: left;
	width: 440px;
	margin: 30px 0 0 0;
}

#main.top div.mainArea div.img {
	float: right;
	width: 260px;
	margin: 30px 0 0 0;
}

#main.top div.mainArea div.txt {
	float: left;
	width: 415px;
	margin: 12px 0 0 0;
}

#main.top div.mainArea div.txt p {
	margin: 8px 0 0 0;
	font-size: 78%;
	line-height: 1.7;
}

#main.top div.mainArea div.txt p.ttl {
	font-size: 90%;
	font-weight: bold;
}

#main.top div.mainArea02 div.img {
	float: left;
	width: 245px;
	margin: 5px 0 0 0;
}

#main.top div.mainArea02 div.txtWrap {
	float: left;
	width: 443px;
	margin: 45px 0 20px 0;
	background: url(../adn/images/top_mainarea_bg02.gif) no-repeat bottom;
}

#main.top div.mainArea02 div.txtWrap p {
	padding: 18px 25px;
	background: url(../adn/images/top_mainarea_bg01.gif) no-repeat top;
	font-size: 78%;
	line-height: 1.7;
}

#main.top div.nintei {
	width: 620px;
	margin: 0 0 0 40px;
	border-bottom: solid 5px #D9DDF0;
	background: url(../adn/images/top_nintei_banner_bg.jpg) no-repeat left top;
}

#main.top div.nintei p {
	margin: 8px 25px 12px 28px;
	font-size: 78%;
	line-height: 1.7;
}

#main.top ul.btnArea {
	width: 700px;
	margin: 40px 0 90px 0;
	padding: 40px 0 0 0;
	background: url(../common/tensen01.gif) repeat-x left top;
}

#main.top ul.btnArea li.left {
	float: left;
	width: 330px;
}

#main.top ul.btnArea li.right {
	float: right;
	width: 330px;
}

#main.top ul.btnArea li p.btn a:hover {
	opacity: 0.85;	
	filter: alpha(opacity=85);
}

#main.top ul.btnArea li p.txt {
	margin: 6px 0 0 2px;
	font-size: 78%;
	line-height: 1.7;
}

#main.top ul.btnArea li p.link {
	margin: 3px 0 0 0;
	text-align: right;
	font-size: 78%;
	line-height: 1.7;
}

#main.top ul.btnArea li p.link a {
	padding: 0 0 0 12px;
	background: url(../common/arw02.gif) no-repeat left center;
}



/* training */
#main.training div.mainArea {
	width: 700px;
	margin: 30px 0 38px 0;
}

#main.training div.mainArea h2.txt02 {
	float: left;
	width: 330px;
	margin: 10px 0 0 0;
}

#main.training div.mainArea div {
	float: right;
	width: 270px;
	margin: 10px 0 0 0;
	text-align: right;
}

#main.training dl {
	width: 700px;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url(../common/tensen01.gif) repeat-x left bottom;
}

#main.training dl.bottom {
	background: none;
}

#main.training dl dt {
	float: left;
	width: 470px;
}

#main.training dl dd.img {
	float: right;
	width: 200px;
}

#main.training dl dd.txt {
	float: left;
	width: 470px;
}

#main.training dl dd.txt h3 {
	margin: 12px 0 0 0;
	color: #3A52A5;
	font-size: 90%;
	line-height: 1.7;
	font-weight: bold;
}

#main.training dl dd.txt p {
	margin: 8px 0 0 0;
	font-size: 78%;
	line-height: 1.7;
}

#main.training div.news {
	width: 620px;
	margin: 50px 0 70px 40px;
	background: url(../adn/images/training_news_banner_bg.jpg) no-repeat left top;
	border-bottom: solid 5px #D9DDF0;
}

#main.training div.news h3 {
	float: right;
	width: 376px;
}

#main.training div.news div.img {
	float: left;
	width: 220px;
}

#main.training div.news p {
	float: right;
	width: 350px;
	margin: 2px 25px 10px 0;
	/display: inline;
	font-size: 78%;
	line-height: 1.7;
}


/* system */
#main.system h1 {
	width: 700px;
	height: 45px;
	background: url(../adn/images/system_main_ttl.gif) no-repeat left top;
	text-indent: -9999px;
}

#main.system div.mainArea {
	margin: 30px 0 0 0;
	background: url(../adn/images/system_mainarea_img.jpg) no-repeat right top;
}

#main.system div.mainArea dl {
	display: table;
	width: 490px;
	margin: 20px 0 0 0;
}

#main.system div.mainArea dl dt {
	display: table-cell;
	width: 45px;
	text-align: left;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

#main.system div.mainArea dl dd {
	display: table-cell;
	width: 445px;
	text-align: left;
	vertical-align: middle;
	font-size: 90%;
	line-height: 1.7;
	/display: inline;
	/zoom: 1;
}

#main.system div.img {
	margin: 15px 0 70px 0;
}










