@charset "UTF-8"; 

/* =====================================

     RESET
   
======================================= */
html {color:#000;background:#fff;height: 100%;zoom: 1;}
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:separate;border-spacing:0;font-size:inherit;font:100%;}
img {border:0;vertical-align:bottom;opacity:1\9; /* IE8 and below */}
address, caption, cite, dfn, em, strong, th, var {font-style:normal;font-weight:bold;}
li {list-style:none;}
caption, th {text-align: center;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:bold;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

/* =====================================

     OPTION
   
======================================= */

/*=========float=========*/
.FRight { float: right; }
.FLeft { float: left; }
/*=========clear=========*/
.ClearBoth { clear:both; }
.ClearBox {clear: both;height: 0;overflow: hidden;}
.ClearFix { zoom: 1; }
.ClearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* no ie mac \*/
* html .ClearFix { height: 1%; }

/*=========マージン設定=========*/
.MT10 { margin-top:10px; }
.MT20 { margin-top:20px; }
.MR5 { margin-right:5px; }
.MB10 { margin-bottom:10px; }
.MB30 { margin-bottom:30px; }

/*=========パディング設定=========*/
.PT100 { padding-top:100; }
.PB30 { padding-bottom:30px; }

/*=========text-align=========*/
.TACenter {	text-align: center; }
.TARight { text-align:right}
.caption { font-size:90%; margin-top:5px; display:block;}
.caption_right {font-size: 85%;text-align:right;display: block;line-height: 130%;clear: both;padding-top: 5px;}  



/*==================================================
	共通
==================================================*/

/*body {
	line-height:0.9em;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Arial",sans-serif;*/
  /* for IE6/7 
  *font-size: small;*/
  /* for IE Quirks Mode 
  *font: x-small;
  margin: 0 auto;
  text-align: left;
  zoom: 1;
  color: #221815;
}*/
/* for ie8 */
html>/**/body { font-size /*\**/: small\9;}
html:first-child body {padding-bottom: 1px; min-height: 100%;}

/*a:link { color:#15a; text-decoration: underline;cursor:pointer;}
a:visited { color:#016; text-decoration: underline;cursor:pointer;}
a:hover,
a:active,
a:focus {color:#e60; text-decoration: underline;cursor:pointer;} 
.gotop {position: absolute;right:50px;bottom:20px; z-index: 1500;}*/  
.tonext {text-align:center;margin:15px auto;} 

#box_head {height:544px;margin: 0 auto;width: 960px;background:url(../images/pic_main_bg.jpg) repeat;margin:30px auto;text-align:center;position:relative;}
#box_head .ttl {position:absolute;left:145px; top:20px; top:50px\9; /* IE8 and below */}
#box_head .txt {position:absolute;left:202px;  top:184px; top:200px\9; /* IE8 and below */}
#box_head .pic {position:absolute;left:67px; bottom:-50px;bottom:-40px\9; /* IE8 and below */}

/*==================================================
	#contents
==================================================*/
#contents {margin: 0 auto;width: 960px;background:url(../images/bg.jpg) repeat-y;clear:both;line-height:1.8em;font-size:13px;color:#333;padding-bottom: 45px;}
#contents #box_01,#contents #box_02,#contents #box_03,#contents #box_04 {height:650px;background:url(../images/craft_bg.jpg) repeat;margin:30px auto;position:relative;}
#contents #box_01 h4,#contents #box_02 h4,#contents #box_03 h4,#contents #box_04 h4 {margin-bottom:15px;}
#contents #box_01 .ttl {background: url(../images/ttl_bg_01.jpg); height:100px;}
#contents #box_01 h2 {position:absolute;top:4px;left:0px;}
#contents #box_01 .item01 {position:absolute;top:80px;left:-160px; }
#contents #box_01 .item02 {position:absolute;top:268px;left:555px;}
#contents #box_01 .item03_waku { height:244px; overflow:hidden; position:absolute; bottom:0; width:432px;}
#contents #box_01 .item03 {bottom:-100px; position:absolute}
#contents #box_01 .item04 {position:absolute;top:490px;right:6px;width:503px;}

#contents #box_02 .ttl {background: url(../images/ttl_bg_02.jpg); height:100px;}
#contents #box_02 h2 {position:absolute;top:-10px;left:0px;}
#contents #box_02 .item01 {position:absolute;top:196px;left:119px;}
#contents #box_02 .item02 {position:absolute;top:260px; right:-160px; }
#contents #box_02 .item03 {position:absolute;bottom:12px;left:-50px; }
#contents #box_02 .item04 {	position:absolute;top:485px;right:191px;width:503px;}

#contents #box_03 .ttl {background: url(../images/ttl_bg_03.jpg); height:100px;}
#contents #box_03 h2 {position:absolute;top:16px;left:0px; z-index:1}
#contents #box_03 .item01 {position:absolute;top:133px; right:-80px; }
#contents #box_03 .item02 {position:absolute;top:100px;left:12px;width: 480px; z-index:0}
#contents #box_03 .item03 {position:absolute;top:492px;left:50px;width: 480px;}

#contents #box_04 .ttl {background: url(../images/ttl_bg_04.jpg); height:100px;}
#contents #box_04 h2 {position:absolute;top:0px;left:0px;}
#contents #box_04 .item01 {position:absolute;top:153px; right:-80px; }
#contents #box_04 .item02 {position:absolute;top:191px; left:-80px; }
#contents #box_04 .item03 {position:absolute;bottom:15px;left:16px;}
#contents #box_04 .item04 {position:absolute;top:485px;right:213px;width:503px;}

#contents #movie {width:860px;margin:80px auto;}
#contents #movie h2 {text-align:center;margin:60px auto 20px;}

/*-----------------------------------------
  STEP
-----------------------------------------*/
#contents #step {background-color:#ebeae5;min-height:600px;}
#contents #step h2 {font-size:240%;text-align:center;margin:0px auto;padding:60px 0 10px;}
#contents #step ul{width:810px;margin:30px auto;height: 330px;}
#contents #step ul li{float:left;width:180px;margin-right:30px;position: relative;line-height:1.5em;}
#contents #step ul li .arrow{position:absolute;top:102px;left:190px;}
#contents #step ul li h3{text-align:center;font-size:160%;margin-bottom: 10px;	}
#contents #step  ul li span{font-size:90%;margin-top:5px;display:block;}
#contents #step .outline{text-align:center;clear:both;margin:45px auto;font-size:140%;background-image: url(../images/window.gif);background-repeat: no-repeat;width: 340px;}
#contents #step .outline2{text-align:center;clear:both;margin:45px auto;font-size:140%;background-image: url(../images/window.gif);background-repeat: no-repeat;width: 340px;}
#contents #step .outline3{text-align:center;clear:both;margin:-35px auto;font-size:140%;background-image: url(../images/window.gif);background-repeat: no-repeat;width: 265px;}

/*-----------------------------------------
  POINT
-----------------------------------------*/
#contents #point{clear:both;text-align:center;}	
#contents #point h2{margin:60px auto 40px;}
#contents #point ul{margin:30px auto;width: 831px;display: block;}
#contents #point ul li{	float:left;width:151px;display: block;margin-right: 19px;list-style: none;}
#contents #point ul li img{margin-bottom:20px;}
#contents #point .txt{clear:both;font-size:150%;padding:30px 0 15px;}
#contents .contact{clear:both;margin:20px auto 0px;text-align:center;} 

/*-----------------------------------------
  フッター 
-----------------------------------------*/
/*#footer {background-color: #000000;color:#FFF;font-size:11px}
#footer_box {width: 960px;margin: 0 auto;text-align:center; height:60px; padding-top:15px;}
#footer_box .footerNavi{}
#footer_box a:link {color:#FFF; text-decoration:none; cursor:pointer;}
#footer_box a:visited {color:#C93;text-decoration:none;cursor:pointer;}
#footer_box a:hover,
a:active,
a:focus {color:#C93;text-decoration: underline;cursor:pointer;}
.copyright {text-align:center;margin-top:15px;}*/

/*-----------------------------------------
  スペック詳細(ポップアップ)
-----------------------------------------*/
#outline {padding:15px 40px;font-size:90%;color:#333;}
#outline h1{font-size:120%;font-weight:normal;margin-bottom: 15px;}
#outline table {border-spacing:0;border-collapse:collapse;text-align: left; margin:0px auto; width:100%;}
#outline table tr { border-bottom:1px solid #333;}
#outline table tr th {width:24%;padding:7px 5px 7px 10px;line-height:1.5em;vertical-align:middle;background-color:#F5F5F5;font-weight:normal;}
#outline table tr td {width:75%;padding:7px 5px 7px 20px;}
#outline h3 {border-bottom:1px solid #333;font-weight:normal;font-size:110%;padding:10px 0px 10px;}
#outline ul {margin:20px 0 15px;width:100%;padding:0px;}
#outline ul li {margin-bottom:5px;list-style: inside;}
#outline #close {text-align:center;margin:30px auto;font-size:130%;}


#close {text-align:center;margin:30px auto;font-size:130%;}


@media print {
  * html,
  * html body { zoom: 0.65;}
  body {
    background: none;
  }
}
.st-wrapper {
     min-width: 1072px;
}