@charset "utf-8";

/*------------------------------------------

	スタイルの初期化

--------------------------------------------*/

html, body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
html { overflow-y: scroll }
body { line-height: 1.6 }
body * {	font-family: Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", Osaka, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; }
ul, ol {	list-style: none }
table {	border-collapse: collapse }
img, fieldset { border: none }
img { vertical-align: top }
strong, em { font-weight: bold }

/*------------------------------------------

	フレームレイアウト

--------------------------------------------*/

h1{position:absolute;margin-top:-1000px;}
body{text-align:center;background:url("images/bg.gif") repeat-x;}
.container{width:800px;text-align:left;margin:0 auto;}
.footer{padding:10px 0;}

/*------------------------------------------

	ヘッダー

------------------------------------------*/

.header{overflow:hidden;height:68px;background:url("images/header_contact.gif") no-repeat black;background-position:right 10px;}
.logo{margin-top:15px;display:block;width:305px;height:35px;background:url("images/header_logo.gif") no-repeat;}

.main_visual{width:800px;height:225px;background:url("images/mainvisual.jpg") no-repeat;}

/*------------------------------------------

	コンテンツ

------------------------------------------*/

.contents{padding:20px 0;}
.column1{float:left;width:500px;}
.column2{float:right;padding-bottom:20px;width:291px;height:221px;background:url("images/heretofore.jpg") no-repeat;}
.column3{float:left;width:400px;clear:both;}
.column4{float:right;width:353px;height:578px;background:url("images/pic_02.gif") no-repeat;}
.column5{float:left;width:500px;}
.column6{float:right;width:284px;height:204px;background:url("images/pic_04.gif") no-repeat;}
.column7{float:left;width:400px;}
.column8{float:right;width:385px;height:210px;background:url("images/pic_04-13.gif") no-repeat;}
p{padding:10px 0;}
.subject1{height:30px;background:url("images/feature_01.gif") no-repeat;}
.subject2{height:30px;background:url("images/feature_02.gif") no-repeat;}
.subject3{height:30px;background:url("images/feature_03.gif") no-repeat;}
.impact{padding:40px 0;color:darkgreen;font:18px メイリオ;}
.point1{height:80px;background:url("images/point_01.gif") no-repeat;}
.point2{height:80px;background:url("images/point_02.gif") no-repeat;}
.point3{height:80px;background:url("images/point_03.gif") no-repeat;}
.point4{height:80px;background:url("images/point_04.gif") no-repeat;}
.performance{clear:both;height:160px;background:url("images/performance.jpg") no-repeat;margin:40px 0;}
.recommend{height:930px;background:url("images/recommend.jpg") no-repeat;margin:40px 0;}
.contact{height:268px;background:url("images/contact.gif") no-repeat;}

/*------------------------------------------

	フッター

--------------------------------------------*/

.footer{padding:20px 0 0;border-top:1px solid black;}
.footer_menu{width:400px;float:left;margin-bottom:20px;}
.footer_menu *{font-size:12px;text-decoration:none;}
.ad_subject{clear:both;font-size:9.5px;}
#spreadbanner{clear:both;}
#spreadbanner li{width:185px;float:left;margin-right:5px;margin-bottom:5px;}
.eco_banner{width:340px;height:73px;float:right;background:url("images/banner_eco.gif") no-repeat;}
.copyright{clear:both;}
.copyright,.copyright *{font-size:9.5px;color:gray;text-decoration:none;}

/*------------------------------------------

	共通クラス

--------------------------------------------*/

.page_header{font-family:メイリオ;font-size:1.2em;margin-bottom:10px;}
.button{padding:2px 3px;}
.errors{}
.error_message{color:red;background:pink;}
.clear{clear:both;}
strong{color:red;font-weight:bold;}