/* =====================================================

2007-11-20
SEGUE DESIGN STUDIO
 
===================================================== */

/* =====================================================

1. base-margin
2. body,base-font 
3. scrollbar
4. imagr-border-0
5. noscript
6. layout
 
===================================================== */



/* base-margin 
===================================================== */
* {
	margin: 0px;
	padding: 0px;
}
.pc {
}
.mobile {
	display: none;
}

/* body,base-font 
===================================================== */
body { 
	margin: 0px;
	padding: 0px;
	background-color: #F6F6E6;
	color: #333333;
	font-size: 10pt;
	line-height: 130%;
	background-image: url(../images/_bg/body-bg01.jpg);
	background-repeat: repeat;
	text-align: center;
	font-family:Verdana,Helvetica,Arial,sans-serif;
}

/* scrollbar 
===================================================== */
body,html {
	scrollbar-3d-light-color: #136798;
	scrollbar-arrow-color: #136798;
	scrollbar-base-color: #ffffff;
	scrollbar-dark-shadow-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #136798;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #eeeeee;
}

/* imagr-border-0 
===================================================== */
img {	
	outline: none;
	border: none;
}

/* noscript 
===================================================== */
noscript,noscript h1,noscript h2,noscript p {
	color: #333333;
	font-size: 10pt;
	line-height: 140%;
	text-align: left;
	width: 800px;
	margin-top: 0px auto 0px;
	font-weight: normal;
}

/* layout 
===================================================== */
#wrapUeOut {
	background-image: url(../images/_bg/wrapUeOut-bg01.gif);
	background-repeat: repeat;
	text-align: center;
}
#wrapUeIn{
	margin: 0px auto;
	width: 810px;
	height: 100px;
	background-image: url(../images/_bg/wrapUeIn-bg01.gif);
	background-repeat: repeat-y;
}
 h1 {
	margin: 0 auto;
	padding: 0.5em 10px 0.75em;
	width: 800px;
	height: auto;
	font-size: 8pt;
	line-height: 110%;
	font-weight: normal;
	text-align: right;
	color: #666699;
	background-image: url(../images/_bg/h1-bg01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#header {
	margin: 0px 26px 0px auto;
	width: 305px;
	height: 100px;
	text-align: left;
	background-color: #ffffff;
	float: right;
	display:inline;
}
#headerLogo {
	margin: 9px auto auto 20px;
	float: left;
	display:inline;
}
#langNavi {
}
#headerButton {
}
#headerNavi {
}
#wrapNakaOut {
	clear: both;
	background-image: url(../images/_bg/wrapNakaOut-bg01.jpg);
	background-repeat: repeat;
	text-align: center;
}
#wrapNakaIn {
	margin: 0px auto;
	width: 810px;
	background-image: url(../images/_bg/wrapNakaIn-bg01.gif);
	background-repeat: repeat-y;
}
#idx #wrapNakaIn {
	padding: 0 5px;
	width: 800px;
}
#animation_container, #canvas, #dom_overlay_container {
	width: 800px;
	height: 250px;
}
#headerImgM {
	display: none;
}
#headerImgC {
	margin: 0px 5px;
	width: 800px;
	height: 150px;
}
#container{
	clear: both;
	margin: 0px auto;
	width: 810px;
	background-image: url(../images/_bg/wrapSitaIn-bg01.gif);
	background-repeat: repeat-y;
}
#sideNavi {
	float: left;
	text-align: center;
	width: 200px;
	margin: 0px auto auto 15px;
	display:inline;
}
#contents{
	float: right;
	text-align: left;
	width: 544px;
	margin: 0px 25px auto auto;
	text-align: justify;
	text-justify:inter-ideograph;
	display:inline;
}
#headerImg {
}
#footer1,#footer2 {
	clear: both;
	margin: 0px auto;
	width: 800px;
	font-size: 9pt;
	line-height: 130%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer1 {
	color: #666666;
	background-color: #F4F4FC;
	background-image: url(../images/_bg/footer-bg01.gif);
	background-repeat: repeat-x;
}
#footer2 {
	color: #ffffff;
	background-color: #8588C4;
}



/* =====================================================

1. font - strong
2. A-tag 
3. headerNavi
4. sideNavi
5. main-contents
6. footer
7. font-size
8. image - float
 
===================================================== */


/* font - strong 
===================================================== */
em {
	font-weight: normal;
	font-style: normal;
}
address {
	font-weight: normal;
	font-style: normal;
}
.fontred {
	color: #FF0000;
}

/* A-tag 
===================================================== */
a, area {
	outline:none;
	border: none;
}
#contents a {
	color: #33f;
	text-decoration: none;
}
#contents a:link {
	color: #33f;
	text-decoration: none;
}
#contents a:visited {
	color: #33f;
	text-decoration: none;
}
#contents a:hover  {
	color: #f30;
	text-decoration: underline;
}
#contents a:active {
	color: #33f;
	text-decoration: none;
}
#footer1 a:link {
	color: #666666;
	text-decoration: none;
}
#footer1 a:visited {
	color: #666666;
	text-decoration: none;
}
#footer1 a:hover  {
	color: #ff6600;
	text-decoration: none;
}
#footer1 a:active {
	color: #666666;
	text-decoration: none;
}
#footer2 a:link {
	color: #ffffff;
	text-decoration: none;
}
#footer2 a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer2 a:hover  {
	color: #ffffff;
	text-decoration: none;
}
#footer2 a:active {
	color: #ffffff;
	text-decoration: none;
}

/* A-tag-header 
===================================================== */
#headerImg a {
	color: #33f;
	text-decoration: none;
}
#headerImg a:link {
	color: #33f;
	text-decoration: none;
}
#headerImg a:visited {
	color: #33f;
	text-decoration: none;
}
#headerImg a:hover  {
	color: #f30;
	text-decoration: underline;
}
#headerImg a:active {
	color: #33f;
	text-decoration: none;
}

/* headerNavi 
===================================================== */
ul#langNavi {
	width: 305px;
}
#langNavi li{
	list-style-type:none;
	float: left;
}
#langNavi li a{
	display:block;
	height: 30px;
	text-indent: -9999pt;
	text-decoration: none;
	font-size: 12px;
	line-height: 100%;
	outline:none;
}
#langNavi li a.NOW{
	background-position: 0px -30px;
}
#langNavi li a:hover{
	background-position: 0px -30px;
}
#Lnavi1 a{
	background-image: url(../images/_button/l-home.gif);
	background-repeat: no-repeat;
	width: 60px;
	pointer-events: none;
	cursor: default;
}
#Lnavi2 a{
	background-image: url(../images/_button/l-japanese.gif);
	background-repeat: no-repeat;
	width: 45px;
}
#Lnavi3 a{
	background-image: url(../images/_button/l-english.gif);
	background-repeat: no-repeat;
	width: 50px;
}
#Lnavi4 a{
	background-image: url(../images/_button/l-chinese.gif);
	background-repeat: no-repeat;
	width: 45px;
}
#Lnavi5 a{
	background-image: url(../images/_button/l-korean.gif);
	background-repeat: no-repeat;
	width: 45px;
}
#Lnavi6 a{
	background-image: url(../images/_button/l-vietnamese.gif);
	background-repeat: no-repeat;
	width: 60px;
}

ul#headerButton {
	margin-left: 58px;
	clear: both;
}
#headerButton li{
	list-style-type:none;
	float: left;
}
#headerButton li a{
	display:block;
	height: 40px;
	width: 120px;
	text-indent: -9999pt;
	text-decoration: none;
	font-size: 12px;
	line-height: 100%;
	outline:none;
	margin-top: 6px;
}
#headerButton li a.NOW{
	background-position: 0px -40px;
}
#headerButton li a:hover{
	background-position: 0px -40px;
}
#Hbutton1 a{
	background-image: url(../images/_button/b-bosyuu.gif);
	background-repeat: no-repeat;
}
#Hbutton2 a{
	background-image: url(../images/_button/b-toiawase.gif);
	background-repeat: no-repeat;
}

#headerNavi {
	margin-left:55px;
	clear: both;
}
#headerNavi li{
	list-style-type:none;
	float: left;
}
#headerNavi li a{
	display:block;
	height: 10px;
	text-indent: -9999pt;
	text-decoration: none;
	font-size: 10px;
	line-height: 100%;
	outline:none;
	margin-top: 6px;
}
#headerNavi li a.NOW{
	background-position: 0px -10px;
}
#headerNavi li a:hover{
	background-position: 0px -10px;
}
#Hnavi1 a{
	background-image: url(../images/_button/h-home.gif);
	background-repeat: no-repeat;
	width: 42px;
}
#Hnavi2 a{
	background-image: url(../images/_button/h-sitemap.gif);
	background-repeat: no-repeat;
	width: 69px;
	margin-left: 15px;
}
#Hnavi3 a{
	background-image: url(../images/_button/h-privacy.gif);
	background-repeat: no-repeat;
	width: 107px;
	margin-left: 10px;
}

/* sideNavi 
===================================================== */
#sideNavi ul {
	margin: 10px 0px 10px;
	background-color: #EAEAEA;
	padding: 5px 10px 10px;
}
#sideNavi ul li{
	list-style-type:none;
	margin-top: 5px;
}
#sideNavi ul li a{
	display:block;
	height: 35px;
	width: 180px;
	text-indent: -9999pt;
	text-decoration: none;
	font-size: 12px;
	line-height: 100%;
	outline:none;
}
#sideNavi li a:hover{
	background-position: 0px -35px;
}
#sideNavi li a.NOW{
	background-position: 0px -35px;
}
#sideNavi li#Snavi1 a{
	background-image: url(../images/_button/s-school.gif);
	background-repeat: no-repeat;
}
#sideNavi li#Snavi2 a{
	background-image: url(../images/_button/s-sinsei.gif);
	background-repeat: no-repeat;
}
#sideNavi li#Snavi3 a{
	background-image: url(../images/_button/s-ryuugakusei.gif);
	background-repeat: no-repeat;
}
#sideNavi li#Snavi4 a{
	background-image: url(../images/_button/s-corce.gif);
	background-repeat: no-repeat;
}
#sideNavi li#Snavi5 a{
	background-image: url(../images/_button/s-bosyuyoko.gif);
	background-repeat: no-repeat;
}
#sideNavi li#Snavi6 a{
	background-image: url(../images/_button/s-photogallery.gif);
	background-repeat: no-repeat;
}
#sideNavi li#Snavi7 a{
	background-image: url(../images/_button/s-otoiawase.gif);
	background-repeat: no-repeat;
}
#sideNavi li#Snavi8 a{
	background-image: url(../images/_button/s-accessmap.gif);
	background-repeat: no-repeat;
}
#sideNavi li#Snavi9 a{
	background-image: url(../images/_button/s-link.gif);
	background-repeat: no-repeat;
}
#sideNavi li#Snavi10 a{
	background-image: url(../images/_button/s-syougakukin.gif);
	background-repeat: no-repeat;
}
#sideNavi div.setsumei {
	margin: 10px 0px 10px;
	padding-top: 5px;
	border: 1px solid #8f8f8f;
	width: 198px;
	background-color: #Ffffff;
	}
#sideNavi div.setsumei div {
	padding: 5px 13px 5px;
	text-align: justify;
	text-justify:inter-ideograph;
	font-size: 9pt;
	line-height: 120%;
	}
#sideNavi div.setsumei img {
	margin-bottom: 5px;
	}
#sideNavi a.banner img {
	margin-top: 10px;
}
#sideNavi a.banner:hover{
	position: relative;
	top: 1px;
	left: 1px;
}


/*  main-contents
===================================================== */
#contents hr {
	color: #aaa; /* for IE */
	background-color: #aaa; /* for NN */
	height: 1px; /* HUTOSA */
  border-style: solid; /* WAKU */
}
div.totop {
	clear: both;
	margin: 0px 10px 20px 0px;
	text-align: right;
}
#contents h2 {
    clear: both;
    margin-top: 20px;
    margin-bottom: 15px;
    height: 39px;
    background-image: url(../images/_bg/h2-bg01-logo.png), url(../images/_bg/h2-bg01.gif);
    background-repeat: no-repeat, no-repeat;
    background-position: center right 5px, left center;
    background-size: contain, auto;
    font-size: 12pt;
    line-height: 39px;
    font-weight: bold;
    color: #333333;
    letter-spacing: 0em;
    padding-left: 30px;
    border: 1px solid #d0cfcf;
    border-radius: 3px;
}
#contents h3 { 
	clear: both;
	margin-top: 0px;
	margin-bottom: 15px;
	height: 26px;
	background-image: url(../images/_bg/h3-bg01.gif);
	font-size: 11pt;
	line-height: 26px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 30px;
	border: 1px solid #6847a6;
	border-radius: 3px;
}
#contents h4 {
	margin-bottom: 10px;
	height: 26px;
	background-image: url(../images/_bg/h3-bg01.gif);
	font-size: 11pt;
	line-height: 26px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 30px;
}
#contents h5 {
}
#contents div.p, #contents p {
	margin: 0px 10px 40px 20px;
	text-align: justify;
	text-justify:inter-ideograph;
}
#contents div.pS {
	margin: 5px 25px 20px 25px;
	text-align: justify;
	text-justify:inter-ideograph;
}
#contents div.pC {
	margin: 5px 25px 20px 25px;
	text-align: center;
}
#contents div.pR {
	font-weight: normal;
	text-align: right;
	margin: 0px;
}
#contents a span{
}
#contents dl{
}
#contents dt{
}
#contents dd{
}


/* footer 
===================================================== */
#footer address {
	font-style: normal;
}
#footer div {
	margin-top: 5px;
	margin-bottom: 10px;
}
#footer div span {
}
#footer em {
	font-size: 12px;
}
#footer hr {
	color: #fff; /* for IE */
	background-color: #66f; /* for NN */
	height: 1px; /* HUTOSA */
  border-style: solid; /* WAKU */
}

/* font-size 
===================================================== */
.small {
	font-size: 8pt;
	line-height: 120%;
}
.large {
	font-size: 11pt;
}
.largeB {
	font-size: 11pt;
	font-weight: bold;
}
.red {
	color: Red; 
}
.redB {
	color: Red;
	font-weight: bold;
}
.center {
	text-align: center;
}

/* image - float 
===================================================== */
img.imgR {
	margin-right: 0px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
	float: right;
}
img.imgL {
	margin-right: 15px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
}
img.imgRI {
	margin-right: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
}
.photobg1,
.photobg2 {
	background-color: #d6eef9;
	border-radius: 5px;
	text-align: center;
	padding: 25px 0 15px;
	margin-top: 10px;
}
.photobg1 img+img,
.photobg2 img+img {
	margin-left: 5px;
}






/* =====================================================

1. index
2. corce 
3. link
4. inquiry
5. accessmap
6. bosyu
7. school
 
===================================================== */



/* index 
===================================================== */
div.column1 {
	width: 260px;
	float: left;
	margin: 0px auto 40px 0px;
}
div.column2 {
	width: 260px;
	float: right;
	margin: 0px 0px 40px auto;
}
#contents table.corce {
	width: 260px;
	border-collapse: separate;
	background-color: #D6EEF9;
}
.corce td {
	margin-top: 5px;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
	border: 1px solid #A5D4E9;
	background-color: #ffffff;
	font-size: 9pt;
	line-height: 120%;
	text-align: justify;
	text-justify:inter-ideograph;
}
.corce td h5 {
	font-size: 10pt;
	line-height: 140%;
	font-weight: bold;
	color: #333333;
	border-bottom: 3px solid #A5D4E9;
	margin-bottom: 5px;
}
.column1 div {
	padding: 0px 5px 5px 5px;
	background-color: #D6EEF9;
	text-align: left;
}
#contents table.schedul {
	width: 260px;
	border-collapse: separate;
	background-color: #D4D5F3;
}
.schedul td {
	margin-top: 5px;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
	border: 1px solid #A5D4E9;
	background-color: #ffffff;
	font-size: 9pt;
	line-height: 140%;
	text-align: justify;
	text-justify:inter-ideograph;
	height: 330px;
}
dl.schedullist {
}
dl.schedullist dt {
	clear: both;
	font-weight: bold;
	float: left;
	width: 30px;
	display:block;
	text-align: right;
	margin-right: 5px;
}
dl.schedullist dd {
}
img.topics {
}
div.iframewide {
	margin: 10px 0px 20px;
  border: 4px solid #d4d5f3;
	background-color: #Ffffff;
}
div.iframewide img {
	margin: 5px 10px 0px;
}
div.iframewide iframe {
	margin: 0px 10px 5px;
}


/* corce 
===================================================== */
table.corceTBL {
	border-collapse: collapse;
	border: 1px solid #6847A6;
	width: calc(100% - 5px);
	margin: 0px 0 20px 3px;
	table-layout: fixed;
}
table.corceTBL th {
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #6847A6;
	color: #6847A6;
}
table.corceTBL td {
	padding: 5px 10px;
	border: 1px solid #6847A6;
}
table.corceTBL .corceL {
	text-align: justify;
	text-justify:inter-ideograph;
}
table.corceTBL .corceC {
	text-align: center;
}
table.corceTBL .corceR {
	text-align: right;
}
table.corceTBL .clr01 {
	background-color: #ccddff;
}
table.corceTBL .clr02 {
	background-color: #ccffdd;
}
table.corceTBL .td1 {
	background-color: #EDFFFE;
	text-align: center;
}
table.corceTBL .td2 {
	background-color: #FFFADF;
}
table.corceTBL .td3 {
}
table.corceTBL .pdf {
	background-image: url(../images/_base2/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	padding: 2px 0px 5px 20px;
	margin-bottom: 8px;
}

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
	left: 0;
    width: 100%;
}
.modal_bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal_content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
	box-sizing: border-box;
}


/* link 
===================================================== */
ul.link {
	margin-left: 30px;
	margin-bottom: 40px;
}
ul.link li {
	background-image: url(../images/_logo/mark-logo01.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	list-style-type: none;
	padding-left: 23px;
	margin-bottom: 5px;
}

/* inquiry 
===================================================== */
.inquiry table {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #DEDEDE;
}
.inquiry th {
	padding: 9px 1em;
	min-width: 10em;
	white-space: nowrap;
	background-color: #eeeeee;
	border: 1px solid #ffffff;
	position: relative;
	vertical-align: top;
	box-sizing: border-box;
}
.inquiry td {
	padding: 0;
	text-align: left;
	border: 1px solid #DEDEDE;
	position: relative;
	box-sizing: border-box;
}
.inquiry th::after {
	content: "";
	position: absolute;
	top: 12px;
	right: 4px;
	display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
	margin: auto;
    background-color: #fff;
    color: #fff;
	border: 2px solid #f00;
}
.inquiry th.nini::after {
	display: none;
}


:-webkit-input-placeholder {  color: #bbf;}
:-moz-placeholder {  color: #bbf;}
:placeholder-shown {  color: #bbf;}
:focus::-webkit-input-placeholder { color: white; } /* Chrome・Safari・Opera用(※Edgeにも使える) */
:focus::-moz-placeholder { color: white; } /* Firefox19以上用 */
:focus:placeholder-shown { color: white; } /* CSS標準(予定)の記述 */

.inquiry input,.inquiry select,.inquiry option,.inquiry textarea {
	font-size: 9pt;
	padding: 2px;
	color: #333;
}
.inquiry button {
	padding: 2px;
}
.inquiry input, 
.inquiry textarea,
.inquiry select,
.inquiry option,
.inquiry button {
	border: 1px solid transparent;
	border-radius: 2px; 
	font-size: 1.0em;
	background-color: rgba(255,255,255,1.0);
	font-family : inherit;
	vertical-align: middle;
	height: auto;
	padding: 0.75em 0.45em;
	display: block;
	outline: none;
	width: 100%;
    transition: all 0.6s;
	box-sizing: border-box;
}
.inquiry .width2 {
	width: 50%;
}
.inquiry textarea {
	height: 250px;
	resize: vertical;
	padding: 0.5em 0.5em;
}

.inquiry input:focus, .inquiry textarea:focus {
    background-color: #2cafe3;color: #fff;
 }


.submitbutton {
	padding: 1.5em 0;
	text-align: center;
}
.inquiry input[type="submit"],
.inquiry input[type="reset"] {
    padding: 7px 0px;
    font-size: 1.1em;
	font-weight: bold;
    margin: auto;
    border-radius: 5px;
    color: #fff;
	display: inline-block;
    width: 40%;
    position: relative;
    line-height: 30px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	border: none;
	transition: none;
}
.inquiry input[type="submit"] {
    background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
}
.inquiry input[type="reset"] {
    background-image: linear-gradient(to bottom, #999999, #787878);
}
.inquiry input[type="submit"]:hover {
  background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.inquiry input[type="reset"]:hover {
  background-image: linear-gradient(to bottom, #727272, #676767);
}
.inquiry input[type="submit"]:active {
  background: #1a92c2;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
  color: #1679a1;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
.inquiry input[type="reset"]:active {
  background: #676767;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

div.thanx {
	padding-bottom: 600px;
}
div.thanxS {
	padding-bottom: 300px;
}


/* accessmap 
===================================================== */
div#map {
	width: calc(100% - 5px);
	margin: 0px auto 20px 3px;
	padding: 0px;
	border: 1px solid #6847A6;
}
div#map iframe {
	width: 100%;
	height: 560px;
	margin: 0
}

/* bosyu 
===================================================== */
ol.bosyu li {
	margin: 0px auto 0px 30px;
}

/* school 
===================================================== */
div.ryou {
	text-align: center;
}
div.ryou table {
	border-collapse: collapse;
	margin: 0px auto 30px;
}
div.ryou table td {
	padding: 5px 10px;
	vertical-align: top;
	text-align: center;
}