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

/*------------------------------------------------------------------------------
	base  
------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	color: #FFF;
}
body {
	text-align:center;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック",Verdana ,Arial;
	font-size:80%;
	line-height: 1.4em;
	background: #131313;
}
img {
	border: 0;
}
h1,h2,h3,h4{  
font-weight:normal;  
}

/*------------------------------------------------------------------------------
	link
------------------------------------------------------------------------------*/
a:link {
	color: #FFF;
	text-decoration: underline;
}
a:visited {
	color: #FFF;
	text-decoration: underline;
}
a:hover{
	color: #FFF;
	text-decoration: underline;
}

/*------------------------------------------------------------------------------
	layout  
------------------------------------------------------------------------------*/
#wrapper{
	width:888px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background: #131313 url(../../solution/products/images/wrapper_bg.jpg) no-repeat left top;
}
#Container{
	width:800px;
	margin-right: auto;
	margin-left: auto;
}

/*------------------------------------------------------------------------------
	header 
------------------------------------------------------------------------------*/
#headerContainer{
	width: 800px;
	height: 83px;
	margin-right: auto;
	margin-left: auto;
}

#logoArea{
	float: left;
	width: 300px;
	text-align: left;
	}
#logoArea img{
	margin: 0;
	padding: 0;
	}	

#headerContents{
	float:right;
	width:264px;
	margin: 0;
	text-align: right;
	padding: 0!important;
}

#globalMenu{
	clear: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#headerContents li,#globalMenu li,#productMenu li {
	display:inline;
}

#headerContents li img,#globalMenu li img,#productMenu li img{
	vertical-align: top;
}
/*------------------------------------------------------------------------------
	localNavigation
------------------------------------------------------------------------------*/
#localNavi{
width:800px;
text-align:left;
background: #3E3E3E;
}
/*------------------------------------------------------------------------------
	MainContents 
------------------------------------------------------------------------------*/
#mainContainer{
	width:800px;
	margin-right: auto;
	margin-left: auto;
	padding:0;
}

#productMenu{
 	width:800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0!important;
	padding-top: 0!important;
	background:url(../../solution/products/images/main_bg.jpg) no-repeat left top;
	}

.topList{
	margin-left:49px;
	padding-top:15px;
}
.mL13{
	margin-left:13px;
}
.bottomList{
	margin:20px 0 0 49px;
	padding-bottom:20px;
}
#productLogoArea{
	width:800px;
	text-align:center;
	background: url(../../solution/products/images/hr.gif) repeat-x left top;
	margin-top:20px;
}
#productLogoArea ul li,#localNavi ul li,#utilityNavi ul li{
	display:inline;
}
#productLogoArea ul li img{
	padding-top: 22px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
}
#utilityNavi{
	text-align:right;
	margin-top:44px;
}
#utilityNavi ul li img{
padding-right:10px;

}

/*------------------------------------------------------------------------------
	SecondPage
------------------------------------------------------------------------------*/
#productArea{
	width:800px;
	background: #1F1F1F;
}
#mainArea{
	width:734px;
	padding:35px 32px 20px 32px;
}
.floatBox{
width:734px;
}
.leftArea01{
	width:450px;
	float:left;
}
.rightArea01{
	width:256px;
	float:right;
	}
.rightArea01 img{
	padding-right:13px;
	}
		
.section{
	clear:both;
	padding:13px;
	background:url(../../solution/products/images/product_common/contents_bg.gif);
}
.section2{
	clear:both;
	padding:13px;
}
.textArea{
	border: 1px solid #191919;
	background: #1E1E1E;
	margin-bottom:20px;
	padding:25px 20px;
}
.textArea2{
 width:670px;
	background: #757575;
	padding:10px 20px;
}
.textArea2 li{
	color:#1E1E1E;
	margin-left:15px;
}

.textArea2 dt{
	font-weight:bold;
	color:#1E1E1E;
}
.textArea2 dd{
	color:#1E1E1E;
	margin-bottom:5px;
}

.textArea3{
 width:686px;
	background: #757575;
	padding:12px;
}

.textArea3 li{
	color:#1E1E1E;
	margin-left:10px;
}

.textArea3 p{
	color:#1E1E1E;
	margin-left:5px;
}

.textArea4{
 width:694px;
	background: #757575;
	padding:8px;
}

.textArea5{
	width:686px;
	background:#CCC;
	padding:12px;
	margin-top:20px;
}
.textArea5 p{
	color:#757575;
	}
	
.textArea6{
 width:694px;
	background: #757575;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	padding-top:12px;
}

.textArea6 h3{margin-left:4px;}

	
	

h3{
	font-weight:bold;
	color:#1E1E1E;
	padding:0 0 5px 5px;
	margin-bottom:10px;
	border-bottom: 1px dotted #525252;
}
/*---- list -----------------------------------------------------*/
.list01{
list-style:none;
color:#fff;}
.list02,.list03,.list04,.list05{
list-style:none;
}
.list02 a{
	background: url(../../solution/products/images/product_common/arrow03.gif) no-repeat 0px 4px;
	display: block;
	padding-left: 20px;
	min-height:30px;
	_height:30px;
}

.list03{
padding:10px;
}
.list05{
	background: url(../../solution/products/images/product_common/arrow05.gif) no-repeat 0px 4px;
	display: block;
	padding-left: 20px;
	min-height:30px;
	_height:30px;
}

.dlist01{
font-size:90%;
padding:10px 0 10px 30px;
}
.dlist01 dt,.dlist01 li{
margin-top:10px;
}
.dlist01 dd{
margin-bottom:5px;
}
.dlist02 dt,{
width:5em;
float:left;
}
.dlist02 dd{
margin-bottom:3px;
margin-left:5em;
}
/*---- table -----------------------------------------------------*/
.tbl01,.tbl02,.tbl03{
	width:100%;
	border-collapse:collapse; 
	border-left:1px #353535 solid;
	border-bottom:1px #353535 solid;	
	border-right:1px #353535 solid;	
	}
	.tbl02,.tbl03{
	margin-bottom:20px;
	}

.tbl01 th{
	width:40%;
	background: #1E1E1E url(../../solution/products/images/product_common/table_border.gif) repeat-x left top;
	color:#FFF;
	padding:10px;
	text-align:left;
	vertical-align: top;
}
.tbl01 td,.tbl02 td,.tbl03 td{
background: #444 url(../../solution/products/images/product_common/table_border.gif) repeat-x left top;
color:#FFF;
padding:10px;
}

.tbl02 th{
	width:50%;
	background: #1E1E1E;
	color:#FFF;
	padding:10px;
	text-align:center;
	border:1px #626262 solid;
}
.tbl03 th{
	background: #1E1E1E;
	color:#FFF;
	padding:10px;
	text-align:center;
	border:1px #626262 solid;
}

.tbl04 th{
	width:5%;
	background: #1E1E1E url(../../solution/products/images/product_common/table_border.gif) repeat-x left top;
	color:#FFF;
	padding:10px;
	text-align:right;
	vertical-align: middle;
}

.tbl04 td{
background: #444 url(../../solution/products/images/product_common/table_border.gif) repeat-x left top;
color:#FFF;
padding:10px;
	border-left:solid 1px #666666;
}

.border01{
	border-right:1px #626262 solid;
	}

.w50{
width:50%;
}
.w25{
width:25%;
}
.w15{
width:15%;
}
.w10{
width:10%;
}


/*---- noticeText -----------------------------------------------------*/
.note01{
color:#000;
}
.note01 li,.note03 li{
list-style:none;
margin-left:0;
}
.note02{
color:#4a4a4a;
font-size:90%;
}
.note03 li{
	color:#FEFFBB;
}
/*---- TextColor -----------------------------------------------------*/
.fc01{
color:#1E1E1E;
}
.fc02{
color:#fff;
}

/*------------------------------------------------------------------------------
	Footer 
------------------------------------------------------------------------------*/
#footerContainer{
	width:800px;
	text-align:right;
	background: url(../../solution/products/images/hr.gif) repeat-x left top;
	clear:both;
}
#footerContainer img{
	padding:9px 2px 10px 0;
	}

/*------------------------------------------------------------------------------
	clearFix
------------------------------------------------------------------------------*/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/*------------------------------------------------------------------------------
	margin,padding,float,clear,font   
------------------------------------------------------------------------------*/
.textAC{text-align:center;}
.textAL{text-align:left;}
.textAR{text-align:right;}

.txtRed{color: #FF0000;}

.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT30{margin-top:30px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL40{margin-left:40px;}

.pL5{margin-left:5px;}
.pL10{margin-left:10px;}
.pL15{margin-left:15px;}

.fltL{float:left;}
.fltR{float:right;}

.clear{
	clear:both;
}
/*------------------------------------------------------------------------------
	modalMessage
------------------------------------------------------------------------------*/
#lightbox{
	background-color:#131313;
	padding: 10px;
	border: 1px solid #757575;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../../solution/products/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
.thumbnail{
width:200px;
margin-top:15px;
text-align:center;
}	

.thumbnail02{
width:400px;
margin-top:15px;
text-align:center;
}	
.caption{
font-size:0.8em
}