.header{
	width:100%;
    height:35px;
    background-color:#008b8b;
    padding:0;
    color:#ffffff;
    text-align:center;
    margin:0;
}

.header_in{
    width:960px;
    vertical-align:middle;
    padding:0;
    margin:0 auto;
}

strong{
    font-size:17px;
    float:left;
    height:35px;
    line-height:35px;
    margin-left:10;
}

.image_main{
    height:212px;
    width: 960px;
    margin:0;
    padding:0;
    background-image:url('image/mainphoto_small.jpg');
    background-repeat:no-repeat;
    text-align:right;
}

.illust{
	margin:20;
}

h1{
    font-size:22px;
    padding-right:810px;
    padding-top:140;
    margin-top:0;
    color:#ffffff;
}

hr{
	border: dashed 1px #7f7f7f;
	margin: 10 10 20 10;
}

div#main_area{
	positon:relative;}

div#submenu{
	display:block;
	poisiton:relative;
	float: right;
	width: 250px;
	padding: 0;
	margin: 0;}
	
	#submenu dl{
		border: 1px solid #006400;
		width: 220px;}
	
	.fixed{
    position: fixed;
    top: 0;
    width: 100%;
    background-color:yellow;
    z-index: 10000;
	}

	#submenu dt{
		display: block;
		height:2em;
		line-height:2em;
		vertical-align: middle;
		background-color: #006400;
		color: #ffffff;
		padding: 0 0 0 10;
		font-weight: bold;
	}
	
	#submenu dd{
		display: block;
		height: 2em;
		line-height: 2em;
		vertical-align: middle;
		margin:0;
		border-bottom: 1px dotted #570000;
	}
	
	#submenu dd a:link, #submenu dd a:visited{
		display:block;
		text-decoration: none;
		color: #353535;
	}
	#submenu dd a:hover, #submenu dd a:active{
		display:block;
		text-decoration: none;
		color :#ffffff;
		background-color: #d9e6df;
		display: block;
	}

div#mainarea{
	float: left;
	width: 640;
	margin: 15 15 0 20;
	padding: 10 0 0 0;
	position:relative;
}

.pclass p{
    line-height:2em;
}

	#mainarea p{
		margin: 10;
		text-align:justify;
	}

h2{
	font-weight: bold;
	color: #ffffff;
	display: block;
	height: 1.8em;
	line-height:1.8em;
	vertical-align:middle;
	background-color: #006400;
	font-size:15px;
	padding: 0 0 0 10;
	margin: 0;
}

ul{
	margin: -5 10 0 20;
}

li{
	line-height:1.8em;
}

blockquote{
	margin: 20 10;
	background-color: #f4f4f4;
	font-size: 14px;
	padding:10;
}

.totop{
	text-align:right;
	margin: 0 20 0 0;
	font-size: 14px;
}

.pop a:hover{ /*マウスが乗ったら*/
        position: relative;
        top: 0px; left: 0px;
}

.fukidasipop { /*吹き出し本体*/
        position: absolute;
        top:17px; left:20px;
        display: none; /*何も表示しない*/
        width: 300px; /*ブロックの幅
        font-weight: normal; /*文字の太さ*/
        text-decoration: none; /*文字飾り*/
        color: #ffffff; /*文字色*/
        background-color: #006400; /*背景色*/
        padding:10;
        font-size:14px;
        border-top:white solid 5px;
        border-left:#006400 solid 5px;
     filter: alpha(opacity=85); /* IE */
　　-moz-opacity:0.85; / *Firefox・Netscape */
  　opacity:0.85; /* Opera・Safari */
}

a:hover .fukidasipop {
        display: block; /*ブロック要素で表示*/
}

.book{
	border:1px solid #353535;
	width:238;
	height:158;
	margin: 5 20 20 30;
	float:left;}

.mail_iframe{	
	margin: 0 20 0 25;
	width:600;
	overflow-x : hidden ;
	overflow-y : hidden ;
	border: #fff solid 0px;}

.paypal{
	display:block;
    color:#353535;
    font-size:15px;
    margin: 0 0 0 40;
    line-height:2em;}

div#stone{
	margin: 30 0 10 50;
	border:none;}
		
	#stone .first{
		display:block;
		width: 240;
		vertical-align:top;
		text-aling:left;
		height: 160;
		float:left;}

	#stone .second{
		display:block;
		height:100;}

	#stone .third{
		display:block;
		height:50;
		text-align:right;
		letter-spacing:1em;
		margin-right:-1em;}

.order{
	float:right;
	width:120;
	line-height:1.8em;
}

.comments{
	display:block;
	margin:0 0 20 20;
	padding:10;
	line-height:1.5em;
	background-color:#f4f4f4;
}

div#onlineshop{
	float: left;
	width: 640;
	margin: 0 15 0 20;
	padding: 0 0 0 0;
}

	#onlineshop .senario{
		display:block;
		float:left;
		width:180px;
		text-align:center;}
	
	#onlineshop dl{
		display:block;
		width:450px;
		margin-left:200px;
		margin-top:-5px;}
	
	#onlineshop dt{
		font-weight:bold;
		padding-top:5;}
	
	#onlineshop dd{;}

form{display:inline;}

ol{margin:0;}

div#kawatebooks{
	display:block;
	width:580px;
	height:257px;
	margin: 0 0 20 40;
	border:1px solid #353535;}
	
	#kawatebooks .image{
		width:168px;
		height:237px;
		margin:10 0 0 10;
		float:left;
		overflow:auto;}
	
	#kawatebooks .info{
		width:380px;
		height:237px;
		margin:10 10 0 0;
		float:right;}

h4{
	line-height:1.5em;
	height:1.5em;
	vertical-align:middle;
	font-size:15px;
	padding:0 0 0 5;
	margin:30 0 -5 20;
	border-left:solid 2px #006400;}

.lecture-career{
    margin-left:20px;
}

.lecture-career dt{
    clear:both;
    float:left;
    display:block;
    width:140px;
}

.lecture-career dd{
    float:left;
    width:470px;
}

.lecture-career dd, .lecture-career dt{
    padding-bottom:10px;
    margin:0;
}