/********************
Common Setting
********************/
body{
	width: 100%;
	background: #fff url('images/commons/bg_body.jpg');	
	color: #666;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.float_l{ display: inline; float: left; }
.float_r{ display: inline; float: right; }
.clr{ clear: both; }

.align_l{ text-align: left; }
.align_r{ text-align: right; }
.align_c{ text-align: center; }

.hdn{ visibility: hidden; }
.none{ display: none; }

.accent1{ color: #900; }
.accent2{ color: #004; }
.accent3{ color: #21663b; font-family: Arial; font-size: 153.9%; }

.clr1{ color:#482f17; }
.clr2{ color:#6b6a46; }
.clr3{ color:#745122; }

.alt{ display: none; }

/********************
Basic layout
********************/
#container {
	width: 950px;
	margin: 0 auto;
	background: url('images/commons/bg_container.jpg') repeat-y 0 52px;
}

#main.float_r {
	width: 735px;
}

#haeder {
	width: 735px;
	height: 52px;
}

#haeder h1 {
	width: 130px;
	height: 25px;
	padding: 18px 0 0 9px;
}

#haeder h1 a {
	display: block;
	width: 130px;
	height: 25px;
	background: url('images/commons/logo_j.png') no-repeat;
	text-indent:-9999px;
	overflow: hidden;
}

#contents {
	width: 735px;
	min-height: 570px;
	margin: 0 0 10px 0;
	padding: 10px 0 ;
	background: url('images/commons/bg_contents.jpg');
}

#page01 #contents{
	background: none;
}



#footer {
	width:735px;
	height: 104px;
	background: url('images/commons/bg_footer.png');
	color: #666;
	overflow: hidden;
}

#footer address {
	width: 250px;
	padding: 7px 0 0 20px;
	font-size: 85%;
}

#footer .copyrighy {
	font-size: 85%;
	padding: 53px 90px 0 0;
}

#side {
	width: 170px;
	background: url('images/commons/bg_side.jpg') no-repeat bottom center;
}

#side h1 {
	width: 170px;
	height: 51px;
	border-top: 1px solid transparent;
	background: url('images/commons/bg_body.jpg');
}

#side h1 a {
	display: block;
	width: 125px;
	height: 25px;
	margin: 18px 0 0 23px;	
	background: url('images/commons/logo_e.png') no-repeat;
	text-indent:-9999px;
	overflow: hidden;
}

#navi {
	width: 170px;
	height: 630px;
	background: url('images/commons/navi.jpg') no-repeat;
}

#navi li{
	width: 156px;
	height: 90px;
	padding: 0 7px;
	overflow: hidden;
}

#navi li a{
	display: block;
	width: 156px;
	height: 90px;
	background: url('images/commons/navi.jpg') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#navi01 a:link,
#navi01 a:visited { background-position:   -7px 0; }
#page01 #navi01 a { background-position: -347px 0; }
#navi01 a:hover   { background-position: -177px 0; }
#navi01 a:active  { background-position: -347px 0; }

#navi02 a:link,
#navi02 a:visited { background-position:   -7px -90px; }
#page02 #navi02 a { background-position: -347px -90px; }
#navi02 a:hover   { background-position: -177px -90px; }
#navi02 a:active  { background-position: -347px -90px; }

#navi03 a:link,
#navi03 a:visited { background-position:   -7px -180px; }
#page03 #navi03 a { background-position: -347px -180px; }
#navi03 a:hover   { background-position: -177px -180px; }
#navi03 a:active  { background-position: -347px -180px; }

#navi04 a:link,
#navi04 a:visited { background-position:   -7px -270px; }
#page04 #navi04 a { background-position: -347px -270px; }
#navi04 a:hover   { background-position: -177px -270px; }
#navi04 a:active  { background-position: -347px -270px; }

#navi05 a:link,
#navi05 a:visited { background-position:   -7px -360px; }
#page05 #navi05 a { background-position: -347px -360px; }
#navi05 a:hover   { background-position: -177px -360px; }
#navi05 a:active  { background-position: -347px -360px; }

#navi06 a:link,
#navi06 a:visited { background-position:   -7px -450px; }
#page06 #navi06 a { background-position: -347px -450px; }
#navi06 a:hover   { background-position: -177px -450px; }
#navi06 a:active  { background-position: -347px -450px; }

#navi07 a:link,
#navi07 a:visited { background-position:   -7px -540px; }
#page07 #navi07 a { background-position: -347px -540px; }
#navi07 a:hover   { background-position: -177px -540px; }
#navi07 a:active  { background-position: -347px -540px; }


#bosch_banner {
	width: 170px;
	height: 147px;
}

#bosch_banner a {
	display: block;
	width: 138px;
	height: 137px;
	padding: 0 14px 10px 18px;
	background: url('images/commons/navi.jpg') no-repeat;
	text-indent: -9999px;
}

#bosch_banner a:link,
#bosch_banner a:visited{ background-position:     0px -630px; }
#bosch_banner a:hover  { background-position:  -170px -630px; }
#bosch_banner a:active { background-position:  -340px -630px; }

#mob_qr{
	padding: 20px 0 0 30px;
	width: 140px;
	height: 120px;
	background: url('images/commons/navi.jpg') no-repeat 0 -780px;
}
/********************
Contents setting
********************/
#contents .item_body{
	width: 97%;
	margin: 0 auto 0.5em;
	line-height: 1.5;
}
#contents h3{
	font-size: 123.1%;
	color: #f28d2d;
/*	width: 97%;*/
/*	margin: 0 auto 0.5em;*/
}

#contents h4{
	font-size: 108%;
	color: #00B3E6;
/*	width: 97%;*/
/*	margin: 0 auto 0.5em;*/
}

#contents table{
/*	width: 97%;*/
/*	margin: 0 auto 1.5em;*/
}

#contents p,
/*#contents li,*/
#contents th,
#contents td{
	font-size: 93%;
}

#contents p{
	margin: 0 0 1.5em 0;
}

#more img.float_r{
	padding: 0 0 10px 10px;
}

#contents th,
#contents td{
	padding: 5px;
	border: 1px solid #f28d2d;
}

#contents th{
	text-align: center;
	background: #fad899;
}

#more{
	width: 97%;
	padding-top: 1.5em;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	line-height: 1.5;
}
#more h3,
#more h4{
	width: auto;
}
#more table{
	width: 100%;
	margin: 0 auto 1.5em;
}

.two_column{
	width: 97%;
	
}

.go_back a{
	display: block;
	width: 95px;
	height: 95px;
	background: url('images/commons/go_back.jpg') no-repeat !important;
}

.go_top{
	padding: 0 10px 0 0;
	clear: both;
}
.go_top a{
	float: right;
	display: block;
	width: 123px;
	height: 23px;
	background: url('images/commons/go_top.jpg') no-repeat;
	text-indent: -9999px;
}