@charset "Shift_JIS";


/*Color
light green 153 255 102 #99ff66
dark green 0 128 0 #008000
light blue 51 153 204 #3399cc
blue 51 102 204 #3366cc
dark blue 0 0 128 #000080

red	color:#204 0 0 CC0000;

*/

/*Color setting*/

.link, ul.crumb a,div.mainarchives a, #sidenavi a,
ul.crumb a:link,div.mainarchives a:link, #sidenavi a:link,
ul.crumb a:visited,div.mainarchives a:visited, #sidenavi a:visited,
a span.green, p.feed a{
color:#3366cc;
	text-decoration:none;}
/*Link Color*/
.link, ul.crumb a,div.mainarchives a{

	font-weight:bold;}

.link:hover,ul.crumb a:hover,div.mainarchives a:hover, #sidenavi a:hover,
#footer_menu1 a:hover,#footer #footer_menu2 a:hover,p.feed a:hover 
	{color:#cc0000;
	text-decoration:underline;}/*Link Color:hover‚̐Τ*/
p#tel,div.labelmiddle strong{color:#cc0000;}/*‹­’²‚̐Τ*/

#sidenavi .navi1 {	background-color: #ffffff;}

#menu_in li,#menu_in a, #menu_in a:link, #menu_in a:visited,
div.labeltop h3,
#footer_menu1,#footer_menu2,
#footer_menu1 a,#footer #footer_menu2 a 
	{color:#003366;}/*ƒƒCƒ“ƒJƒ‰[‚Ι‚Μ‚Ή‚ι”’*/
#main h3,#main h3 a{color:#336699;}

#menu_in a:hover{
	color:#003366;
	background-color:#ffffff;}

/*general setting*/

h1,h2,h3,h4,p,ul,li,a,img,strong{
	border-style:none;
	padding:0;
	margin:0;
	text-decoration:none;
	line-height:1.5em;
}

.plink, 
p.back{
	clear:both;
	height:15px;
	text-align:right;
	margin:0 10px 0 0;
	padding-right:20px;
	background-position:right center;
	background-repeat:no-repeat;
	font-size:14px;
}

.plink{background-image:url(image/right_arrow.gif);}
p.back{background-image:url(image/top_arrow.gif);}
.plink a:hover{background-image:url(image/right_arrow-on.gif);}
.left{float:left;
	margin-right:10px;}		
.right{float:right;
	margin-left:10px;}		

.imgcenter{
text-align:center;
	margin:0 auto;}		

.clear{clear:both;}		
.red{color: #CC0000;
	margin: 0 5px;
	font-weight:bold;
}
.green{color: #009933;
	margin: 0 5px;
	font-weight:bold;
}

.underline{
	text-decoration:underline;
	font-weight:bold;
	font-size:95%;
}
.pright{
text-align:right;
	font-size:95%;
}

/*ƒy[ƒW‘S‘Μ*/
body {
	font-family:  "Arial", Osaka,"‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
	text-align:center;
	letter-spacing:1.45;
	line-height:1.45;
}
#wrapper,#header,#menu,#main,#footer,#main{	
	text-align:center;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
}
#header{
width:774px;}
#main{
width:760px;}
#footer{
width:820px;}

#wrapper {
	width: 820px;
	background-color:#ffffff;
	background-image:url(image/bg-contents.gif);
	background-position:left top;
	background-repeat:repeat-y;
	position:relative;
	padding-bottom:50px;
}

/*header*/
#header {
	height:90px;
	background-image:url(image/bg-header.png);
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
	text-align:left;
}
#header p{color:#ffffff;}

#header p#logo img{
	position:absolute;
	top:0px;
	left:7px;
}
#header #headerlogo img{
	padding-top:8px;}
#header #headerlogo h2{
	margin-top:5px;
	font-size:8px;
}
#header a{
	color:#ffffff;}
#header a:hover{
	text-decoration:underline;
	color:#cc0000;
}
#header p#mukyu,#header p#tel,#header p#tel2,#header p#fax,#header p#add,#header p#toiawase{
	position:absolute;
	right:20px;
	padding:0px;
	color:#d2dcfd;
	font-size:11px;
}

#header p#mukyu{
	top:20px;
	padding:0;
	font-size:10px;
}

#header p#tel{
	top:27px;
	font-size:25px;
	height:20px;
	color:#ffffff;
}

#header p#tel2{
	color:#333333;
	top:28px;
	right:19px;
	font-size:25px;
	height:20px;
}
#header p#fax{
	color:#ffffff;
	top:57px;
}
#header p#add{
	top:70px;
}
#header p#toiawase {
	top:2px;
	right:20px;
	font-weight:bold;
}

#header p#top strong{
	text-align:left;
	position:absolute;
	top:0px;
	left:12px;
	font-size:10px;
	margin :0;
	padding:0;
	font-weight:normal;}
	
#header h1{
	text-align:left;
	position:absolute;
	color:#ffffff;
	top:0px;
	left:12px;
	font-size:10px;
	margin :0;
	padding:0;
	font-weight:normal;}


/*menu*/
#menu{
	width:774px;
	height:30px;
	position:absolute;
	z-index:100;
	top:90px;
	left:22px;
}
ul#menu_in {
	margin:0;
	list-style-type:none;
	height: 30px;
	text-align:center;
	font-size:12px;
	position:relative;
	}

ul#menu_in li{	background-color:#3399cc;}/*€ƒƒCƒ“ƒJƒ‰[*/
ul#menu_in li{
	float:left;
	width: 94px !important;
	width /**/:96px;
	height: 28px !important;
	height /**/: 30px;
	border:1px outset #ffffff;
	list-style:none;
	}
#menu_in a, #menu_in a:link, 
#menu_in a:visited {
	font-weight:bold;
	text-decoration:none;
	width: 94px !important;
	width /**/: 96px;
	height:auto;
	text-align:center;
	vertical-align:text-bottom;
	padding:7px 0px;
	display:block;
	position:relative;
	}

ul#menu_in ul{
 	background:none;
 	background-color:#eeeeee;
	height: auto;
}

#menu_in ul a, #menu_in ul a:link, 
#menu_in ul a:visited {
	padding:5px 5px;
	text-align:left;
	width: 84px !important;
	width /**/: 96px;
	height:auto;

}
ul#menu_in ul li{
 	background-color:#eeeeee;
	border:none;
	border-bottom:1px solid #ffffff;
	float:none;
	height: auto;
	text-align:left;
	height: 38px !important;
	height /**/: 40px;
}

#menu_in ul a:hover{
	background-color:#336699;
	color:#ffffff;
	}
#menu_in li.parent ul{
	display:none;
	height: auto;

}
#menu_in li.parenton ul{
display:block;
}


/*sidemenu*/
#sidenavi {
	float: left;
	margin:0;
	padding:0px 0 20px 0;
	height:auto;
	width:170px;
	background-color:#d2dcfd;
	text-align:center;
}

#sidenavi div.others h2,#sidenavi .formbox h2,#sidenavi div.btn h2{
	margin:2px 2px 5px 2px;
	padding:5px 0px;
    font-size: 15px;
    font-weight: bold;
	color:#cc3366;
	background-color:#FBECF4;
	background:url(image/bg-h2-sidenavi.png) center left repeat-x;
	text-align:center;
	border-top:#ff99cc 3px solid;
	border-bottom:#ff99cc 2px dotted;
	clear:both;
}
#sidenavi h2 a{
	color:#ffffff;
	font-weight:bold;    
}

#sidenavi div.others, #sidenavi .formbox, #sidenavi div.btn{
	background-color:#ffffff;
	border:1px solid #cccccc;
	margin:10px 0;
}

#sidenavi .formbox{
	clear:both;
	margin-top:5px;
}

#sidenavi div.btn p{
margin:0;
padding:0;
}
#sidenavi div.btn img{
	margin:5px 2px;
}
#sidenavi .formbox{
	padding-bottom:5px;}
.formbox h3{
	color:#003366;
	font-size:70%;
	line-height:1.2;
	margin-top:10px;
	margin-bottom:2px;
}

.seminarbox .formbox p,#sidenavi .formbox p{
	text-align:left;
	margin: 0 5px;
	padding:0;
	font-size:70%;
	}
.seminarbox .formbox img{
	vertical-align:baseline;
	margin-right:3px;
}
.seminarbox .formbox img.image{
	float:left;

}

#sidenavi .formbox img{
	vertical-align:middle;
}
#sidenavi .formbox p.center1{
	text-align:center;
	margin:0 20px;
}		

p.formbtn a, p.formbtn-small a, p.bookbtn a, p.nsbtn a,p.seminarbtn a,p.seminarbtn-material a{
	background-position:top left;
	background-repeat: no-repeat;
	display:block; 
	width: 150px;
}
p.bookbtn a{
clear:both;
}

p.formbtn a{
	background-image:url(image/btn-form.png);
	height:40px;}

p.formbtn a:hover{background-image:url(image/btn-form-on.png);}

p.seminarbtn a{
	background-image:url(image/btn-seminar.png);
	height:40px;}
p.seminarbtn-material a{
	background-image:url(image/btn-seminar-material.png);
	height:40px;}

p.seminarbtn a:hover{background-image:url(image/btn-seminar-on.png);}

p.seminarbtn-material a:hover{background-image:url(image/btn-seminar-material-on.png);}

p.formbtn-small a{
	background-image:url(image/btn-form-small.png);
	height:26px;}

p.formbtn-small a:hover{background-image:url(image/btn-form-small-on.png);}

p.nsbtn a{
	background-image:url(image/btn-ns.png);
	height:26px;}

p.nsbtn a:hover{background-image:url(image/btn-ns-on.png);}

p.bookbtn a{
	background-image:url(image/btn-book.png);
	height:26px;}

p.bookbtn a:hover{background-image:url(image/btn-book-on.png);}

.h2class p.formbtn a,
.seminarbox p.formbtn a,
.seminarbox p.formbtn-small a,
.seminarbox p.bookbtn a,
.seminarbox p.nsbtn a,
.seminarbox p.seminarbtn a,
.seminarbox p.seminarbtn-material a{

	float:right;
	margin:0 5px 5px 5px;
}
p.interviewbtn a{
	background-position:top left;
	background-repeat: no-repeat;
	display:block; 
	width: 104px;
	height:26px;
	float:right;
	margin:0 5px 5px 5px;
}

p.interviewbtn a{
	background-image:url(image/btn-interview.png);}

p.interviewbtn a:hover{background-image:url(image/btn-interview-on.png);}

#main #contents .seminarbox .formbox{
	padding-bottom:10px;}
#main #contents .seminarbox .formbox p{
	text-align:left;
	margin: 0 10px;
	padding:0;
	font-size:80%;
	}
#main #contents .seminarbox .formbox p.plink{
	text-align:right;
	margin:0 10px 0 0;
	padding-right:20px;
	font-size:14px;
}

#main #contents .seminarbox .formbox img{
	vertical-align:baseline;
}
#main #contents .seminarbox .formbox p.seminarbtn a{
}

#main #contents .seminarbox .formbox h3{
	text-align:center;
	font-size:90%;
	margin:10px;
}
#sidenavi div.others h3{
	font-weight:bold;
	font-size:11px;
	text-align:center;
	color:#000080;
	padding:2px;
}
#sidenavi div.others p{
	text-align:left;
	padding:0px;}
#sidenavi div.others p img{
	padding:0px;
	margin:0px;}

#sidenavi p.plink{
	text-align:right;
	margin-top:0px;
	padding-top:5px;
	padding-right:18px;
	padding-bottom:5px;
}

#sidenavi #sidemenu h2{
	display:block;
	width: 160px !important;
	width /**/: 170px;
	height:auto;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0;
	background:url(image/bg-sidemenu-top.gif) top left no-repeat;
	background-color:#003366;
	color:#ffffff;
	font-size:14px;
	text-align:left;
	border:none;
}
#sidenavi #sidemenu h2 a{
	color:#ffffff;
}
#sidenavi #sidemenu h2 a:hover{
	color:#cc0000;
text-decoration:underline;}
	
#sidenavi #sidemenu ul{
	width:170px;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	border-bottom:3px solid #3399cc;
}
#sidenavi #sidemenu ul ul{
	border-bottom:none;
}

#sidenavi #sidemenu li{
	display:inline;}

#sidenavi #sidemenu li a,
#sidenavi #sidemenu li a:link,
#sidenavi #sidemenu li a:visited{	
	text-align:left;
	display:block; 
	list-style-type:none;
	margin:0;
	padding:4px 0px;
	padding-left:10px;
	margin:0;
	width: 160px !important;
	width /**/: 170px;  
	height:auto;
	text-decoration:none;
	color:#003366;
	background-color:#A1B6FD;
	border-bottom:1px solid #369;
	}
#sidenavi #sidemenu li li a,
#sidenavi #sidemenu li li a:link,
#sidenavi #sidemenu li li a:visited{	
	background-color:#d2dcfd;
	padding-left:20px;
	margin:0;
	width: 150px !important;
	width /**/: 170px;  

}
#sidenavi #sidemenu li a:hover{
	color:#cc0000;

}


/*contents*/
#contents {
	float:right;
	width:585px;
	margin-left:0px;
	/* for mac ie5x \*/
	position:relative;
	z-index:1;/* other than mac ie5x */
}

#contents h2#message{
	margin-top:5px;
	margin-bottom:10px;
}
#contents p#newhp a,#contents p#existinghp a{
	background-position:top left;
	background-repeat: no-repeat;
	display:block; 
	width: 197px;
	height:53px;
	position:absolute;
	right:10px;
}
#contents p.h1class{
	margin:10px 20px 10px 40px;}

#contents p#newhp a{
	background-image:url(image/btn-newhp.png);
	top:66px;}

#contents p#newhp a:hover{background-image:url(image/btn-newhp-on.png);}

#contents p#existinghp a{
	background-image:url(image/btn-existinghp.png);
	top:129px;}

#contents p#existinghp a:hover{background-image:url(image/btn-existinghp-on.png);}

#contents #contentsright .voicebox h3 a{
	color:#ffffff;
	text-decoration:none;}
#contents #contentsright .voicebox h3 a:hover{
	color:#FF0000;
	text-decoration:underline;}
#contents #contentsleftright h2{
	background:url(image/bg-contents-h2.png) left top no-repeat;
	padding:10px;
	width: 270px !important;
	width /**/: 290px;  
	font-size:80%;
	color:#ffffff;
	margin-bottom:5px;
}
#contents #contentsleftright h2 a{
	color:#ffffff;
}
#contents #contentsleftright h2 a:hover{
	text-decoration:underline;
	color:#cc0000;
}

#contents #contentsleftright h3,#contents #contentsleftright p{
	font-size:80%;
	margin: 0 10px;
	list-style-type:disc;
}
#contents #contentsright .voicebox h3 a{
	color:#ffffff;
	text-decoration:none;}
#contents #contentsright .voicebox h3 a:hover{
	color:#FF0000;
	text-decoration:underline;}

#contents #contentsleftright h3{
	color:#003366;
	margin-bottom: 5px;
	
}

#contents #contentsleftright ul{
	font-size:75%;
	font-weight:bold;
	margin-left:20px;
	list-style-type:disc;
	line-height:1;
}
#contents #contentsleftright li{
	list-style-type:disc;}

#contents #contentsleftright #contentsleft,#contents #contentsleftright #contentsright{
	background:url(image/bg-contents.png) left bottom no-repeat;
}

#contents #contentsleftright #contentsleft,#contents #contentsleftright #contentsright{
	background:url(image/bg-contents.png) left bottom no-repeat;
}

/*contentsleft right*/

#contents #contentsleft,#contents #contentsright{
	text-align:left;
}
#contents #contentsleft{
	width:390px;
}
#contents #contentsright{
	width:190px;
}
#contents #contentsleftright #contentsleft,#contents #contentsleftright #contentsright{
	text-align:left;
	width:290px;
}

#contents #contentsleft{
	float:left;
}
#contents #contentsright{
	float:right;
}
#contents #contentsleft h2#new,
#contents #contentsleft h2#results{
	background:url(image/h2_new.png) left top no-repeat;
	text-indent:-10000px;
	height:42px;
	margin:0px 5px;
	clear:both;
}
#contents #contentsleft h2#new{
	background-image:url(image/h2_new.png);}

#contents #contentsleft h2#results{
	background-image:url(image/h2_results.png);}

#contents #contentsleft ul#newul{
	margin-bottom:10px;
}
#contents #contentsleft ul#newul li{
	margin:0 15px;
	padding:5px;
	list-style-type:none;
    border-bottom: 1px solid #cccccc;
	font-size:80%;
}
#contents #contentsleft ul#newul li span.date{
	color:#000000;
}
#contents #contentsleft ul#newul li span.gray a{
	color:#3366cc;
	text-decoration:none;
}
#contents #contentsleft ul#newul li span.gray a:hover{
	text-decoration:underline;
	color:#cc0000;
}
#contents #contentsleft #reason{
	border:1px solid #cccccc;
	border-bottom:5px solid #000066;
	margin:20px 10px;
	font-size:70%;
	position:relative;
}
#contents #contentsleft #reason img#reasonbtn{
	position:absolute;
	left:-10px;
	top:-10px;
	}
#contents #contentsleft #reason h2{
	text-indent:-10000px;
}
#contents #contentsleft #reason p{
	margin-top:10px;
	margin-left:75px;
	margin-right:10px;	
	}
#contents #contentsleft #reason strong{
	color:#cc0000;
font-weight:bold;
	font-size:120%;}

#contents #contentsleft #reason ol{
	margin:10px 10px 10px 40px;
	list-style-position:outside;
}
/*works*/
#contents #contentsleft div.works,
#main #contents div.h2class div.works{
	margin:0px 0 10px 4px;
	padding:0;
	float:left;
	text-align:center;
	position:relative;
	}
#main #contents div.h2class div.work{
	margin:0px 0 0px 50px;}
#contents #contentsleft div.works img.worknew,
#main #contents div.h2class div.works img.worknew{
	position:absolute;
	top:15px;
	left:-10px;
}
#contents #contentsleft div.works h3,
#contents #contentsleft div.works p,
#contents #contentsleft div.works p img,
#main #contents div.h2class div.works h3,
#main #contents div.h2class div.works p,
#main #contents div.h2class div.works p img{
	margin:0;
	padding:0;
	font-weight:normal;}
#contents #contentsleft div.works h3,
#main #contents div.h2class  div.works h3{
	font-size:8px;}

p#seminarinfo a{
	background:url(image/seminar-btn.png) top left no-repeat;
	display:block; 
	width: 164px !important;
	width /**/: 168px;
	height: 144px !important;
	height /**/: 148px;
	border:2px solid #905524;
	float:left;
	margin-top:5px;
}

p#seminarinfo a:hover{
	background-image:url(image/seminar-btn-on.png);}
	
p#intern a{
	background:url(image/btn-toiawase2.png) top left no-repeat;
	display:block; 
	width: 164px !important;
	width /**/: 168px;
	height: 68px !important;
	height /**/: 72px;
	border:2px solid #905524;
	float:left;
	margin-top:5px;
}

p#intern a:hover{
	background-image:url(image/btn-toiawase2-on.png);}

p#saitomessage a,
p#shiromamessage a{
	background:url(image/saito-message.gif) top left no-repeat;
	display:block; 
	width: 164px;
	height:80px;
	float:left;
	margin-top:5px;}
p#saitomessage a:hover{
	background-image:url(image/saito-message-on.gif);}
	
p#shiromamessage a{
	background:url(image/harutoblog-btn.png) top left no-repeat;}
p#shiromamessage a:hover{
	background-image:url(image/harutoblog-btn-on.png);}


#harutoblog a,
#taichiblog a,
#supportblog a,
#datablog a{
	background-image:url(image/harutoblog-btn.png);
	background-position:top left;
	background-repeat:no-repeat;
	display:block; 
	width: 164px;
	height:80px;
	float:none;
	margin:5px 0;
	margin-bottom:0;}

#taichiblog a{	background-image:url(image/taichiblog-btn.png);}
#datablog a{	background-image:url(image/datablog-btn.png);}
#supportblog a{	background-image:url(image/supportblog-btn.png);}

#harutoblog a:hover{	background-image:url(image/harutoblog-btn-on.png);}
#taichiblog a:hover{	background-image:url(image/taichiblog-btn-on.png);}
#datablog a:hover{	background-image:url(image/datablog-btn-on.png);}
#supportblog a:hover{	background-image:url(image/supportblog-btn-on.png);}

#sidenavi p#seminarinfo a,
#sidenavi p#saitomessage a,
#sidenavi p#shiromamessage a,
#sidenavi p#intern a,
#sidenavi #harutoblog a,
#sidenavi #datablog a,
#sidenavi #supportblog a{
	float:none;}

#sidenavi div.blogtitle{
	margin-bottom:10px;}

#sidenavi div.blogtitle p{
	text-align:left;
	font-size:70%;
	clear:both;
	margin:0 5px 10px 5px;
}
#sidenavi div.blogtitle p img{
	margin:0;
}

#contents #contentsleft .blogtitle p{
	margin-left:10px;	}



#contents #contentsright h2#voice{
	background:URL(image/h2_voice.png) left top no-repeat;
	text-indent:-10000px;
	height:42px;
	margin:0px 5px;

}
#contents #contentsright .voicebox{
	margin:0 5px;
	border:#336699 solid 1px;
	position:relative;
}
#contents #contentsright .voicebox h3{
	background-color:#336699;
	color:#ffffff;
	font-size:80%;
	padding:5px;
	z-index:10;
}
#contents #contentsright .voicebox h3 a{
	color:#ffffff;
}
#contents #contentsright .voicebox p{
	margin:5px;
	font-size:70%;
}
#contents #contentsright .voicebox p img{
	margin-top:20px;
	margin-right:0;
	float:right;
}

#contents #contentsright .voicebox p img.yorokobi{
	float:none;
	clear:both;
	position:absolute;
	top:5px;
	right:-5px;
	margin:0;
	padding:0;
	z-index:15;}

/*main*/

#main {
	padding-bottom:10px;
	text-align:left;
	clear:both;
	position:relative;
	z-index:2;
	margin-top:30px;/* for mac ie5x \*/
	margin-top:0px;/* other than mac ie5x */
	top:30px;
	left:0;
}
#main #contents p{
	font-size:90%;
	text-indent:0em;
	margin-bottom:0.5em;
}
#main #contents  ul li{
	margin-bottom:0.5em;
	list-style:none;
}
#main #contents  ul.disc li{
	list-style-type:disc;
}

#main #contents div.h2class img{
	float:left;
	margin-right:10px;}
#main #contents  div.h2class img.imgright{
	float:right;
	margin-left:10px;}

#main #contents div.h2class{
	text-align:left;
	clear:both;
}

#contents h1{
	text-align:left;
	background-image:url(image/bg-h1.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height: 39px !important;
	height /**/: 45px;
	width: 540px !important;
	width /**/: 580px;
	margin-top:7px;
	margin-left:5px;
	padding-left:40px;
	padding-top:6px;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
}

#main #contents p.h1class{
	margin:10px;}

#main #contents div.h2class h2{
	margin-left:25px;
	margin-right:15px;
	margin-top:20px;
	margin-bottom:20px;
	padding:1px 25px;
	background-image:url(image/bg-mainareah2.gif);
	background-repeat:no-repeat;
	background-position:left top;
	color:#336699;
	font-size:16px;
	font-weight:bold;
	border-bottom: 1px solid #3399cc;
}
#main #contents div.h2class h2 a{
	color:#336699;
	text-decoration:none;
}
#main #contents div.h2class h2 a:hover{
	color:#cc0000;
	text-decoration:underline;}

#main #contents div.h2class h2#shindanh2,#main #contents div.h2class h2#clinicblogh2,#main #contents div.h2class h2#interneth2{
	margin-left:5px;
	margin-right:5px;
	padding:0;
	display:block;
	width:580px;
	height:65px;
	text-indent:-10000px;
	clear:both;
	border:none;
}
#main #contents div.h2class h2#shindanh2{background-image:url(image/h2-shindan.gif);}
#main #contents div.h2class h2#clinicblogh2{background-image:url(image/h2-clinicblog.gif);}
#main #contents div.h2class h2#interneth2{background-image:url(image/h2-internet.gif);}

#main #contents  div.h2class h4{
	margin:15px 40px;
	color:#008000;
}
#main #contents  div.h2class h4 img{
	margin-bottom:20px;
	}

#main #contents  div.h2class div.interviewbox{
	border-bottom:#cccccc 2px solid;
	height:150px;
	margin:20px 30px; 
}
#main #contents  div.h2class div.interviewbox h3,#main #contents  div.h2class div.interviewbox p{
margin:0;}
#main #contents  div.h2class div.interviewbox p{
	color:#666666;
	font-size:80%;
	margin-left:50px;}

/*crumb*/
#main #contents ul.crumb{
	margin-left:10px;
	margin-top:10px;
	font-size:85%;
	list-style:none;
}
#main #contents ul.crumb li{
	margin: 0px;
	display:inline;
	list-style-type:none;
	}
#contents ul.crumb li a{
	padding-right:3px;
}
#main #contents p#shosaiarrow{
text-align:center;	}

/*h2class*/
#main #contents  div.h2class p, div.h2class li,div.h2class ul,div.h2class table{
	font-size:95%;
	margin-left:40px;
	line-height:145%;
}


div.h2class h3{
	margin-left:25px;
	margin-top:15px;
	margin-bottom:5px;
	font-size:90%;
}

div.h2class ul{
	margin-left:10px;
	list-style-position:inside;
	list-style-type:disc;
}
#main #contents div.h2class ul.seminararchives li{
	list-style-position:outside;
	list-style-type:disc;
	}
div.h2class ol li{
	list-style-type:decimal;}
div.h2class ol li strong{
	color:#cc0000;}

/*table*/
div.h2class table{
	margin:10px 30px ;
}
div.h2class table.pricetable{
	border:1px solid silver;
	border-collapse:separate;
	border-spacing:1px;
	font-size:80%;
}

div.h2class table.pricetable td, div.h2class table.pricetable th{
	border-right:1px solid silver;
	border-bottom:1px solid silver;
}

div.h2class table ul, div.h2class table li{
	margin:0;
	padding:0;
	list-style-position:outside;
	list-style-type:disc;
	line-height:1;
}
div.h2class table ul{
	padding:5px;
}

div.h2class colgroup.head,
div.h2class colgroup.koumoku,
div.h2class colgroup.head2,
div.h2class colgroup.head3{
	background-color:#D2FC9F;
	text-align:center;
	}
div.h2class colgroup.head2{
	width:180px;
}
div.h2class colgroup.head3{
	text-align:left;
	width:150px;
	padding:5px;}

div.h2class table.pricetable colgroup.head,
div.h2class table.pricetable colgroup.koumoku{
	width:80px;
	line-height:1;
	padding:3px 0;}

div.h2class colgroup.naiyou{
	background-color:ffffff;
	text-align:left;}
div.h2class colgroup.price{
	background-color:#DCF0F7;
	text-align:center;
	text-align:center;
	width:80px;}

div.h2classbox2{
	margin:15px 80px;
	border:#999999 2px dotted;
	background-color:#DCF0F7;
}
div.h2classbox ol, div.h2classbox2 ol{
	margin:0;
	padding:5px 15px;
	}
div.h2classbox ol li,div.h2classbox2 ol li{
	padding:0;
	margin:0;
	list-style-position:inside;
	font-size:90%;
}
div.h2classbox{
	margin:10px 50px;
	border:#999999 1px dotted;
	}
#main #contents div.h2classbox3,#main #contents div.h2classbox4{
	margin:5px 20px;
	padding:4	px;
	border:#cccccc 1px solid;
	border-left:#3399cc solid 5px;
	background-color:#F2F2F2;
}
#main #contents div.h2classbox4{
	height:138px;/* for mac ie5x \*/
	height:auto;
	min-height:138px;
	_height: 132px !important;/* other than mac ie5x */

}

div.h2classbox h2{
	width:100%;
	margin:0;
	padding:5px;
	text-align:center;
	background:none;
	background-image:none;
	background-color:#008000;
	color:#FFFFFF;
	border:0px;
	}

div.h2classbox h3, div.h2classbox3 h3{
	margin:10px;
	padding:0;
	text-indent:0em;
	font-size:80%;
	}

#main #contents div.h2class div.h2classbox4 p,
#main #contents div.h2class div.h2classbox4 h3,
#main #contents div.h2class div.h2classbox4 h4,
#main #contents div.h2class div.h2classbox4 img{
	margin:0px;
	padding:0;
	text-indent:0em;
	font-size:80%;
	}
#main #contents div.h2class div.h2classbox4 h4{margin-bottom:15px;}

#main #contents div.h2class div.h2classbox4 h4 a{
	font-weight:normal;
	color:#666666;}

#main #contents div.h2classbox4 h3 a,
#main #contents div.h2classbox4 h4 a{
text-decoration:none;}
#main #contents div.h2classbox4 h3 a:hover,
#main #contents div.h2classbox4 h4 a:hover{color:#cc0000;
text-decoration:underline;}

#main #contents div.h2class div.h2classbox4 img{
	margin:0px;
	margin-right:10px;
	margin-left:0;
	padding:0;
}
div.h2classbox h4{
	margin:0;
	padding:0;
	font-size:80%;
	font-weight:bold;
}

div.h2classbox h5{
	margin:0px 10px 10px 30px;
	padding:0;
	font-size:80%;
	font-weight:normal;

}

#main #contents div.h2classbox p, #main #contents div.h2class div.h2classbox3 p{
	margin:12px 10px;
	padding:0;
	text-indent:none;
	font-size:80%;
	}
#main #contents div.h2class div.h2classbox3 p{	margin: 0 5px;}
#main #contents  div.h2classbox p.plink, #main #contents  div.h2classbox p.back{
	margin:0 10px 0 0;
	padding-right:20px;
	font-size:14px;
}
#main #contents div.h2class div.h2classbox3 p.plink{
	text-align:left;
	background:left center no-repeat url(image/right_arrow.gif);
	margin:10px 0 0px 30px;
	padding-left:15px;
	clear:both;
	height:15px;
}

#main #contents p#shosaiarrow, #main #contents p#shosaiarrow2{
text-align:center;	}

/*seminarbox*/
div.seminarbox{
	margin:10px 50px 30px 50px;
	border: 1px solid #3399cc;

	}

div.seminarbox h2{
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	padding:5px 10px;
	background-image:none;
	color:#003366;
	font-size:16px;
	font-weight:bold;
	border-top: 1px solid #3399cc;
	border-bottom: 1px solid #3399cc;
	background-color:#d2dcfd;

}

div.seminarbox li{
	margin-left:40px;
	font-size:90%;
}
#main #contents  div.seminarbox p{
	margin:10px;
	text-indent:0%;
	font-size:85%;

}
div.seminarbox div.whitebox{
	margin:10px 0px 0px 0px;
	padding:5px;
	font-size:12px;
	border-color:#d2dcfd;
	border-top:5px solid;
	border-bottom:15px solid;

}
#main #contents div.seminarbox h3{
	margin-left:10px;}

#main #contents  div.seminarbox div.whitebox h3{
	color:#336699;
	font-size:13px;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:5px;
}
#main #contents  div.seminarbox div.whitebox h3 span#anytime{
	color:#000000;
	font-size:12px;
	font-weight:normal;
	margin-left:20px;
}

div.seminarbox div.whitebox li{
	margin:0 5px;
	line-height:100%;
}


/*h3class*/
#main #contents  div.h2class div.h3class{
	border:1px solid #3399cc;	
	margin:10px 10px 20px 20px;
	padding:0px;
	padding-bottom:20px;
	}
#main #contents  div.h2class div.h3class p, #main #contents  div.h2class div.h3class img{
	margin:0 10px;
	margin-bottom:3px;
	font-size:90%;
}
#main #contents  div.h2class div.h3class ul{
	margin-left:30px;
	}
#main #contents  div.h2class div.h3class li{
	list-style:disc;
	margin:0;
	font-size:90%;
	}

#main #contents  div.h2class div.h3class h3{
	margin:0;
	margin-bottom:10px;
	padding:5px 0px 5px 20px; 
	background-color:#d2dcfd;
	color:#003366;
	font-size:18px;
	border-bottom:1px solid #3399cc;	
}

#main #contents  div.h2class div.h3class h4{
    margin: 20px 15px  5px 20px;
	padding-left:25px;	
    color: #336699;
    font-size: 90%;
	font-weight:bold;
	background-image:url(image/bg-mainareah2.gif);
	background-position:left center	;
	background-repeat:no-repeat;
	height:23px;
	border-left: 0px;
	vertical-align:middle;
    border-bottom: 2px dotted #d2dcfd;

}
#main #contents  div.h2class div.h3class hr{
    border: 2px dotted #dae0e6;
}
#main #contents  div.h2class div.h3class h4{
	clear:both;}
/*graybox*/

#main #contents div.h2class div.graybox{
	border:3px double #999999;	
	margin:10px 10px 20px 30px;
	padding:5px;
	}
#main #contents div.h2class div.graybox p,#main #contents div.h2class div.graybox li{
	font-size:90%;
	margin:0;
	padding:0;
	list-style-position:outside;
	}
#main #contents div.h2class div.graybox ul{
	margin:0;
	padding:0;}

/*Footer*/
#footer{
	clear:both;
	position:relative;
	background-image:url(image/bg-footer.gif);
	background-position:right top;
	background-repeat:no-repeat;
	text-align:left;
	height:250px;
}
#footer ul,#footer li{
	margin:0;
	padding:0;
	display:inline;
}

#footer ul#footer_menu1,#footer ul#footer_menu2 {
	position:absolute;
	left:30px;
	height:15px;
	list-style-type:none;
	font-size:12px;	
}
#footer ul#footer_menu1{
	top:25px;
	font-weight:normal;}

#footer ul#footer_menu2 {
	top:55px;
	font-weight:bold;}

#footer p#copyright{
	position:absolute;
	top:55px;
	right:130px;
	padding:0;	
	font-size:12px;	}

#footer p#w3c{
	position:absolute;
	top:55px;
	right:10px;
	padding:0;
}
#footer p#area{
	position:absolute;
	top:85px;
	left:40px;
	margin:0;
	padding:0px;
	background:none;
	font-size:60%;
	text-align:left;
}


/*flow*/
table#flowchart{margin-left:60px;}

table#flowchart p{display:none;}
table#flowchart th,table#flowchart td,table#flowchart{
	border:none;}

table#flowchart ul,table#flowchart li{
	padding:0px;
	margin:0px;
	list-style-position:inside;
	vertical-align:text-top;}

table#flowchart colgroup.day{
	font-weight:bold;	
	vertical-align:top;
	text-align:right;
	width:80px;}
table#flowchart colgroup.flow{
	text-align:left;
	vertical-align:text-top;
	width:180px;
	}

table#flowchart colgroup.shousai{
	text-align:left;
	vertical-align:top;
	width:350px;}

table#flowchart td.meeting,
table#flowchart td.fax{
	padding-left:25px;
	padding-top:15px;
	color:#336699;
	font-weight:bold;
	vertical-align:text-top;
	line-height:100%;
	}
table#flowchart td.meeting,
table#flowchart td.fax,
table#flowchart td.check,
table#flowchart td.final{
	background-repeat:no-repeat;
	background-position:center top;
	}
table#flowchart td.meeting{background-image:url(image/flow_meeting.gif);}
table#flowchart td.fax{background-image:url(image/flow_fax.gif);} 
table#flowchart td.check{background-image:url(image/flow_check.gif);}
table#flowchart td.final{background-image:url(image/flow_final.gif);}

table#flowchart tr.flow1{height:90px;}
table#flowchart tr.flow2{height:50px;}
table#flowchart tr.flow3{height:80px;}
table#flowchart tr.flow4{height:45px;}
table#flowchart tr.flow5{height:85px;}
table#flowchart tr.flow6{height:60px;}

/*table timetable*/
table#timetable{
	font-size:85%;
	border:0;}

table#timetable td{
	vertical-align:top;
	text-align:left;
	border-bottom:#cccccc 1px dotted;
	padding:5px;
}

/*form*/

table.company{
	margin:0;
	}
table.inputform{
	margin:0 10px;}
table.inputform tr,table.company tr{
	vertical-align:top;
}
table.inputform th,table.company th{
	padding:2px 5px 2px 15px;
	background:url(image/bg-must.gif) no-repeat left top;
}
table.inputform th{
	width: 200px !important;
	width /**/: 220px;  
	text-align:left;
}

table.inputform th.gray,table.company th.gray{
	background-image:url(image/bg-must-gray.gif);
	padding-left:25px;
	margin-left:10px;
}

table.company th{
	width: 100px !important;
	width /**/: 120px;  
}

table.inputform td{
	width:auto;
	padding:2px 0;
}
table.company td{width:auto;}

table.inputform th, table.inputform td,table.company th, table.company td{
	border-top:1px #cccccc dotted;
}
table.inputform p{
	margin-left:0px;
	padding-left:0;
	text-indent:0;
}
table.inputform input,table.inputform textarea{
		margin:0 5px;
}
table.company ul,table.company ul li,table.inputform ul,table.inputform ul li{
	margin: 0;
	padding:0;
	line-height:1;
}
table.company ul{padding-top: 40px;}
input.submitbtn{
	margin-left:30px;}


body.kakunin{
	letter-spacing:normal;
}
body.kakunin ul#menu_in li{
	width: 92px !important;
	width /**/:94px;
	height: 28px !important;
	height /**/: 30px;
	letter-spacing:normal;
}
body.kakunin #menu_in a, body.kakunin #menu_in a:link, 
body.kakunin #menu_in a:visited {
	letter-spacing:normal;
	width: 92px !important;
	width /**/: 94px;
	}

body.kakunin #contents h3{
	margin-left:40px;
	font-weight:normal;
}
body.kakunin #contents h4{
	margin:20px 50px;
	font-weight:bold;
}
/*blog*/
/*main archives*/
div.mainarchives{
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:0;
	font-size:90%;
}
div.mainarchives a,div.mainarchives a:link,div.mainarchives a:visited{
text-decoration:none;}

div.mainarchives a:hover{
text-decoration:underline;}

}	
#contents div.blog{
text-align:left;}

h2.date-header,h2.strong{
font-size:120%;
margin-top:20px;
margin-bottom:0px;
margin-left:0px;
color:#cc0000;
}

div.entry{
}

h3.entry-header, div.mainarchives h2#archive-title, 
#main #contents div.h2class div.mainarchives h2#archive-title{
    margin: 5px 0;
	margin-top:0;
	padding-left:25px;	
    color: #336699;
    font-size: 100%;
	font-weight:bold;
	background-image:url(image/bg-mainareah2.gif);
	background-position:left center	;
	background-repeat:no-repeat;
	height:23px;
    border-bottom: 1px solid #336699;
	border-left: 0px;
}
#main #contents div.h2class div.mainarchives h2#archive-title{
    margin-left: 20px;
	margin-top:10px;
}
h3.entry-header{margin-left:10px;}
h3.entry-header a, 
div.mainarchives h2#archive-title a,
h3.entry-header a:link, 
div.mainarchives h2#archive-title a:link,
h3.entry-header a:visited, 
div.mainarchives h2#archive-title a:visited,
#main #contents div.h2class div.mainarchives h2#archive-title a
{
    color: #336699;
	font-weight:bold;
	text-decoration:none;
}

h3.entry-header a:hover,div.mainarchives h2#archive-title a:hover,
#main #contents div.h2class div.mainarchives h2#archive-title a:hover{
    color: #cc0000;
	text-decoration:underline;
}

div.entry div.entry-body p{
    font-size: 90%;
}
div.entry div.entry-body p span.psmall{
    font-size: 70%;}
div.entry div.entry-body p span.plarge{
    font-size: 120%;}

div.entry-body em{
	color: #CC0000;
	margin: 0 5px;
	font-weight:bold;
	font-style:normal;
}
div.entry-body strong{
	color:#009933;
	margin: 0 5px;
	font-weight:bold;
	font-style:normal;
}
div.entry-body h3, div.entry-body h4,div.entry-body h5{
	margin:5px 0;
	padding:0;
	font-weight:bold;
	font-style:normal;
}
div.entry-body h3{
	color:#008000;
	margin-top:15px;
	font-size:100%;}
div.entry-body h3 a{color:#008000;}

div.entry-body h4{
	color:#3366cc;
	font-size:90%;}
div.entry-body h4 a{color:#3366cc;}

div.entry-body h5{
	margin-top:20px;
	color:#666666;
	font-size:90%;}
div.entry-body h5 a{color:#666666;}

ul.archive-list {
	margin-left:5px;
	margin-right:5px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:90%;
}
ul.module-list li{
	list-style-type:disc;
	list-style-position:inside;
	margin:0;
	padding:3px 0;
}

ul.archive-list li{
	list-style-position:inside;}


ul.archive-list a,ul.archive-list a:link,ul.archive-list a:visited{
	color:#333333;
	text-decoration:none;
	font-weight:normal;
}
ul.archive-list a:hover{
	text-decoration:underline;
	color:#cc0000;
}

ul.archive-list a:hover span.green{
	color:#cc0000;}	
ul.archive-list span.green{
	margin-left:5px;}	

#main #contents h1.blogh1{
	margin-top:0px;
	}

div#harutoblogheader{
	width:580px;
	height:100px;
	position:relative;
	margin:0;
	margin-top:5px;
	padding:0;}

div#harutoblogheader img.
div#harutoblogheader p,
div#harutoblogheader a.
{
	margin:0;
	padding:0;
}
div#harutoblogheader p#harutoblogdes{
	position:absolute;
	bottom:0px;
	left:15px;
	color:#666666;
	font-weight:bold;
}
p.feed{
	text-align:center;

	}
p.feed img{
	vertical-align:middle;
	margin-left:10px;
}

#contentsleft p.feed{
	text-align:right;
	font-size:60%;
	margin:0 10px 0 0;
	padding:0;
	}
#contentsleft p.feed a{
	font-weight:normal;}
	

/*blog sidenavi*/

#sidenavi h2.module-header{
	background-color:#336699;
	color:#ffffff;
	margin-top:10px;
	padding:5px 0px;
	text-align:center;
    font-size: 15px;
	background:url(image/bg-h2-sidenavi-blog.png) center left repeat-x;

}
#sidenavi .module-content{
	background-color:#ffffff;
	border:1px solid #cccccc;
	border-top:none;
	margin:0;
	font-size:80%;
	text-align:left;
	padding:10px 10px;
}
#sidenavi .module-content li,#sidenavi .module-content ul{
	margin:0;
	padding:0;
}

#sidenavi .module-content li{
	margin-top:5px;
}
#sidenavi .module-content form{
	margin:0;
}

/*FQA*/
.qa {
	margin:5px 80px 0 30px;
	padding:0;
	color:#008000;

	}
.qa li{
	border-bottom:#999999 1px dotted;
	list-style-position:inside;
	padding:0;
	}
.qa a{
	color:#008000;
	}
.qa a:hover{
	color:#cc0000;
	text-decoration:underline;
	}
div#faq h3,div#faq p{
	margin:0 20px 0 40px;
	border:#3366cc solid 2px;
	background-color:#DCF0F7;
}
div#faq h3{
	margin-top:10px;
	padding:0 3px;
	background-color:#3366cc;
	color:#ffffff;
	font-size:80%;
	}
div#faq h3 a{color:#ffffff;}

div#faq p{
	padding:10px;
	font-size:80%;
	}

div#toiawase2,div#toiawase3 {
	width:108px;
	height:24px;
	margin-left:10	0px;
}

div#toiawase2 a,div#toiawase3 a{
	display:block;
	width:108px;
	height:24px;
	background:url(image/btn-form.gif) left top no-repeat;
}
div#toiawase3 a{background:url(image/btn-form-regist.gif) left top no-repeat;}
div#toiawase2 a:hover{background:url(image/btn-form-on.gif) left top no-repeat;}
div#toiawase3 a:hover{background:url(image/btn-form-regist-on.gif) left top no-repeat;}

/*blog*/
.entry,
.trackbacks,
.comments,
.archive {
    position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    clear: both;
}
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin: 0;
    border-left: 5px solid #36414d;
    padding: 5px;
    color: #fff;
    background: #a3b8cc;
     font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover {
    color: #fff;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
    font-size: 11px;
}
#trackbacks-info {
    margin: 10px 0;
    border: 1px dashed #a3b8cc;
    padding: 0 10px;
    color: #292e33;
    font-size: 11px;
    text-align: center;
    background: #e6ecf2;
}
.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
    clear: both;
    margin: 5px 10px 20px 10px;
}
.comments-open label { display: block; }
#comment-author, #comment-email, #comment-url, #comment-text {
    width: 240px;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

.comments-open-header {
    clear: both;
}

#comment-post {
    font-weight: bold;
}

/* Comment preview and individual entry
    Widen the comment form */
form textarea#comment-text { width:400px; }
.entry-footer{
	border-top:1px solid #cccccc;}