@import url("com.css");





/* メイン画像 */

#main {
	margin:0 0 10px;
	float:left;
}





/* サイドナビ */

#left {
	width:220px;
	float:left;
}

#left .conBox {
	width:220px;
	float:left;
	background:url(../../img/und/bg_left_ttl.gif) left top no-repeat;
	padding:0 0 30px;
}

#left .conBox h3 {
	font-size:75%;
	list-style:1.5em;
	margin:8px 10px 8px 15px;
	width:195px;
	float:left;
	display:inline;
	letter-spacing:0.05em;
}

#left .conBox ul {
	font-size:65%;
	list-style:1.5em;
	width:210px;
	float:left;
	display:inline;
	margin:0 5px;
}

#left .conBox ul li {
	width:180px;
	\width:210px;
	w\idth:180px;
	float:left;
	display:inline;
	padding:4px 5px 5px 25px;
	background:url(../../img/und/bg_arr01.gif) 10px 9px no-repeat;
	border-bottom:#333333 1px dotted;
}

#left .catBox ul {
	width:220px;
	float:left;
}

#left .catBox ul li {
	font-size:75%;
	list-style:1.5em;
	padding:8px 10px 30px 15px;
	width:195px;
	\width:220px;
	w\idth:195px;
	float:left;
	display:inline;
	letter-spacing:0.05em;
	background:url(../../img/und/bg_left_ttl.gif) left top no-repeat;
	font-weight:bold;
}

#left .catBox ul li ul {
	width:210px;
	float:left;
	display:inline;
	margin:0 0 0 -10px;
	padding:8px 0 0;
}

#left .catBox ul li ul li {
	font-size:85%;
	width:180px;
	\width:210px;
	w\idth:180px;
	float:left;
	display:inline;
	padding:4px 5px 5px 25px;
	background:url(../../img/und/bg_arr01.gif) 10px 9px no-repeat;
	border-bottom:#333333 1px dotted;
	font-weight:normal;
}

#left .conBox #srcBox {
	margin:8px 10px 8px 15px;
	width:195px;
	float:left;
	display:inline;
}





/* コンテンツ */

#right {
	width:660px;
	float:right;
}

#right .conBox {
	width:660px;
	float:left;
	background:url(../../img/und/bg_right_ttl.gif) left top no-repeat;
}

#right .inBox {
	width:620px;
	float:left;
	margin:0 20px 20px;
	display:inline;
}

#right .pgtop {
	width:610px;
	float:left;
	margin:0 25px;
	padding:0 0 30px;
	display:inline;
	text-align:right;
	font-size:65%;
	line-height:1.3em;
}

#right .pgtop a {
	color:#999999;
}

#right .conBox h3 {
	width:567px;
	float:left;
	margin:7px 10px 15px 20px;
	display:inline;
	font-size:85%;
	line-height:1.7em;
	letter-spacing:0.05em;
}

#right .conBox .ttl {
	width:620px;
	\width:640px;
	w\idth:620px;
	float:left;
	display:inline;
	font-size:75%;
	line-height:1.5em;
	letter-spacing:0.05em;
	background:url(../../img/und/bg_ttl.gif) left top no-repeat;
	margin:0 10px 15px;
	padding:5px 10px;
}

#right .conBox .ttl a {
	background:url(../../img/und/bg_arr01.gif) left 1px no-repeat;
	padding:0 0 0 15px;
}

#right .conBox .back {
	padding:11px 10px 0 0;
	float:right;
}





/* スタッフ */

#right .staff {
	width:620px;
	margin:0 0 15px;
	float:left;
	display:inline;
	background:url(../../shop/img/staff/bg_top.gif) left top no-repeat;
	padding:15px 0 0;
}

#right .staff .bot {
	width:600px;
	\width:620px;
	w\idth:600px;
	padding:0 10px 15px;
	background:url(../../shop/img/staff/bg_bot.gif) left bottom no-repeat;
	float:left;
}

#right .staff h4 {
	float:left;
	margin:0 10px 0 0;
	display:inline;
}

#right .staff .face {
	float:left;
	margin:0 10px 0 0;
	display:inline;
}

#right .staff dl {
	float:left;
	width:335px;
	font-size:65%;
	line-height:1.5em;
}

#right .staff dt {
	float:left;
	padding:6px 0 0px 10px;
}

#right .staff dd {
	padding:0 0 6px 67px;
}





/* ピットのご案内 */

#right .infoUl {
	margin:0 0 10px 10px;
	width:650px;
	float:left;
	display:inline;
}

#right .infoUl li {
	margin:0 20px 0 10px;
	padding:0 0 15px;
	width:295px;
	float:left;
	display:inline;
}

#right .infoUl li p {
	margin:0 0 5px;
}





/* フォント */

p {
	margin:0 0 10px;
	font-size:75%;
	line-height:1.5em;
}

.att {
	color:#FF6600;
}

.day {
	border-top:#222222 1px solid;
	color:#666666;
	font-size:65%;
	line-height:1.3em;
	padding:2px 5px 15px;
	text-align:right;
	width:615px;
	\width:620px;
	w\idth:615px;
	float:left;
	margin:0 20px 0 15px;
	display:inline;
}





/* テーブル */

#right .tbl01 {
	margin:0 0 10px;
}	

#right .tbl01 th {
	background:url(../../img/und/bg_th.gif) left bottom repeat-x;
	text-align:center;
}	

#right .tbl01 td {
	background:url(../../img/und/bg_td.gif) left bottom repeat-x;
}	

#right .tbl01 p {
	margin:0;
	padding:0;
}





/* マップ */

#right iframe {
	margin:0 0 10px;
}





/* 取付事例 */

#right .conBox .works {
	width:640px;
	float:left;
	margin:0 0 20px 20px;
	display:inline;
}

#right .conBox .works li {
	width:129px;
	\width:140px;
	w\idth:129px;
	float:left;
	margin:0 20px 20px 0;
	padding:9px 0 8px 9px;
	display:inline;
	border:#333333 1px solid;
	background:url(../../img/und/bg_works.gif) left bottom no-repeat;
}

#right .works p {
	margin:0;
	padding:0;
}

#right .conBox .works h4 {
	font-size:65%;
	line-height:1.3em;
	color:#FF6600;
	padding:10px 3px 0;
	margin:0;
}

#right .conBox .works h5 {
	font-size:65%;
	line-height:1.2em;
	padding:0 3px 8px;
	margin:0;
}

#right .conBox .works .cate {
	font-size:65%;
	line-height:1.2em;
	padding:5px 3px 0 17px;
	margin:0 9px 0 0;
	background:url(../../img/und/bg_arr01.gif) 3px 8px no-repeat;
	border-top:#444444 1px dotted;
}

#right .conBox .works .cate a {
	color:#AAAAAA;
	text-decoration:none;
}

#right .conBox .works .cate a:hover {
	color:#FF6600;
}