/* CSS Document */

/*
株式会社　Ｍ＆Ｓ　韓国語教材サイト
前ページ共通のＣＳＳです。
*/


/*------------ページ全体の設定　ここから-----------------*/


body{
	font-size:12px;
	margin: 0 0 0 0;
	padding:0px;
}


a:link{text-decoration:underline;}
a:visited{text-decoration:underline;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

/*-----------------ページ全体の設定 ここまで------------------*/



/*-----------------div wrapの設定　ここから--------------------*/

div#wrap{
	width:100%;
	height: 148px;
	background:url(../images/top_back_2.jpg) repeat-x;
	background-position:bottom;
}


/*-----------------div wrapの設定　ここまで--------------------*/



/*-----------------div headerの設定　ここから--------------------*/

h1{
	margin:0 0 0 0;
	line-height:30px;
	font-size:100%;
	font-weight: normal;
}

div#header{
	height:148px;
	width: 900px;
	position:absolute;
	left:50%;
	margin:0 0 0 -450px;
	top: 0;
	background-position:bottom;
	padding-bottom:0px;
	background-image: url(../images/top_back3.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

div#header p#logo{
	float:left;
	
	margin-bottom:10px;
	width:503px;
	height:102px;
}

div#menu{
	float:right;
	height: 40px;
	padding-top:59px;
	position: absolute;
	left: 280px;
	width: 642px;
}


/*-----------------div headerの設定　ここまで--------------------*/





/*-----------------メインエリアの設定　ここから--------------------*/



div#main{
	width: 900px;
	position:absolute;
	left:50%;
	margin:0 0 0 -450px;
	top: 148px;
	background:url(../images/main_back02.jpg) no-repeat top;
}


div#rightwrap{
	float:right;
	width:660px;
	position: relative;
	top:0px;
	right:0px;
	font-size:12px;
	color:#666666;
	line-height: 20px;
}

div#rightwrap p{
	margin:0 0 0 0;
}

div#rightwrap strong{
	color:#c00;
	font-weight:bold;
}

div#rightwrap em{
	background:#FAE8E8;
}

div#rightwrap h3{
	height:62px;
	margin-bottom:10px;
	padding-left:55px;
	background:url(../images/h1bar.jpg) no-repeat center top;
	color:#333;
	font-size:16px;
	font-weight:bold;
	line-height:62px;
	margin-top: 20px;
}

div#rightwrap h4{
	padding-left:35px;
	color:#333;
	font-size:12px;
	line-height:22px;
	font-weight: normal;
}

img.text { border: 1px #666666 solid; }

div#rightwrap .style01{
	line-height: 20px;
}

div#rightwrap .style02{
    font-size:16px;
	font-weight:bold;
}

div#rightwrap .style03{
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
	line-height: 28px;
}

div#rightwrap .style04{
	color:#0000FF;
	font-size:13px;
	font-weight:bold;
	line-height: 25px;
}

div#rightwrap .style05{
	color:#666666;
	font-size:14px;
	font-weight:bold;
	line-height: 30px;
}

div#rightwrap .style06{
	color:#0000FF;
	font-size:18px;
	font-weight:bold;
	line-height: 25px;
}

div#rightwrap .style07{
	color:#FF0000;
	font-size:12px;
	font-weight: bold;
}

div#rightwrap .style08{
	color:#666666;
	font-size:12px;
	font-weight: normal;
	padding-left:50px;
	padding-bottom: 30px;
}
div#rightwrap .style09{
	color:#666666;
	font-size:12px;
	font-weight: normal;
	padding-left:10px;
	padding-bottom: 10px;
}





/*メニュー*/


div#leftwrap{
	width:195px;
	padding-left:15px;
	float: left;
	position: relative;
	padding-top: 20px;
}

div#leftwrap ul{
	list-style-type:none;
	position:relative;
	left:-25px;
	text-decoration:none;
	width: 195px;
}
div#leftwrap ul li{
	height:30px;
	background:url(../images/side_menu.jpg) no-repeat 0px -30px;
	line-height:30px;
	width:195px;
}
div#leftwrap ul li a{
	display:block;
	height:30px;
	padding:0 0 0 22px;
	background:url(../images/side_menu.jpg) no-repeat 0 0;
	color:#666;
	text-decoration:none;
}
div#leftwrap ul li a:hover{background:none;}
div#leftwrap ul li a:active{background:none;}

div#leftwrap ul li#s_free{
	width:195px;
	height:163px;
	margin:0 0 15px 0;
	background:url(../images/order_bt_on.jpg) no-repeat 0 0;
}
div#leftwrap ul li#s_free a{
	width:195px;
	height:163px;
	padding:0;
	background:url(../images/order_bt.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

div#leftwrap ul li#jyohou {
	width:196px;
	height:408px;
	margin-top:30px;
	background:url(../images/info.jpg);
	background-repeat:no-repeat;
	}
	
	
	div#leftwrap ul li#yomitori {
	width:196px;
	height:122px;
	margin-top:30px;
	background:url(../images/yomitori.jpg);
	background-repeat:no-repeat;
	}
	
div#leftwrap ul li#free_space_top {
	width:196px;
	height:32px;
	margin-top:30px;
	background:url(../images/free_space_top.jpg);
	background-repeat:no-repeat;
	padding-top: 50px;
	padding-left: 5px;
	padding-right: 5px;
	}

	
	
div#leftwrap ul li#s_free a:link{background-position:0 0;}
div#leftwrap ul li#s_free a:visited{background-position:0 0;}
div#leftwrap ul li#s_free a:hover{background-position:0 -163px;}
div#leftwrap ul li#s_free a:active{background-position:0 -163px;}


div#footer{
	clear:both;
	padding:25px 0 0 0;
	height:100px;
	color:#333;
	font-size:12px;
	line-height:18px;
}

div#footer .copy{
	color:#999999;
	font-size:12px;
	line-height:15px;
}

	

div#main_wrap{
	width:100%;
}

div#okini{
	margin-left: 15px;
}