body#index {
background: url(../img/bg_wrapper.jpg) repeat-x top center;
}

#wrapper_index {
	/*width: 900px;*/
	width: 882px;
	margin: 0 auto;
	position: relative;
	
}

#base_index{
	/*width: 900px;*/
	width: 882px;
	padding-top: 462px;
}

#index #base_index {
	padding: 0;
}

#main-image {
	width: 100%;
	height: 420px;
	border-top: 1px solid #FFFFFF;
	margin:0 auto;
	text-align:center;
	background: url(../index_img/bg_flash.jpg) repeat-x left top;
}

#container_index {
	/*width: 900px;*/
	width: 882px;
	zoom:1;/*for IE 5.5-7*/
	background:url(../img/bg_container.gif) repeat-y -8px 0px;
}

#container_index:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

* html #container_index{
	display:inline-table;
	/*\*/display:block;/**/
}


/*
===== HEADER ====================================
*/

#header {
position:absolute;
top:0;
left:0;
width:900px;
height:81px;
}

#index #header {
position:relative;
margin: 0 auto;
}

#header #logo {
position:absolute;
top:0;
left:0;
}

#header #logo a{
width: 396px;
height: 64px;
display: block;
background: url(../img/logo.gif) no-repeat bottom left;
text-indent: -7777px;
overflow: hidden;
}

.noMark #header #logo a{
background: url(../img/logo_non.gif) no-repeat bottom left;
}


#header #search {
position: absolute;
top:44px;
right: 163px;
width:217px;
height:21px;
background: url(../img/bg_search.gif) no-repeat top left;
}

#header #search legend {display:none;}

#header #search input#search_area{
width:143px;
height:15px;
line-height: 100%;
margin:4px 0 0 25px ;
display: inline;
border:0px;
float: left;
overflow:hidden;
background-color: #fff;
}

#header #search input#search_submit{
display:inline;
float: right;
width:38px;
font-size: 0;
line-height:100%;
margin-left:1px;
}

#header #font-change {
position:absolute;
top:44px;
right:0px;
}

#header #font-change span {
height:21px;
position:relative;
font-size:80%;
/*MacIE\*/
overflow:hidden;
float:left;
}

#header #font-change span.font-size {
margin-right:3px;
background:url(../img/font_change.gif) no-repeat center left;
width:55px;
height: 20px;
text-indent: -9999px;
}

#header #font-change span  a {
display:block;
height:100%;
width:100%;
text-indent:-7777px;
}

#header #font-change span a:hover {
background-position: 0 -21px;
}

#header #font-change span a:focus {
/*\*/
overflow: hidden;
/**/
}

#header #font-change .font-small a {background:url(../img/btn_font_small.gif) no-repeat top left; width:28px;}
#header #font-change .font-normal a {background:url(../img/btn_font_normal.gif) no-repeat 0 -21px; width:29px;}
#header #font-change .font-large a{background:url(../img/btn_font_large.gif) no-repeat top left; width:29px;}

#header #font-change p.noscript{
font-size: 77%;
line-height: 1.2;
}

#header #sub-navigation {
position:absolute;
top:0;
right:0;
background:url(../img/bg_headermenu.gif) no-repeat top center;
width:380px;
height:24px;
}

#header #sub-navigation ul{margin-top: 6px;}

#header #sub-navigation li{
height:14px;
position:relative;
font-size:80%;
/*MacIE\*/
overflow:hidden;
float:left;
}

#header #sub-navigation li a{
display:block;
height:100%;
width:100%;
text-indent:-7777px;
}

#header #sub-navigation li a:focus {
/*\*/
overflow: hidden;
/**/
}

#header #sub-navigation li.subnavi-01{ padding-left:10px;}
#header #sub-navigation li.subnavi-02{ padding-left:10px;}
#header #sub-navigation li.subnavi-03{ padding-left:10px;}
#header #sub-navigation li.subnavi-04{ padding-left:28px;}
#header #sub-navigation li.subnavi-05{ padding-left:10px;}

#header #sub-navigation li.subnavi-01 a {background:url(../img/headermenu01.gif) no-repeat top left; width:55px;}
#header #sub-navigation li.subnavi-02 a {background:url(../img/headermenu02.gif) no-repeat top left; width:76px;}
#header #sub-navigation li.subnavi-03 a {background:url(../img/headermenu03.gif) no-repeat top left; width:76px;}
#header #sub-navigation li.subnavi-04 a {background:url(../img/headermenu04.gif) no-repeat top left; width:55px;}
#header #sub-navigation li.subnavi-05 a {background:url(../img/headermenu05.gif) no-repeat top left; width:34px;}

#header #sub-navigation li a:hover {
background-position: 0 -14px;
}

#contents-area_index{
	/*width: 667px;*/
	width: 654px;
	float: right;
	text-align: left;
	background-color:#fff;
}

#contents-center {
	/*width: 442px;*/
	width: 428px;
	float: left;
}

#contents-right {
	/*width:215px;*/
	/*float:left;*/
	width: 214px;
	float: right;
}





/*
===== BANNER RIGHT ====================================
*/

#banner_right{
margin:0 auto 30px;
width: 208px;
text-align: center;
}

#banner_right ul li{
padding-bottom:5px;
line-height:1;
}

/*
===== SIDE MENU ====================================
*/

#sidemenu_index{
width: 216px;
float: left;
margin-bottom: 55px;
/*margin-left: 8px;*/
display: inline;
}

#sidemenu_index #menu{
margin:5px auto;
width: 206px;
border-top: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
}

#sidemenu_index #menu ul.first_mn li{
border-bottom: 1px solid #d6d6d6;
}

#sidemenu_index #menu ul.first_mn li span{
border:2px solid #fff;
width:202px;
display:block;
}

#sidemenu_index #menu ul.first_mn li span a{
width:177px;
background: url(../img/bg_sidemenu.gif) no-repeat center left #fff;
display: block;
padding: 9px 0 9px 25px;
text-decoration: none;
color:#000;
}

#sidemenu_index #menu ul.first_mn li span a.on{
background: url(../img/bg_sidemenu_on.gif) no-repeat center left #fff;
text-decoration: underline;
color:#2395dc;
}

#sidemenu_index #menu ul.first_mn li span a:hover{
background: url(../img/bg_sidemenu_on.gif) no-repeat center left #fff;
text-decoration: underline;
color:#2395dc;
}

#sidemenu_index #menu ul.sec_mn li{
border-bottom: 1px solid #d6d6d6;
}

#sidemenu_index #menu ul.sec_mn li span{
border:2px solid #fff;
width:202px;
display:block;
}

#sidemenu_index #menu ul.sec_mn li span.sec_ttl{
background: url(../img/mn_sec.gif) no-repeat center left #f5f5f5;
display: block;
padding: 4px 0 4px 25px;
text-decoration: none;
color:#000;
}

#sidemenu_index #menu ul.sec_mn li span a{
width:177px;
background: url(../img/mn_sec.gif) no-repeat center left #f5f5f5;
display: block;
padding: 4px 0 4px 25px;
text-decoration: none;
color:#000;
}

#sidemenu_index #menu ul.sec_mn li span a:hover{
background: url(../img/mn_sec_on.gif) no-repeat center left #e5e5e5;
text-decoration: underline;
color:#2395dc;
}

#sidemenu_index #menu ul.sec_mn li span a.on{
background: url(../img/mn_sec_on.gif) no-repeat center left #e5e5e5;
text-decoration: underline;
color:#2395dc;
}

#sidemenu_index #banner{
margin:15px auto 30px;
width: 208px;
text-align: center;

}

#sidemenu_index #banner h3{
text-align: left;
padding-left: 5px;
border-left:2px solid #0e91df;
font-weight: bold;
margin-bottom: 10px;
}

#sidemenu_index #banner ul li{
line-height:1;
margin-bottom:6px;
display:inline-block;
}
 
#sidemenu_index #banner ul li a img {
display:block;
}

#sidemenu_index #banner ul li #bnr_privacy{
margin:0;
padding:4px 0;
line-height:1;
background-color: #fff;
border-left:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
}

#sidemenu_index #banner ul li #bnr_privacy a{
background: url(../img/icon_list02.gif) no-repeat 0 0.25em;
padding-left: 8px;
}

#sidemenu_index #banner ul li #bnr_influ{
width:204px;
margin:0 auto;
padding:3px 0 4px;
line-height:1;
background-color: #fff;
border-left:1px solid #af313c;
border-right:1px solid #af313c;
border-bottom:1px solid #af313c;
}

#sidemenu_index #banner ul li #bnr_influ a{
background: url(../img/arrow_red.gif) no-repeat 0 0.25em;
padding-left: 8px;
color:#d64952;
}

#sidemenu_index #banner ul li #bnr_influ a:hover{
text-decoration:underline;
}



/* 緊急情報 ++++++++++++++++++++ */
div#ema_area {
	/*width:424px;*/
	width:422px;
	background-color: #f0f0f0;
	margin-bottom: 20px;
	padding: 3px 3px 2px 3px;
}

div#ema_area p {
	margin: 0;
	height: 24px;
	border: 1px solid #d0d0d0;
	background: url(../index_img/ema.jpg) center left no-repeat #fff;
}

div#ema_area .telopframe {
	background-color: #fff;
	margin-left:74px;
	padding: 0 5px 0 5px;
	vertical-align: middle;
	/*width: 338px;*/
	width: 336px;
	height: 24px;
}





/*
===== NEWS AREA ====================================
*/

div#news-area {
	width:430px;
	/*width: 428px;*/
}



div#news-area iframe.newsframe {
	border: none;
	width:430px;
	/*width: 400px;*/
	margin-left: 10px;
	margin-bottom: 20px;
	height: 500px;
}

div#news-area iframe.newsframe{/height:500px;}




/* 見出し ++++++++++++++++++++++ */
div#news-area h2 {
	/*width:410px;*/
	/*height: 34px;*/
	height: 27px;
	padding-top: 7px;
	/*padding-left: 20px;*/
	padding-left: 13px;
	background: url(../index_img/news_cap.jpg) top left no-repeat;
	font-weight: bold;
	position: relative;
}

div#news-area h2 a.all {
	background:  url(../img/btn_all.gif) top left no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -7777px;
	width:64px;
	height:16px;
	position: absolute;
	top:8px;
	right:10px;
}

div#news-area h2 a.all:hover {
	background-position: 0 -16px;
}

div#news-area h2 span.news_title {
	background: url(../index_img/txt_news.jpg) no-repeat center right;
	padding-right: 30px;
}



/* タブ ++++++++++++++++++++++++ */
#tabArea {
	background-color: #F3F3F3;
	padding-top: 4px;
	margin-bottom: 20px;
}


/* タブ */
.newsTab {
	padding: 0 0 0 1px;
	margin: 0;
}

.newsTab li {
	width: 85px;
	float: left;
	height: 34px;
}


/* clearfix */
.newsTab:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .newsTab
{ zoom: 1; } /* IE6 */

*:first-child+html .newsTab
{ zoom: 1; } /* IE7 */




/* 内容 ++++++++++++++++++++++++ */
#tabArea .cell {
	background-color: #FFFFFF;
	margin: 0 4px 0 4px;
	padding: 10px 10px 0 10px;
	border-bottom: 4px solid #F3F3F3;
	display: none;
}

#tabArea .cell#all {	border-top: 3px solid #018CDD; }
#tabArea .cell#engin {	border-top: 3px solid #2658B0; }
#tabArea .cell#infor {	border-top: 3px solid #407406; }
#tabArea .cell#intel {	border-top: 3px solid #FE8308; }
#tabArea .cell#grad {	border-top: 3px solid #C6425B; }




/* Hack IE06 ¥*/
* html .cell { height: 1%; }
/* Hack IE06 */

/* Hack IE07 ¥*/
*:first-child+html .cell { height: 1%; }
/* Hack IE07 */






/* ニュース組み ++++++++++++++++ */
#news_box {
	background-color: #fff;
	width: 410px;
	/*width: 400px;*/
}

#news_box dl {
	padding: 8px 0 7px 0;
	background: url(../img/dot.gif) repeat-x bottom left;
	zoom: 1;
}

#news_box dl:after {/*for modern browser*/
    content:".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html #news_box dl {
	display:inline-table;
	/*\*/display:block;/**/
}

#news_box dl dt {
	float: left;
	width: 120px;
	min-height: 37px;
	height: auto !important;
	height: 37px;
	line-height: 1.4;
}

#news_box dl dt span {
	margin-left: 5px;
}

#news_box dl dt img {
	vertical-align: middle;
}

#news_box dl dd {
	float: left;
	width: 290px;
	/*width: 279px;*/
	line-height: 1.4;
	min-height: 37px;
	height: auto !important;
	height: 37px;
}

.rss {
	position: absolute;
	top:8px;
	right:84px;
	background:url(../index_img/btn_rss.jpg) no-repeat top left;
	width:72px;
	height:18px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

a.rss:hover {
background-position: 0 -18px;
}



/* カラーを分けてみる */
#newsEngin a {	color: #2658b0; }
#newsInfor a {	color: #407406; }
#newsIntel a {	color: #fe8308; }
#newsGrad a {	color: #c94d65; }




/* ニュース組み2 +++++++++++++++ */

#news_box2 {
	background-color: #fff;
	width: 400px;
}

#news_box2 dl {
	padding: 8px 0 7px 0;
	background: url(../img/dot.gif) repeat-x bottom left;
	zoom: 1;
}

#news_box2 dl:after {/*for modern browser*/
    content:".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html #news_box2 dl {
	display:inline-table;
	/*\*/display:block;/**/
}

#news_box2 dl dt {
	line-height: 1.4;
}

#news_box2 dl dt .news_date {
	margin: 0 10px 0 5px;
}

#news_box2 dl dt .news_info {
	font-size: 84%;
}


#news_box2 dl dt img {
	vertical-align: middle;
	margin-bottom: 3px;
}

#news_box2 dl dd {
	line-height: 1.4;
}









/* プレスリリース ++++++++++++++ */
#press {
	border: 4px solid #F3F3F3;
	background-color: #CDCDCD;
	padding: 1px;
	margin-bottom: 20px;
}

#press ul {
	border: 2px solid #FFFFFF;
	background-color: #EEF5F9;
	padding: 2px 8px 2px 8px;
}

#press li {
	text-align: center;
}

#press .linkPress{
	width: 198px;
	float: left;
}

#press .linkMedia {
	width: 198px;
	float: right;
	border-left: 1px solid #CDCDCD;
}

#press li a {
	background: url(../img/icon_press.gif) no-repeat left center;
	padding: 0 0 0 18px;
	line-height: 1.2;
}




/* clearfix */
#press ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #press ul
{ zoom: 1; } /* IE6 */

*:first-child+html #press ul
{ zoom: 1; } /* IE7 */



/* Hack IE06 ¥*/
* html #press { height: 1%; }
/* Hack IE06 */

/* Hack IE07 ¥*/
*:first-child+html #press { height: 1%; }
/* Hack IE07 */





/* 常翔学園グループ：リンク ++++ */
#group_gakuen {
	width: 428px;
	border: 1px solid #CDCDCD;
	margin-bottom: 20px;
}

#group_gakuen th {
	width: 49px;
	vertical-align: middle;
}

#group_gakuen td {
	font-size: 77%;
	/*width: 369px;*/
	background-color: #F3F3F3;
	border: 1px solid #CDCDCD;
	padding: 5px;
}

#group_gakuen ul li{
	display: inline;
	margin: 0;
	padding: 8px 5px 6px;
}



/* 常翔学園グループ：バナー ++++ */
.btn_group {
	width:428px;
	margin-bottom: 4px;
}

.btn_group li {
	/*display: inline;*/
	/*margin: 0 4px 0 0;*/
	float: left;
	width: 108px;
	height: 46px;
}

.btn_group li.end {
	/*margin: 0;*/
	width: 104px;
}

.btn_group li img {
	vertical-align: bottom;
}






/*
===== TOPICS AREA ==================================
*/

div#topics-area {
	margin-bottom: 10px;
}

div#topics-area h2{
	/*width:195px;*/
	height:34px;
	padding-top:7px;
	padding-left: 13px;
	background: url(../index_img/topics_cap.jpg) top left no-repeat;
	font-weight: bold;
	position: relative;
}

div#topics-area h2 a.all {
	background: url(../img/btn_all.gif) top left no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -7777px;
	width:64px;
	height:16px;
	position: absolute;
	top:8px;
	right:10px;
}

div#topics-area h2 a.all:hover{background-position: 0 -16px;}

div#topics-area h2 span.topics_title{
	background: url(../index_img/txt_topics.jpg) no-repeat center right;
	padding-right:30px;
}

div#topics-area .img_area{
	margin:0;
	line-height:0;
	text-align: center;
	padding:0;
}

iframe.topicsframe{
	border: none;
	width:203px;
	height:434px;
	margin-left: 10px;
	background-color: #fff;
	margin-bottom: 0;
	padding:0;

}

#topics_box {
	width:185px;
}

#topics_box h4{
padding-top:10px;
padding-left: 8px;
color:#38aee0;
font-weight: bold;
}

#topics_box dl{
background: url(../img/dot.gif) repeat-x bottom left;

zoom:1;
height:82px;
margin-bottom:10px;
}

*html #topics_box dl{padding-bottom:1px;}

#topics_box dl dt{
margin-bottom:6px;
line-height:1;

}

#topics_box dl dd{
color: #2395dc;
}

#topics_box dl dd p{
margin-bottom:3px;
line-height: 1.4;
}






/*
=====  FOOTER  ====================================
*/

#footer_index{
clear: both;
width: 100%;
background: url(../img/bg_footer.gif) repeat-x top left;
padding-bottom: 30px;
}

#footer_index #footer_index_inner{
width: 900px;
margin: 0 auto;
text-align:left;
position: relative;
}

#footer_index #footer_index_inner div.footer_navi1{
position: absolute;
top:10px;
left:0;
}

#footer_index #footer_index_inner div.footer_navi1 dl dt{
margin-right:10px;
margin-left:5px;
display: inline;
}

#footer_index #footer_index_inner div.footer_navi1 dl dt, #footer_index #footer_index_inner div.footer_navi1 dl dd{
font-size: 77%;
float:left;
color: #fff;
}

#footer_index #footer_index_inner div.footer_navi1 dl dd.li-span{
padding-right: 6px;
margin-right: 5px;
background:url(../img/li-span.gif) no-repeat center right;
}

#footer_index #footer_index_inner div.footer_navi1 dl dd a{color:#fff;text-decoration: none; margin-right: 5px;}
#footer_index #footer_index_inner div.footer_navi1 dl dd a:hover{color:#fff;text-decoration: underline;}

#footer_index #footer_index_inner div.footer_navi2{
position: absolute;
top:10px;
right:10px;
}

#footer_index #footer_index_inner div.footer_navi2 ul li{
font-size: 77%;
float: left;
color:#fff;
}

#footer_index #footer_index_inner div.footer_navi2 ul li.li-span{
padding-right: 10px;
margin-right: 5px;
background:url(../img/li-span.gif) no-repeat center right;
}

#footer_index #footer_index_inner div.footer_navi2 ul li a{color:#fff;text-decoration: none;}
#footer_index #footer_index_inner div.footer_navi2 ul li a:hover{text-decoration: underline;}

#footer_index div#copy{
padding-top: 40px;
clear: both;
}

#footer_index div#copy dl dt, #footer_index div#copy dl dd{
font-size: 77%;
float:left;
margin-bottom: 5px;}

#footer_index div#copy dl dd{margin-right:10px;}

#footer_index div#copy address#copyright{
font-size: 77%;
clear: both;
text-align: left;
}

/*
カスタム検索導入（2010.7.3）
*/
div#search form#cse-search-box div input#search_area{
border:none;
height:15px;
margin-top:2px;
width:148px;
background:#FFF;
margin-right:6px;
_width:144px;
}










/* +++++++++++++++++++++++++++++++++++++++++++ */
/* 重要なお知らせ　　　　　　　　　　　　　　　*/
/* +++++++++++++++++++++++++++++++++++++++++++ */



#juyoArea {
	background-color: #F3F3F3;
	padding-bottom: 4px;
	width: 428px;
	margin-bottom: 20px;
}

#juyoArea h2 {
	width:410px;
	height:28px;
	padding-top:7px;
	padding-left: 15px;
	background: url(../index_img/juyo_cap.gif) top left no-repeat;
	font-weight: bold;
	margin: 0;
	color: #dd1f1f;
}


#juyoArea #juyo_box {
	width: auto;
	margin: 0 4px 0 4px;
	padding: 0 5px 0 5px;
}



#juyo_box {
	background-color: #fff;
	width: 410px;
}

#juyo_box dl{
	padding: 8px 0 7px;
	background: url(../img/dot.gif) repeat-x bottom left;
	zoom:1;
}



#juyo_box dl dt {
	float: left;
	width: 120px;
	line-height: 1.4;
}

#juyo_box dl dt span { margin-left: 5px;}

#juyo_box dl dt img {vertical-align: middle;}

#juyo_box dl dd {
	float: left;
	width: 290px;
	line-height: 1.4;
}



/* clearfix ////////////////////////////////////// */
#juyo_box dl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#juyo_box dl
{ zoom: 1; } /* IE6 */

#juyo_box dl
{ zoom: 1; } /* IE7 */







/* 一覧最終行はドットなし */
#juyo_box dl.end {
	background-image: none;
}






/* +++++++++++++++++++++++++++++++++++++++++++ */
/* プリント用　　　　　　　　　　　　　　　　　*/
/* +++++++++++++++++++++++++++++++++++++++++++ */

@media screen {

div#print-logo {
	display:none;
}

}



@media print {


body#index {
	background-image: none;
}

div#print-logo {
	display:block;
	text-align: center;
}

#header,
#main-image {
	display: none;
}


}