@charset "UTF-8";

@import "common.css";
@import "digi.css";

/*----------------------------------------------------------------------------
******************************************************************************
common
******************************************************************************
----------------------------------------------------------------------------*/


/* conBox
-------------------------------------------------------------*/
.conBox01{ 
	width:530px;
	margin-right:10px;
	margin-left:10px;
}

.conBox01:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.conBox01{ display: inline-block;}
/* Hides from IE-mac \*/
* html .conBox01 { height: 1%; }
.conBox01{ display: block; }
/* End hide from IE-mac */


/*title
-------------------------------------------------------------*/
h3{
	background: url(../img/common/bg_h3.jpg) no-repeat left top;
	margin-bottom: 15px;
	padding: 0 20px;
	font-size: large;
	line-height: 60px;
	font-weight: bold;
	color: #FFF;
}



h4{
	background: url(../img/common/bg_h4.gif) no-repeat left top;
	margin-bottom: 5px;
	padding: 0 30px;
	font-size: small;
	line-height: 38px;
	font-weight: bold;
	color:#333;
}

h5{
	background: url(../img/common/bg_h5.gif) no-repeat left bottom;
	margin-bottom: 10px;
	padding: 0 15px;
	font-size: small;
	line-height: 20px;
	font-weight: bold;
	color:#333;
}

h5 a:link,h5 a:visited{color: #CC3333; text-decoration: underline;}
h5 a:hover,h5 a:active {color: #CC3333; text-decoration: none;}

	
/*banner
-------------------------------------------------------------*/
#bnrBtm01 a,#bnrBtm02 a,#bnrBtm03 a,#bnrBtm04 a{
	width: 270px;
	height: 80px;
	display:block;
	text-indent:-99999px;
	text-decoration:none;
	
}

#bnrBtm01 a{background: url(../img/common/bnr01.jpg) no-repeat left top;}
#bnrBtm02 a{background: url(../img/common/bnr02.jpg) no-repeat left top;}
#bnrBtm03 a{background: url(../img/common/bnr03.jpg) no-repeat left top;}
#bnrBtm04 a{background: url(../img/common/bnr04.jpg) no-repeat left top;}

#bnrBtm05 a{
	background: url(../img/common/bnr08.jpg) no-repeat left top;
	width: 550px;
	height: 100px;
	display:block;
	text-indent:-99999px;
	text-decoration:none;
	
}
#bnrBtm05 a:hover{
	background: url(../img/common/bnr08_o.jpg) no-repeat left top;
	}

/* ぱんくず
-------------------------------------------------------------*/
#bClumb {
	width: 530px;
	text-align:left;
	background:#EDEDED;
	font-size: x-small;
	padding:3px 10px;
	margin-bottom:10px;
}


/* pageTop
-------------------------------------------------------------*/
.pagetop a{
	background: url(../img/common/btn_pagetop.gif) no-repeat;
	width: 82px;
	height: 12px;
	display: block;
	margin-left: 468px; 
    text-decoration: none;
    text-indent: -9999px;
    
}


/*----------------------------------------------------------------------------
******************************************************************************
greeting page
******************************************************************************
----------------------------------------------------------------------------*/
ul.listGreeting li{
	background: url(../img/common/icon01.gif) no-repeat left center;
	margin-left: 12px;
	padding-left: 15px;
	font-size: large;
	color: #CC9900;
	font-family: "HGPｺﾞｼｯｸE","ＭＳ Ｐゴシック","ＭＳ ゴシック", Osaka;
	line-height: 1.8;
}


/*----------------------------------------------------------------------------
******************************************************************************
kind page
******************************************************************************
----------------------------------------------------------------------------*/
.BoxKind{
	width: 258px;
	border: 1px solid #9A9A9A;
	min-height:150px;
	_height: 150px;		/* IEのみに適用される(under score hack) */
}	

.BoxKind dl dt{
	background: #CCC;
	padding: 5px;
	border: 1px solid #FFF;
	text-align: center;	
}

.BoxKind dl dd{
	padding: 10px;
}


/*----------------------------------------------------------------------------
******************************************************************************
products
******************************************************************************
----------------------------------------------------------------------------*/
.table01{
	background: #999;
	width: 360px;
}

.table01 th{
	background: #333;
	width: 25%;
	color: #FFF;
	border: 1px solid #FFF;
	padding: 5px;
	text-align: left!important;
}

.table01 td{
	background: #FFF;
	width: 75%;
	padding: 5px;
}

.table01 td dl{
	width: 255px;
}

.table01 td dl:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.table01 td dl{ display: inline-block;}
/* Hides from IE-mac \*/
* html .table01 td dl { height: 1%; }
.table01 td dl{ display: block; }
/* End hide from IE-mac */


.stock a{
	background: url(../img/common/bnr07.jpg) no-repeat left top;
	width: 210px;
	height: 40px;
	display:block;
	text-indent:-99999px;
	text-decoration:none;
	
	margin-left: 150px;
}

p.productsNotice{
	width: 355px;
	font-size: x-small!important;
	margin-left: 5px;
	margin-bottom: 5px;
}


/*----------------------------------------------------------------------------
******************************************************************************
faq
******************************************************************************
----------------------------------------------------------------------------*/
dl.faq dt{
	background: url(../img/faq/icon_q.gif) no-repeat 10px 7px #EEE;
	padding: 10px 10px 10px 45px;
	margin: 0 10px;
	border: solid 1px #BBB;
}

dl.faq dd{
	background: url(../img/faq/icon_a.gif) no-repeat 10px 15px;
	padding: 10px 10px 0 45px;
	margin: 0 10px 25px;
}

/*----------------------------------------------------------------------------
******************************************************************************
company
******************************************************************************
----------------------------------------------------------------------------*/
.table02{
	background: #999;
	width: 530px;
}

.table02 th{
	background: #555;
	width: 25%;
	color: #FFF;
	border: 1px solid #FFF;
	padding: 5px 10px;
	text-align: left;
}

.table02 th.title{
	background: #222;
	width: 100%;
	padding: 10px;
	text-align: center!important;
}

.table02 td{
	background: #FFF;
	width: 75%;
	padding: 5px 10px;
}

/*----------------------------------------------------------------------------
******************************************************************************
inquiry
******************************************************************************
----------------------------------------------------------------------------*/
.size_form1 {
	width: 250px;
	margin-right: 5px;
}
.size_form2 {
	width: 150px;
	margin-right: 5px;
}
.size_form3 {
	width: 300px;
	height: 100px;
	margin-right: 5px;
}

.size_form4 {
	width: 30px;
	margin-right: 5px;
}

.size_checkBox{
	margin-right: 5px;
}

label{
	padding-right: 10px!important;
}

.btn_area{
	text-align: center;}

.btn{
	width: 100px;
	padding: 5px;}


/*----------------------------------------------------------------------------
******************************************************************************
site map
******************************************************************************
----------------------------------------------------------------------------*/
dl.level02 dt.level02Top{
	background: url(../img/common/bg_h4.gif) no-repeat left top!important;
	margin-left: 0!important;
	padding: 0 30px;
	line-height: 40px;
	font-weight: bold;
	color:#333;
}

dl.level02 dt{
	background: url(../img/common/icon02.gif) no-repeat 0 4px;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0 15px;
	font-weight: bold;
	color:#333;
}

dl.level02 dd{
	margin-left: 25px;
	margin-right: 10px;
	margin-bottom: 30px;
}

dl.level03 dt{
	background: url(../img/common/icon_arrow02.gif) no-repeat 0 5px;
	margin-bottom: 0;
	padding: 0 15px;
	font-weight: bold;
	color:#333;
}

dl.level03 dd{
	margin-bottom: 5px;
}