@import url(jquery.lightbox.css);
@import url(parts.css);
@import url(parts2.css);
@import url(parts-yosei.css);
@import url(parts-jpschool.css);
@import url(parts-form.css);
@import url(parts-ruby.css);
/* common */
/* -------------------------------------------------------- */
* {margin:0; padding:0;}
html, body {width:100%; height:100%;}

body {font:12px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; color:#333; text-align:center; background:#fff}

h1, h2, h3, h4, h5, h6, h7 {font-size:100%; line-height:140%;}
p, ul, ol, dl, address, blockquote, table, div {font-size:100%; line-height:160%;}
input, select, textarea, button {font-size:12px; vertical-align:middle;}
ul {list-style-type:none; overflow:hidden;}
ol {margin-left:2.2em;}
sup {vertical-align:top;}
sub {vertical-align:middle;}
img {line-height:0; border:0; display:block;}
a img {display:inline; vertical-align:top;}

.sp {display:none; }


/* container */
/* -------------------------------------------------------- */
/*#container {width:100%; background:url(../img/c_bg.jpg) repeat left top;}*/
#container {width:100%;min-width:960px; background:url(../img/c_bg.jpg) repeat left top;}

/* header */
/* -------------------------------------------------------- */
#header {width:100%; height:157px; background:#FFF; border-top:5px solid #454545;}
#headerInner {width:960px; height:157px; margin:0 auto;}

#hLangNav {width:960px; margin:0 auto;}
#hLangNav li {float:left;}

#logoArea {position:relative; width:960px; height:109px; margin:0 auto; clear:both;}
#logoArea h1 {position:absolute; left:10px; top:14px; width:960px; text-align:left;}
#logoArea #hLogo {position:absolute; left:0; top:37px; width:698px;}
#logoArea #hLogo a:hover img{opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )" !important;}
#logoArea #hNav {position:absolute; top:84px; right:0; }
#logoArea #hNav li {padding:0 0 0 22px; float:right;}

/* gnavi */
/* -------------------------------------------------------- */
#gNav {width:100%; height:92px; background:url(../img/stripe_bg.jpg) repeat-x left top; clear:both;}
#gNavInner {width:960px; height:92px; margin:0 auto;}
#gNavInner li {padding:0; float:left;}

/* contents */
/* -------------------------------------------------------- */
#contents {width:100%; margin:0 auto 40px auto;}

/* footer */
/* -------------------------------------------------------- */
#footer {width:100%; height:500px; background:#FFF url(../img/f_bg.jpg) repeat-x left top;}
#footerInner {width:960px; text-align:left; margin:0 auto; background:url(../img/f_bg02.jpg) no-repeat left top;}
#pagetop {height:26px; padding-right:10px; float:right;}

#fNav {width:100%; overflow:hodden; padding-top:6px; background:#FFF url(../img/f_dot01.jpg) repeat-y right 6px; clear:both;}
#fNav dl {width:240px; height:440px; float:left; padding:15px 0 0 0; background:#FFF url(../img/f_dot01.jpg) repeat-y left top;}
#fNav dt {margin:0 0 8px 20px; padding-left:20px; background:url(../img/f_arrow01.jpg) no-repeat left 3px;}
#fNav dt.win {background:url(../img/f_icon01.jpg) no-repeat left center;}
#fNav dd ul li{margin:0 0 2px 43px; padding-left:18px; background:url(../img/f_arrow02.jpg) no-repeat left center;}
#fNav a:link,
#fNav a:visited,
#fNav a:active {color:#333; text-decoration:none;}
#fNav a:hover {color:#333; text-decoration:underline;}

#fCopy {width:100%; overflow:hidden; background:#454545; padding-bottom:10px; clear:both;}
#fCopyInner {width:960px; margin:0 auto; color:#c8c8c8;}
#fCopyInner dl {line-height:1.5; float:left;}
#fCopyInner dt {margin:18px 0 8px 0; padding:0; font-size:14px;}
#fCopyInner dd {margin:0; padding:0; font-size:10px; text-align:left;}
#fCopyInner div {margin-top:60px; font-size:10px; float:right;}

/* clear */
/* -------------------------------------------------------- */
.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.cfix {display:inline-block;}
/* no ie mac \*/
* html .cfix {height:1%;}
.cfix {display:block;}
/* */