@charset "Shift-JIS";

* {
	margin:0;
	padding:0;
}

html {
	height:100%;
	font-size: 80%;
	line-height: 150%;
}

img{
	border: none;
}

body {
	background: #FFFFFF;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-family: Verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3",Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
}

p {
	margin: 10px 0;
}

p.beha {
	margin: 25px 0;
}

p.beha br {
	margin: 25px 0;
}


p.exp {
	margin: 10px 0px 10px 20px;
}

ul li {
	list-style-type: square;
	list-style-position: inside;
}

a:link {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #3366ff; 
	text-decoration: underline;
}
a:active {
	color: #3366ff;
	text-decoration: underline; 
}

#main {
	width: 680px;
	padding: 10px 10px 0 10px;
	margin: 10px 0 10px 0;
}

#subMain {
	width: 500px;
	margin: 5px 0 10px 5px;
}

#topImage {
	width: 727px;
	margin: 0 auto;
}

.black {
	padding: 5px 10px;
	height: 20px;
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
	background-color: #b59259;
}

table.black a:link {
	color: #ffffff;
	text-decoration: none;
}

table.black a:hover {
	color: #ffffff;
	text-decoration: none;
}

table.black a:active {
	color: #ffffff;
	text-decoration: none;
}

table.black a:visited {
	color: #ffffff;
	text-decoration: none;
}

.text8 {
	font-size: 60%;
	padding: 5px;
}

.text9 {
	font-size: 70%;
	padding: 5px;
	line-height: 150%;
}

.text10 {
	font-size: 80%;
	line-height: 180%;
}


.text11 {
	font-size: 80%;
	line-height: 180%;
}

.white { 
	color: #FFFFFF;
	line-height: 150%;
}

.whiteCopy {
	font-weight: bold;
	color: #FFFFFF;
	line-height: 150%;
}

.text11B { 
	color: #ffffff;
	font-size: 80%;
	font-weight: bold;
	background-color: #b59259;
	padding: 5px;
	height: 10px;
}

.text11Brien {
	font-size: 80%;
	font-weight: bold;
}


.text9center {
	text-align: center;
}

.welcome {
	color: #FFFFFF;
	background-color: #650000;
}

.text12B {
	font-size: 130%;
	font-weight: bold;
	line-height: 170%;
}

.pinkb {
	font-size: 80%;
	font-weight: bold;
	color: #b59259;
	line-height: 180%;
}

.pink {
	font-size: 80%;
	font-weight: bold;
	color: #b59259;
	line-height: 180%;
}

.topPink {
	font-size: 80%;
	font-weight: bold;
	color: #b59259;
	line-height: 180%;
	padding: 5px;
}

.pink2 {
	color: #b59259;
	line-height: 180%;
}

.table {
	border: 1px #b59259 solid;
}


.orangegrand {
	font-size: 90%;
	font-weight: bold;
	color: #ff6600;
	padding: 5px;
	line-height: 170%;
}

.orange {
	font-size: 90%;
	font-weight: bold;
	color: #ff6600;
	line-height: 180%;
}

.hVoice {
	font-size: 80%;
	font-weight: bold;
	color:#ffcc99;
	line-height: 150%;
}

.hVoice2 {
	font-size: 90%;
	font-weight: bold;
	color:#666666;
	line-height: 150%;
}

.hVoice3 {
	font-size: 70%;
	color:#666666;
	line-height: 150%;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ff9966;
}

.gris {
	font-size: 90%;
	font-weight: bold;
	color: #999999;
}

ul#footer {
	float: right;
	font-size: 60%;
}

ul#footer li {
	float: left;
	list-style: none;
	padding: 3px 5px;
}

img.numero {
	margin: 0 10px 0 0;
}

.beha_box {
	width: 470px;
	padding: 5px;
	border: 1px dashed #b59259;
}

/* -----------------------------

lesson

------------------------------*/

h1#lesson {
	width: 470px;
	height: 57px;
	margin: 5px 15px;
}

div.lessonText {
	width: 460px;
	margin: 5px 15px;
	font-size: 80%;
	line-height: 180%;
}

div.lessonText p {
	margin: 0 0 20px 0;
}

div.lessonText h2 {
	width: 460px;
	font-size: 110%;
	color: #b59259;
	border-bottom: dashed 1px #b59259;
}

dl#lessonDl {
	background: url(image/lesson_img_bg.gif) no-repeat bottom right;
}

dl#lessonDl dt {
	font-weight: bold;
}

dl#lessonDl dd {
	padding-bottom: 10px;
	border-bottom: dashed 1px #666666;
}


	
/*.black {
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
}
*/