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

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}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:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/*テキスト装飾*/
.bold {font-weight:bold;}
.txt10{font-size:10px;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt15{font-size:15px;}
.txt16{font-size:16px;}
.txt18{font-size:18px;}
.txt21{font-size:21px;}
.txt24{font-size:24px;}
.txt28{font-size:28px;}
.txt31{font-size:31px;}
.white{color:#fff;}
.black{color:#501905;}
.red{color:#f00000;}
.green{color:#288c46;}
.blue{color:#005de8;}
.bg_y{background-color:#FAFA7D; padding:5px;}
.bg_gy{background-color:#dedede; padding:5px;}
.under_line{text-decoration:underline;}
.line_through{text-decoration:line-through;}
/*テキスト装飾*/

/*本体共通項目*/
body {margin: 0px auto;padding: 0px;font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;font-size: 15px;text-align: center;color: #501905;}
img {border:0;vertical-align: bottom;}
p {line-height:1.8em; margin:0px auto 10px; }
ul{padding:0px; margin:25px auto;}
li{padding:0px; margin:0px auto 10px; list-style:none;}
.text{width:80%; text-align:left; margin:50px auto;	padding:0px; }
figure{text-align:center; margin:0 auto; padding:0; }
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.f-left{float:left;}
.f-right{float:right;}
.clear{clear:both;}
article {width:100%;max-width:750px;margin:0px auto;padding:50px 0 0;background-color:#ffffff;text-align:left;}
div.ca {width:92%;margin:0 auto 50px;padding:1%;text-align:center;border:1px solid #ccc;border-radius: 10px;box-shadow: 1px 1px 1px rgba(0,0,0,0.4)}
div.ca p{width: 98%; margin:0 auto;text-align: left;}
/*本体共通項目*/

/*catch*/
header{width:100%;max-width:750px;}
/*catch*/

/*btn*/
.btn_00,.btn_01,.btn_02,.btn_03,.btn_04,.btn_green {position: relative;}
.btn_00 a {position: absolute;width: 60%;bottom: 20%;left: 0;right: 0;margin: 0 auto;}
.btn_01 a {position: absolute;width: 84%;bottom: 45%;left: 0;right: 0;margin: 0 auto;}
.btn_02 a {position: absolute;width: 84%;bottom: 9%;left: 0;right: 0;margin: 0 auto;}
.btn_03 a {position: absolute;width: 84%;bottom: 10%;left: 0;right: 0;margin: 0 auto;}
.btn_04 a {position: absolute;width: 84%;bottom: 8%;left: 0;right: 0;margin: 0 auto;}
.btn0 span{top: 75%;left: 8%;}
.btn1 span{top: 75%;left: 8%;}
.btn2 span{top: 55%;left: 8%;}
.btn3 span{top: 75%;left: 8%;}
.btn4 span{top: 55%;left: 8%;}

.btn_anm {animation: bound .6s ease infinite alternate;}
@keyframes bound{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}
/*btn*/

/*製品紹介*/
.seibun {width: 92%; margin: 0 auto;}
table.info_table{ width: 100%; margin:15px auto; border-collapse: collapse; border: 2px solid #333;}
table.info_table th{ vertical-align: middle; padding: 10px; border: 2px solid #333; width:140px; text-align: center; background: #efefef;}
table.info_table td{ vertical-align: middle; padding: 10px; border: 2px solid #333; font-size: 84%;}

table.info_table002{ width: 100%; margin:15px auto; border-collapse: collapse; border: 2px solid #333;}
table.info_table002 thead th{ padding: 10px; border: 2px solid #333; text-align: center; background: #efefef;}
table.info_table002 thead th span{ font-size: 80%;}
table.info_table002 th{ vertical-align: middle; padding: 10px; border: 2px solid #333; text-align: center;}
table.info_table002 td{ vertical-align: middle; padding: 10px; border: 2px solid #333; text-align: center;}
table.info_table002 thead th:nth-child(1){ width: 330px;}
table.info_table002 thead th:nth-child(2){ width: 240px;}
table.info_table002 thead th:nth-child(3){ width: 80px;}
table.info_table002 tbody{ font-size: 80%;}
table.info_table003{ width: 100%; margin:15px auto; border-collapse: collapse; border: 2px solid #333;}
table.info_table003 th{ padding: 10px; border: 2px solid #333; text-align: center; background: #efefef;}
table.info_table003 td{ padding: 10px; border: 2px solid #333; text-align: center; font-size: 75%;}

/* link */
.link01{position: relative;}
.link01 a {position: absolute;bottom: 5%; right: 0; left: 0; margin: 0 auto; text-align: center;}
.link02{position: relative;}
.link02 a {position: absolute;top: 39%;right: 8%;}
.mail_kansou{position: relative;}
.mail_kansou a{position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;bottom: 24%;font-size: 33px;}
@media screen and (max-width:750px) {
  .mail_kansou a{font-size: 24px;}
}
/* link */


/*フッター*/
nav ul{margin:0px auto; text-align: center; background-color: #fef3f5; padding-bottom: 20px; padding-top: 10px;}
nav ul li{display: inline-block; font-size: 14px; margin-right:10px;}
nav ul li a{text-decoration: none;}
nav ul li a:after{content:"|"; padding-left: 10px;}
nav ul li:last-child a:after{content:"";}
footer{background-color:#e16479;padding:10px 0 160px;font-size: 12px;text-align: center; color: #ffffff;}
/*フッター*/