@charset "utf-8";

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

1．基本レイアウト
2．リンク
3．各要素のリセット
4．ヘッダー
5．ナビゲーション
6．メインコンテンツ
7．サイドメニュー
8．フッター
9．その他

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


/*========================
■1．基本レイアウト
========================*/

#headerArea,
#contentArea,
.wrapper{
	width: 960px;
	margin: 0px auto;
}

#headerArea{
	position: relative;
	padding: 10px 0px 20px;
}

#navArea{
	height : 55px;
	margin-bottom: 30px;
	background: url(../images/bg001.png) 
		0px 0px 
		repeat-x;
}

#contentArea {

}

#sideArea {

}

#mainContentArea{
	width: 880px;
	margin: 0px auto;
}

#footerArea{
	margin-top: 80px;
	padding: 20px 0px 0px;
	background: url(../images/bg002.png) 
		0px 0px 
		repeat-x;
}


/*========================
■2．リンク
========================*/

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


/*========================
■3．各要素のリセット
========================*/

html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,div,form,fieldset,table,th,td,img,address{
	margin: 0;
	padding: 0;
	border: none;
	font-weight: normal;
	font-style: normal;
}

html{
	font-size: 100%;
}

html >/**/body{
	font-size: 16px;
}

body{
	background: #111111;
	color: #FFFFFF;
}

ul{
	list-style: none;
}

input,select{
	vertical-align:middle;
}

img{
	vertical-align: top;
}

a img{
	border: none;
}

hr{
	display: none;
}

/*========================
■4．ヘッダー
========================*/

#headerArea #siteid{
	float: left;
}
#headerArea p#siteid{
	margin: 0px;
	padding: 0px;
}

#headerArea p{
	float: right;
	padding-top: 35px;
}

/* 多言語ページリンク */

#headerArea ul{
	position: absolute;
	right: 0px;
	top: 12px;
}
#headerArea ul li{
	display: inline;
}
#headerArea ul li a{
	display: block;
	float: left;
	margin-left: 10px;
	padding: 3px 10px;
	border: solid 1px;
}
#headerArea ul li a:hover{
	background: #F5F5F5;
	color: #000000;
}

/*========================
■5．ナビゲーション
========================*/

#navArea ul{
	width: 960px;
	margin: 0px auto;
}

#navArea ul li{
	float: left;
}
#navArea ul li a{
	display: block;
 	width: 160px;
	height: 50px;
	background:0px 0px 
		no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#navArea ul li#m-home a{
	background: url(../images/m001.png)
;
}
#navArea ul li#m-products a{
	background: url(../images/m002.png)
;
}
#navArea ul li#m-tech a{
	background: url(../images/m003.png)
;
}
#navArea ul li#m-service a{
	background: url(../images/m004.png)
;
}
#navArea ul li#m-company a{
	background: url(../images/m005.png)
;
}
#navArea ul li#m-contact a{
	background: url(../images/m006.png)
;
}


/*========================
■6．メインコンテンツ
========================*/

/* タイトル */

#contentArea h1{
	margin-bottom: 30px;
}

#mainContentArea h2{
	margin-bottom: 20px;
}

#mainContentArea h3{
	margin-bottom: 20px;
}

#mainContentArea h4 {

}

/* 段落 */
#mainContentArea p{
	margin-bottom: 20px;
}

/* リスト */
#mainContentArea ul li{
	padding-left: 20px;
/* リスト用アイコン */
	background: url(../images/ic001.gif) 
		8px 8px 
		no-repeat;
}

/* テーブル
#mainContentArea table {
	width: 100%;
	border-top: solid 1px #4E3F24;
	border-right: solid 1px #4E3F24;
	border-collapse: collapse;
}

#mainContentArea table.bottom0 {
	margin-bottom: 0px;

}

#mainContentArea table th {
	background: #E5DBC9;
}

#mainContentArea table th.th02,
#mainContentArea table th.th03 {
	background: #FFDCAB;
}

#mainContentArea table th,
#mainContentArea table td {
	padding: 3px 6px;
	border-bottom: solid 1px #4E3F24;
	border-left: solid 1px #4E3F24;
}
 */
/* 定義 */
#mainContentArea dl:after{
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
#mainContentArea dl{
        display: inline-block;
}
/* Hides from IE-mac \*/
* html #mainContentArea dl{
        height: 1%;
}
#mainContentArea dl{
        display: block;
	border-bottom: dotted 1px;
}

#mainContentArea dt{
	float: left;
	width: 120px;
	padding: 5px 0px 5px 10px;
	border-top: dotted 1px;
}

#mainContentArea dd{
	float: left;
	width: 510px;
	padding: 5px 0px;
	border-top: dotted 1px;
}

/* 共通インデント */
#mainContentArea h4,
#mainContentArea p,
#mainContentArea dl,
#mainContentArea ul,
#mainContentArea ol,
#mainContentArea table{
	margin-bottom: 20px;
}


/*========================
■7．サイドメニュー
========================*/



/*========================
■8．フッター
========================*/


#footerArea .wrapper{
	position: relative;
}

#footerArea address,
#footerArea ul{
	width: 960px;
	margin: 0px auto;
}

#footerArea address{
	padding: 20px 0px;
	letter-spacing: 1px;
}

#footerArea ul{
float:left;
	list-style-type:none;
}

#footerArea  li{
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
}

#footerArea li+li {
	border-left:1px solid #999;
}

#footerArea p.pagetop{
	position: absolute;
	margin: 0px auto;
	top: -48px;
	right: 0px;
}


/*========================
■9．その他
========================*/

p.pagetop{
	margin: 0px;
	padding: 0px;
	text-align: right;
}

.right{
	float: right;
}

.left{
	float: left;
}

.textLeft{
	text-align: left;
}

.textCenter{
	text-align: center;
}

.textRight{
	text-align: right;
}

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