@charset "UTF-8";
/* CSS Document */

/* 
   Reset
------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
a img {border: none;}
/* 
   General 
------------------------------------------------------------------- */

html {height: 100%; padding-bottom: 1px;} /* force scrollbars */
body {background: #FFF;font: normal 80% sans-serif;line-height: 1.6;margin: 0;padding: 0;text-align: left;}
/* main title */
div#maintitle {
	width:840px;
	height:136px;
	background-image:url(../images/header/head_noon.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
	mrgin:0;
	padding:0;
}
/* 
   typography 
------------------------------------------------------------------- */
/* headings */
p {font-size:1.1em;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;line-height: 1;margin: 0;padding:0;}
h1 { font-size: 1.5em;}
h2 { font-size: 1.3em;}
h3 {font-size: 1.3em;padding-bottom: 20px;padding-top: 10px;}
h4 {font-size: 1.2em;padding-bottom: 20px;padding-top: 10px;}
h5 {font-size: 1.1em;padding-bottom: 20px;padding-top: 10px;}
h6 {font-size: 1em;padding-top: 10px;padding-bottom: 20px;}
h2, h3 {color:#357;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* links */

a {
	color: #357;
	text-decoration: underline;
    overflow:hidden; /* リンク時枠線消去 */
}
a:hover {color: #999;}
a.feed {background: url('../images/icon-feed.gif') no-repeat left center;padding-left: 18px;}
h2 a {text-decoration:none;}
h2 a:hover {color: #999;}
a.to_top {
	float:right;
	background-image: url(../images/to_top.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;	
}
/* more links */
a.more {color: #579;font-weight: bold;}
a.more:hover {color: #234;}

/* text elements */

p {margin-bottom: 1em; color: #333333;}
address {font-style: normal;padding-bottom:1em;}
strong {font-weight: bold;}
pre {margin: 1.5em 0;white-space: pre;}
pre,code,tt {font: 1em monospace;line-height: 1.5;}

/* lists */
ul, ol {margin: 0 0 1.5em 1.5em;}
ul,li {list-style-type: none;}
div#column_1 li,.TabbedPanelsContent li {list-style-image:url(../images/list.png);margin:0;}
ol {list-style-type: decimal;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}
ul.plain_list li, ul.list_a li, ul.tabbed li {list-style: none;}
ul.tabbed {display: inline;margin: 0;}
ul.tabbed li {float: left;}

/* tables */
table,caption,thead,tbody,tr,th,td {margin:0;padding:0;}
table {
	width:100%;
	border-collapse:collapse;
	margin-bottom: 1.4em;
	text-align:center;
	border: 1px solid #999;
	}
th, td {border:1px solid #999;}
thead th {background: #C3D9FF;padding:10px;white-sapce:no-wrap;font-weight:bold;}
tbody th, tbody td{padding:10px;}
caption {background: #EEE;}
/* floats */   
.left { float: left;}
.right { float: right;}

/* LAYOUT */
/* general */
.wrapper {
	width: 880px;
    margin: 0;
    padding:0;
     }
/* top_extra part */
div#top_extra {
	width:840px;
	height:40px;
	margin-left:20px;
	margin-right:20px;
	background-image: url(../images/top_back.png);
	background-repeat: no-repeat;
	}
div#top_extra .left {color: #333;}
div#top_logo {text-indent:-9999px;}
div#top_logo a {
	display:block;
	height:40px;
	width:120px;
	}
div#top_extra li a {
	display:block;
	width:155px;
	height:35px;
    }
.current_tab a {background: #FFF;}
div#top_extra .text-separator, div#network span {color: #999;}
/* header */
div#top_part {margin-left:20px;margin-right:20px;}
/* for navigations */
div#main_nav a, div#sub_nav a {display: block;}
/* main navigation */
div#main_nav {
	width:840px;
	height:87px;
	margin-bottom:10px;
	background-image: url(../images/navi_back.png);
	background-repeat: no-repeat;
	background-position: left;
}
div#main_nav li {width:95px;height:87px;float:left; text-indent:-9999px;white-space:nowrap;}
div#main_nav a {width:95px;height:87px;}

/* sub navigation */
div#sub_nav {padding: 0 5px;}
div#sub_nav a {font: bold 0.8em sans-serif;padding: 5px;text-decoration:none;}
.current_tab a {color: #999;}
/* main image */
div#main_image {background-image:url(../images/main_img/main_img.jpg);}
div#detail_img {background-image:url(../images/main_img/detail_img.jpg);}
div#staff_img {background-image:url(../images/main_img/staff_img.jpg);}
div#facilities_img {background-image:url(../images/main_img/facilities_img.jpg);}
div#company_img {background-image:url(../images/main_img/company_img.jpg);}
div#visit_img {background-image:url(../images/main_img/visit_img.jpg);}
div#recruit_img {background-image:url(../images/main_img/recruit_img.jpg);}
div#privacy_img {background-image:url(../images/main_img/privacy_img.jpg);}
div#main_image, div#detail_img, div#staff_img, div#facilities_img, div#company_img, div#visit_img, div#recruit_img, div#privacy_img {
	width:840px;
	height:380px;
	background-repeat: no-repeat;
	background-color:#666;
	margin: 0px;
	padding: 0px;
	}
/* main content */
.main_content {margin-bottom: 20px;}
div#two_columns {width:840px;margin-left:auto;margin-right:auto;}
div#main_left {width:500px;margin:0;padding:0;}
div#main_right {width:340px;margin:0;padding:0;}
div#main2_left {width:210px;}
div#main2_right {width:630px;}
/* for index page only. news and facilities */
div#news_title {
	width:500px;
	height:60px;
	background-image:url(../images/midashi/news_bg.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
    }
div#facilities {
    width:340px;
    height:60px;
    background-image:url(../images/midashi/facility_bg.png);
    background-repeat:no-repeat;
	text-indent:-9999px;
	}
div#list_content {margin-left:50px;margin-top:10px;}
/* dashboard */
div#dashboard {
	width:840px;
	border:1px solid #E7E7E7;
	margin-left:20px;
	margin-right:20px;
	}
div#news_title h2 a {display:block;width:500px;height:60px;}
div#facilities h2 a {display:block;width:340px;height:60px;}
/* headline position */
div#dashboard .column_content {padding:14px 16px 14px 16px;}
.column {width: 210px;}
.column_title1,.column_title,.column_title1 h2 a,.column_title h2 a {padding-bottom: 10px;}
.column_title1 h2,.column_title h2 {text-indent:-9999px;}
.column_title1 h2 a {display:block;width:176px;height:60px;}
.column_title h2 a {display:block;width:200px;height:60px;}
/* index only. headline of the dashboard*/
div#detail {background-image:url(../images/midashi/detail_bg.png);}
div#inpro {background-image:url(../images/midashi/inpro_bg.png);}
div#staff {background-image:url(../images/midashi/staff_bg.png);}
div#message {background-image:url(../images/midashi/message_bg.png);}
div#detail, div#inpro, div#staff, div#message {width:176px;height:60px;background-repeat:no-repeat;}
/*headline on numbers*/	
.n1 {background-image: url(../images/number/n1.png);}
.n2 {background-image: url(../images/number/n2.png);}
.n3 {background-image: url(../images/number/n3.png);}
.n4 {background-image: url(../images/number/n4.png);}
.n5 {background-image: url(../images/number/n5.png);}
.n6 {background-image: url(../images/number/n6.png);}
.n7 {background-image: url(../images/number/n7.png);}
.n1,.n2,.n3,.n4,.n5,.n6,.n7 { background-repeat:no-repeat; background-position:left; padding-left:35px;padding-top:20px;padding-bottom:20px;line-height:28px;}
/*headline on each page*/
div#detail_h {background-image:url(../images/midashi/detail_bg.png);}
div#company_h {background-image:url(../images/midashi/company_bg.png);}
div#facility_h {background-image:url(../images/midashi/facility_bg2.png);}
div#staff_h {background-image:url(../images/midashi/staff_bg.png);}
div#recruit_h {background-image:url(../images/midashi/recruit_bg.png);}
div#message_h {background-image:url(../images/midashi/message_bg.png);}
div#privacy_h {background-image:url(../images/midashi/privacy_bg.png);}
div#visit_h {background-image:url(../images/midashi/visit_bg.png);}
div#intro, div#detail_h, div#company_h, div#facility_h, div#staff_h, div#recruit_h, div#privacy_h, div#message_h, div#visit_h {width:200px;height:60px;background-repeat:no-repeat;background-position: left top;}
/*headline on company*/
.birdcage_s {background-image: url(../images/midashi/birdcage_s.png);}
.birdcage_s {background-repeat:no-repeat; background-position:left; padding-left:30px;padding-top:5px;padding-bottom:5px;} 
li.birdcage_s {list-style:none;}
h3#concept {background-image: url(../images/midashi/concept_bg.png);}
h3#statement {background-image: url(../images/midashi/statement_bg.png);}
h3#outline {background-image: url(../images/midashi/outline_bg.png);}
h3#contact {background-image: url(../images/midashi/contact_bg.png);}
h3#concept, h3#statement, h3#outline, h3#contact {background-repeat:no-repeat; background-position:left; padding-left:40px;padding-top:20px;padding-bottom:20px;}
 /*headline on facilities*/
.birdcage  {background-image: url(../images/midashi/birdcage.png);}
h3#idea {background-image: url(../images/midashi/idea_bg.png);}
h3#idea, .birdcage {background-repeat:no-repeat; background-position:left; padding-left:40px;padding-top:20px;padding-bottom:20px;} 
h5#encho {background-image: url(../images/midashi/encho_bg.png);}
h5#info {background-image: url(../images/midashi/info_bg.png); }
h5#opening {background-image: url(../images/midashi/open_bg.png); }
h5#tuition {background-image: url(../images/midashi/tuition_bg.png);}
h5#place {background-image: url(../images/midashi/place_bg.png);}
h5#encho, h5#info, h5#opening, h5#tuition, h5#place {background-repeat:no-repeat; background-position:left; padding-left:40px;padding-top:20px;padding-bottom:20px;}
li#photo, li#infor, li#opening, li#tuition { list-style:none;}
li#photo {background-image: url(../images/midashi/photo_bg.png);}
li#infor {background-image: url(../images/midashi/infor_sbg.png);}
li#opening {background-image: url(../images/midashi/open_sbg.png);}
li#tuition {background-image: url(../images/midashi/tuition_sbg.png);}
li#photo, li#infor, li#opening, li#tuition {background-repeat:no-repeat; background-position:left; padding-left:30px;padding-top:10px;padding-bottom:10px;}
/*headline on detail*/
h3#feature {background-image: url(../images/midashi/feature_bg.png);}
h3#day {background-image: url(../images/midashi/day_bg.png);}
h3#year {background-image: url(../images/midashi/year_bg.png);}
h3#tuition {background-image: url(../images/midashi/tuition_bg.png);}
h3#enter {background-image: url(../images/midashi/enter_bg.png);}
h3#dl {background-image: url(../images/midashi/dl_bg.png);}
h3#attention {background-image: url(../images/midashi/attention_bg.png);}
h3#team {background-image: url(../images/midashi/team_bg.png);}
h3#org {background-image: url(../images/midashi/org_bg.png);}
h3#guideline {background-image: url(../images/midashi/guideline_bg.png);}
h3#differ {background-image: url(../images/midashi/differ_bg.png);}
h3#feature, h3#day, h3#year, h3#tuition, h3#enter, h3#dl, h3#attention, h3#team, h3#org, h3#guideline, h3#differ { background-repeat:no-repeat; background-position:left; padding-left:40px;padding-top:20px;padding-bottom:20px;}
/*headline on privacy*/
h3#basis {background-image: url(../images/midashi/basis_bg.png);}
h3#basis {background-repeat:no-repeat; background-position:left; padding-left:40px;padding-top:20px;padding-bottom:20px;}
/* headline on footer*/
.privacy_s {background-image: url(../images/midashi/privacy_s.png);}
.privacy_s {background-repeat:no-repeat; background-position:left; padding-left:30px;padding-top:5px;padding-bottom:5px;} 
/* footer */
div#footer {width: 840px;margin-left: 20px;margin-right: 20px;padding: 10px 0;}
div#footer div.text_separator {padding: 0 3px; color: #BBB;}
/* Single line IE fix */
* html #sub_nav, * html .section_title, * html .main {height: 0.01%; min-height: 0.01%;}
/* float clear */
.clearer {
    content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	}