@charset "utf-8";

/* -----------------------------------------------------------
CSS Information
Site Name: esd Web site
File name: 	style.css
Style Info:   
Version: 1.00
update/auther(admin): [2011-06-30][Tetsuya Nojiri](Tetsuya Nojiri)
----------------------------------------------------------- */

/*================================================
1: Page layout and common module
2: 
3: 
000: cleafix Huck base source
==================================================== */




/* 1: Page layout and common module
---------------------------------------------------------------------------------- */
body{
    margin:0;
	padding:0;
	/*background-color:#333;*/

	
}

div#page{
    margin:0;
	padding:0;
	background-image:url(../img/page_back02.jpg);
	background-repeat:repeat;
	background-color:#333;
}

div#page_inner{
    width:auto;
    max-width:970px;
	/*width:auto;*/
	height:auto;
	margin:0 auto;
	padding:20px 0 0 20px;
}

ul#main{
    margin:0;
	padding:0;
}

ul#main li.contents{
    width:298px;
	float:left;
	display:inline;
	margin:0 20px 20px 0;
	border:1px solid #ccc;
	background-color:#FFFFFF;
	padding:0 0 0 0;
	overflow:hidden;
	border-radius: 10px;
	box-shadow:0px 0px 5px #ccc;
	behavior: url(/css/PIE-1.0beta5/PIE.htc); /* css3 */
}



ul#main li.double{
    width:618px;!important
}

ul#main li.space{
    background-color:transparent;
	border:none;
	width:300px;
	height:100px;
	box-shadow:none;
	
}


ul#main li.contents p.update{
	height:20px;
	background-image:url(../img/dotte01.gif);
	background-repeat:repeat;
	color:#CCCCCC;
	background-color:#429AC2;
	text-align:right;
	line-height:20px;
	font-size:12px;
	margin:0 0 0 0;
	padding: 0px 10px 0px 0px;
}

ul#main li.contents p.update span img{
	margin:0 5px 0 0;
	padding:0 0 3px 0;
	line-height:20px;

}

ul#main li.contents div.contents_header{
    /*margin:20px 0 0 0;*/
	margin:0 0 0 0;
	background-image:url(../img/contents_h3_back.gif);
	background-position:left top;
	background-repeat:no-repeat;
	
	
}

ul#main li.contents div.contents_header h3{
    color:#0086B3;
	font-size:18px;
	font-weight:bold;	
	line-height:22px;
	border-bottom:2px solid #e0e0e0;
	padding:0 0 15px 0 ;
	margin:20px 20px 18px 20px;
}

ul#main li.contents div.contents_header h4{
	font-size:14px;
	font-weight:bold;	
	line-height:1.3em;
	margin:20px 20px 12px 20px;
}

ul#main li.contents div.contents_header h3 span img{
	margin:0 0 0 5px;
	padding:0 0 4px 0;
	line-height:20px;

}

.coler-red{
    color:#FF0000;
}

ul#main li.contents div.contents_header h3 span.red{
    color:#FF0000;
}

ul#main li.contents div.contents_header p{
	padding:0 0 15px 0;
	margin:0px 20px 0px 20px;
	font-size: 12px;
	line-height: 20px;
}

ul#main li.contents div.contents_header p.red{
    color:#FF0000;
	padding:5px ;
	text-align:left;
	margin-top: -10px;
}

ul#main li.contents div.contents_header p.end{
	margin-top: 0px;
	border:1px solid #f00;
	background-color:#FFE1E1;
	text-align:center;
}


ul#main li.contents div.contents_header p.right{
	text-align: right;
}

ul#main li.contents div.contents_header p.mini{
    padding:0 20px;
	margin:10px 0 0px 0;
	color:#00698C;
	font-size:12px ;
	line-height:20px;
}

ul#main li.contents div.section{
    padding:0 20px 10px 20px;
}

ul#main li.contents div.section h4{
    /*background-color:#E7F0CC;*/
	/*background-color:#CAF0E3;*/
	background-color:#E7F0CC;
	font-size:14px;
	padding:6px 0 4px 0;
	line-height:20px;
	margin:0 0 15px 0;
	color:#555;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	border-radius:5px;
	border:1px solid #ddd;
}

ul#main li.contents div.section h4.h50{
	width: 50%;
}

ul#main li.contents div.section h4.h30{
	width: 33%;
}

ul#main li.contents div.section h4.h60{
	width: 66%;
}

ul#main li.contents div.section h4.order{
    /*background-color:#E7F0CC;*/
	/*background-color:#CAF0E3;*/
	background-color:#FF6600;
	font-size:14px;
	padding:6px 0 4px 0;
	line-height:20px;
	margin:0 0 15px 0;
	color:#FFFFFF;
	text-align:center;
	text-shadow:none;
	border-radius:5px;
	border:1px solid #ddd;
}

ul#main li.contents div.section h4.order a{
	color: #FFFFFF;
	font-weight: normal;
}


ul#main li.contents div.section h4 span{
	color:#f00;
	font-weight:normal;
	font-size:12px;
	
}


ul#main li.contents p.more2 {

}

ul#main li.contents p.more2 a{
	font-size:14px;
	display:block;
	background-position:10px center;
	background-repeat:no-repeat;
	padding:7px 5px 5px 5px;
	background-color:#FF6600;
	color:#FFFFFF;
	text-align: center;
	border-radius:8px;
}

ul#main li.contents p.more2 a:hover{
    text-decoration:none;
}




ul#main li.contents div.section h5{
    font-weight:bold;
	margin:0 0 5px 0;
	color:#333;
	font-size:12px;
}

ul#main li.contents div.section p{
    font-size:12px;
	line-height:20px;
	margin:0 0 15px 0;
	
}


/* 講演者についてのお知らせ */
ul#main li.contents div.section .prof_info{
	display: block;
	width: 66%;
	padding: 10px 10px 6px 10px;
	margin-bottom: 20px;
	border: 1px dotted #ccc;
	background-color: #FCFDF9;
}

ul#main li.contents div.section .prof_info h5{
	margin: 3px 0px ;
	padding:0px;
	text-align: center;
	color: #FF6600;
}

ul#main li.contents div.section .prof_info p{
	margin:0px;
	padding:0px;
}

ul#main li.contents div.section .prof_info p span.red{
	color: #FF0000;
}




ul#main li.contents div.section p.graph{
    text-align:center;
	margin:0 0 10px 0;
	padding:2px;
	background-color:#eee;
	border:1px solid #e0e0e0;
}

ul#main li.contents div.section p.graph img{
	
}

ul#main li.contents div.section p.left_graph{
    border:1px solid #e0e0e0;
	float:left;
	display:inline;
	/*margin:0 10px 15px 0;*/
	margin: 0 10px 20px 0;
	padding:2px;
	background-color:#eee;
}

ul#main li.contents div.section p.right_graph{
    border:1px solid #e0e0e0;
	float:right;
	display:inline;
	margin:0 0 5px 10px;
	padding:2px;
	background-color:#eee;
}

ul#main li.contents div.section p.more{
}

ul#main li.contents div.section p.h30{
	width: 33%;
	float: right;
}


ul#main li.contents div.section p.more a{
    /*display:block;*/
	background-image:url(../img/more_back02.gif);
	background-position:10px center;
	background-repeat:no-repeat;
	padding:7px 5px 7px 25px;
	background-color:#0086B3;
	color:#fff;
    font-weight: bold;
    font-size: 14px;
}

ul#main li.contents div.section p.more a:hover{
    text-decoration:none;
}


ul#main li.contents div.section p.pdf{
    background-image:url(../img/pdf_image01.gif);
	background-position:5px center;
	background-repeat:no-repeat;
	padding:3px 0 2px 25px;
	margin:0 0 10px 0;
	line-height:20px;

}

ul#main li.contents div.section p.red{
    color:#FF0000;
	padding:5px ;
	border:1px solid #f00;
	background-color:#FFE1E1;
	text-align:center;
}

.text_red{
    color:#FF0000;
}

ul#main li.contents div.section p.h60{
	width: 64%;
}

ul#main li.contents div.section p.mini{
    font-size:10px;
	line-height:12px;
	margin:0 ;
}

ul#main li.contents div.section p.kousi{
    font-size:11px;
	font-weight:bold;
	margin:0 0 5px 0;
}

ul#main li.contents div.section p strong{
    font-weight:bold;
}

ul#main li.contents div.section ul.thisyears_case{
    
}




/*----- footer -----*/
div#footer{
    background-color:#333;
	margin:0;
	padding:0;
	width:auto;
	color:#fff;
}

div#footer_inner{
    width:970px;
    padding:20px 0 40px 0;
    margin:0 auto;
    position:relative;
}

div#footer p#page_top{
    position:absolute;
	top:20px ;
	right:30px;
	
   
}

div#footer div#address_section{
}

div#footer div#address_section h3{
    font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
	
	
}

div#footer div#address_section address{
	font-size:12px;
	margin:0 0 10px 0;
	
}

div#footer p.copyright{
	font-size:12px;
}


/* 2: header only style
---------------------------------------------------------------------------------- */
li#header {
    width:300px;
	height:480px;
	float:left;
	margin:0 20px 20px 0;
	padding:0;
	background-image:url(../img/key_visual02.png);
	background-repeat:no-repeat;
	box-shadow:0px 0px 5px #ccc;
}

li#header h1 {
    padding:40px 0 20px 0 ;
	text-align:center;
	border-bottom:1px solid #0076A6;
	margin:0 20px 0 20px;
	
}

li#header ul.nav {
   border-top:1px solid #2698BD;
   margin:0 20px 10px 20px;
   padding:10px 0 0px 10px;
}


li#header ul.nav li {
	float:left;
	display:inherit;
	margin:0 0px 0px 0;
	padding: 0px 10px 5px 0px;
}

li#header ul.nav li h2{
   font-weight:normal;
}

li#header ul.nav li h2 a{
    background-image:url(../img/nav_back01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	color:#fff;
	padding:10px;
	font-size:12px;

}

li#header ul.nav li h2 a:hover{
	text-decoration:none;

}



/* 3: case only style
---------------------------------------------------------------------------------- */
li#case {
}

li#case ul.case_graph {
    padding:10px 0;
	margin:0;
}

li#case ul.case_graph li {
    float:left;
	display:inline;
	margin:0 4px 4px 0;
}


/* 4: contact only style(top page)
---------------------------------------------------------------------------------- */
li#contact{
	background-image:url(../img/contact_back.gif);
	background-repeat:no-repeat;
	background-color:#4DAAC9;	
	border:5px solid #0086B3;
    width:290px;
	float:left;
	margin:0 18px 18px 0;
	padding:0 0 10px 0;	
	border-radius: 10px; 
	
	
}

li#contact h3 {
    color:#fff;
	font-size:21px;
	text-align:center;
	margin:0 0 20px 0;
	padding:30px 0 0 0;
}

li#contact p {
    padding:0 20px;
	margin:0 0 20px 0;
	color:#fff;
	font-size:12px ;
	line-height:20px;

}

li#contact p.more2 {

}

li#contact p.more2 a{
    display:block;
	background-image:url(../img/more_back03.gif);
	background-position:10px center;
	background-repeat:no-repeat;
	padding:5px 5px 5px 25px;
	background-color:#fff;
	color:#0086B3;
}

li#contact p.more2 a:hover{
    text-decoration:none;
}

/* 5: kiyaku only style
---------------------------------------------------------------------------------- */


body.kiyaku li#header {
    width:300px;
	height:195px;
	float:left;
	margin:0px 20px 10px 0px;
	padding:0px;
	background-image:url(../img/key_visual_subpage.png);
	background-repeat:no-repeat;
}


body.kiyaku li#kiyaku{
	
}

body.kiyaku li#kiyaku div.section{
    padding:0 20px 10px 20px;
}

body.kiyaku li#kiyaku div.section dl{
    font-size:12px;
}

body.kiyaku li#kiyaku div.section dl dt{
    float:left;
	display:inline;
	width:120px;
	clear:both;
	font-weight:bold;
	padding:0 0 0 10px ;
}

body.kiyaku li#kiyaku div.section dl dd{
    border-bottom:1px dotted #ccc;
	padding:0 0 10px 130px;
	margin:0 0 10px 0;
}

body.kiyaku li#kiyaku div.section dl dd table{
    width:100%;
	margin:10px 0 0 0;
}

body.kiyaku li#kiyaku div.section dl dd table tr{

}

body.kiyaku li#kiyaku div.section dl dd table tr td{
	background-color:#EAEAEA;
	padding:5px 10px 5px 10px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	font-size: 12px;
}

body.kiyaku li#kiyaku div.section p.align_right{
    text-align:right;
}

/* 6: contact only style
---------------------------------------------------------------------------------- */


body.contact li#header {
    width:300px;
	height:190px;
	float:left;
	margin:0 20px 20px 0;
	padding:0;
	background-image:url(../img/key_visual_subpage.png);
	background-repeat:no-repeat;
}

body.contact li.contents {

}

body.contact li.contents div#sfm-layout{

}

body.contact li.contents div#sfm-layout dl{
    font-size:12px ;
}

body.contact li.contents div#sfm-layout dl dt{
    font-weight:bold;
    margin:0 0 5px 0;
}

body.contact li.contents div#sfm-layout dl dd{
    margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px dotted #ccc;
}

body.contact li.contents div#sfm-layout p{

}


/* 7: thisyears_case only style
---------------------------------------------------------------------------------- */
ul#main li#thisyears_case div.section ul{
	padding: 0px 0 0 0;
}

ul#main li#thisyears_case div.section ul li{
    margin:0 0 5px 0;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}

ul#main li#thisyears_case div.section ul li.last{
    margin:0 0 5px 0;
	padding:5px 0;
	border-bottom:none;
}

ul#main li#thisyears_case div.section ul li h4{
    text-align:left;
	background-color:transparent;
	font-weight:normal;
	font-size:12px;
	margin:0 0 5px 0;
	border:none;
	padding-top: 0px;
}

ul#main li#thisyears_case div.section ul li h4 span{
    font-weight:bold;
	
}

ul#main li#thisyears_case div.section ul li p.pdf{
    background-image:none;
	
}

ul#main li#thisyears_case div.section ul li p.pdf img{
    margin:0 5px 0 0;
	
}



/* 8: order only style(top page)
---------------------------------------------------------------------------------- */
li#order{
	background-repeat:no-repeat;
	background-color:#CCF2FF;	
	border:5px solid #0086B3;
    width:290px;
	float:left;
	margin:0 18px 18px 0;
	padding:0 0 10px 0;	
	border-radius: 10px; 
	
	
}

li#order h3 {
	color: #00698C;
    font-size: 20px;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 18px 0 10px 0;
    border-bottom: 2px solid #0086B3;
}

li#order h4 {
	padding: 0 15px;
    margin: 0 0 10px 0;
    color: #00698C;
    font-size: 14px;
    line-height: 20px;
}

li#order h4 span{
    padding: 0px;
    margin: 0 0 10px 0;
    color: #00698C;
    font-size: 12px;
    line-height: 20px;
}

li#order p {
    padding:0 20px;
	margin:0 0 15px 0;
	color:#00698C;
	font-size:12px ;
	line-height:20px;
}

li#order p.red {
	color: #FF0000;
}


li#order p.more2 {

}

li#order p.more2 a{
	display:block;
	background-position:10px center;
	background-repeat:no-repeat;
	padding:5px 5px 5px 5px;
	background-color:#FF6600;
	color:#FFFFFF;
	text-align: center;
}

li#order p.more2 a:hover{
    text-decoration:none;
}


/* 000: css3 module
---------------------------------------------------------------------------------- */
/*behavior: url(/css/PIE-1.0beta5/PIE.htc);*/   /*CSS3のプロパティを使ったスタイルシートの末尾に、behaviorプロパティを記述し、値に「PIE.htc」ファイルへの絶対パスを記述します。*/



/* 000: cleafix Huck base source
---------------------------------------------------------------------------------- */

.clearfix:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Mac$BHG(BIE$B$N$_$KE,MQ(B \*//*/
.clearfix { overflow: hidden; }
/* */


	
/* OPERA huck */

div#page div#header h1#top_logo:not(\*|*) { 

	}

	
/* スポンサーリンクバナー
---------------------------------------------------------------------------------- */
ul#main .bnr_olympus{
    text-align: center;
    width: 300px;
    margin-top: 70px;
	margin-bottom:100px;
}

ul#main .bnr_olympus img{
}

/*  バナーエリア 2022.12.19 
---------------------------------------------------------------------------------- */
ul#main li.banner{
	width: 300px;
}
ul#main li.banner p{
	margin-bottom: 15px;
}
ul#main li.banner p.wide{
	width: 300px;
    text-align: center;
}
ul#main li.banner p.half{
	width: 150px;
    text-align: center;
    float: left;
}