@charset "UTF-8";
/* CSS Document */

/********************************************************

Copyright (c) CUBIC DESIGN INC.

URL : http://www.cubicdesign.co.jp

Built       : 2014/10/15
Last update : 2014/10/17
Made by     : Murata Hiroyuki
Updated by  : Murata Hiroyuki

********************************************************/


/* header
**********************************************************************/
header{ width:100%; height:60px; background:#FFF; }
header h1{ width:960px; height:60px; margin:0 auto; }
header h1 a{ display:inline-block; margin:16px 0 0 0; }


/* mainVisual
**********************************************************************/
#mainVisual{ width:100%; background:url(../img/mianvisual_bg01.png) repeat-x #891406; overflow:hidden; }
#mainVisual .wrap{ width:960px; height:625px; background:url(../img/mianvisual_bg02.png) no-repeat; margin:0 auto; position:relative;}
#mainVisual .wrap h1{ position:absolute; top:35px; left:115px; }
#mainVisual .wrap h1 .text01{ position:absolute; top:0px; left:0px; }
#mainVisual .wrap h1 .text02{ position:absolute; top:45px; left:-45px; }
#mainVisual .wrap .text03{ position:absolute; top:23px; left:-70px; }
#mainVisual .wrap .text04{ position:absolute; top:343px; left:60px; }


/* contents01
**********************************************************************/
#contents01{ width:100%; background:#891406; }
#contents01 .wrap01{ width:960px; height:432px; background:url(../img/contents01_bg01.png) no-repeat; margin:0 auto; position:relative; }
#contents01 .wrap01 h1{ position:absolute; top:16px; left:120px; }
#contents01 .wrap01 ul{ position:absolute; top:167px; left:68px; overflow:hidden; }
#contents01 .wrap01 ul li{ margin:0 16px 0 0; float:left; }
#contents01 .wrap01 p{ position:absolute; top:120px; left:208px; }
#contents01 .wrap02{ width:960px; height:2558px; margin:-17px auto 0 auto; background:url(../img/contents01_bg02.png) no-repeat; position:relative; }
#contents01 .wrap02 h2{ width:630px; margin:0 auto; padding:135px 0 0 0; }
#contents01 .wrap02 dl.data{ width:690px; margin:20px auto 0 auto; }
#contents01 .wrap02 dl.data dd{ margin:-12px 0 0 95px; font-size:15px; line-height:170%; color:#333; }
#contents01 .wrap02 dl.data dd strong{ color:#AC2526; font-weight:bold; text-decoration:underline; }
#contents01 .wrap02 dl.data dd span{ font-weight:bold; }
#contents01 .wrap02 dl.qa{ width:690px; margin:25px auto 0 auto; }
#contents01 .wrap02 dl.qa dd{ width:688px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; -webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px; border-radius: 0 0 10px 10px; }
#contents01 .wrap02 dl.qa dd img.img01{ margin:20px 0 30px 30px; }
#contents01 .wrap02 dl.qa dd img.img02{ margin:20px 0 30px 20px; }
#contents01 .wrap02 dl.qa dd img.img03{ margin:20px 0 30px 25px; }
#contents01 .wrap02 .cap{ width:690px; margin:5px auto 0 auto; font-size:11px; line-height:120%; color:#333; text-align:right; }
#contents01 .wrap02 img.bottomimg{ position:absolute; bottom:102px; left:103px; }
#contents01 .wrap02 img.topimg{ position:absolute; top:98px; right:130px; }


/* contents02
**********************************************************************/
#contents02{ width:100%; background:url(../img/contents02_bg01.png) repeat-x; overflow:hidden; }
#contents02 .wrap{ width:1080px; height:1531px; background:url(../img/contents02_bg02.png) no-repeat; margin:0 auto; position:relative; }
#contents02 .wrap h1{ position:absolute; top:90px; left:295px; }
#contents02 .wrap p{ font-size:15px; line-height:175%; color:#333; }
#contents02 .wrap .text01{ position:absolute; top:5px; left:140px;  }
#contents02 .wrap .text02{ width:667px; position:absolute; top:280px; left:130px; line-height:160%;  }
#contents02 .wrap h2{ position:absolute; top:445px; left:230px;  }
#contents02 .wrap .text03{ position:absolute; top:530px; left:130px;  }
#contents02 .wrap .text04{ width:787px; padding:0 0 10px 0; background:url(../img/contents02_border01.png) no-repeat; position:absolute; top:610px; left:165px;  }
#contents02 .wrap .text05{ position:absolute; top:930px; left:130px;  }
#contents02 .wrap .text06{ width:494px; padding:0 0 10px 0; background:url(../img/contents02_border02.png) no-repeat; position:absolute; top:1010px; left:165px;  }
#contents02 .wrap .ootani{ position:absolute; bottom:90px; right:80px;  }


/* contents03
**********************************************************************/
#contents03{ width:100%; background:#891406; }
#contents03 .wrap{ width:960px; padding:30px 0; background:#BF0405; margin:0 auto; position:relative; }
#contents03 .wrap h1{ width:717px; margin:0 auto; }
#contents03 .wrap .box{ width:896px; margin:30px auto 0 auto; padding:30px 0 10px 0; background:#FFF; }
#contents03 .wrap h2{ width:828px; margin:0 auto 30px auto; }
#contents03 .wrap dl{ width:828px; background:#FFFBF4; margin:0 auto 20px auto; padding:30px; border:1px solid #D8D5D0;  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#contents03 .wrap dl dt{ margin:0 0 20px 0; padding:0 0 30px 0; border-bottom:1px solid #D8D5D0; }
#contents03 .wrap dl dd{ overflow:hidden; }
#contents03 .wrap dl dd p.left{ width:350px; font-size:15px; line-height:165%; color:#333; float:left; }
#contents03 .wrap dl dd .right{ float:right; }


/* contents04
**********************************************************************/
#contents04{ width:100%; padding:50px 0 65px 0; background:#FFF; }
#contents04 a{ width:380px; display:block; margin:0 auto; }


/* footer
**********************************************************************/
footer{ width:100%; padding:13px 0; background:#BF0405; text-align:center; }
#copyright{ width:100%; padding:20px 0; background:#DFDFDF; text-align:center; }