@charset "UTF-8";

@import "reset.css";
@import "common.css";


/*----------------------------------------------------------------------------
******************************************************************************
CSS for lower docs
******************************************************************************
----------------------------------------------------------------------------*/

/* headding
-------------------------------------------------------------*/
.contents .pTit{
	padding-bottom:8px;
	margin-bottom:20px;
	background:url(../common/ptit_btm.jpg) 0 100% no-repeat;}
.contents .pTit h3{
	font-size:96.4%;
	padding:11px 0 3px 23px;
	background:url(../common/ptit_bg.jpg) 0 0 no-repeat;}

.contents h4{
	color:#333333;
	font-size:80%;
	padding:1px 0 3px 14px;
	background:url(../common/tit_bg.gif) 2px 100% no-repeat;}

.contents h4.sTit{
	color:#333333;
	font-size:80%;
	padding:1px 0 3px 15px;
	background:url(../common/stit_bg.gif) 2px 100% no-repeat;}

.contents .linkTit{
	padding-bottom:4px;
	margin-bottom:20px;
	background:url(../common/tit_link_btm.jpg) 0 100% no-repeat;}
.contents .linkTit h4{
	font-size:96.4%;
	padding:5px 0 3px 30px;
	background:url(../common/tit_link_bg.jpg) 0 0 no-repeat;}
	
.contents h5{
	color:#333333;
	font-weight:bold;
	padding: 0 0 0 17px;
	margin-bottom:8px;
	background:#edeeee;}
.contents h6{
	font-size:80%;
	color:#333333;
	font-weight:bold;
	padding: 0 0 0 17px;
	background:url(../common/line_dot3.gif) 0 2px no-repeat;}



/* box
-------------------------------------------------------------*/
.conBoxA{
	width:490px;
	margin:10px auto 10px;}
.conBoxA p{
	line-height:1.4;}
	
.conBoxB{
	width:490px;
	margin:10px auto 20px;}
.conBoxB p{
	line-height:1.4;}	
	
.conBoxC{
	width:490px;
	margin:10px auto 25px;
	padding-bottom:5px;
	background:url(../common/line.gif) 0 100% repeat-x;}	
	
.conBoxD{
	float:right;
	width:210px;}	


/* pankuzu
--------------------------------------------------------------------------------------------*/
.contents .pLink{
	font-size:60%;
	margin-bottom:11px;
	padding-left:3px;}

.pagetop{
	margin-left:410px;
	margin-bottom:10px;}
.pagetop a{
	width:105px;
	padding:0 0 0 16px;
/*	background:url(../common/line_dot2.gif) 0 0 no-repeat;*/
	background-image: url(../common/line_dot2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/*\*//*/
.pagetop{
	margin-left:390px;}
.pagetop a{
	width:125px;}
/**/


/* safari only \*/
html:\66irst-child p.pagetop{
	margin-left:390px;}
html:\66irst-child p.pagetop a{
	width:125px;}
/* end */ 


/* dl dt dd
-------------------------------------------------------------*/
dl{
	padding:8px 20px 8px 8px;
	background:#edeeee;
	margin-bottom:20px;}
dt{
	color:#333333;
	font-weight:bold;
	padding: 0 0 0 17px;
	background:url(../common/line_dot.gif) 0 2px no-repeat;}
dt.l{
	color:#000000;
	font-weight:lighter;
	padding: 0 0 0 17px;
	background:url(../common/line_dot.gif) 0 2px no-repeat;}
dt.l strong{
	color:#001685;
	font-weight: bold;
}

dd{
	padding: 0 0 0 17px;}
dd strong{
	color:#001685;}	
dd.marB5{
	margin-bottom:5px;}
	
#skills dl{
	padding:8px 20px 8px 8px;
	background:#FFFFFF;
	margin-bottom:20px;}	
	
#skills dd{
	margin-bottom:20px;
	padding: 0 0 0 17px;}

#skills dt.s{
	color:#333333;
	font-weight:bold;
	padding: 0 0 0 17px;
	background:url(../common/line_dot3.gif) 0 2px no-repeat;}


#skills dt{
	color:#333333;
	font-weight:bold;
	padding: 0 0 0 17px;
	margin-bottom:8px;
	background:#edeeee;}
	
#cases dl{
	padding:8px 20px 8px 8px;
	background:#FFFFFF;
	margin-bottom:20px;}
	
#cases dt{
	color:#333333;
	font-weight:nomal;
	padding: 0 0 0 17px;
	background:url(../common/line_dot3.gif) 0 2px no-repeat;}	


/* box
-------------------------------------------------------------*/
.imgR{
	float:right;
	background:#FFF;
	padding:2px;
	margin:0 0px 20px 10px;
	border:solid 1px #CBCBCB;}

.imgR2{
	float:right;
	background:#FFF;
	margin:0 0px 20px 10px;}

.imgR3{
	background:#FFF;
	padding:2px;
	margin:0 0px 5px 6px;
	border:solid 1px #CBCBCB;}
	
.imgL{
float:left;
background:#FFF;
padding:2px;
margin:0 15px 20px 0px;
border:solid 1px #CBCBCB;}

.imgM{
	padding: 0 0 0 17px;
	margin:10px auto 10px;}



/*----------------------------------------------------------------------------
******************************************************************************
products_info
******************************************************************************
----------------------------------------------------------------------------*/

.tex{
	color:#FFFFFF;
	font-size:40%;
	width:200px;
	padding: 0 0 0 6px;}
	

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

table{
/*	border:1px solid #818181;*/
	background-color:#C2C2C2;}

table th,
table td{
	text-align:left;
	padding:8px 0 8px 5px;}

#products_info table th,
#products_info table td{
	vertical-align:top;}

table th{
	font-weight:bold;
	font-size:79%;
	background-color:#F1F1F1;}

table th.tit{
	text-align:center;}

table td{
	font-size:79%;
	background-color:#FFFFFF;}
	
table td table td{
	font-size:100%;}	

table td.in p{
	font-size:100%;}

table th span{
	color:#e5777d;}
	
#products_info .pagetop{
	margin-left:380px;
	margin-bottom:3px;}
/*\*//*/
#products_info .pagetop{
	margin-left:360px;}
/**/
/* safari only \*/
html:\66irst-child div#products_info p.pagetop{
	margin-left:360px;}
/* end */ 


/* line
-----------------------------------------------------*/
	
#menber .line{

	padding-bottom:10px;

	background:url(../common/line.gif) 0 100% repeat-x;}




/*----------------------------------------------------------------------------
******************************************************************************
skills
******************************************************************************
----------------------------------------------------------------------------*/
#skills .pagetop{
	margin-left:380px;
	margin-bottom:3px;}

p.in{
	margin-bottom:20px;
	padding: 0 0 0 17px;}

	
/*----------------------------------------------------------------------------
******************************************************************************
info
******************************************************************************
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
******************************************************************************
qa
******************************************************************************
----------------------------------------------------------------------------*/
#qa dl{
	width:490;
	margin:0 0 0 14px;
	padding-top:15px;
	background:url(../common/line.gif) 0 0 repeat-x;}	
#qa dt,
#qa dd{
	font-size:79%;}
#qa dt{
	min-height:20px;
	_height:20px;
	font-weight:bold;
	margin-bottom:1px;
	padding:5px 0 5px 26px;
	background:url(../common/tit_q.gif) 0 0 no-repeat;}
#qa dt.lgr{
	min-height:40px;
	_height:40px;
	padding:0 0 0 26px;}
#qa dd{
	min-height:35px;
	_height:35px;
	margin-bottom:10px;
	padding:0 0 0 26px;
	background:url(../common/tit_a.gif) 0 0 no-repeat;}
#qa dd strong{
	color:#d93c69;}
#qa dd.str{
	min-height:15px;
	_height:15px;
	padding:5px 0 5px 26px;}
	
p.in2{
	margin-bottom:20px;
	padding: 0 0 0 50px;}


/*----------------------------------------------------------------------------
******************************************************************************
inquiry
******************************************************************************
----------------------------------------------------------------------------*/

/* width
-----------------------------------------------------*/

.w320{width:320px;}
.w100{width:100px;}
.w60{width:60px;}
.btn{width:120px;height:20pt;}

/*----------------------------------------------------------------------------
******************************************************************************
sitemap
******************************************************************************
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
******************************************************************************
topics
******************************************************************************
----------------------------------------------------------------------------*/

#PTOP dl{
	padding:0px;
	background:#FFFFFF;
	margin-bottom:20px;}
	
#PTOP dt{
	color:#333333;
	font-weight:nomal;
	padding: 0 0 0 17px;
	background:url(../common/line_dot3.gif) 0 2px no-repeat;}	


#PTOP p{
	margin: 0 0 10px 0;
}

#PTOP a{
	color: #0000CC;
}

#PTOP a:hover{
	color: #0066FF;
}

#PTOP table td.space01{
	padding: 0px 10px 0px 0px;
}

#PTOP table td.space02{
	padding: 0px 20px 0px 0px;
}

#PTOP table td.right{
	text-align: right;
}


/* 081006
--------------------------------------------------*/

#products_info dl {
	margin-bottom:.8em;
}

#products_info table {
	width:490px;
	margin-bottom:5px;
}
#products_info table th {
	font-size:75%;
	text-align:center;
	padding:6px;
}
#products_info table th.pro {
	text-align:left;
	background:#e6e6ff;
	vertical-align:middle;
	color:#51f;
}
#products_info table td {
	text-align:center;
	vertical-align:middle;
	padding:6px;
}

/* 20090728 */
.smallc { font-size:80% ; }