/* CSS Document */

/* -------- */
/* 共通設定 */
/* -------- */

body {
	margin: 0px;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
td {
	font-size: 14px;
	line-height: 22px;
}
img {
	border-style: none;
	border-width: 0px;
}
.clear{
	clear:both;
}
.line {
	background-image:url(img/line.gif);
	background-repeat:repeat-x;
	height:5px;
}
.line2 {
	background-image: url(img/line2.gif);
	height: 1px;
}
.bk_black {
	background-color:#000000;
}
.bk_list {
	background-color:#CCCCCC;
}
.bk_list2 {
	background-color:#FFFFFF;
	vertical-align:top;
}
.bk_list2a {
	background-color:#FFFFFF;
	vertical-align:top;
	border-bottom:1px solid #CCCCCC;
}
.bk_list3 {
	background-color:#F8F8F8;
	vertical-align:top;
}
.bk_list3a {
	background-color:#F8F8F8;
	vertical-align:top;
	border-bottom:1px solid #CCCCCC;
}
.bk_list4 {
	background-color:#FDF3FB;
}
.bk_list5 {
	background-color:#EBF4F6;
}
.bk_list6 {
	background-color:#F2F9E7;
}
.red {
	color:#E20077;
}
.blue {
	color:#1F99A4;
}
.hyo_padd {
	padding:3px 7px;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* ------ */
/* リンク */
/* ------ */

a:link {
	color: #008A96;
}
a:visited {
	color: #008A96;
}
a:hover {
	color: #CC3366;
}
a:active {
	color: #CC3366;
}

/* ----- */
/* Hタグ */
/* ----- */

h1 {
	font-size:10px;
	font-weight:normal;
	margin:0px;
}

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

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 37px;
	width: 909px;
}
#menu li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
#menu a {
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background-image: url(img/menu.gif);
}
#menu li#nav1 a { width: 84px; height: 37px; background-position: 0px 0px;}
#menu li#nav2 a { width: 159px; height: 37px; background-position: -84px 0px;}
#menu li#nav3 a { width: 125px; height: 37px; background-position: -243px 0px;}
#menu li#nav4 a { width: 92px; height: 37px; background-position: -368px 0px;}
#menu li#nav5 a { width: 81px; height: 37px; background-position: -460px 0px;}
#menu li#nav6 a { width: 118px; height: 37px; background-position: -541px 0px;}
#menu li#nav7 a { width: 135px; height: 37px; background-position: -659px 0px;}
#menu li#nav8 a { width: 115px; height: 37px; background-position: -794px 0px;}
#menu li#nav1 a:hover { background-position: 0px -37px;}
#menu li#nav2 a:hover { background-position: -84px -37px;}
#menu li#nav3 a:hover { background-position: -243px -37px;}
#menu li#nav4 a:hover { background-position: -368px -37px;}
#menu li#nav5 a:hover { background-position: -460px -37px;}
#menu li#nav6 a:hover { background-position: -541px -37px;}
#menu li#nav7 a:hover { background-position: -659px -37px;}
#menu li#nav8 a:hover { background-position: -794px -37px;}
#menu li#nav1 a.focus { background-position: 0px 37px;}
#menu li#nav2 a.focus { background-position: -84px 37px;}
#menu li#nav3 a.focus { background-position: -243px 37px;}
#menu li#nav4 a.focus { background-position: -368px 37px;}
#menu li#nav5 a.focus { background-position: -460px 37px;}
#menu li#nav6 a.focus { background-position: -541px 37px;}
#menu li#nav7 a.focus { background-position: -659px 37px;}
#menu li#nav8 a.focus { background-position: -794px 37px;}
#menu li#nav1 a:hover.focus { background-position: 0px 37px;}
#menu li#nav2 a:hover.focus { background-position: -84px 37px;}
#menu li#nav3 a:hover.focus { background-position: -243px 37px;}
#menu li#nav4 a:hover.focus { background-position: -368px 37px;}
#menu li#nav5 a:hover.focus { background-position: -460px 37px;}
#menu li#nav6 a:hover.focus { background-position: -541px 37px;}
#menu li#nav7 a:hover.focus { background-position: -659px 37px;}
#menu li#nav8 a:hover.focus { background-position: -794px 37px;}

/* ---------- */
/* レイアウト */
/* ---------- */

.h1 {
	background-image:url(img/h1.gif);
	height:20px;
	padding-top:7px;
}
.wrapper {
	width:909px;
	margin:0px auto;
}
div.wrapper:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

/* -------- */
/* ヘッダー */
/* -------- */
.header {
	width:909px;
	height:94px;
}
.bk_header {
	background-image:url(img/bk_header.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
.header2 {
	width:559px;
}
.h_left {
	width:382px;
	padding:0px 21px 0px 13px;
	float:left;
}
.h_right {
	width:142px;
	float:left;
}

/* ------------------- */
/* TOPページコンテンツ */
/* ------------------- */

/* コンテンツFLASH */

.flash {
	padding:0px 0px 20px 0px;
}

/* コンテンツleft */
.left {
	width:649px;
	padding:0px 0px 25px 0px;
	float:left;
}
.height110 {
	height:110px;
}
.padd_com {
	padding:12px 20px 0px 0px;
}

/* コンテンツright */
.right {
	width:234px;
	padding:0px 0px 25px 26px;
	float:left;
}

/* -------------------- */
/* 下層ページコンテンツ */
/* -------------------- */

.contents {
	width:909px;
	padding:0px 0px 25px 0px;
}
.pankuzu {
	font-size:12px;
	line-height:30px;
	border-bottom:1px solid #CCCCCC;
}

/* WE CAN！についてメニュー */
#menu_about {
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 909px;
	background-image: url(img/kasou_menu1.gif);
}
#menu_about ul {
	margin: 0px;
	padding: 0px 0px 0px 86px;
	list-style: none;
	height: 31px;
	width: 823px;
}
#menu_about li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
#menu_about a {
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background-image: url(img/kasou_menu1.gif);
}
#menu_about li#nav1 a { width: 108px; height: 31px; background-position: -86px 0px;}
#menu_about li#nav2 a { width: 227px; height: 31px; background-position: -194px 0px;}
#menu_about li#nav3 a { width: 230px; height: 31px; background-position: -421px 0px;}
#menu_about li#nav4 a { width: 124px; height: 31px; background-position: -651px 0px;}
#menu_about li#nav1 a:hover { background-position: -86px -31px;}
#menu_about li#nav2 a:hover { background-position: -194px -31px;}
#menu_about li#nav3 a:hover { background-position: -421px -31px;}
#menu_about li#nav4 a:hover { background-position: -651px -31px;}
#menu_about li#nav1 a.focus { background-position: -86px 31px;}
#menu_about li#nav2 a.focus { background-position: -194px 31px;}
#menu_about li#nav3 a.focus { background-position: -421px 31px;}
#menu_about li#nav4 a.focus { background-position: -651px 31px;}
#menu_about li#nav1 a:hover.focus { background-position: -86px 31px;}
#menu_about li#nav2 a:hover.focus { background-position: -194px 31px;}
#menu_about li#nav3 a:hover.focus { background-position: -421px 31px;}
#menu_about li#nav4 a:hover.focus { background-position: -651px 31px;}


/* コンポーネントメニュー */
#menu_component {
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 909px;
	background-image: url(img/kasou_menu2.gif);
}
#menu_component ul {
	margin: 0px;
	padding: 0px 0px 0px 86px;
	list-style: none;
	height: 31px;
	width: 810px;
}
#menu_component li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
#menu_component a {
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background-image: url(img/kasou_menu2.gif);
}
#menu_component li#nav1 a { width: 91px; height: 31px; background-position: -86px 0px;}
#menu_component li#nav2 a { width: 175px; height: 31px; background-position: -177px 0px;}
#menu_component li#nav3 a { width: 144px; height: 31px; background-position: -352px 0px;}
#menu_component li#nav4 a { width: 190px; height: 31px; background-position: -496px 0px;}
#menu_component li#nav5 a { width: 94px; height: 31px; background-position: -686px 0px;}
#menu_component li#nav1 a:hover { background-position: -86px -31px;}
#menu_component li#nav2 a:hover { background-position: -177px -31px;}
#menu_component li#nav3 a:hover { background-position: -352px -31px;}
#menu_component li#nav4 a:hover { background-position: -496px -31px;}
#menu_component li#nav5 a:hover { background-position: -686px -31px;}
#menu_component li#nav1 a.focus { background-position: -86px 31px;}
#menu_component li#nav2 a.focus { background-position: -177px 31px;}
#menu_component li#nav3 a.focus { background-position: -352px 31px;}
#menu_component li#nav4 a.focus { background-position: -496px 31px;}
#menu_component li#nav5 a.focus { background-position: -686px 31px;}
#menu_component li#nav1 a:hover.focus { background-position: -86px 31px;}
#menu_component li#nav2 a:hover.focus { background-position: -177px 31px;}
#menu_component li#nav3 a:hover.focus { background-position: -352px 31px;}
#menu_component li#nav4 a:hover.focus { background-position: -496px 31px;}
#menu_component li#nav5 a:hover.focus { background-position: -686px 31px;}


/* WE CAN！について */

.syllabus {
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 7px;
	width: 257px;
}
.icon {
	padding-top: 13px;
	padding-left: 5px;
	width: 15px;
}

/* コンポーネント */
.student_txt {
	padding:10px;
	width:425px;
}
.student_bk {
	border:1px dotted #999999;
	background-color:#F9F9F9;
}


/* -------- */
/* フッター */
/* -------- */

.footer {
	background-color:#F1EEEB;
    height: 22px;
	clear:both;
}
.copy {
	width:909px;
	margin:0px auto;
	padding:17px 0px 20px 0px;
}


#menu2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 909px;
    height: 22px;
}
#menu2 ul li   {
    float: left;
    height: 22px;
	font-size:12px;
	padding:0px;
	margin:0px;
}
#menu2 ul li a {
    display: block;
    line-height: 22px;
    height: 22px;
	color:#555555;
	padding:0px;
	margin:0px;
}
#menu2 ul li a:hover   {
    color: #777777;
}
#menu2 li#nav1 { width: 63px; height: 22px;}
#menu2 li#nav2 { width: 132px; height: 22px;}
#menu2 li#nav3 { width: 104px; height: 22px;}
#menu2 li#nav4 { width: 80px; height: 22px;}
#menu2 li#nav5 { width: 56px; height: 22px;}
#menu2 li#nav6 { width: 93px; height: 22px;}
#menu2 li#nav7 { width: 111px; height: 22px;}
#menu2 li#nav8 { width: 96px; height: 22px;}

.font_12 {
	font-size: 12px;
}
.font_16 {
	font-size: 16px;
}
.font_18 {
	font-size: 18px;
}