@charset "utf-8";

/*==================================================================

第二階層目専用CSS

====================================================================*/


/*==================================================================

共通項目

====================================================================*/


/*---------------------------------

パンくずリスト

---------------------------------*/


#pankzNavi {
	background: #F5F5F5;
	height: 20px;
	width: auto;
}
#pankzNavi ul {
	margin: 0px auto;
	width: 850px;
}

#pankzNavi li {
	float:left;
	padding-right: 10px;
	}


/*---------------------------------

装飾

---------------------------------*/


.midashi {
	background: #F8F8F8;
	width: 590px;
	margin: 10px 10px 0 10px;
	height: 35px;
	padding-top:10px;
	border-bottom: 1px solid #CCCCCC;
}
span {
	border-left: 3px solid #E71447;
	margin-left: 10px;
	padding-left: 10px;
}


#googlemap,
.detailpage{
	padding:20px;

	}
	
#googlemap a:hover img,
.detailpage a:hover img{
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=50);
} 

/*---------------------------------

ローカルナビ

---------------------------------*/

.subNabi li {
	float: none;
	height: 40px;
	width: 202px;
	display:inline;

}

.subNabi a {
	background-image:url(../img/icon_sublist.gif);
	background-position:10px center;
	background-repeat:no-repeat;
	display:block;
	color:#333333;
	background-color:#EAEAEA;
	width: 161px;
	height: 20px;
	padding: 20px 20px 20px 40px;
	border-bottom: 1px solid #FFFFFF;
	_width:221px;
	}
	
.subNabi a:hover,
.subNabi a.activ {
	background-color:#F3D8D8;
	display: block;
}




/*==================================================================

会社情報ページ

====================================================================*/




#wrap #mainArea #compDetail {
	width: 600px;
	height: auto;
	margin: 2px;
	padding-top: 20px;
}

#compDetail dl {
	border-bottom: 1px dotted #999999;
	height: 30px;
	height:auto;
	padding: 10px;
	width: 570px;
	margin-left: 5px;
}

#compDetail dl:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1em;
	font-size:0.1em;
	line-height:0;
	clear:both;
	}

#compDetail dt {
	float:left;
	width:160px;
	font-weight: bold;
	height: auto;
	}

.set {
	padding-left: 160px;
}


.detColor {
	background-color:#F7F7F7;
}


/*==================================================================

社長挨拶ページ

====================================================================*/


#preIntoro {
	height: auto;
	width: 600px;
	padding-top: 20px;
}
.imgDeco {
	float: left;
	padding: 5px;
	background: #FAFAFA;
}
#preIntoroText {
	height: auto;
	width: 420px;
	float: right;
	padding-top: 10px;
}

#preIntoroText p {
	padding-bottom:20px;
	}
	
/*==================================================================

企業理念

アクセスページ

====================================================================*/
	

#poricyArea p {
	padding: 20px;
	margin-bottom: 10px;
}


#accessArea dl,
#accessArea ul {
	padding: 15px;
}

#accessArea dt{
	font-weight:bold;
	}

#accessArea li{
	list-style-image:url(../img/icon_point.gif);
	margin-left:15px;
	}

#map{
	text-align:center;
	}
	

/*==================================================================

リンクページ

====================================================================*/
	
	
#linkArea dl,
#linkArea ul {
	padding: 15px 15px 5px 15px;
}

#linkArea dt{
	font-weight:bold;
	}

#linkArea dd,
#linkArea li{
	padding-left:15px;
	}


/*==================================================================

製品紹介ページ

====================================================================*/


#productInfo table {
	width: 580px;
	border: 1px #999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	margin: 0 auto;
	}
	
#productInfo table td{
	padding:5px;
	border-right: 1px #999 solid;
	border-bottom: 1px #999 solid;
	}
#productInfo table .link{
	text-align:center;
	width: 168px;
	}#productInfo p {
	float: left;
	padding: 10px;
}
#productInfo ul {
	padding: 30px 10px 10px 20px;
	float: left;
	width: 370px;
}

#productInfo {
	height: auto;
	width: auto;
	padding-bottom: 20px;
	padding-top: 15px;
}

#productArea {
	height: auto;
	width: auto;
	padding-top: 20px;
}
#productInfo .pdf {
	width: 158px;
	text-align:center;
}

#productArea .option {
	height: 20px;
	width: auto;
	padding: 5px;
}

/*==================================================================

お問い合わせページ

Webページ利用規約

====================================================================*/


#contactArea .example {
	border:none;
	padding-left:30px;
	font-weight: normal;
	font-size: small;
	}
.inputT {
	height: 20px;
	width: 325px;
	margin:10px 0 10px 20px;
}


#guidelinepArea {
	height: auto;
	width: auto;
	margin-top: 20px;
}

#guidelinepArea ul,
#guidelinepArea p{
	padding:15px;
	}
	
#guidelinepArea li{
	padding:0 5px 0 5px;
	}

.conpName {
	text-align:center;
	background-color:#555;
	color:#FFFFFF;
	font-weight:bold;
}
.second {
	background-color: #F6F6F6;
}





/*==================================================================

各製品ページレイアウト

====================================================================*/


/*---------------------
ページ内リンク
-----------------------*/

#inpageLink{
	float:right;
	padding:5px 0 5px 0;
	zoom:1;
}

#inpageLink li {
	float:left;
	margin:5px;
	zoom:1;
	padding-right: 5px;


}
#inpageLink .center{
	border-right: 1px solid #999;
}

/*---------------------
コンテンツエリア内制御
-----------------------*/



#airmapArea {
	height: auto;
	width: 580px;
	zoom: 1;
}

.intoro {
	height: auto;
	width: 580px;
	padding: 5px;
}

.intoro:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1em;
	font-size:0.1em;
	line-height:0;
	clear:both;
	}
	
.prodImageRight {
	float: right;
	padding: 15px;
}
.prodTxt{
	padding: 15px 15px 5px 15px;
}

.inpageTop {
	float: right;
	margin-top: 50px;
}

.inpageTop:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1em;
	font-size:0.1em;
	line-height:0;
	clear:both;

}


#siyouArea{
	width: 580px;
	border: 1px #999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	margin: 20px auto 0 auto;
	}
#siyouArea2{
	width: 580px;
	border-right: 1px #999 solid;
	border-left: 1px #999 solid;
	border-bottom: 1px #999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	margin:auto 0 auto;
	}


#siyouArea tr,
#siyouArea2 tr{
	border-top: 1px #999 solid;
	}
#siyouArea td,
#siyouArea2 td{
	padding:8px;
	}
#siyouArea .title,
#siyouArea2 .title{
	width:100px;
	border-right: 1px #999 solid;
	text-align:center;
	background: #F0F0F0;
	font-weight: bold;
	color: #444;

}
.siyoTopName{
	text-align:center;
	background: #666666;
	color: #FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	}
.siyoTopName2{
	text-align:center;
	background: #666666;
	color: #FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	width: 210px;
	}


.siyoTopName3{
	text-align:center;
	background: #666666;
	color: #FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	width:135px;
	}

.siyoTopName4 {
	text-align:center;
	background: #666666;
	color: #FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	width:95px;
}

	
#catarog {
	width:500px;
	height:70px;
	background-color:#F5F5F5;
	padding: 20px;
	margin:20px auto 0 auto;
}

#catarog:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1em;
	font-size:0.1em;
	line-height:0;
	clear:both;
	}
	
#catarog tr{
	border-top: 1px #999 solid;
	}
	
#catarog dt {
	float: left;
	margin-right:15px;
}

#catarog dd {
	padding-top:20px;
	margin-left:30px;
	}
.option {
	height: 20px;
	width: 570px;
	background: #FFFFFF url(../img/line_1.gif) no-repeat left bottom;
	padding: 5px 5px 10px 10px;
	margin: 30px 0 0 0;
}

.detailText {
	padding: 20px 10px 10px;
}


.clear {
	clear: both;
}



/*---------------------


-----------------------*/

#informMember {
	padding: 10px;
	width: 550px;
	height: 60px;
	border: 1px solid #C80201;
	margin: 10px auto 0px auto;
}

#informMember dt{
	color:#FF0000;
	font-weight:bold;
	}
	
#informMember dd{
	padding-left:15px;
	}

/*---------------------

プライバシーポリシーページ

-----------------------*/	

	
.pricyWrap {
	height: auto;
	width: 600px;
}

.pricyWrap:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1em;
	font-size:0.1em;
	line-height:0;
	clear:both;

}
.poricyIcon{
	padding:15px 10px 10px 10px;
	float:left;
	}
	

	
.poricyText{
	padding:10px;
	}

/*---------------------

サポートページ

-----------------------*/
	
#supportDetail {
	margin: 15px auto 35px auto;
	height: auto;
	width: 500px;
	border: 1px solid #999999;
	font-size:1.2em;
	padding:10px;
}

#supportDetail li{
	padding:5px;
	}.icon {
	padding-right: 10px;
}
.supoInfo{
	margin-top:30px;
	clear: both;
	}
.suboption {
	height: 25px;
	width: 585px;
	background: #F2F2F2;
	margin-bottom: 15px;
	margin-top: 30px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
}



.imgCenter {
	padding: 5px;
}
.tableLefLine {
	border-right: 1px solid #CCCCCC;
}

.tablebottomLine {
	border-bottom: 1px solid #CCCCCC;
}
#airmapArea .osusume {
	padding-top: 15px;
	margin-left: 14px;
	width: 550px;
}

/*---------------------

リンク集
-----------------------*/

.makerList1 {
	float: left;
	width: 300px;
	padding-left: 15px;
}
.makerList2{

	}

.sitemapList{
	padding:15px;
	}


/*---------------------

装飾制御共通

-----------------------*/

.textRight{
	text-align:right;
	}
	
.Text1{	
	padding-left:10px;
	padding-bottom:10px;
	}
#mailaddress {
	padding: 15px 0 0 60px;
	height: 54px;
	width: 248px;
	background: url(../img/contact/bg_mailad.gif) no-repeat;
	margin: 20px;
	font-weight: bold;
}
