/*---------------------------------
add css standard start
--------------------------------*/

img {
  max-width: 100%;
}

table {
  width: 100%;
}

/*---------------------------------
add css standard end
add css layout start
--------------------------------*/
body{  
    margin:0 auto;
    padding: 60px 0 0 0; 
	font-size: 0.9rem;
}  
* html body{  
    overflow: hidden;  
} 

.wrap:after {
	clear: both;
	display: block;
	content: "";
}
/*---------------------------------
add css layout end
add css section common start
--------------------------------*/

section h2 { text-align:center; padding-bottom:15px; }
section h2 img { width:100%; }
section h3 { background:url(../images/bg_h3.png) 0 0 repeat; text-align:center; color:#722f3e; font-weight:bold; padding:10px 0; margin-bottom:12px; }
#cpm dt { text-align:center; padding:15px 0 10px; }

dl.typeA { margin-bottom:20px; }
  dl.typeA dt { text-align:center; padding:0 0 10px; font-size:1rem; }
  dl.typeA dt span { color:#722f3e; font-weight:bold; background: linear-gradient(transparent 60%, #f8e0e0 60%); }
  dl.typeA dd { margin-bottom:20px; }

dl.typeB { margin-bottom:20px; }
  dl.typeB dt { font-weight:bold; padding:0 0 5px; color:#722f3e; }
  dl.typeB dd { margin-bottom:12px; border-bottom:1px solid #eee; padding:0 0 12px 15px; }

dl.typeC { margin-bottom:20px; }
  dl.typeC dt { font-weight:bold; width:1.2rem; float:left; color:#722f3e; }
  dl.typeC dd { margin-bottom:12px; border-bottom:1px solid #eee; padding:0 0 12px 1.2rem; }


.cnt p { padding-bottom:25px; }


/*---------------------------------
add css HEADER start
--------------------------------*/

header { 
	width:100%;
	border-top: none;
    border-bottom: none;
	position: fixed;
	top:0;
	z-index:9999;
}

.fa { margin-right:4px; }


ul.accordion { width:100%; margin:0 auto; font-size:0.8rem; }
ul.accordion a { display:block; padding:18px 0; text-align:center; color:#fff; font-weight:bold; float:left; }
ul.accordion span { display:block; padding:18px 0; color:#fff; font-weight:bold;  text-align:center;}
ul.accordion ul { display:none; }
ul.accordion > li > a { text-decoration:none; }
ul.accordion > li.menu1 > a { background:#ef9580; width:26%; }
ul.accordion > li.menu2 > a { background:#df5d5d; width:25%; border-right:1px solid #cd4c4c; }
ul.accordion > li.menu3 > a { background:#df5d5d; width:25%; }
ul.accordion > li.menu4 > p { background:#7a6d62; width:auto; }
ul.accordion > li > p { cursor:pointer; }
ul.accordion > li > ul > li { background:#fff; border-bottom:1px solid #EEE; width:50%; float:left; }
ul.accordion > li > ul > li.bdr { border-left:1px solid #eee; }
ul.accordion > li > ul > li > p { background:#fff; }
ul.accordion > li > ul > li > a { float:none; color:#999; text-decoration:none; }
ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}


/*---------------------------------
add css main start
--------------------------------*/

#main h1 { text-align:center; padding-top:8px; }
#main h1 img { text-align:center; max-width:90%; }
#main .innr { background:url(../images/main_bg.png) top center no-repeat; background-size:100% auto; position:relative; padding-bottom:15px; }
#main .innr ul { }
#main .innr ul .ttl { padding:15px 0 0 0; text-align:center; }
#main .innr ul .ttl img { max-width:94%; }
#main .innr ul .feature1 { padding:6px 15px 0 0; text-align:right; }
#main .innr ul .feature2 { padding:0 15px 0 0; text-align:right; }
#main .innr ul .feature3 { padding:0 15px 0 0; text-align:right; }
#main .innr ul .feature1 img, #main .innr ul .feature2 img, #main .innr ul .feature3 img { max-width:52%; }
#main .innr ul .txt { padding:5px 15px 5px 0; text-align:right; }
#main .innr ul .txt img { max-width:52%; }
#main .innr ul .price { text-align:center; padding:0 15px 0px 15px; }


/*---------------------------------
cpm
--------------------------------*/

#cpm { padding-bottom:40px; }
#cpm div { padding:0 12px; }
#cpm img { width:100%; }
#cpm .web ul li { width:49.5%; }
#cpm .tel dl dd { width:49.5%; }
#cpm .left { float:left; }
#cpm .right { float:right; }


/*---------------------------------
section01
--------------------------------*/

#section01 { padding-bottom:20px; }
#section01 h2 { padding-bottom:5px; }
#section01 .innr { padding:0 15px; }
#section01 .innr p { padding-bottom:15px; }

#section01 .innr .left { float:left; width:65%; }
#section01 .innr .right { float:right; width:33%; }


/*---------------------------------
section02
--------------------------------*/

#section02 {  }
#section02 img { width:100%; }
#section02 .innr { padding:0 15px; }
#section02 .center { text-align:center; margin-bottom:30px; }
#section02 .center p { font-weight:bold; color:#583d2a; font-size:1rem; }
#section02 .center img { width:50%; }

#section02 .point dl { border:1px solid #f6f6f6; text-align:center; background:url(../images/grey_bg.png) 0 0 repeat; padding:20px 15px; }
#section02 .point span { display:block; background: url(../images/02_shadow.png) 0 0 no-repeat; background-size: 100% auto; width:100%; height:20px; }
#section02 .point dt img { width:25%; }
#section02 .point dt { font-size:1.1rem; font-weight:bold; color:#583d2a; font-style:italic; background:url(../images/pink_bdr.png) center bottom no-repeat; padding-bottom:15px; margin-bottom:20px; }
#section02 .point dd { text-align:left; }


/*---------------------------------
section03
--------------------------------*/

#section03 { padding-bottom:0; }
#section03 .innr { padding:0 15px; }

#section03 table { width:100%; border-left:#5a402d 1px solid; border-top:#5a402d 1px solid; line-height:1.2; margin-bottom:20px; }
#section03 table th, #section03 table td { padding:8px; vertical-align:middle; }
#section03 table span { font-size:0.8rem; }
#section03 table .pico { font-weight:bold; }

#section03 table th.top { background:#7c5f4b; color:#fff; border-right:#fff 1px solid; text-align:center; }
#section03 table th.left { border-right:#5a402d 1px solid; border-bottom:#5a402d 1px solid; background:#f7f7f7; font-weight:bold; }
#section03 table td { border-right:#5a402d 1px solid; border-bottom:#5a402d 1px solid; width:50%; }
#section03 table td.pico { background:#fff7f7; color:#583d2a; }
#section03 table th.pico { border-right:#5a402d 1px solid; }

#section03 dl.color { margin-bottom:30px; }
#section03 .cnt { margin-bottom:30px; }

/*---------------------------------
section04
--------------------------------*/

#section04 { background:url(../images/purple_bg.png) 0 0 repeat; padding:30px 12px 1px 12px; margin-bottom:30px; }

#section04 p { text-align:center; font-weight:bold; color:#583d2a; margin-bottom:15px; }

#section04 .lazorInnr { background:#fffdf8; border:2px solid #f2ecdc; padding:10px; margin-bottom:15px; }
#section04 .lazorInnr .nano { border-bottom:1px solid #f2ecde; padding-bottom:10px; margin-bottom:10px; }
#section04 .lazorInnr dt { text-align:center; font-size:1.1rem; font-weight:bold; padding:10px; line-height:1; margin-bottom:5px; }
#section04 .lazorInnr .nano dt{ background:#eae3d3; }
#section04 .lazorInnr .pico dt { background:#f8e0ea; }
#section04 .lazorInnr dt span { font-size:0.8rem; }

#section04 .innr { padding:0 3px; }
#section04 .innr p { text-align:left; font-weight:normal; color:#583d2a; margin-bottom:15px; }

#section04 .case { margin-bottom:30px; }
#section04 .case dt { font-size:1.2rem; font-weight:bold; color:#583d2a; margin-bottom:5px; }
#section04 .case img { margin-bottom:5px; }


/*---------------------------------
section05
--------------------------------*/

#section05 { }
#section05 .innr { padding:0 15px; }

#section05 .step { margin-bottom:30px; }

#section05 h3.picosure { background:none; margin:0; padding:0; }
#section05 h3 img { vertical-align:bottom; }
#section05 .dscrptn { border-bottom:20px solid #000; border-left:15px solid #000; border-right:15px solid #000;  padding:15px; margin:0 0 30px 0; text-align:center; }
#section05 .dscrptn img { max-width:40%; }
#section05 .dscrptn p { text-align:left; }



/*---------------------------------
section06
--------------------------------*/

#section06 { padding-bottom:30px; }
#section06 .innr { padding:0 15px; }
#section06 .innr p { padding-bottom:10px; }

#section06 table { width:100%; border-left:#5a402d 1px solid; border-top:#5a402d 1px solid; line-height:1.2; margin-bottom:5px; }
#section06 table th, #section06 table td { padding:8px; vertical-align:middle; }

#section06 table th.top { background:#7c5f4b; color:#fff; border-right:#fff 1px solid; text-align:center; }
#section06 table th.right { background:#7c5f4b; color:#fff; text-align:center; border-right:#5a402d 1px solid; }
#section06 table th.left { border-right:#5a402d 1px solid; border-bottom:#5a402d 1px solid; background:#f7f7f7; font-weight:normal; text-align:center; }
#section06 table td { border-right:#5a402d 1px solid; border-bottom:#5a402d 1px solid; width:50%; padding:5px; text-align:right; }

#section06 .picArea .left { float:left; }
#section06 .picArea .right { float:right; }
#section06 .picArea li { width:48.5%; }
#section06 .picArea img { width:100%; }


/*---------------------------------
section07
--------------------------------*/

#section07 { padding-bottom:15px; }
#section07 .innr { padding:0 15px; }

#section07 .picArea { margin-bottom:20px; }
#section07 .picArea .pic { float:left; width:50%; }
#section07 .picArea .name { float:right; width:44%; margin-top:20px; }

#section07 table { width:100%; margin-bottom:30px; }
#section07 table th.ttl { font-weight:bold; border-bottom:2px solid #efefef; padding:6px 12px; }
#section07 table th { font-weight:normal; border-bottom:1px dashed #efefef; padding:6px 0 6px 12px; }
#section07 table td { font-weight:normal; border-bottom:1px dashed #efefef; padding:6px 12px; }


/*---------------------------------
section08
--------------------------------*/

#section08 { padding-bottom:40px; }
#section08 .innr { padding:0 15px; }

#section08 dt { font-weight:bold; font-size:1rem; margin-bottom:12px; }
#section08 dd { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #efefef; }
#section08 dd.map { padding-bottom:0; border-bottom:none; }
#section08 dd:last-child { border-bottom:none; }

#section08 hr { border:2px solid #efefef; margin:10px 0 20px; }

/*---------------------------------
footer
--------------------------------*/

footer { width:100%; }

footer a { display:block; width:100%; text-decoration:none; padding:15px 0; text-align:center; }

footer .pagetop a { color:#fff; background:#df5d5d; }
footer ul li { border-bottom:1px solid #fff; }
footer ul li a { background:#f6f6f6; }

footer .copy { padding:15px 0; text-align:center; font-size:0.8rem; color:#999; }