
/* :::::::::: base :::::::::: */
* {
	font-size:100%;
}

html{margin:0; padding:0;}

h1,h2,h3,h4,h5,p,div,ul,ol,dl,li,dt,dd,img,span,form {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin:0;padding:0;border:none;}
ul, ol{list-style-type:none;}
address{font-style:normal;}


/* for-box-bug */
div:after {content:".";display:block;height:0px;line-height:0;clear:both;visibility:hidden;}
div {display:inline-table;}
/* not allowed to Mac IE €*/
* html div {height:1px;}
div {display:block;}
/* */
/* end for-box-bug */


/* for-box-bug */
dl:after {content:".";display:block;height:0px;line-height:0;clear:both;visibility:hidden;}
dl {display:inline-table;}
/* not allowed to Mac IE €*/
* html dl {height:1px;}
dl {display:block;}
/* */
/* end for-box-bug */


/* for-box-bug */
ul:after {content:".";display:block;height:0px;line-height:0;clear:both;visibility:hidden;}
ul {display:inline-table;}
/* not allowed to Mac IE €*/
* html ul {height:1px;}
ul {display:block;}
/* */
/* end for-box-bug */

/* :::::::::: base :::::::::: */


body { width: 100%; font-family: "Lucida Grande", Verdana, Arial, sans-serif; background-color: #ffffff; margin: 0px; padding: 0px; }
body.ind { background-position: left top; background-repeat: no-repeat; background-image: url(../images/bg.gif);}
body.pop { background-position: left top; background-repeat: no-repeat; background-image: url(../images/bg_pop.gif);}

a{text-decoration: none; color: #8e7600 }
a:hover{text-decoration: underline; text-decolation:}
a:visited{color:gray;}

.header { padding: 0px; height: 80px; margin: 0px; width: 100%; background-position: right top; background-repeat: no-repeat; background-image: url(../images/header_bg.gif);}
.header h1.logo{float: left; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 28px; margin-left: 0px; margin-bottom: 0px; margin-top: 0px;}
.header p.en_jp{padding-left: 0px; padding-bottom: 0px; padding-right: 10px; padding-top: 40px; margin-left: 0px; margin-bottom: 0px; margin-top: 0px;}
.main {margin-right: auto; margin-left: auto; margin-top: 38px; width: 841px;}
.mainmenu {}
.mainmenu li {float: left;}

.contents{margin-top:60px; clear:both; }
.contents h2{margin-bottom: 250px; float:left; width:210px;}
.contents p {line-height: 160%; color:#666666; font-size:12px;}
.contents h3 {color:#990000; font-size:14px; margin-bottom: 25px;}

/*statement*/
.contents .profile {border-left-color: #bfbfbf; border-left-style: solid; border-left-width: 1px; margin-left:210px;  width:580px; } 
.contents .profile img.face{padding-top: 5px;}
.contents .profile th{color: #aa0000; text-align: right; font-size: 12px; width:12em; vertical-align: top; padding-right: .5em;}
.contents .profile td{color:#666666; padding-left: .5em; font-size: 12px; line-height:150%; vertical-align: top; padding-bottom: 10px;}
.contents .profile a{color: #8e7600 }

/*corner index*/
.contents .corner_index {margin-left:210px;  width:580px;}
.contents .corner_index li {padding-bottom: 1px; font-size: 12px; width: 510px; margin-left: 10px; background-position: 0 bottom; background-repeat: repeat-x; background-image: url(../images/dot.gif); display: block;}
.contents .corner_index li a {padding-bottom: 15px; padding-top: 15px; padding-left: 1.2em; background-position: 0 18px; background-repeat: no-repeat; background-image: url(../images/vect.gif); display: block;}
.contents .corner_index li a:hover { background-color: #f2f2f2; }

/*pop contents*/
.main-pop {margin-right: auto; margin-left: auto; margin-top: 45px; width: 600px;}
.main-pop h2 {float: left; margin-bottom: 70px;}
.main-pop .close-btn {float:right; width: 53px; margin-bottom: 70px;}
.contents-pop {background-color: white; margin-top:60px; clear:both; }
.contents-pop p {line-height: 150%; color:#666666; font-size:12px; margin-bottom: 1.5em; clear: both;}
.contents-pop h3 {color:#990000; font-size:14px; margin-bottom: 25px;}
.contents-pop h4 { padding-top: 10px; color: #3f3f3f; font-size:12px; margin-bottom: 20px;}
.contents-pop .lesson-desc p {color:#008080; }
img.lef {FLOAT: left; MARGIN: 0px 5px 5px 0px;}



.footer{clear: both; margin-right: auto; margin-left: auto; margin-top: 50px; margin-bottom: 30px; width: 841px;}
.footer-pop {text-align: right; color: #848484; padding-top: 15px; border-top-color: #bfbfbf; border-top-style: solid; border-top-width: 1px; margin-bottom: 30px; margin-top: 50px; font-size: 10px;}


