<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>main_style_css | My MODx Site</title>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<link rel="stylesheet" href="/assets/templates/default/site.css" type="text/css" media="screen" />
        <base href="http://www.face1999.com/" />

<!--[if lte IE 6]>

  <style type="text/css" media="screen, tv, projection">
        body { behavior: url(assets/js/csshover3.htc); } /* hover:anything support */
        #content { margin-left: 22px; } /* to avoid the BMH */
        a,  a:link { border-bottom-style: solid } /* becuase IE just doesn't dot */
  </style>

  <script type="text/javascript" src="assets/js/sleight.js"></script>

<![endif]-->

        </head>
<body>

<div id="page">


<div id="header">
	<div id="search"><a name="search"></a>
		<!-- if you wanted a site search, this would be a good place -->
	</div>
	<h1><a href="home" title="My MODx Site">My MODx Site</a></h1>
</div>
<!-- close #header -->

	<div id="content">

		<div class="post">
			<h3 id="post-"></h3>
				body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

a,a:link{
border-bottom-style:none;
}

#header {
	width: 800px;
	height: 80px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#wrapper {
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

#sidenavi {
	/*height: auto;*/
	width: 196px;
	float: left;
	margin-top: 0px;
}

#sidenavi li{

text-align: left;

font-weight:bold;
font-size:15px;
color:white;


}
#sidenavi li span{
line-height:35px;
padding-left: 15px;
}
#sidenavi li a{
line-height:35px;
color:white;
text-decoration: none;
border-bottom-style: none;
/*display: block;*/
padding-left: 15px;
}
#sidenavi li a:hover {
color:red;
}

#sidenavi li ul li a{
line-height:35px;
color:white;
text-decoration: none;
border-bottom-style: none;
/*display: block;*/
padding-left:22px;
}
#sidenavi li ul li a:hover {
color:green;
}
#sidenavi li{
background-image:url(images/bk.gif);
background-repeat:no-repeat;
background-color:#fff;
background-position:0px 0px;
}

#sidenavi li ul li{
background-image:url(images/gray2.gif);
background-repeat:no-repeat;
background-color:#fff;
background-position:0px 0px;
}

#maincontents {
	height: auto;
	width: 578px;
	margin-left: 200px;
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}

.img {
	float: left;
	margin-right: 10px;
}

.p1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #333333;
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 150%;
}

h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #3333CC;
	line-height: 150%;
	margin-top: 3px;
	margin-bottom: 3px;
}

h2 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 3px;
	margin-bottom: 5px;
	background-color: #e43030;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

h3 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 3px;
	margin-bottom: 3px;
}
a:link {
	color: #FF6600;
}
#navi {
	background-image: url(images/nv_bk.gif);
	background-repeat: repeat-y;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li {
	margin: 0px;
	padding: 0px;
}
li img {
	vertical-align: top;
}
#footer {
	width: 800px;
	text-align: center;
	padding-top: 10px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	margin-bottom: 0px;
	padding-bottom: 10px;
clear:both;
}
#linkarea {
	font-size: 11px;
}

/*hyo*/

.hyo {
	line-height: 20px;
	background-color: #FFFFEA;
}
caption {
	color: #339933;
	font-size: 12px;
	text-align: left;
}
.hyo td {
	text-align: center;
}
.c1 {
	background-color: #FF6600;
}
.c2 {
	ont-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 3px;
	margin-bottom: 5px;
	background-color: #e43030;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
}
.c3 {
	background-color: #FFCC00;
}
.font11 {
	font-size: 11px;
}
.col210 {	font-size: 10px;
	color: #FF0000;
}
img {
	border: 0px;
}
.newsTitle {
	line-height: 30px;
	background-color: #E43030;
}

/***********/
.titlebar{
width:529px;
/*background-color: #E14F2D;
color:white;
font-weight:bold;*/
}
		</div>
		<!-- close .post (main column content) -->

	</div>
	<!-- close #content -->

	<div id="sidebar">
		<ul>
			<li id="dropmenu"><a name="dropmenu"></a><h2>Pages:</h2>
			<ul><li class="active"><a href="/main_style" title="main_style_css" >main_style_css</a></li>
<li><a href="/4" title="face_contents" >face_contents</a><ul><li><a href="http://www.face1999.com/" title="HOME" >HOME</a></li>
<li><a href="/news" title="NEWS" >NEWS</a></li>
<li><a href="/info.html" title="会社案内" >会社案内</a></li>
<li><a href="/coating.html" title="カーコーティング" >カーコーティング</a><ul><li><a href="/perumaga-do" title="ペルマガード" >ペルマガード</a></li>
<li><a href="/serasyain" title="セラシャイン" >セラシャイン</a></li>
<li class="last"><a href="/porimaga-do" title="ポリマガード" >ポリマガード</a></li>
</ul></li>
<li><a href="/purotekusyonfirumu" title="プロテクションフィルム" >プロテクションフィルム</a></li>
<li><a href="/carfilm.html" title="カーフィルム" >カーフィルム</a><ul><li><a href="/ekonomi-nf" title="エコノミー(NF)" >エコノミー(NF)</a></li>
<li><a href="/sutanda-dorumiku-ru" title="スタンダード（ルミクール）" >スタンダード（ルミクール）</a></li>
<li><a href="/puremiamusupuri-mu" title="プレミアム（スプリーム）" >プレミアム（スプリーム）</a></li>
<li><a href="/puremiamuhpsupuri-mu" title="プレミアム（HPｽﾌﾟﾘｰﾑ）" >プレミアム（HPｽﾌﾟﾘｰﾑ）</a></li>
<li><a href="/puremiamukuantamu" title="プレミアム（クァンタム）" >プレミアム（クァンタム）</a></li>
<li><a href="/furontogarasu" title="フロントガラス" >フロントガラス</a></li>
<li><a href="/xxxxxxxxxxxx" title="透明断熱" >透明断熱</a></li>
<li><a href="/gurade-syon" title="グラデーション" >グラデーション</a></li>
<li class="last"><a href="/carfilm_pricelist.html" title="施工料金表" >施工料金表</a></li>
</ul></li>
<li><a href="/tatemono.html" title="建築用フィルム" >建築用フィルム</a><ul><li><a href="/xxxenefirumu" title="【省エネフィルム】" >【省エネフィルム】</a></li>
<li><a href="/suta-ringusiri-zu" title="スターリングシリーズ" >スターリングシリーズ</a></li>
<li><a href="/sutenresusuty-ru" title="ステンレススティール" >ステンレススティール</a></li>
<li><a href="/siruba-siri-zu" title="シルバーシリーズ" >シルバーシリーズ</a></li>
<li><a href="/lx-70" title="ＬＸ－７０" >ＬＸ－７０</a></li>
<li><a href="/xxxxxxxxxxxxxxxxxxxxxxxx" title="【地震対策／飛散防止】" >【地震対策／飛散防止】</a></li>
<li><a href="/2mil4mil7mil" title="2MIL,4MIL,7MIL" >2MIL,4MIL,7MIL</a></li>
<li><a href="/xxxxxxfirumu" title="【防犯フィルム】" >【防犯フィルム】</a></li>
<li><a href="/8mil10mil" title="8MIL,10MIL" >8MIL,10MIL</a></li>
<li><a href="/14milxxxxxxcpxxxxxx" title="14MIL（防犯CP認証）" >14MIL（防犯CP認証）</a></li>
<li class="last"><a href="/web_color_sample.html" title="建物用フィルムサンプル" >建物用フィルムサンプル</a></li>
</ul></li>
<li><a href="/refresh.html" title="カーリフレッシュ" >カーリフレッシュ</a></li>
<li><a href="https://secure14.chicappa.jp/floppy.jp-trt/face1999/cms/form/" title="お問い合わせ・お見積り" target="_blank">お問い合わせ・お見積り</a></li>
<li><a href="/question.html" title="Ｑ＆Ａ" >Ｑ＆Ａ</a><ul><li><a href="/ka-firumuqa" title="カーフィルムＱ＆Ａ" >カーフィルムＱ＆Ａ</a></li>
<li><a href="/sene_film_qa" title="省エネフィルムＱ＆Ａ" >省エネフィルムＱ＆Ａ</a></li>
<li class="last"><a href="/bouhan_film_qa" title="防犯フィルムＱ＆Ａ" >防犯フィルムＱ＆Ａ</a></li>
</ul></li>
<li class="last"><a href="/xxxxxxgyarari" title="施工ギャラリー" >施工ギャラリー</a><ul><li><a href="/ka-ko-tyngu" title="カーコーティング" >カーコーティング</a></li>
</ul></li>
</ul></li>
<li><a href="/access_error.html" title="アクセスエラー" >アクセスエラー</a></li>
<li><a href="/whats_it.html" title="よく分かるウインドウフィルム" >よく分かるウインドウフィルム</a></li>
<li class="last"><a href="/xxxxxxxxxmiaitemu" title="削除済みアイテム" >削除済みアイテム</a></li>
</ul>
			</li>

			<li><h2>Meta:</h2>
				<ul>
				    <li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
                	<li><a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page uses valid Cascading Stylesheets" rel="external">Valid <abbr title="W3C Cascading Stylesheets">css</abbr></a></li>
				    <li><a href="http://modxcms.com/" title="Powered by MODx, Do more with less.">MOD<strong>x</strong></a></li>
		        </ul>
			</li>

		</ul>
	</div>
	<!-- close #sidebar -->

<div class="clear">&nbsp;</div>

<div id="footer">
	<p>
		My MODx Site is powered by
		<a href="http://modxcms.com/" title="Powered by MODx"><strong>MOD</strong>x Content Management System</a>
		<br /><a href="refresh.html" title="Link to our Blog RSS Feeds">Blog Entries (RSS)</a><br />
MySQL: 0.0416 s, 0 request(s), PHP: 0.0247 s, total: 0.0663 s, document retrieved from cache.
	</p>
</div>
<!-- close #footer -->

</div>
<!-- close #page -->

</body>
</html>