@charset "utf-8";
body,div,h1,h2,h3,h4,dl,dt,dd,ul,ol,li,p,th,td{margin:0;padding:0;}
html { overflow-y:scroll; }
body{
background:url(images/bg_lp.png) #F4F1EA left top repeat;
padding:0;
margin:0 auto;
font-size: 80%;
text-align:center;
line-height:1.6;
color:#333;
font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


img{ border:0;}
.clear{ clear:both; }
.clearfix:after { content: ""; display: block; clear: both;}
.c{ text-align:center;}

img.img70{ width:70%;}

.imgreset{ vertical-align:bottom;}


.waku900{ clear:both; width:920px; margin:0 auto 20px auto;}
.lbtn{ float:left; margin:0 0 20px 0;}
.rbtn{ float:right; margin:0 0 20px 0;}

/* --------------- HEADER ----------------*/

#header{
background:url(images/bg_header.png) #fff left bottom repeat-x;
width:100%;
height:70px;
padding:0 0 0px 0;
margin:0 auto 0px auto;
z-index:100;
}

#header .header_box{
width:1000px;
height:auto;
padding:0px 0 0 0px;
margin:0px auto 0 auto;
}

#header .header_box .check{ position:absolute; top:112px; left:0; z-index:100;}
#header .header_box .point7{ position:absolute; top:223px; left:38px; z-index:100;}

#header h1{
width:auto;
height:auto;
padding:0px 0px 0px 0px;
margin:14px 0 0 0;
color:#888;
font-size:13px;
font-weight:normal;
text-align:left;
}

#header p{
width:auto;
height:auto;
padding:0px 0px 0px 0px;
margin:0px 0 0 0;
color:#888;
font-size:13px;
font-weight:normal;
text-align:left;
z-index:100;
}
#header .header_box p img.logo{ float:left; display:block; margin:8px 0 0 0;}
#header .header_box p img.tel{ float:right; display:block; margin:15px 0 0 0;}



/* --------------------------------------
head_main_area 
-------------------------------------- */
.main_head_area{
	background: url(images/bg_main.jpg) #006CB6 center top repeat-x;
	clear:both;
	width:100%;
	height:530px;
	border-top:3px solid #006CB6;
	position:relative;
}

.main_head_area .mian_img{ width:1000px; height:400px; margin:0 auto; position: relative;}
/*.main_head_area .mian_img p.main_img01{ position: absolute; left: 0; top: 90px;}
.main_head_area .mian_img p.main_img02{ position: absolute; right: -130px; top: 0px;}*/

.main_head_area .mian_img p.main_img01{ position: absolute; left: 252px; top: 80px; z-index: 100;}
.main_head_area .mian_img p.main_img02{ position: absolute; right: -130px; top: 0px; z-index: 80;}
.main_head_area .mian_img p.main_img03{ position: absolute; left: -70px; top: 0px; z-index: 50;}

.main_head_area .point_area{
	clear:both;
	width:100%;
	height:130px;
	background-color:#0078C8;
}
.main_head_area .point_area .point_conts{width:1000px; margin:0 auto;}

.main_head_area .point1{ position:relative; float:left; padding:25px 0 0 0;}
.main_head_area .point2{ position:relative; float:left; padding:25px 0 0 0;}
.main_head_area .point3{ position:relative; float:left; padding:25px 0 0 0;}
.main_head_area .point4{ position:relative; float:left; padding:25px 0 0 0;}

.main_head_area .point1 .point_icon{position:absolute; left:-30px; top:-30px; z-index:101;}
.main_head_area .point1 img.catalogue_icon{position:absolute; left:-95px; top:-10px; z-index:100;}
.main_head_area .point2 .point_icon{position:absolute; left:-30px; top:-30px; z-index:101;}
.main_head_area .point3 .point_icon{position:absolute; left:-30px; top:-30px; z-index:101;}
.main_head_area .point4 .point_icon{position:absolute; left:-30px; top:-30px; z-index:101;}
.main_head_area .point4 .img01{position:absolute; left:0px; top:25px; z-index:100;}
.main_head_area .point4 .img02{position:absolute; left:150px; top:5px; z-index:101;}
.main_head_area .point4 .img03{position:absolute; left:180px; top:75px; z-index:102;}

/* --------------------------------------
maker_slider
-------------------------------------- */

#maker_slider{
	background:url(images/bg_maker_list.png) left top repeat-x;
	padding:20px 0 0 0;
	margin:0 0 20px 0;
	height:60px;}

#maker_slider2{
background-color: #fff;
	padding:0px 0 0 0;
	margin:0 0 0px 0;
	height:auto;}
	
#makerlist{
  background-image:url(images/maker_list_img.png);
  background-repeat:repeat;
  height:36px;
}


/* --------------------------------------
head_close
-------------------------------------- */

#head_close{
	width:918px;
	background-color:#FFEEDD;
	border :1px solid #ebebeb;
	padding:30px 40px 0 40px;
	margin:0 auto 20px auto;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
	
}


#head_close .lbtn{ float:left; margin:0 0 20px 0;}
#head_close .rbtn{ float:right; margin:0 0 20px 0;}

#head_close p.ml-40{ margin:0 0 0 -40px;}


#head_close2{
	width:918px;
	padding:0px 40px 0 40px;
	margin:0 auto 20px auto;
}


#head_close2 .lbtn{ float:left; margin:0 0 20px 0;}
#head_close2 .rbtn{ float:right; margin:0 0 20px 0;}

#head_close2 p.ml-40{ margin:0 0 0 -40px;}

/* --------------------------------------
title
-------------------------------------- */

.title_area{
	clear:both;
	float:left;
	background:url(images/bg_title.png) left bottom repeat-x;
	width:100%;
	height:190px;
	text-align:center;}

.title_area_in{ background:url(images/title_arrow.png) center bottom no-repeat; width:1000px; height:150px; margin:0px auto 0 auto; padding:0 0 30px 0; display: block;}
.title_area_in img{ padding:40px 0 0 0;}


/* --------------------------------------
nayami_area
-------------------------------------- */

#nayami_area{
	clear:both;
	width:954px;
	background-color:#FFF;
	border :3px solid #ebebeb;
	padding:20px 20px 0 20px;
	margin:0 auto 20px auto;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

#nayami_area .title01{
background-color:#FF7373;
font-size:20px;
padding:10px;
margin:0 0 20px 0;
text-align:center;
line-height:1em;
color:#fff;
font-weight:bold;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

.nayami_box{
	background:url(images/bg_nayami_area.png) center bottom repeat;
	float:left;
	width:413px;
	padding:20px 20px 0 20px;
	margin:0 0 20px 10px;
	border-left:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
position:relative;
text-align:left;
}

.nayami_box:nth-child(odd){float:right; clear:none; margin:0 10px 20px 0px;}

.nayami_box img{position:absolute; left:-10px; top:-10px;}
.nayami_box .subtitle{ font-size:20px; font-weight:bold; color:#402827; padding:0px 10px 10px 30px;}
.nayami_box p{ font-size:14px; color:#444; padding:0px 0px 20px 0px;}


/* --------------------------------------
cost_minaoshi
-------------------------------------- */

#cost_minaoshi{
	clear:both;
	width:954px;
	background-color:#FFF;
	border :3px solid #ebebeb;
	padding:20px 20px 0 20px;
	margin:0 auto 20px auto;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

#cost_minaoshi .lbtn{ float:left; margin:-10px 0 20px 10px;}
#cost_minaoshi .rbtn{ float:right; margin:-10px 10px 20px 0;}


/* ------------------------------
contact
------------------------------*/

#contact{
	clear:both;
	width:954px;
	background-color:#FFF;
	border :3px solid #ebebeb;
	padding:20px 20px 0 20px;
	margin:0 auto 20px auto;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#contact .title{ width:843px; font-size:30px; line-height:1; padding:30px 0 30px 0; margin: 20px auto 0 auto; border-bottom: 4px dotted #222; border-top: 4px dotted #222; font-size: 33px; font-weight: bold;}
#contact h2{ font-size:22px; line-height:1.3; padding:20px 0 10px 0; margin:0 0 20px 0; border-bottom:1px dotted #ccc; }

#contact p{ font-size:16px; line-height:1.3; padding:0 0 20px 0; width:700px;}

#contact .form_area{ width:843px; margin:20px auto; padding:0px 0 0px 0; list-style:none;}

#contact .form_area .radio label{ display:block; font-size:15px; cursor:pointer;}

#contact .form_area dl{ clear:both; width:843px; padding:0px 0 0px 0; text-align:left; border-top:none; margin:0 0 0 0;}
#contact .form_area dl dt{ width:200px; font-size:15px; font-weight:bold; float: left; text-align:left; margin:0 0 0 0;border:none;}
#contact .form_area dl dt .req_item{
color:#FFF;
font-size:10px;
padding:2px 3px 2px 3px;
margin: 0 0 0 5px;
background-color:#F66;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
line-height: 1;
}
#contact .form_area dl dd input{ padding:5px; width:250px;}
#contact .form_area dl dd input.checkbox{ padding:5px; width:15px; margin:0 0 0 0px;}
#contact .form_area dl dd input.suuji{ padding:5px; width:50px; margin:0 0 0 0px;}
#contact .form_area dl dd{border:none;}
#contact .form_area dl dd textarea{ padding:5px; min-width: 450px; min-height: 200px; font-size:15px;}
#contact .form_area .contact_btn{ font-size:15px; font-weight:bold; padding:10px 0 0px 0px; margin:0 auto; clear:both;}
#contact .form_area .mfp_err{ margin-left:35px;}

#contact .form_area .sstxt{ font-size:15px; font-weight:bold; padding:10px 0 0px 0px; margin:0 auto; clear:both; text-align: left;}

#contact .form_area button {
	margin: 0px;
	padding: 0px;
	border: none;
	background:none;
	cursor:pointer;
}
#contact form#mailformpro label {
	border-radius: 5px;
	margin: 3px 3px 20px 3px;
	float:left;
	font-size:15px;
}
#contact form#mailformpro label.mfp_checked {
	padding: 6px 10px 6px 3px;
	border: solid 1px #CCC;
	background-color: #E8EEF9;
}
#contact form#mailformpro label.mfp_not_checked {
	padding: 6px 10px 6px 3px;
	border-left: solid 1px #EEE;
	border-top: solid 1px #EEE;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

/* ------------------------------
service6
------------------------------*/

.service6{
clear:both;
width:944px;
background-color:#FFF;
border :3px solid #ebebeb;
padding:50px 20px 30px 30px;
margin:0 auto 20px auto;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

.service6 div.service_area{
clear: both;
width: 850px;
}
.service6 div.service_area .service_title{ text-align: left; font-size: 30px; font-weight: bold; line-height: 1; margin: 0 0 15px 0;}
.service6 div.service_area .service_title img{ float: left; padding: 0 20px 0 0; margin: -10px 0 0 0;}
.service6 div.service_area .service_title span.stxt{ font-size: 12px; display: block; padding: 0 0 0 70px;}
.service6 div.service_area .service_title span.stxt2{ clear: none; float:left; display: inline; padding: 0 0 0 0px;}
.service6 div.service_area .service_title span.stxt3{ width: 350px;  clear: none; text-indent: -1em; float:left; display: block; font-size: 20px; padding: 0 0 0 2em; margin: -5px 0 0 0;}
.service6 div.service_area p{ text-align: left; font-size: 16px; line-height: 1.5; padding: 0px 0 20px 70px;}

.service6 .sub_t{ text-align: center; font-size: 20px; font-weight: bold; border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; margin: 20px 0 20px 0; }

.service6 .sisyuarea{ clear: both; border-bottom: 1px dotted #ccc; padding: 20px 0 20px 0;}

.service6 .sisyu_l{ clear: both; width: 190px; float: left; text-align: left;}
.service6 .sisyu_l p{ background: url(images/sisyu_arrow.png) right top no-repeat; color: #006CB6; clear: both; text-align: left; font-weight: bold; font-size: 30px; line-height: 1; padding: 5px 0 5px 0; }


.service6 .sisyu_r{ width: 700px; float: left; padding: 5px 0 0 10px; text-align: left;}
.service6 .sisyu_r p{font-size: 16px; padding: 0 0 20px 0;}

/* ------------------------------
table
------------------------------*/

.table{ background-color: #ccc;}
.table th{ background: url(images/bg_th.png) left top repeat; border:1px solid #fff; width: 200px; font-size: 16px; padding: 20px 10px 20px 10px;}
.table td{ background-color: #fff; padding: 10px 10px 10px 10px; text-align: left;}

/* ------------------------------
shoplist
------------------------------*/

#shoplist{
	clear:both;
	width:934px;
	background-color:#FFF;
	border :3px solid #ebebeb;
	padding:20px 0px 0 20px;
	margin:0 auto 20px auto;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

#shoplist img{ width: 450px; float: left; padding: 0px 0px 0px 0;}

#shoplist img:nth-child(even){float: right; padding: 0px 20px 0px 0;}

#shoplist .shopbox{ width: 450px; float: left; padding: 0px 0px 28px 0;}
#shoplist .shopbox:nth-child(even){float: right; padding: 0px 20px 28px 0;}

#shoplist .shopbox dl{ clear: both; padding: 7px 0 0 0;}
#shoplist .shopbox dl dt{ clear: both; float: left; padding: 10px 10px 0 5px; font-weight: bold; font-size: 15px; width: auto; text-align: left; display: block; line-height: 1;}
#shoplist .shopbox dl dt.telfax{ clear: none; float: left; padding: 10px 10px 0 5px; font-weight: bold; font-size: 15px; width: auto; text-align: left; display: block;}
#shoplist .shopbox dl dd{ float: left; padding: 5px 20px 0 0; font-size: 14px;}

/* ------------------------------
thanks
------------------------------*/

#thanks{
	clear:both;
	width:954px;
	background-color:#FFF;
	border :3px solid #ebebeb;
	padding:20px 20px 0 20px;
	margin:30px auto 20px auto;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

#ThanksComment{ padding:30px 0 30px 0; font-size: 16px;}


/* --------------------------------------
pagepath 
-------------------------------------- */
#pagepath{
clear:both;
width:960px;
padding:10px 0px 10px 0px;
margin:0px auto 0px auto;
text-align:left;
color:#999;
}

body.sitemap #pagepath{
clear:both;
width:680px;
padding:10px 0px 10px 0px;
margin:0px auto 0px auto;
text-align:left;
color:#999;
}

#pagepath ol li{ background:url(images/pan_icon.png) right center no-repeat; padding:0 10px 0 0; display:inline;}
#pagepath ol li:last-child{ background-image:none;}
#pagepath ol li span{ padding:0px 5px 0px 0; font-size:13px; }
#pagepath ol li a span{ padding:0px 5px 0px 0; text-align:left; font-size:13px;}

#pagepath ol li a:link span	 	{ color:#888; text-decoration:underline; }
#pagepath ol li a:visited span 	{ color:#888; text-decoration:underline; }
#pagepath ol li a:active span 	{ color:#888; text-decoration:underline; }
#pagepath ol li a:hover span 	{ color:#999; text-decoration:underline; }




/* ------------------------------
sateibtn
------------------------------*/

.sateibtn{
clear:both;
text-align:center;
padding:0px 0 0px 0;
margin:0px 0 20px 0;
display: inline-block;
}
.sateibtn a{ text-decoration:none;}

.sateibtn_line{
width:100%;
background-image:none;
text-align:center;
padding:0px 0 30px 0;
margin:0 auto 20px auto;
}


.sateibtn div.red_btn {
background:url(images/red_btn_arrow.png) 50px center no-repeat;
background-size:20px 20px;
clear:both;
width:500px;
height:auto;
padding:15px 0 15px 0;
margin:0 auto;
background-color:#F14142;
border-bottom:5px solid #F68384;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.sateibtn div img{ position:absolute; top:-15px; left:0px; z-index:99; width:135px;}
.sateibtn div.red_btn span.jyoubu{ font-size:22px; line-height:1; font-weight:bold; display:block; text-decoration:none; padding:5px 0 5px 0; color:#fff;}
.sateibtn div.red_btn span.kabu{ font-size:35px; line-height:1; font-weight:bold; color:#FF0; text-decoration:none;}
.sateibtn div.red_btn span.kabu2{ font-size:18px; line-height:1; font-weight:bold; color:#FFF; text-decoration:none;}

.sateibtn .featured{ text-decoration:none;}

/* 点滅 */
.blinking3{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes blink{
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes blink{
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}


/* --------------------------------------
FOOTER
--------------------------------------- */

#footer{
background-color:#fff;
width:100%;
padding:7px 0 7px 0;
margin:0 auto 0px auto;
border-top:1px solid #ebebeb;
}
address{ font-size:11px; text-align:center; color:#888; font-style:normal; padding:0px 10px 0px 0;}
address a:link { color: #888; text-decoration:underline; }
address a:visited { color:#888; text-decoration:underline; }
address a:active { color:#888; text-decoration:underline; }
address a:hover { color: #444; text-decoration:underline; }

/* --------------------------------------
etc
--------------------------------------- */
a:link { color: #3399FF; text-decoration:underline; }
a:visited { color:#3399FF; text-decoration:underline; }
a:active { color:#3399FF; text-decoration:underline; }
a:hover { color: #F90; text-decoration:underline; }

ul{list-style-type: none;}
/*li{display: inline;}
*/
.liner01{ background-color:#FFC; padding:2px; border-bottom:1px dotted #FC9; color:#F30;}
.liner02{ background-color:#FFC; padding:2px; border-bottom:1px dotted #FC9; color:#000;}
.liner01_b{ background-color:#FFC; padding:2px; border-bottom:1px dotted #FC9; color:#F30; font-weight:bold;}
.liner02_b{ background-color:#FFC; padding:2px; border-bottom:1px dotted #FC9; color:#000; font-weight:bold;}

.liner_ye{background: linear-gradient(transparent 60%, #ffff66 60%);}
.liner_ye_b{background: linear-gradient(transparent 60%, #ffff66 60%); font-weight:bold;}


.liner_ye_txt_pinku{background: linear-gradient(transparent 60%, #ffff66 60%); font-weight:bold; color:#F66;}

.liner_ye_txt_red{background: linear-gradient(transparent 60%, #FF6 60%); font-weight:bold; color: #F33; border-bottom:1px dotted #FC6;}

.txt_shiro{ color:#FFF;}
.txt_shiro_s{ color:#FFF; font-size:16px;}
.txt_shiro_b{ color:#FFF; font-weight:bold;}

.txt_aka{ color:#F30;}
.txt_aka_b{ color:#FF3333; font-weight:bold;}
.txt_ora{ color: #F60;}
.txt_ora_b{ color:#F60; font-weight:bold;}
.txt_pinku{ color:#FA687D;}
.txt_pinku_b{ color:#FA687D; font-weight:bold;}
.txt_yellow{ color:#FFFF00;}
.txt_yellow_b{ color:#FFFF00; font-weight:bold;}

.txt_ao{ color: #09F;}
.txt_ao_b{ color:#09F; font-weight:bold;}
.txt_ao_big{ color:#09F; font-weight:bold; font-size:20px;}
.txt_kuro{ color: #000;}
.txt_kuro_b{ color:#000; font-weight:bold;}

.slanting{ font-style: italic}

.bold{ font-weight:bold;}


.m_b20{ clear:both; margin:0 0 20px 0;}
.m_b40{ clear:both; margin:0 0 40px 0;}
.center_arrow{ clear:both; margin:-20px 0 20px 0;}

.txt25_c{ font-size: 25px; text-align: center; line-height: 1.3; font-weight: bold; margin: 20px 0 20px 0;}