@charset "utf-8";
/* CSS Document */

body{
	font-size:12px;
	font-family:'\30E1\30A4\30EA\30AA',Meiryo,'\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6f\20\57\36','\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6f\20\57\33','\48\69\72\61\67\69\6e\6f\20\4b\61\6b\75\20\47\6f\74\68\69\63\20\50\72\6f','\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF',Verdana,Osaka,sans-serif !important;
	}

/*-----------------------------------------
Layout
-----------------------------------------*/

#wrap{
	width:960px; /*--common/images/header.pngの横幅--*/
	margin:0 auto;
	padding:0 32px;
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	background-position:center;
	}
#header{
	background-image:url(../images/header_background.png);
	background-position:right top;
	background-repeat:no-repeat;
	//border-bottom:1px #003366 solid;
	border-bottom:1px #668866 solid;
	}
#header .titleLogo{
	padding:15px 0;
	}

#primary{
	width:214px; /*globalNav width*/
	float:left;
	padding:20px 0;
	}

#secondary{
	//width:710px; /*--#contents h2にpadding分を足した数値--*/
	//width:960px; /*--#contents h2にpadding分を足した数値--*/
	width:720px;
	float:right;
	padding:20px 0;
	}
	#news,#company{
		//width:331px;
		width:460px;
		float:left;
		}
	#blog,#special{
		//width:344px;
		width:460px;
		float:right;
		}
	#contents{clear:both;}
	/* 2025/02/18 horiguchi #news,#news,#blog,#contents div{padding-bottom:20px;}*/
	#news,#blog,#company,#special,#contents{position:relative;}

#footer{
	background-color:#086033; /* SelectBackgroundColor-A */
	color:#FFFFFF; /* SelectFontColor-A */
	text-align:center;
	padding:1em 1em 1em 1em;
	clear:both;
	}

#footerb{
	background-color:#ffffff;
	color:#000000;
	text-align:center;
	padding:1em 1em 1em 1em;
	clear:both;
	}		
/*-----------------------------------------
title-tag
-----------------------------------------*/

h1{
	background-color:#086033; /* SelectBackgroundColor-A */
	color:#FFFFFF; /* SelectFontColor-A */
	font-weight:bold;
	text-align:center;
	font-size:12px;
	line-height:2em;
	}

/*h2-title*/

h2{
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	line-height:44px;
	padding:0 10px;
	margin:1em 0 1em 0;
	text-indent:29px;
	background-color: #086033; /*背景画像を割り当てないとき*/ /* SelectBackgroundColor-A */
	}

	#news h2{
		background-image:url(../images/news_h2_background.jpg);
		height:53px;
		width:311px;
		}
	#blog h2{
		background-image:url(../images/blog_h2_background.jpg);
		height:53px;
		width:324px;
		text-indent:36px !important;
		}
	#company h2{
		background-image:url(../images/company_h2_background.jpg);
		height:53px;
		width:311px;
		text-indent:36px !important;
		}
	#special h2{
		background-image:url(../images/special_h2_background.jpg);
		height:53px;
		width:324px;
		text-indent:36px !important;
		}
	
	#contents h2{
		//height:50px;
		height:43px;
		//width:690px;
		width:700px;
		text-indent: 0px;
		}
		#contents .galleryThumb h2{
		background-image:url(../images/contents_h2_background.jpg);
		}
		#contents .blogarticle h2{
		background-image:url(../images/nomal_h2_background.jpg);
		font-size:14px;
		line-height:1.4em;
		padding-top:8px;
		text-indent:0 !important;
		height:42px !important;
		}
		.list h2{
		background-image:url(../images/nomal_h2_background.jpg);
		font-size:20px;
		line-height:1.8em;
		padding-top:8px;
		text-indent:0 !important;
		height:42px !important;
		}
		.company h2{
		background-image:url(../images/nomal_h2_background.jpg);
		font-size:20px;
		line-height:1.8em;
		padding-top:8px;
		text-indent:0 !important;
		height:42px !important;
		}
	#tableList h2{
		background-image:url(../images/nomal_h2_background.jpg);
		height:46px;
		width:690px;
		}

h3{
	color:#666666;
	font-weight:bold;
	padding:0.4em 0.5em;
	//margin:2em 0 0 0;
	margin:1em 0 0 0;
	border-width:0 0 1px 10px;
	//border-color:#455ea1;
	border-color:#086033;
	border-style:solid;
	font-size:16px;
	}

h4{
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3e798), to(#FFFFFF));	
	background:-moz-linear-gradient(top, #d3e798,#FFFFFF);
	padding:1em;
	margin-top:1em;
	border-top:#FFFFFF solid 1px;
	-moz-box-shadow: 0 -3px 5px #bbbbbb;
	-webkit-box-shadow: 0 -3px 5px #cccccc;
	text-shadow:rgba(255,255,255,1) 1px 1px 0;
	font-weight:bold;
	}

.annotationBox{
	padding:1.4em;
	margin:0.5em 0;
	background-color:#ebf3df;
	line-height:1.6em;
	}


/*-----------------------------------------
globalNav
-----------------------------------------*/
#globalNav {
width: 214px;/* グローバルナビ画像全体の幅 */
height: 591px;/* グローバルナビ画像全体の高さ */
position: relative;
}
* html #gNavi {
margin: 0;
}
#globalNav li {
position: absolute;
top: 0;
overflow: hidden;
}
#globalNav li.globalNav_01 { width: 214px; top: 0px; height: 69px}
#globalNav li.globalNav_02 { width: 214px; top: 69px; height: 74px}
#globalNav li.globalNav_03 { width: 214px; top: 143px; height: 74px}
#globalNav li.globalNav_04 { width: 214px; top: 217px; height: 75px}
#globalNav li.globalNav_05 { width: 214px; top: 292px; height: 74px}
#globalNav li.globalNav_06 { width: 214px; top: 366px; height: 74px}
#globalNav li.globalNav_07 { width: 214px; top: 440px; height: 75px}
#globalNav li.globalNav_08 { width: 214px; top: 515px; height: 76px}
#globalNav li a {
display: block;
background-image: url(../images/globalNav.jpg);
background-repeat: no-repeat;
}
#globalNav li span {
display:none;
}
#globalNav li.globalNav_01 a { background-position: 0px 0px; width: 214px; height: 69px;}
#globalNav li.globalNav_02 a { background-position: 0px -138px; width: 214px; height: 74px;}
#globalNav li.globalNav_03 a { background-position: 0px -286px; width: 214px; height: 74px;}
#globalNav li.globalNav_04 a { background-position: 0px -434px; width: 214px; height: 75px;}
#globalNav li.globalNav_05 a { background-position: 0px -584px; width: 214px; height: 74px;}
#globalNav li.globalNav_06 a { background-position: 0px -732px; width: 214px; height: 74px;}
#globalNav li.globalNav_07 a { background-position: 0px -880px; width: 214px; height: 75px;}
#globalNav li.globalNav_08 a { background-position: 0px -1030px; width: 214px; height: 76px;}
#globalNav li.globalNav_01 a:hover { background-position: 0px -69px;}
#globalNav li.globalNav_02 a:hover { background-position: 0px -212px;}
#globalNav li.globalNav_03 a:hover { background-position: 0px -360px;}
#globalNav li.globalNav_04 a:hover { background-position: 0px -509px;}
#globalNav li.globalNav_05 a:hover { background-position: 0px -658px;}
#globalNav li.globalNav_06 a:hover { background-position: 0px -806px;}
#globalNav li.globalNav_07 a:hover { background-position: 0px -955px;}
#globalNav li.globalNav_08 a:hover { background-position: 0px -1106px;}


/*-----------------------------------------
thumbMenuList
-----------------------------------------*/
 ul.thumbMenuListBtn{ padding-bottom:20px;}
.thumbMenuListBtn li{
	border-bottom:#cccccc 1px dashed; /* SelectBackgroundColorHover-B */
	clear:both;
	padding:10px;
	list-style:none;
	}
.thumbMenuListBtn li.bl-hover{background-color: #E1FECF;} /* SelectBackgroundColorHover-A */
		.thumbMenuListBtn li img{
			border:none;
			float:left;
			padding-right:10px;
			}
.thumbMenuListBtn li dl{
	display:block;
	background-repeat:no-repeat;
	
	font-size:medium;
	}
.thumbMenuListBtn li dl dt{
	color:#66666f; /* SelectFontColor-C */
	font-size:small;
	line-height:1em;
	margin-bottom:0.4em;
	}
		.thumbMenuListBtn li dl dt span{
			font-weight:bold;
			padding:0.2em 0.6em;
			font-size:x-small;
			line-height:1em;
			color:#FFFFFF;
			background-color:#FF3366;
			}
		.thumbMenuListBtn .title,.thumbMenuListBtn .title a{
			color:#38383d; /* SelectFontColor-B */
			text-decoration:none;
			font-size: medium;
			font-weight:bold;
			line-height:1.5em
			}
.thumbMenuListBtn li dl dd {
	font-size:small;
	color:#66666f; /* SelectFontColor-C */
	line-height:1.6em;
	}
	
/*-----------------------------------------
Gallery
-----------------------------------------*/
.gallery dl{
	margin:1em 0;
	}
		.gallery dl dt{
			background-color:#8aa43d;
			color:#FFFFFF;
			font-weight:bold;
			padding:0.5em 0.6em;
			margin-bottom:0.5em;
			text-align:center;
			}
		.gallery dl dd{
			font-size:medium;
			text-align:center;
			line-height:1.6em;
			}
		.gallery dl dd img{
			width:97.6%;
			padding:1%;
			margin:-2px;
			border:1px #bbbbbb solid;
			}

.galleryThumb ul{margin-top:5px;}
		.galleryThumb li{
			float:left;
			list-style:none;
			padding:0.5%;
			margin:0.5%;
			width:22.7%;
			border:1px #bbbbbb solid;
			}
		.galleryThumb li img{
			vertical-align:middle;
			width:100%;
			}
		*html .galleryThumb li{margin:0.25%;}

/*-----------------------------------------
paging
-----------------------------------------*/

ul.paging{ margin-top:10px;}
.paging li{
	color:#13338c;
	list-style:none;
	display:inline;
	}
.paging li span, .paging li a{
	border:1px solid #13338c;
	padding:5px 10px;
	margin:10px 3px;
	text-decoration:none;
	line-height:2em;	
	}
.paging li a{
	color:#13338c;
	background:#fff;
	font-weight:bold;
	}
.paging li span,.paging li a:hover{
	color:#FFFFFF;
	background-color:#13338c;
	}

/*-----------------------------------------
btn
-----------------------------------------*/

.AgreeTxt{
	color:#CC0000;
	font-size:small;
	}

.btnAgreeBtn{ position:absolute; top:9px; right:5px;}
.btnAgreeBtn li{list-style:none; display:inline;}
.btnAgreeBtn a{
	display:inline-block;
    color: #ffffff;
	font-weight:bold;
	text-decoration: none;
    background: url(../images/btnAgreeBtn_left.gif) no-repeat left top;
    padding-left: 5px; /*btnAgreeBtn_left.gifの横幅*/
	}
.btnAgreeBtn a span,.btnAgreeBtn a:hover span {
	padding: 0 10px;
	display:inline-block;
	cursor: pointer;
	background: url(../images/btnAgreeBtn_right.gif) no-repeat;
	line-height:35px;　/*images/btnAgreeBtn_right.gifの高さの2分の1*/
	height: 35px;　/*images/btnAgreeBtn_right.gifの高さの2分の1*/
	}
.btnAgreeBtn a span{background-position:right top;}
.btnAgreeBtn a:hover span{background-position:right bottom;}
.btnAgreeBtn a:hover{background-position:left bottom;}

/*-----------------------------------------	
table
-----------------------------------------*/

table{
	width:99%;
	margin:1em auto;
	border-collapse: collapse;
	}
table th{
	background-color:#e5e5ee;
	white-space: nowrap;
	}
table th,table td{
	border: 1px #aaaaaa solid;
	padding:0.5em 1em;
	line-height:2em;
	vertical-align: top;
	font-size:14px;
	//color:#555555;
	}

/*-----------------------------------------	
dataDetails
-----------------------------------------*/

ul.dataDetails{
	border-bottom:1px #bbbbbb dotted;
	font-size:small;
	margin-top:0.5em;
	}
ul.dataDetails li{
	display:inline;
	padding:0 0.8em;
	line-height:2em;
	border-left:3px #bbbbbb solid;
	}

/*-----------------------------------------	
Inquiry
-----------------------------------------*/

dl.inquiry{
	width:48%;
	float:left;
	margin:10px 1% 20px 1%;
	text-align:center;
	background-color:#E5E5EE;
	}
dl.inquiry dt{
	font-size:18px;
	color:#666666;
	font-weight:bold;
	line-height:1em !important;
	padding-top:17px;
	}
dl.inquiry dd.num{
	font-size:26px;
	font-weight:bold;
	padding:5px 0;
	}
dl.inquiry dd.time{
	font-size:13px;
	background-color:#003366;
	padding:3px;
	color:#FFFFFF;
	}
div.mailTo{
	clear:both;
	border:1px solid #CCCCCC;
	width:94%;
	padding:2%;
	margin:0 auto;
	background-color:#E5E5EE;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	-o-border-radius: 15px;
	}
div.mailTo .title{
	font-size:18px;
	color:#666666;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:0 !important;
	text-align:center;
	}
div.mailTo dl{
	width:600px;
	margin:20px auto;
	}
div.mailTo dl dt{
	float:left;
	clear:both;
	width:140px;
	font-size:14px;
	padding-bottom:20px;
	}
div.mailTo dl dd{
	font-size:14px;
	padding-bottom:20px;
	}
div.mailTo dl dt span{
	color:#FF0000;
	}
div.mailTo dl dd input{
	height:30px;
	}
div.mailTo dl dd input,
div.mailTo dl dd textarea{
	width:440px;
	line-height:30px;
	font-size:16px;
	}


/*-----------------------------------------	
blogContents
-----------------------------------------*/

.blog{
	border-bottom:1px #bbbbbb dotted;
	margin:1em 0;
	padding:0.5em;
	font-size:small;
	line-height:1.8em;
	}

/*-----------------------------------------	
footer contents
-----------------------------------------*/
#footer a{
	color:#FFFFFF; /* SelectFontColor-A */
	text-decoration:none;
	}
#footerb a {
    color: #000000;

	}
#footer .siteName{
	font-size: large;
	font-weight:bold;
	line-height:2em;
	}
#footer .add{
	font-size: small;
	}
#footer .tel,#footer .mail{
	font-size: medium;
	font-weight:bold;
	display:inline;
	padding:1em 1.3em;
	line-height:3em;
	}
		#footer .tel{background: url(../images/ecalic032_011.png) no-repeat center left;}
		#footer .mail{background: url(../images/ecalic032_012.png) no-repeat center left;}

#footer .eigyou{
	font-size: small;
	}
#footer .copy{
	//margin-top:1em;
	//font-size:xx-small;
	font-size:small;
	}

div.QA dl dt{
	font-weight:bold;
	}

/*-----------------------------------------	
Top NEWS 20120710shinohara
-----------------------------------------*/

div.news{
	list-style-type: none;
	padding: 15px 0 0;
	wight: 960px;
	padding-bottom: 10px;
	border-bottom: solid 2px #C4E0AF;
	}

li.news{
	list-style-type: none;
	padding-left: 25px;
	padding-top: 10px;
	font-size: 14px;
	background-image: url(/common/images/icon.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 10px 12px;
	}

li.newstxt{
	list-style-type: none;
	padding-left: 30px;
	padding-top: 10px;
	font-size: 14px;
	wight: 920px;
	word-wrap: break-word;
	}

/*-----------------------------------------	
Top tcs 20120710shinohara
-----------------------------------------*/

div.tcs{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 320px;
	float: left;
	}

li.tcstxt{
	list-style-type: none;
	padding-left: 10px;
	font-size: 13px;
	width: 300px;
	word-wrap: break-word;
	}

/*-----------------------------------------	
Top tcs 20120722horiguchi
-----------------------------------------*/

span.publishDate{
	padding:0.2em 0.6em;
	}

span.iconInformation{
	font-weight:bold;
	padding:0.2em 0.6em;
	font-size:x-small;
	line-height:1em;
	color:#FFFFFF;
	background-color:#3366FF;
	}

span.iconRelease{
	font-weight:bold;
	padding:0.2em 0.6em;
	font-size:x-small;
	line-height:1em;
	color:#FFFFFF;
	background-color:#33CC66;
	}

span.iconBugs{
	font-weight:bold;
	padding:0.2em 0.6em;
	font-size:x-small;
	line-height:1em;
	color:#FFFFFF;
	background-color:#FF0000;
	}

span.iconMinorVersionUp{
	font-weight:bold;
	padding:0.2em 0.6em;
	font-size:x-small;
	line-height:1em;
	color:#FFFFFF;
	background-color:#EE8833;
	}

p.news{
	padding-left: 25px;
	padding-top: 10px;
	font-size: medium;
	background-image: url(/common/images/icon.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 10px 14px;
	}