@charset "UTF-8";


body {
	background-color: #cbc9c9;/* org cbc9c9 */
	background: repeat-x url(images/c_backgrad.gif);
	text-align:center; /* for IE 6 */
	padding: 0px 0px;
	margin-left: 0px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.top-flash {
	margin:0px 0px;
	padding: 0px 0px;
	width:800px;
	/* height:389px; flue-darl */
	/* height:220px;  orignal first version size */
	height:354px; /* shop welcome version size */
	text-align:center;
}



#main-page {
	margin:20px auto;
	padding: 0px 0px;
	width:800px;
	text-align:left;
}



#main-page #contents {
	margin: 0px 0px;
    padding: 0px 0px;
	width:800px;
	height:550px;
	border-top:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-right:2px solid #929292;
	border-bottom:2px solid #666666;
	background-color: #FFFFFF;
}


#main-page #top-contents {
	margin: 0px 0px;
    padding: 0px 0px;
	width:800px;
	/*height:550px;*/
	border-top:1px solid #DEDEDE;
	border-left:1px solid #DEDEDE;
	border-right:2px solid #929292;
	border-bottom:2px solid #666666;
	background-color: #FFFFFF;
}




#main-page #main {
	margin: 0px 0px;
    padding: 0px 0px;
	margin:20px 20px;
	width:760px;
}


#main-page #header {
	margin: 0px 0px;
    padding: 0px 0px;
	width:800px;
	height:3px;
	/* -->  has under space  IE 6 */	
	font-size: 0;
 	line-height: 0;
 	vertical-align: bottom;
 	/*<----  has under space  IE 6 */ 
	background:no-repeat url(images/c_pagegoldline.gif);
}
#main-page #footer {
	margin: 0px 0px;
    padding: 0px 0px;
	width:800px;
	height:20px;
	padding-top:5px;
	background:no-repeat url(images/c_pagegoldline.gif);
}

.footer_about 	{
	float:left;
	width:150px;
	text-align:left;
}

.footer_copy {
	float:right
	width:650px;
	text-align:right;
}

#gnavi {
	margin: 0px 0px;
    padding: 0px 0px;
	width:800px;
	height:16px;
	text-align:center;
	background:repeat-x url(images/gnavbg.gif);
	border-top:1px solid #919191;
    border-bottom:1px solid #919191;
}

.gmenu {
	margin: 0px 0px;
    padding: 0px 0px;
	width:800px;
	height:16px;
	text-align:left;	
	/* border:1px solid #919191; */
}

.gmenu ul {
	margin: 0px 0px;
    padding: 0px 0px;
    list-style-type:none;
}

.gmenu li {
    float: left;
	margin: 0px 0px;
	padding: 0px 0px;
	/* -->  has under space  IE 6 */
	font-size: 0;
 	line-height: 0;
 	vertical-align: bottom;
 	/*<----  has under space  IE 6 */ 
    list-style-type:none;
}

/* selective-navi-b  */
.current {
	/* font-weight: bold;  Not change selective text-link */
	/* border: 1px solid #F96; Not change selective text-link */
}

.current img {
	font-weight: normal;
	border: 0;
}

img,abbr,acronym,fieldset {
	 border: 0; 
}



#subnavi {
	margin:0 0;
	margin-bottom:10px;
	padding:0;
	width:760px;
	height:40px;
	text-align:left;
	border-bottom:1px solid #919191;
}

.title-with-subumenu {
	margin:0 0;
	padding:0 0;
	width:188px;
	height:40px;
	float:left;	
}

.submenu {
	margin:15px 0px 0px 0px;
	margin-left:50px;
	padding:0;
	height:18px;
	text-align:left;
	
	/* -->  has under space  IE 6 */	
	font-size: 0;
 	line-height: 0;
 	vertical-align: bottom;
 	/*<----  has under space  IE 6 */ 	
	
	float:left;	
	/* border:1px solid #919191; */
}


.submenu ul {
	margin: 0px 0px;	
    padding: 0px 0px;
    list-style-type:none;
}

.submenu li {
    float: left;
	margin: 0px 0px;
	margin-right:20px;
	padding: 0px 0px;
	/* -->  has under space  IE 6 */	
	font-size: 0;
 	line-height: 0;
 	vertical-align: bottom;
 	/*<----  has under space  IE 6 */ 		
    list-style-type:none;
}


#popup-page {
	margin:20px auto;
	padding:0 0;
	width:800px;
	text-align:left
}

#popup-page h1 {
	width:760px;
	height:26px;
	padding: 8px 0px 0px 15px;
	height:26px;
	background-image: url(images/popup-pagetitlebk.gif);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #5D5D5D;
	font-weight: bold;
	letter-spacing: 0.1em;

}

#popup-page #header {
	width:800px;
	height:5px;
	display:block;
	background:no-repeat url(images/c_pagegoldline.gif);
}
#popup-page #footer {
	width:800px;
	height:50px;
	padding-top:5px;
	text-align:right;
	background:no-repeat url(images/c_pagegoldline.gif);
}

#popup-page #contents {
	margin:20px 20px;
	width:760px;
	background-color: #FFFFFF;
}



/*  pop-up school detail */
#popup-school {
	margin:20px auto;
	padding:0 0;
	width:600px;
	background: #FFF;
	text-align:left
}

#popup-school h1 {
	margin:0 0;
	padding:0 0;
	width:330px;
	/* height:30px; */
	padding: 0px 0px 0px 0px;
	/*background-image: url(images/popup-pagetitlebk.gif);
	background-repeat:no-repeat; */
}

#popup-school #images {
	margin:0 0;
	padding:0 0;

	width:220px;
	float:left;
}

#popup-school #detail {
	margin:0 0;
	padding:0 0;

margin-left:20px;
	width:330px;
	float:right;
}

#popup-school #scrbox {
	overflow:auto;
	width:330px;
	height:300px;
}


#popup-school #header {
	width:600px;
	height:5px;
	display:block;
	background:no-repeat url(images/c_pagegoldline.gif);
}
#popup-school #footer {
	width:600px;
	height:20px;
	padding-top:5px;
	text-align:right;
	float:left;
	background:no-repeat url(images/c_pagegoldline.gif);
}

#popup-school #contents {
	margin:10px 10px 0px 10px;
	padding:0px 0px;
	width:570px;
	height:440px;
	background: #FFF;
}


/*  pop-up news detail */
#popup-news {
	margin:20px auto;
	padding:0 0;
	width:600px;
	background: #FFF;
	text-align:left
}

#popup-news h1 {
	margin:10px 0;
	padding:0 0;
	width:570px;
	height:30px;
	padding: 8px 0px 0px 15px;
	background-image: url(images/popup-pagetitlebk.gif);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #5D5D5D;
	font-weight: bold;
	letter-spacing: 0.1em;

}

#popup-news #images {
	margin:0 0;
	padding:0 0;

	width:200px;
	float:left;
}

#popup-news #detail {
	margin:0 0;
	padding:0 0;

margin-left:20px;
	width:350px;
	float:right;
}

#popup-news #scrbox {
	overflow:auto;
	width:350px;
	height:300px;
}


#popup-news #header {
	width:600px;
	height:5px;
	display:block;
	background:no-repeat url(images/c_pagegoldline.gif);
}
#popup-news #footer {
	width:600px;
	height:20px;
	padding-top:5px;
	text-align:right;
	float:left;
	background:no-repeat url(images/c_pagegoldline.gif);
}

#popup-news #contents {
	margin:10px 10px 0px 10px;
	padding:0px 0px;
	width:570px;
	height:440px;
	background: #FFF;
}




/* for contents Scrollbox */
.scrollbox {
	overflow:auto;
	width:760px;
	height:440px;
	margin:0 0;
	padding:0 0;
	
}

h1 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 16px;
	font-weight: bolder;
	line-height: 16px;
	color: #4B4B4B;
}	

h2 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	font-weight: bolder;
	line-height: 16px;
	color: #4B4B4B;
}	

h3 {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	font-weight: bolder;
	line-height: 16px;
	color: #4B4B4B;
}	

a:link       { text-decoration: underline; color:#4B4B4B }
a:visited    { text-decoration: underline; color:#979696 }
a:hover      { text-decoration: underline; color:#FF6600 }

.common-txt-b {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-weight: normal;
	color: #00022F;
	line-height: 16px;
}
.common-txt-m {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: bold;
	color: #080482;
}
.text-j-big {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 18px;
	color: #6F6F6F;
}
.text-j {
	/*font-family: "ＭＳ Ｐゴシック", "Osaka"; */
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	line-height: 16px;
	color: #6F6F6F;
}
.text-j-s {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	line-height: 11px;
	color: #6F6F6F;
}
.text-j-s-s {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	line-height: 11px;
	color: #6F6F6F;
}

.about_b {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	line-height: 14px;
	color: #FF6600;
}
.text-E {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
}
.text-E-10 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
}
.text-j-just {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 1.4;
}
.text-j-bold {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-weight: bolder;
	font-size: 12px;
}

.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6E6E6E;
}
.midashi_1 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: bold;
	color: #000033;
}
.text_small {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
}
.text_smalltani {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 8px;
	font-weight: normal;
	line-height: 20px;
	vertical-align: super;
}
.midashi_2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: bold;
	color: #004444;
}
.update {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.midashi_3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: bold;
	color: #0459DC;
}
.title_1 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 16px;
	color: #004DE7;
	font-weight: bold;
}
.midashi_4 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: bold;
	color: #008B2A;
}
.midashi_5 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
.seihinspec_midashi {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	font-weight: bold;
	color: #000033;
}
.title_school {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: normal;
	color: #575757;
}
.sch-col-E {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #575757;
	letter-spacing: 0.2em;
}
.sch-col-E-s {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #575757;
	letter-spacing: 0.2em;
}
.sch-col-E2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #575757;
	letter-spacing: 0.2em;
}
.text-j-bold {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 16px;
	color: #575757;
}
.text-j-lead-big {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	line-height: 40px;
	color: #999999;
}
.text-j-lead-big2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	line-height: 30px;
	color: #999999;
}
.text-e-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #575757;
	font-weight: bold;
	letter-spacing: 0.3em;
}
.text-e-bold-narrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #575757;
	font-weight: bold;
	letter-spacing: 0em;
}
.text-e-bold-16pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #575757;
	font-weight: bold;
	letter-spacing: 0.3em;
}
.title-school-E {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #575757;
	font-weight: bold;
	letter-spacing: 0.3em;
}
.title-school-E-narrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #575757;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.title-school-E-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #575757;
	font-weight: bold;
	letter-spacing: 0.3em;
}

/* clearfix
--------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* for codding
.clearfix + *{
    clear: both;
} */