@charset "utf-8";

/* CSS Document */
@media screen {
/* =========================================
　　　　　　　▼全体共通設定▼ 
==========================================*/

body{
background:url(../img/background-image.gif) repeat-x top left;
text-align:center;
color:#333;
margin:0 auto 50px auto;
font-family:'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',  sans-serif;
font-size:100%;
}

h1,h2,h3,p,br,form,ul,li,form,input,dl,dt,dd,br {
margin:0;
padding:0;
}

h1 {
font-size:100%;
margin-bottom:20px;
background:url(../img/bg_h1.gif) repeat-x left bottom;
height:56px;
line-height:56px;
font-weight:normal;
letter-spacing:0.1em;
color:#333;
}

h2 {
margin-bottom:4px;
clear:both;
}

#newsArea01 {
background:url(../../img/news_title01.gif) no-repeat top left;
height:20px;
width:560px;
position:relative;
/*MacIE\*/
overflow:hidden;
margin-bottom:10px;
}

#newsArea01 h2 {
font-size:60%;
display:block;
height:100%;
width:100%;
text-indent:-4000px;
}

#newsArea02 {
background:url(../../img/news_title02.gif) no-repeat top left;
height:20px;
width:560px;
position:relative;
/*MacIE\*/
overflow:hidden;
margin-bottom:10px;
margin-top:10px;
}

#newsArea02 h2 {
font-size:60%;
display:block;
height:100%;
width:100%;
text-indent:-4000px;
}

h3 {
font-size:80%;
margin-bottom:20px;
clear:both;
}

p {
line-height:1.8;
font-size:80%;
margin-bottom:20px;
}

dl {
line-height:1.8;
font-size:75%;
margin-bottom:20px;
}

ul,dl,ol,li{
list-style-type:none;
list-style-position:outside;
}

/* 画像のボーダー非表示 */
img{
border-width:0;
}

/* 基本のリンク */
a{
color:#0080d9;
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:#0080d9;
}

/* 回り込み解除 */
.clear{
clear:both;
}

.center {
text-align:center;
}

/* ディスクリプション */
#description {
text-align:right;
margin:0px auto 5px auto;
padding:0;
font-size:70%;
width:824px;
line-height:1;
}

/* 詳細リンク */
.focus {
text-align:right;
}

.focus a {
padding:0 0 0 18px;
background:url(../common/img/focus_bg.gif) no-repeat left center;
text-decoration:underline;
color:#0080d9;
}

.focus a:hover {
color:#ff4500;
text-decoration:underline;
}

/* レイアウト */
#wrapper {
margin:0 auto;
width:800px;
text-align:left;
position:relative;
}

#container {
margin:0 auto;
width:100%;
padding-top:412px;
}

.outline {
background:url(../../outline/img/cat_title.jpg) no-repeat 0 122px;
}

#flashArea {
width:810px;
height:295px;
left:-18px;
top:78px;
position:absolute;
/*background:url(../../img/flash_bg.gif) no-repeat top center;*/
padding-top:8px;

}

#flashArea object{
margin-left:8px;

}

#indexContentsArea {
float:left;
width:560px;
margin-right:10px;
padding-top:17px;
padding-bottom:30px;
}

#indexBannerArea {
float:left;
width:230px;
padding-bottom:30px;
padding-top:18px;
}

#indexBannerArea ul{
margin-bottom:10px;
}

/* =========================================
　　　　　　　▼ニュースエリア▼ 
==========================================*/
#indexContentsArea dl dd a:hover {
text-decoration:underline;
color:#0080d9;
}

#indexContentsArea dl dd a {
text-decoration:none;
color:#333;
}


.past {
width:70px;
height:19px;
position:absolute;
top:0;
left:490px;
font-size:40%;
}

.past a{
display:block;
height:100%;
width:100%;
text-indent:-4000px;
background:url(../../img/news_past.gif) no-repeat 0 0;
margin-bottom:1px;
}

.past a:hover{
background-position:0 -19px;
}

.past a:focus {
/*\*/
overflow: hidden;
/**/
}

.iNewsArea{
	margin-bottom: 30px;
}

.iNewsArea dl{
	width:100%;
	margin-bottom: 10px;
	padding:0 0 10px 0;
	background:url(../img/line_dot.gif) bottom repeat-x;
	clear:both;

}

.iNewsArea dt {
	float: left;
	width:90px;
	line-height: 160%;
	background:url(../img/list_small.gif) no-repeat center right;
	padding-left:10px;
}

.iNewsArea dd {
	line-height: 160%;
	margin-left:100px;
}
.neArea{
	margin-bottom: 30px;
}

.neArea dl{
	width:100%;
	margin-bottom: 10px;
	padding:0 0 10px 0;
	background:url(../img/line_dot.gif) bottom repeat-x;
	clear:both;

}

.neArea dt {
	float: left;
	width:80px;
	line-height: 160%;
	padding-left:10px;
	display:block;
	font-size:80%;
	color:#aaa;
	font-weight:bold;
}

.neArea dt img{
margin-left:10px;
}


.neArea dd {
	line-height: 160%;
	margin-left:100px;
	display:block;
}
/* =========================================
　　　　　　▼ヘッダー共通設定▼ 
==========================================*/
#headerArea{
width:800px;
position:absolute;
top:0;
left:0;
font-size:12px;
}

#logo {
top:25px;
left:0;
position:absolute;
}

/* ヘッダー検索 */
#headerContents {
padding-top:16px;
padding-left:220px;
/*
padding-left:308px;
*/
}

#headerSearch {
height:21px;
vertical-align:top;
}

#search {
border:1px solid #000 !important;
height:21px !important;
padding:0 !important;
vertical-align:top;
width:120px;
}
form > #search{
height:19px !important;
}
#search-btn {
height:19px;
vertical-align:middle;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
}

/* ヘッダーサブナビゲーション */
#headerSubNavigation ul li{
float:left;
height:21px;
position:relative;
font-size:80%;
margin-right:10px;
/*MacIE\*/
overflow:hidden;
}

#headerSubNavigation ul li a {
display:block;
height:100%;
width:100%;
text-indent:-4000px;
}

#headerSubNavigation ul li a:hover {
background-position: 0 -21px;
}

#headerSubNavigation ul li a:focus {
/*\*/
overflow: hidden;
/**/
}

#headerSubNaviList01 {width:71px;}
#headerSubNaviList01 a{background:url(../img/btn_sitemap.gif) no-repeat top left;}
#headerSubNaviList02 {width:70px;
/*
width:80px;
*/
}
#headerSubNaviList02 a{background:url(../img/btn_accessmap.gif) no-repeat top left;}
#headerSubNaviList03 {width:80px;}
#headerSubNaviList03 a{background:url(../img/btn_osaka.gif) no-repeat top left;}

/* フォントサイズの切替 */
#headerFontSwitch {
background:url(../img/txt_sizeswitch.gif) no-repeat left center;
height:21px;
padding-left:78px;
padding-top:1px;
float:left;
margin-right:30px;
}

#headerFontSwitch span {
height:21px;
width:14px;
position:relative;
font-size:80%;
margin-right:3px;
/*MacIE\*/
overflow:hidden;
float:left;
}

#headerFontSwitch span  a {
display:block;
height:100%;
width:100%;
text-indent:-4000px;
}

#headerFontSwitch span a:hover {
background-position: 0 -21px;
}

#headerFontSwitch span a:focus {
/*\*/
overflow: hidden;
/**/
}

#headerFontSwitch .font-small a {background:url(../img/btn_switch_s.gif) no-repeat top left;}
#headerFontSwitch .font-normal a {background:url(../img/btn_switch_m.gif) no-repeat 0 -21px;}
#headerFontSwitch .font-large a{background:url(../img/btn_switch_l.gif) no-repeat top left;}

/* ヘッダーナビゲーション */
#headerNavigation {
top:54px;
left:399px;
position:absolute;
}

#headerNavigation ul li{
float:left;
height:17px;
position:relative;
font-size:80%;
/*MacIE\*/
overflow:hidden;
}

#headerNavigation ul li a {
display:block;
height:100%;
width:100%;
text-indent:-4000px;
}

#headerNavigation ul li a:hover {
background-position: 0 -17px;
}

#headerNavigation ul li a:focus {
/*\*/
overflow: hidden;
/**/
}

#headerNaviList01 {width:78px;}
#headerNaviList01 a{background:url(../img/header_navi_01.gif) no-repeat top left;}
#headerNaviList02 {width:84px;}
#headerNaviList02 a{background:url(../img/header_navi_02.gif) no-repeat top left;}
#headerNaviList03 {width:86px;}
#headerNaviList03 a{background:url(../img/header_navi_03.gif) no-repeat top left;}
#headerNaviList04 {width:87px;}
#headerNaviList04 a{background:url(../img/header_navi_04.gif) no-repeat top left;}
#headerNaviList05 {width:66px;}
#headerNaviList05 a{background:url(../img/header_navi_05.gif) no-repeat top left;}

/* =========================================
　　　　　　▼フッター共通設定▼ 
==========================================*/
#footerArea {
background:url(../img/footer_image.gif) repeat-x top center;
width:100%;
height:80px;
clear:both;
}

#footerBottomArea {
width:800px;
padding-top:55px;
margin:0 auto;
}

#footerBottomArea ul{
float:left;
}

#footerBottomArea ul li{
float:left;
height:17px;
position:relative;
font-size:80%;
/*MacIE\*/
overflow:hidden;
}

#footerBottomArea ul li a {
display:block;
height:100%;
width:100%;
text-indent:-4000px;
}

#footerBottomArea ul li a:hover {
background-position: 0 -17px;
}

#footerBottomArea ul li a:focus {
/*\*/
overflow: hidden;
/**/
}

#footerNaviList01 {width:81px;}
#footerNaviList01 a{background:url(../img/btn_contact.gif) no-repeat top left;}
#footerNaviList02 {width:107px;}
#footerNaviList02 a{background:url(../img/btn_privacy.gif) no-repeat top left;}
#footerNaviList03 {width:131px;}
#footerNaviList03 a{background:url(../img/btn_zaimu.gif) no-repeat top left;}
#footerNaviList04 {width:145px;}
#footerNaviList04 a{background:url(../img/btn_prevention.gif) no-repeat top left;}
#footerNaviList05 {width:97px;}
#footerNaviList05 a{background:url(../img/btn_sitepolicy.gif) no-repeat top left;}


address {
font-style:normal;
font-size:70%;
color:#666666;
float:right;
text-align:right;
}
/* =========================================
　　　 ▼グローバルナビゲーション設定▼ 
==========================================*/
#globalNavigation {
top:381px;
left:0px;
position:absolute;
padding-bottom:16px;

}

#globalNavigation ul li{
float:left;
height:18px;
position:relative;
font-size:80%;
/*MacIE\*/
overflow:hidden;
}

#globalNavigation li a {
display:block;
height:100%;
width:100%;
text-indent:-4000px;
}

#globalNavigation ul li a:hover {
background-position: 0 -18px;
}

#globalNavigation ul li a:focus {
/*\*/
overflow: hidden;
/**/
}

#globalNaviList01 {width:133px;}
#globalNaviList01 a{background:url(../img/global_navi_01.gif) no-repeat  0 -18px;}
#globalNaviList02 {width:158px;}
#globalNaviList02 a{background:url(../img/global_navi_02.gif) no-repeat top left;}
#globalNaviList03 {width:158px;}
#globalNaviList03 a{background:url(../img/global_navi_03.gif) no-repeat top left;}
#globalNaviList04 {width:146px;}
#globalNaviList04 a{background:url(../img/global_navi_04.gif) no-repeat top left;}
#globalNaviList05 {width:107px;}
#globalNaviList05 a{background:url(../img/global_navi_05.gif) no-repeat top left;}
#globalNaviList06 {width:98px;}
#globalNaviList06 a{background:url(../img/global_navi_06.gif) no-repeat top left;}

/* =========================================
　　　　　　　▼本文共通設定▼ 
==========================================*/
.subBanner li {
float:left;
padding-right:2px;
vertical-align:top;
}

#linkGakuen li {
float:left;
width:140px;
font-size:8px;
line-height:1;
height:24px;
position:relative;
/*MacIE\*/
overflow:hidden;

}

#linkGakuen li a {
display:block;
height:100%;
width:100%;
text-indent:-4000px;
}

#linkGakuen li a:hover {
background-position: 0 -24px;
}

#linkGakuen li a:focus {
/*\*/
overflow: hidden;
/**/
}

.gakuenList01 a{background:url(../../img/banner_gakuen_01.gif) no-repeat top left;}
.gakuenList02 a{background:url(../../img/banner_gakuen_02.gif) no-repeat top left;}
.gakuenList03 a{background:url(../../img/banner_gakuen_03.gif) no-repeat top left;}
.gakuenList04 a{background:url(../../img/banner_gakuen_04.gif) no-repeat top left;}

.ico_01{
background:#fffc00;
padding:2px 4px;
font-size:80%;
}

.ico_02{
background:#b6ff00;
padding:2px 4px;
font-size:80%;
}

.ico_03{
background:#ff9600;
padding:2px 4px;
font-size:80%;
}

.ico_04{
background:#ff4e00;
padding:2px 4px;
font-size:80%;
}

.ico_05{
background:#ff0072;
padding:2px 4px;
font-size:80%;
}

.ico_06{
background:#c453ff;
padding:2px 4px;
font-size:80%;
}

.ico_07{
background:#0096ff;
padding:2px 4px;
font-size:80%;
}

.ico_08{
background:#c3e7ff;
padding:2px 4px;
font-size:80%;
}

.ico_09{
background:#67ecff;
padding:2px 4px;
font-size:80%;
}

.ico_10{
background:#abb3ff;
padding:2px 0px 2px 5px;
font-size:80%;
letter-spacing: 5px;
}

.ico_11{
background:#ffe19a;
padding:2px 0px 2px 5px;
font-size:80%;
letter-spacing: 5px;
}

.ico_12{
background:#93ffaa;
padding:2px 0px 2px 5px;
font-size:80%;
letter-spacing: 5px;
}

.ico_13{
background:#ff9a9a;
padding:2px 0px 2px 5px;
font-size:80%;
letter-spacing: 5px;
}

.ico_14{
background:#e9c1fe;
padding:2px 4px;
font-size:80%;
}

.ico_15{
background:#ff7777;
padding:2px 4px;
font-size:80%;
}

.ico_83{
background:#00A9FF;
padding:2px 4px;
font-size:80%;
}

.ico_84{
background:#3C9;
padding:2px 4px;
font-size:80%;
}

.ico_85{
background:#e20d0d;
padding:2px 4px;
font-size:80%;
}



.ico_10,
.ico_11,
.ico_12,
.ico_13{
/padding-right:1px;
}

}
@media print {

/* =========================================
　　　　　　　▼全体共通設定▼ 
==========================================*/

body{
text-align:center;
color:#333;
margin:0 auto 50px auto;
font-family:'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',  sans-serif;
font-size:100%;
background:url(../../img/sc_index.jpg) no-repeat top center;

}

h1,h2,h3,p,br,form,ul,li,form,input,dl,dt,dd,br {
margin:0;
padding:0;
}

h1 {
font-size:100%;
margin-bottom:20px;
background:url(../img/bg_h1.gif) repeat-x left bottom;
height:56px;
line-height:56px;
font-weight:normal;
letter-spacing:0.1em;
color:#333;
}

h2 {
margin-bottom:4px;
clear:both;
}

h3 {
font-size:80%;
margin-bottom:20px;
clear:both;
}

p {
line-height:1.8;
font-size:80%;
margin-bottom:20px;
}

dl {
line-height:1.8;
font-size:75%;
margin-bottom:20px;
}

ul,dl,ol,li{
list-style-type:none;
list-style-position:outside;
}

/* 画像のボーダー非表示 */
img{
border-width:0;
}

/* 基本のリンク */
a{
color:#0080d9;
text-decoration:none;
}
a:hover{
text-decoration:underline;
color:#0080d9;
}

/* 回り込み解除 */
.clear{
clear:both;
}

.center {
text-align:center;
}

/* ディスクリプション */

/* 詳細リンク */
.focus {
text-align:right;
}

.focus a {
padding:0 0 0 18px;
background:url(../common/img/focus_bg.gif) no-repeat left center;
text-decoration:underline;
color:#0080d9;
}

.focus a:hover {
color:#ff4500;
text-decoration:underline;
}

/* レイアウト */
#wrapper {
margin:0 auto;
width:565px;
text-align:left;
position:relative;
}

#container {
margin:0 auto;
width:100%;
margin-top:300px;
}

.outline {
background:url(../../outline/img/cat_title.jpg) no-repeat 0 122px;
}


#indexContentsArea {
float:left;
width:400px;
margin-right:10px;
padding-bottom:30px;
vertical-align:top;

}

#indexContentsArea object,
#indexContentsArea embed{
width:391px;
height:77px;
}

#flashArea {
position:absolute;
top:60px;
left:5px;
}

#flashArea object,
#flashArea embed{
width:556px;
height:195px;
}

#indexBannerArea {
width:203px;
height:502px;
padding-bottom:30px;
padding-top:18px;
background:url(../../img/sc_04.jpg) no-repeat top center;
display:none;
}

#indexBannerArea ul{
display:none;
}

#indexBannerArea h2{
display:none;
}

/* =========================================
　　　　　　　▼ニュースエリア▼ 
==========================================*/
#newsArea01 {
background:url(../../img/sc_t1.jpg) no-repeat top left;
height:21px;
width:395px;
position:relative;
/*MacIE\*/
overflow:hidden;
margin-bottom:10px;
}

#newsArea01 h2 {
font-size:60%;
display:block;
height:100%;
width:100%;
text-indent:-4000px;
}

#newsArea02 {
background:url(../../img/sc_t2.jpg) no-repeat top left;
height:21px;
width:395px;
position:relative;
/*MacIE\*/
overflow:hidden;
margin-bottom:10px;
margin-top:10px;
}

#newsArea02 h2 {
font-size:60%;
display:block;
height:100%;
width:100%;
text-indent:-4000px;
}


#indexContentsArea dl dd a:hover {
text-decoration:underline;
color:#0080d9;
}

#indexContentsArea dl dd a {
text-decoration:none;
color:#333;
}


.past {
width:70px;
height:19px;
position:absolute;
top:0;
left:340px;
font-size:40%;
display:none;
}

.past a{
display:block;
height:100%;
width:100%;
text-indent:-4000px;
background:url(../../img/news_past.gif) no-repeat 0 0;
margin-bottom:1px;
}

.past a:hover{
background-position:0 -19px;
}

.past a:focus {
/*\*/
overflow: hidden;
/**/
}

.iNewsArea{
	margin-bottom: 30px;
}

.iNewsArea dl{
	margin-bottom: 10px;
	padding:0 0 10px 0;
	background:url(../img/line_dot.gif) bottom repeat-x;
	clear:both;
	font-size:65%;

}

.iNewsArea dt {
	float: left;
	width:70px;
	line-height: 130%;
	background:url(../img/list_small.gif) no-repeat center right;
	padding-left:10px;
}

.iNewsArea dd {
	line-height: 130%;
	margin-left:80px;
}
.neArea{
	margin-bottom: 30px;

}

.neArea dl{
	margin-bottom: 10px;
	padding:0 0 10px 0;
	background:url(../img/line_dot.gif) bottom repeat-x;
	clear:both;
	font-size:65%;
}

.neArea dt {
	float: left;
	width:70px;
	line-height: 130%;
	padding-left:10px;
	display:block;
	color:#aaa;
	font-weight:bold;
}

.neArea dt img{
margin-left:10px;
}


.neArea dd {
	line-height: 130%;
	margin-left:80px;
	display:block;
}
/* =========================================
　　　　　　▼ヘッダー共通設定▼ 
==========================================*/
#headerArea{
width:660px;
height:60px;
position:absolute;
top:0;
left:0;
font-size:12px;
}

#logo {
display:none;
}

/* ヘッダー検索 */
#headerContents {
display:none;
}

#headerSearch {
display:none;
}

/* ヘッダーサブナビゲーション */
#headerSubNavigation{
display:none;
}

/* フォントサイズの切替 */
#headerFontSwitch {
display:none;
}

/* ヘッダーナビゲーション */
#headerNavigation {
display:none;
}
/* =========================================
　　　　　　▼フッター共通設定▼ 
==========================================*/
#footerArea {
width:565px;
height:100px;
background:url(../../img/sc_index2.jpg) no-repeat top center;
clear:both;
margin:0 auto;
}

#footerBottomArea {
display:none;
}

/* =========================================
　　　 ▼グローバルナビゲーション設定▼ 
==========================================*/
#globalNavigation {
top:324px;
left:0px;
position:absolute;
padding-bottom:16px;
width:660px;
height:40px;
background:url(../../img/sc_03.jpg) no-repeat top center;
display:none;
}

#globalNavigation ul{
display:none;
}

/* =========================================
　　　　　　　▼本文共通設定▼ 
==========================================*/
.subBanner li {
float:left;
padding-right:2px;
vertical-align:top;
}

#linkGakuen  {
width:390px;
height:21px;
background:url(../../img/sc_t3.jpg) no-repeat top center;


}
#linkGakuen li {
display:none;

}
.ico_01{
background:#fffc00;
padding:2px 4px;
font-size:80%;
}

.ico_02{
background:#b6ff00;
padding:2px 4px;
font-size:80%;
}

.ico_03{
background:#ff9600;
padding:2px 4px;
font-size:80%;
}

.ico_04{
background:#ff4e00;
padding:2px 4px;
font-size:80%;
}

.ico_05{
background:#ff0072;
padding:2px 4px;
font-size:80%;
}

.ico_06{
background:#c453ff;
padding:2px 4px;
font-size:80%;
}

.ico_07{
background:#0096ff;
padding:2px 4px;
font-size:80%;
}

.ico_08{
background:#c3e7ff;
padding:2px 4px;
font-size:80%;
}

.ico_09{
background:#67ecff;
padding:2px 4px;
font-size:80%;
}

.ico_10{
background:#abb3ff;
padding:2px 0px 2px 5px;
font-size:80%;
letter-spacing: 5px;
}

.ico_11{
background:#ffe19a;
padding:2px 0px 2px 5px;
font-size:80%;
letter-spacing: 5px;
}

.ico_12{
background:#93ffaa;
padding:2px 0px 2px 5px;
font-size:80%;
letter-spacing: 5px;
}

.ico_13{
background:#ff9a9a;
padding:2px 0px 2px 5px;
font-size:80%;
letter-spacing: 5px;
}

.ico_14{
background:#e9c1fe;
padding:2px 4px;
font-size:80%;
}

.ico_83{
background:#00A9FF;
padding:2px 4px;
font-size:80%;
}

.ico_84{
background:#3C9;
padding:2px 4px;
font-size:80%;
}

.ico_85{
background:#e20d0d;
padding:2px 4px;
font-size:80%;
}


.ico_10,
.ico_11,
.ico_12,
.ico_13{
/padding-right:1px;
}

}
