@charset "utf-8";
/* common CSS  */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img {
	border:0;
	padding:0;
	margin:0;
}

ul,ol,li {
	list-style:none;
	line-height:0;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Fonts　フォントサイズを相対指定する↓　*/
body{
	font:13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    *font-size:small;/* IE用 */
    *font:x-small;/* IE 互換モード用 */
	color:#333333;
}

/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/

/*　↓リンクに対する共通設定↓　*/
a {
	text-decoration:none;
}
/*hoverの設定なども必要であればここでしておく*/

/*　↓HTML5　新要素をブロック化する↓　*/
header, section, footer, aside, nav, article, figure, hgroup { 
	margin:0;
	padding:0;
	display: block;
}

/* ↓float解除用[clearfix]↓ */

.clearfix:after {/* for modern browser */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	zoom:1;/* for IE5.5-7 */
}

p {
	font-size:13px;
	line-height:19px;
	text-align:justify;
	text-justify:inter-ideograph;
}

#wrapper_1 {	
	width:938px;
	padding:0 5px;
	margin:0 auto;
	background:url(../images/bg_shadow.png) repeat-y;
}

#wrapper_2 {
	width:938px;
	margin:0 auto;
	background:#ffffff;
	/*background:#ffffff;/* 背景色 */
	/*background: -moz-linear-gradient(top, #ffffff 0%, #f5f2d9 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f2d9)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #ffffff 0%,#f5f2d9 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #ffffff 0%,#f5f2d9 100%); /* Opera11.10+ */
	/*background: -ms-linear-gradient(top, #ffffff 0%,#f5f2d9 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f2d9',GradientType=0 ); /* IE6-9 */
	/*background: linear-gradient(top, #ffffff 0%,#f5f2d9 100%); /* W3C */
	/*-moz-box-shadow:0px 0px 5px #190c03;
	-ms-box-shadow:0px 0px 5px #190c03;
	-o-box-shadow:0px 0px 5px #190c03;
	-webkit-box-shadow:0px 0px 5px #190c03;
	box-shadow:0px 0px 5px #190c03;*/
}

#header {
	width:898px;
	height:144px;
	padding:20px 0;
	margin:0 20px 0 20px;
	border-bottom:1px solid #c0c0c0;
}


#header_left {
	width:218px;
	height:73px;
	float:left;
}

#header_right {
	width:898px;
	height:73px;
}

#header_right {
	width:680px;
	height:73px;
	float:right;
}

h1 {
	width:680px;
	height:12px;
	font-size:12px;
	font-weight:normal;
	text-align:right;
}

#navi_1{
	width:456px;
	height:61px;
	padding-left:224px;
}
#header_bottom{
	width:898px;
	height:71px;
}

#navi_2{
	width:898px;
	height:71px;
}

#navi_1 li, #navi_2 li{
	float:left;
}

#navi_1 ul li a, #navi_2 ul li a {
	width:100%;
	height:100%;
	display:block;
}

.navi_1_home {
	width:41px;
	height:41px;
	padding:20px 52px 0px 0px;
}

.navi_1_blog {
	width:37px;
	height:41px;
	padding:20px 48px 0px 0px;
}

.navi_1_company {
	width:69px;
	height:41px;
	padding:20px 50px 0px 0px;
}

.navi_1_links {
	width:42px;
	height:41px;
	padding:20px 50px 0px 0px;
}

.navi_1_contact {
	width:67px;
	height:41px;
	padding-top:20px;
}

.navi_2_metal_sheet {
	width:60px;
	height:51px;
	padding:20px 66px 0px 0px;
}

.navi_2_parts {
	width:76px;
	height:51px;
	padding:20px 65px 0px 0px;
}

.navi_2_custom {
	width:60px;
	height:51px;
	padding:20px 62px 0px 0px;v
}

.navi_2_glass_coat {
	width:90px;
	height:51px;
	padding:20px 54px 0px 0px;
}

.navi_2_film {
	width:89px;
	height:51px;
	padding:20px 54px 0px 0px;
}

.navi_2_other {
	width:90px;
	height:51px;
	padding:20px 57px 0px 0px;
}

.navi_2_price_list {
	width:75px;
	height:51px;
	padding-top:20px;

}

#contents {
	width:938px;
	height:100%;
	padding-bottom:20px;
	margin-top:20px;
}

#footer {
	width:898px;
	height:103px;
	padding-top:20px;
	margin:0 20px;
	border-top:1px solid #c0c0c0;
}

#footer-top {
	width:898px;
	height:50px;
}

#f_navi_1 {
	width:898px;
	height:20px;
}

#f_navi_2 {
	width:898px;
	height:20px;
	margin-top:10px;
}
#f_navi_1 ul li, #f_navi_2 ul li {
	line-height:20px;
	float:left;
}

#f_navi_1 ul li a, #f_navi_2 ul li a {
	display:block;
	color:#990000;
}

.f_navi_space {
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #c0c0c0;
}
#footer-bottom {
	width:898px;
	height:53px;
}

#copy {
	line-height:13px;
	padding:20px 0 20px;
	text-align:center;
}

#fixed {
	width: 150px;
	height: 100px;
	position: fixed;
	right: 0px;
	top: 170px;
	z-index:1000;
}