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

body, html {
	width:100%;
	margin:0;
	padding:0;
	font-size:85%;
	line-height:150%;
	color:#333;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}

a {
	color:#6E2975;
	text-decoration:underline;
}
a:hover { color:#A84291; }
a:visited { color:#6E2975; }

img { border:none; }

ul { margin:0; padding:0; }
li { list-style:none; }
h2,h3,h4{ font-weight:normal; margin-top:0px;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


.mgn00 { margin-bottom: 0px !important;}
.mgn05 { margin-bottom: 5px !important;}
.mgn10 { margin-bottom: 10px !important;}
.mgn15 { margin-bottom: 15px !important;}
.mgn20 { margin-bottom: 20px !important;}
.mgn25 { margin-bottom: 25px !important;}
.mgn30 { margin-bottom: 30px !important;}
.mgn40 { margin-bottom: 40px !important;}
.mgn50 { margin-bottom: 50px !important;}
.mgn60 { margin-bottom: 60px !important;}
.mgn70 { margin-bottom: 70px !important;}
.mgn80 { margin-bottom: 80px !important;}
.mgn90 { margin-bottom: 90px !important;}
.mgn100 { margin-bottom: 100px !important;}



/* ヘッダー */

header {
	width:100%;
	height:103px;
	border-bottom:2px solid #6E2975;
}

#headerContents {
	width:940px;
	margin:0 auto;
	position:relative;
}

#headerLogo {
	position:absolute;
	top:30px;
	left:0;
}

#headerSubMenu {
	position:absolute;
	top:25px;
	right:0px;
}
#headerSubMenu li {
	float:left;
	padding:0 20px;
	border-right:1px solid #666;
}
#headerSubMenu li a {
	color:#333;
	text-decoration:none;
}
#headerSubMenu li a:hover {
	color:#A84291;
	text-decoration:underline;
}

#headerSubMenu .linkHome {
	background:url(../images/pict_home.gif) no-repeat;
	padding-left:25px;
}
#headerSubMenu .linkRight {
	border-right:none;
}
#headerSubMenu .linkOther {
	background:url(../images/link_other_back.jpg) no-repeat;
	width:70px;
	height:20px;
	padding:1px 5px 0 0;
	border:none;
}
#headerSubMenu .linkOther a {
	margin-left:20px;
	font-size:105%;
}

nav {
	position:absolute;
	left:365px;
	top:63px;
}
nav .listParent {
	float:left;
	width:160px;
	height:40px;
	border-left:1px solid #6E2975;
}

.GNaniSub {
	background-color:#6E2975;
	padding:15px 0 5px 20px;
	overflow:hidden;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	border:1px solid #fff;
	z-index:60;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}
.GNaniSub li a {
	color:#fff;
	font-size:110%;
	text-decoration:none;
	margin:0 20px 10px 0;
	display:block;
	padding-left:10px;
	background:url(../images/list_arrow.png) no-repeat 0px 6px;
	font-weight:bold;
}
.GNaniSub li a:hover { text-decoration:underline; }

#GNaviJQ .first { position:absolute; top:42px; left:0px; }
#GNaviJQ .second { position:absolute; top:42px; left:160px; }
#GNaviJQ .third { position:absolute; top:42px; left:320px; }

.liWrapper { float:left; }

.menu-button { display:none; }

.button-toggle { display:none; }


/* コンテンツ */

article {
	width:100%;
	border-bottom:2px solid #6E2975;
}

section {
	width:940px;
	margin:0 auto;
	padding:0 20px;
	overflow:hidden;
	position:relative;
}


/* トップページ */

#topSubContents {
	width:100%;
	overflow:hidden;
	margin:0;
	padding:25px 0 0 0;
}

#topSubContents section {
	padding-bottom:50px;
}
#topSubContents section .pageup {
	position:absolute;
	right:20px;
	bottom:0px;
	height:14px;
}

#topMainBanner {
	overflow:hidden;
	margin:15px 0;
}
#topMainBanner li {
	float:left;
}

#articleListBox {
	background-color:#fff;
	border-top:2px solid #FFD232;
	margin:0 20px 0 0;
	float:left;
}
#articleListBox .artbox_img { margin:5px 0 5px 10px; }
#topSubContents .news { width:460px; }
#topSubContents .topic { width:220px; }
.articleListContents {
	height:520px;
	overflow-y:scroll;
	overflow-x:hidden;
}
.articleListContents a { color:#333; }
.articleListContents a:hover { color:#A84291; }

#articleListBox dl {
	background:url(../images/list_dotLine.gif) repeat-x left bottom;
	padding:0 0 10px 0;
	margin:10px 0 0 0;
	float:left;
	width:940px;
}

#articleListBox dt {
	float:left;
	padding:0 0 0 20px;
	width:65px;
}
#articleListBox dd {
	float:left;
	margin:0;
}

#articleListBox ul { margin:0 0 0 20px; }
#articleListBox li { margin:0 0 10px 0; }

#LinkList {
	width:220px;
	height:640px;
	float:right;
	background:url(../images/link_frame.gif) no-repeat;
}

#LinkList li a {
	background:url(../images/link_frame.gif) no-repeat;
	width:180px;
	height:40px;
	padding:21px 0 0 40px;
	margin-bottom:3px;
	color:#333;
	text-decoration:none;
	font-size:120%;
	float:left;
}

#LinkList li a:hover {
background:url(../images/link_frame_on.jpg) no-repeat;
}


.yodoko_blog {
	background: blanchedalmond;
	border: 3px #DA523A solid;
	text-align: center;
	font-size:2.5rem;
	padding:5px 20px 15px 20px;
	margin:5px;
}
.yodoko_blog a {
	outline:none;
	text-decoration:none;
}
.yodoko_blog a:visited {
	outline:none;
	text-decoration:none;
}
.yodoko_blog a:hover {
	border-bottom:1px solid;
	background:pink;
}

/* フッター */

footer {
	width:100%;
	margin:0;
	background-color:#EFEAF2;
}

#footerContents {
	width:940px;
	margin:0 auto;
	padding:15px 0 40px 0;
	overflow:hidden;
	background:url(../images/footer_address.jpg) no-repeat 0 20px;
}

#footerMenu {
	float:right;
	margin-bottom:15px;
}
#footerMenu li {
	padding:0 12px;
	border-right:1px solid #666;
	display:inline;
}
#footerMenu li a {
	color:#333;
	text-decoration:none;
}
#footerMenu li a:hover {
	color:#A84291;
	text-decoration:underline;
}
#footerMenu .linkRight {
	border-right:none;
	padding-right:5px;
}

small {
	float:right;
	clear:right;
}


/* ページ */

#pageArticle {
	background:url(../images/pageBack_re.gif) repeat-y 0 0;
}

#pageArticle section .pageup {
	position:absolute;
	right:20px;
	bottom:0px;
	height:14px;
}

#backGroundImg {
	background:url(../images/pageTitle_re.gif) repeat-y 20px 0;
}

#pageArticle nav {
	width:210px;
	float:left;
	position:static;
	padding-bottom:40px;
}

#pageArticle nav ul {
	margin:20px 0;
}

#pageArticle nav li a {
	color:#333;
	text-decoration:none;
	margin:0 0 20px 0;
	font-size:140%;
	display:block;
	padding-left:20px;
	background:url(../images/sideMenu_arrow.png) no-repeat 5px 5px;
}

#pageArticle nav .no-link {
	color:#333;
	text-decoration:none;
	margin:0 0 20px 0;
	font-size:140%;
	display:block;
	padding-left:20px;
}

#pageArticle nav li a:hover {
	color:#A84291;
	background:url(../images/sideMenu_arrow_on.png) no-repeat 5px 5px;
}

#pageArticle #sideBanner {
	margin:40px 0 0 0;
}
#pageArticle #sideBanner li a {
	background:none;
	padding:0;
	margin:0 0 5px 0;
}

#pageArticle h1 {
	width:100%;
	border-bottom:1px solid #666;
	margin:0;
	font-weight:normal;
	font-size:180%;
}
#pageArticle h1 div {
	margin:0 auto;
	padding:30px 0 10px 0;
	width:940px;
	background:url(../images/pageTitle_re.gif) repeat-y 0 0;
	position:relative;
	clear:both;
	overflow:hidden;
}

#pageArticle h1 #titlebox_l {
	width:210px;
	float:left;
	margin:0 auto;
	font-size:75%;
	font-weight:bold;
}

#pageArticle h1 #titlebox_r {
	width:690px;
	float:right;
	margin:0 auto;
}


#schoolHere img {
	position:absolute;
	top:0px;
	left:420px;
	height:10px;
}

#courseHere img {
	position:absolute;
	top:0px;
	left:580px;
	height:10px;
}

#lifeHere img {
	position:absolute;
	top:0px;
	left:750px;
	height:10px;
}


#pankuzu {
	font-size:55%;
	float:right;
}
#pankuzu a:hover {
	color:#A84291;
}

#pageContainer {
	width:730px;
	float:left;
	padding:30px 0 60px 0;
	font-size:110%;
}

#pageContainer section {
	width:690px;
	float:right;
	margin:0;
	padding:0;
}

#pageContainer .Contents-copy {
	line-height:150%;
	background:url(../images/course_about.jpg) no-repeat top right;
}
.Contents-copy p { padding:0 330px 10px 0; }

.Contents-copy-head {
	color:#6E2975;
	font-size:115%;
	font-weight:bold;
}

#courseBanner li {
	float:left;
	margin:40px 6px 0 0;
}
#courseBanner .right { margin-right:0; }

#pageTopicList {
	border-top:2px solid #FFD232;
	margin:40px 0 0 0;
	padding:5px 0 0 0;
	float:left;
	width:100%;
	position:relative;
}

#pageTopicList02 {
	border-top:2px solid #FFD232;
	margin:40px 0 0 0;
	padding:5px 0 0 0;
	float:left;
	width:100%;
	position:relative;
}

#Topic_mac {
	border-top:2px solid #4D6EF2;
	margin:40px 0 0 0;
	padding:5px 0 0 0;
	float:left;
	width:100%;
	position:relative;
}

#Topic_ele {
	border-top:2px solid #F0A600;
	margin:40px 0 0 0;
	padding:5px 0 0 0;
	float:left;
	width:100%;
	position:relative;
}

#Topic_mecha {
	border-top:2px solid #FF5C8F;
	margin:40px 0 0 0;
	padding:5px 0 0 0;
	float:left;
	width:100%;
	position:relative;
}

#Topic_eng {
	border-top:2px solid #008CA5;
	margin:40px 0 0 0;
	padding:5px 0 0 0;
	float:left;
	width:100%;
	position:relative;
}

#pageTopicList02 ul,#Topic_eng ul{
	width:630px;
	float:right;
	height:300px;
	overflow-y:scroll;
	overflow-x:hidden;
}

#pageTopicList_img{ margin:10px 0 0 5px;}

#pageTopicList ul,
#Topic_mac ul,
#Topic_ele ul,
#Topic_mecha ul{
	width:630px;
	float:right;
}

#pageTopicList li,
#pageTopicList02 li,
#Topic_mac li,
#Topic_ele li,
#Topic_mecha li,
#Topic_eng li {
	background:url(../images/list_dotLine.gif) repeat-x left bottom;
	padding:0 0 10px 0;
	margin:10px 15px 0 0;
}
#pageTopicList li a,
#pageTopicList02 li a,
#Topic_mac li a,
#Topic_ele li a,
#Topic_mecha li a,
#Topic_eng li a {
	color:#333;
	text-decoration:none;
}
#pageTopicList li a:hover,
#pageTopicList02 li a:hover,
#Topic_mac li a:hover,
#Topic_ele li a:hover,
#Topic_mecha li a:hover,
#Topic_eng li a:hover {
	color:#A84291;
	text-decoration:underline;
}
#pageTopicList li a:visited,
#pageTopicList02 li a:visited,
#Topic_mac li a:visited,
#Topic_ele li a:visited,
#Topic_mecha li a:visited,
#Topic_eng li a:visited {
	color:#777;
}

.text-red { color:#F09; }


/* ------------element------------ */

.conttitle-txt {
	color:#6E2975;
	font-size:120%;
	font-weight:bold;
	border:none;
	border-bottom:1px solid #6E2975;
	padding:0 0 5px 5%;
	margin-bottom:20px;
	float:left;
	width:95%;
}
.conttitle-txt_sub {
	border:none;
	border-bottom:1px solid #6E2975;
	padding:3px 0;
}

.txt_ind{
	padding-left: 1em;
    text-indent: -1em;
	margin-bottom:5px;
}

.ppr_line{
	border-bottom:1px solid #6E2975;
	padding-bottom:5px;
	margin:0 0 10px 0;
}

.clear{ clear:both;}

.pdf_btn { margin-left:5px; vertical-align:middle;}

.flt_r{ float:right;}
.flt_l{ float:left;}

.txt_b{ font-weight:bold;}
.txt_r{ text-align:right;}
.txt_c{ text-align:center;}


/* sidemenu */
.sidemenu_cont{
	font-weight:bold;
	font-size:130%;
	border:none;
	border-bottom:#AFAFAF solid 1px;
	margin:30px 20px 20px 0;
	padding:5px 0;
}

/* menubtn */
.menubtn,.menubtn li{ margin-bottom:15px;}
.menubtn_flt,.menubtn_flt02{ overflow:hidden;}
.menubtn_flt li{
	float:left;
	margin:0 50px 10px 0;
}
.menubtn_flt02 li{ float:left; margin-right:50px;}

.menubtn img,.menubtn_flt img,.menubtn_flt02 img{ margin-right:5px; vertical-align:middle;}
.menubtn a,.menubtn_flt a,.menubtn_flt02 a{
	color:#333;
	text-decoration:none;
	font-size:105%;
}

/* ------------access_page------------ */

#acs_txtmgn{ margin-right:20px;}


/* ------------schoolguide_page------------ */

.sclguide_wrap{
	margin-bottom:50px;
	overflow:hidden;
	}

.sclguide_li li{ float:left;
	text-align:right;
	margin:0 15px 10px 0;
}


/* ------------aftercourse_page------------ */

#aftcourse_img{
	display:block;
	margin:0 auto 50px auto;
}
#aftcourse_txt{
	line-height:250%;
}

/* ------------greeting_page------------ */

#greeting_wrap{
	padding:0 40px;
	line-height:160%;
	font-size:105%;
}
#greeting_name{
	margin-left:10px;
	vertical-align:bottom;
	}
#blogbtn{
	width:300px;
	margin:0 auto;
	}

#ggrmap_wrap{ height:410px; padding-top:50px;}
#ggrmap_wrap iframe{ width:100%; height:100%;}

/* ------------entrance_page------------ */

#entinfo_bgimg{
	background:url(../images/entinfo_bgimg.jpg) right no-repeat;
	padding-bottom:80px;
}

#entinfo_txtwrap{ margin:20px 0 0 20px;}

.entinfo_wrap{ margin:40px 80px; font-size:110%;}

/* table */

#entinfo_table{ border-top:#B2B2B2 1px solid; width:100%;}

#entinfo_table th,
#entinfo_table td {
	padding:10px 20px;
	border-bottom:#B2B2B2 1px solid;
	font-weight:normal;
	line-height:150%;
}


/* ------------history_page------------ */

#history_table { width:100%; padding:0 40px;}
#history_table th,
#history_table td {
	padding:7px 10px;
	font-weight:normal;
}
#history_table th { white-space:nowrap; }
.history_table_bg{ background-color:#EFEFEF;}


/* ------------club_page------------ */

.club_wrap { width:330px; overflow:hidden;}
.club_wrap li{
	float:left;
	margin:0 8px 8px 0;
}

.clubImg { float:left; }

#clubcont_wrap{ padding:0 20px;}
#clubcont_wrap ul{ padding:50px 100px 0 100px;}

#clubcont_wrap li{ text-align:center;}


/* table */

#club_table{
	margin-top:40px;
	text-align:left;
}

#club_table #tabletitle{
	text-align:center;
	padding:10px 0;
	font-weight:bold;
}

#club_table th,
#club_table td{
	padding:10px 20px;
	border-bottom:#B2B2B2 1px solid;
}

#club_prftable{
	margin-top:40px;
	border-top:#B2B2B2 1px solid;
	text-align:center;
}

#club_prftable th,
#club_prftable td {
	padding:10px 50px;
	border-bottom:#B2B2B2 1px solid;
}
#club_prftable th {
	background-color:#EFEFEF;
	font-weight:normal;
	white-space:nowrap;
}
	
	

/* ------------kouka-abouto_page------------ */

#kouka_img {
	position:relative;
	height:443px;
}
#kouka_img .kouka_about_sp { display:none; }

#kouka_img01{ position:absolute; bottom:-5px; left:68px;}
#kouka_img02{ position:absolute; bottom:-5px; left:156px;}
#kouka_img03{ position:absolute; bottom:-5px; left:250px;}
#kouka_img04{ position:absolute; bottom:-5px; left:338px;}
#kouka_img05{ position:absolute; bottom:-5px; left:428px;}
#kouka_img06{ position:absolute; bottom:-5px; left:517px;}
#kouka_img07{ position:absolute; bottom:-5px; left:615px;}

	
/* ------------event_page------------ */

.event_wrap{
	margin-bottom:30px;
	overflow:hidden;
}
.event_txtwrap{ width:430px;}

.event_wrap ul{
	float:left;
	padding-left:10px;
}
.event_wrap li{
	margin-bottom:5px;
}
.event_img{ float:right; margin-top:-30px; vertical-align:top;}
.txt_red{ color:#E02229;}

/* ------------course_page------------ */

.course_wrap,
.course_wrap02,
#course_wrap03 { padding:0 20px; overflow:hidden;}
.course_wrap div{ width:315px;}
.course_wrap li{
	border:none;
	border-bottom:#B2B2B2 solid 1px;
	padding-bottom:5px;
	margin-bottom:5px;
	text-align:center;
	}
.course_wrap span{ font-size:110%;}
	
	
.course_wrap02 ul{ margin-right:30px; float:left;}
.course_wrap02 li{
	list-style-type:disc;
	margin-bottom:10px;
}
.txtwrap_eng{ width:300px;}

#course_wrap03 li{ margin-bottom:30px;}
#course_wrap03 ul{ overflow:hidden; margin:10px 0 40px 0;}
#course_wrap03 ul h4{
	color:#008CA5;
	font-size:110%;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:10px;
}


#course_eng_menubox{ width:550px;}

#course_eng_wrap{ overflow:hidden; clear:both; margin-bottom:10px;}
.course_eng_maintxt{ text-align:right; width:345px;}

.course_bkline{
	border:none;
	border-bottom:#000 solid 1px;
	padding:30px 0 5px 0;
}

#mrgtop-none{ margin-top:0px;}

/* topic */

#engtopic_img{
	margin-bottom:40px;
	overflow:hidden;
}
#engtopic_img p{
	width:243px;
	text-align:center;
	margin-right:10px;
	float:left;
}



/* color */

#course_bd_mac { border-top:#4D6EF2 solid 11px;}
#course_bd_ele { border-top:#F0A600 solid 11px;}
#course_bd_mecha { border-top:#FF5C8F solid 11px;}
.course_bd_eng { border-top:#008CA5 solid 11px;}

.txtcolor_mac,
.txtcolor_ele,
.txtcolor_mecha,
.txtcolor_eng
{ font-size:150%; }

.txtcolor_mac { color:#4D6EF2; }
.txtcolor_ele { color:#F0A600; }
.txtcolor_mecha { color:#FF5C8F; }
.txtcolor_eng { color:#008CA5; }



/* ------------topic_page------------ */


#topic_ttl{
	margin-bottom:30px;
	font-size:20px;
	font-weight:bold;
	line-height:140%;
}

.topic_wrap01,.qanda_wrap{
	padding-left:40px;
	margin:20px 0 60px 0;
	line-height:150%;
}
.topic_wrap01 li{ margin-bottom:10px;}

.qanda_wrap li{ margin-bottom:10px;}
.qanda_wrap p{ margin-bottom:30px;}
.qanda_wrap h4{
	color:#6E2975;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:#6E2975 1px dashed;
}

#topic_img li{ margin-bottom:40px;}

.topictxt_b{ font-weight:bold; font-size:15px; line-height:140%;}

.topic_list li{
	margin-bottom:15px;
	padding-left: 1em;
	text-indent: -1em;}

.topic_table{
	border-left:#B2B2B2 1px solid;
	border-top:#B2B2B2 1px solid;
}
.topic_table td{
	padding:2px 10px;
	border-bottom:#B2B2B2 1px solid;
	border-right:#B2B2B2 1px solid;
}


/* ------------viewer img------------ */


#viewer {
    margin: 0 auto;
	width:100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}
#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}

.fade_ov_mgn  a img:hover{
position:relative;
top:1px;
left:1px;
}

.rszimage img { width: 100%; }