@charset "utf-8";
/* CSS Document */

/**
*Font設定
*
/* ********************************************　*/
body,th,td,input,textarea,pre {
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}

/**
* IE6以下への設定
*
*******************************************************/
* html body{
	font-family:"Verdana","ＭＳ Ｐゴシック",sans-serif;
	/*行ぞろえ*/
	vertical-aline:baseline;
	/*文字間調整*/
	letter-spacing:1px;
	/*禁則設定、。が文頭にこない等*/
	line-break:strict;
}

/**
* IE7への設定
*
********************/
a {
	color:#FF6600;
	border:none;}
*:first-child+html body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
img{
	border:none;}

body, h1, h2, h3, h4, p, ul, li{
	margin:0;
	padding:0;
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


body  {
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #535353;
}
#container { 
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #cccccc;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	/*background:transparent url(img/Common/bg.jpg) right bottom no-repeat;*/
} 
#header {
	width:900px;
	padding:0;
	background:transparent url(img/Common/tt_tei.jpg) no-repeat right top;
} 
#header h1 {
	margin: 0;
	padding:0;
	height:68px;
}
#header h1 img{
	padding-top:10px;
	margin:0;
	}
	
	
	
	
.logo{
	width:500px;
	margin:0;}
	
	
.tel{
	float:right;
	margin-top:-20px;
	color:#FF6600;
	font-weight:bold;
	font-size:16px;
	padding-right:40px;}


.bord{
	clear:both;
	margin-left:0;
	}
.bord img{
	margin:0;}


/**/	
.menu {
background:transparent url(img/Common/menu-navi.jpg) no-repeat;
/*clear:both;*/
height:40px;
padding-top:0;
position:relative;
width:100%;
}
#menunavi {
	position:absolute;
	z-index:100;
	left: 0px;
	width: 901px;
}
#menunavi li {
float:left;
margin:0;
text-indent:-9999px;
}
#menunavi li a {


background-image:url(img/Common/navi.gif);

display:block;
height:0 !important;
overflow:hidden;
padding-top:40px;
}
#menunavi li a:hover {
opacity:0.6;
}
.navi01 a {
background-position:0 0;
width:150px;
}
.navi02 a {
background-position:-150px 0;
width:150px;
}
.navi03 a {
background-position:-300px 0;
width:144px;
}
.navi04 a {
background-position:-444px 0;
width:184px;
}
.navi05 a {
background-position:-628px 0;
width:110px;
}
.navi06 a {
background-position:-738px 0;
width:154px;
}
	
	
	
	
	
	
#sidebar1 {
	float: right;
	width: 270px;
	/* background: #f4f4f4; 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 30px 10px;

}
#sidebar1{
	
}

a:hover{
	opacity:0.6;
}



#mainContent { 
	margin: 0 270px 0 0; 
	padding: 30px 20px;
}
.aisa{
	padding-top:20px;
	color:#535353;
}
.aisa p{
	line-height:20px;
}

.news{
	padding-top:20px;
	color:#535353;

}
 
#footer { 
	padding: 0 10px 0 20px;
	background:transparent url(img/Common/footer-bar.jpg) no-repeat right bottom; 
	height:135px;
	margin:0;
} 
#footer p {
	margin: 0;
	padding:0;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.bar{
	background:transparent url(img/Common/item-bar.jpg) no-repeat left top;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	width:305px;
	height:18px;
	margin:0;
	padding:0;
}
.Specification{
	border-collapse: collapse;
	border:#ccc;
	border: 1px solid #ccc;
	
}
.Specification td{
font-size:10px;
	}

.Specification02{
	border-collapse: collapse;
	border:#ccc;
	border: 1px solid #ccc;
}
.Specification02 td{
	padding-left:5px;
	padding-top: 2px;
	font-size: 12px;
}
.Specification021 td{
	padding-left:5px;
	padding-top: 2px;
	font-size: 16px;
}
.Specification02 p{
	padding-left:10px;
	
	}
.Specification03{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	background-color:#f4f4f4;
	border: 1px solid #ccc;}


.Specification04{
	}
.crean {
		border: 1px solid #ccc;
		background:transparent url(img/crean-tt.jpg) no-repeat left top;}
.crean01 {
		border: 1px solid #ccc;
		background:transparent url(img/crean-sb55_02.gif) no-repeat left bottom;}
.crean p{
		padding-left:10px;}
.sb55{
		border: 1px solid #ccc;

}

/*.tt{
	padding-left:5px;
}
*/
.kizai {
	border: 1px solid #ccc;
}
.red{
	color:#FF0000;
}
.white{
	color:#FFFFFF;
}
