/* ===================================================================
CSS information
 file name  :  styles.css
 style info :  リセット及び設定
 =================================================================== */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


 article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
 display: block;
 }
 audio[controls], canvas, video {
 display: inline-block;
 *display: inline;
 zoom: 1;
 }
 html {
 overflow-y: scroll;
 /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 font-size:14px;
 }
 html,body {
 /*min-height: 100%;
	height: auto !important;*/
	height:100%;
}
body {
	background-color:#ffffff;
}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
	margin: 0;
	padding: 0;
}
body, button, input, select, textarea {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:14px;
	font-weight: 400;
	color: #000000;
}

a, a:link, a:active, a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #666666;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: 700;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
pre, code, kbd, samp {
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
small {
font-size: 12px;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul, ol {
margin: 0;
padding: 0;
}
dd {
margin: 0px;
}
nav ul, nav ol {
list-style: none;
}
img {
border: 0;
vertical-align:bottom;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
*margin-left: -7px;
}
button, input, select, textarea {
font-size: 12px;
font-weight: 400;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button, input {
line-height: normal;
*overflow: visible;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="button"], input[type="reset"], input[type="submit"], input[type="image"] {
-webkit-appearance: none;
border-radius: 0;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;
}
img, abbr, acronym, fieldset {
border: 0;
}
li {
list-style: none;
}
.ie6_error, .no_script {
background:#F66;
padding: 100px;
text-align:center;
font-size:150%;
color:#333;
}
/*utility*/
.m05 {margin-bottom: 5px;}
.m10 {margin-bottom: 10px;}
.m12 {margin-bottom: 12px;}
.m15 {margin-bottom: 15px;}
.m20 {margin-bottom: 20px;}
.m30 {margin-bottom: 30px;}
.m40 {margin-bottom: 40px;}
.m50 {margin-bottom: 50px;}
.m60 {margin-bottom: 60px;}
.m100 {margin-bottom: 100px;}
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt12 {margin-top: 12px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt100 {margin-top: 100px;}
.ml05 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml12 {margin-left: 12px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.mr05 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.pt05 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pb05 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb70 {padding-bottom: 70px;}
.pb100 {padding-bottom: 100px;}
.pl05 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pr05 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}

.flt {float: left;}
.flr {float: right;}
.txt_l, td.txt_l, .txt_l td {text-align: left;}
.txt_r, td.txt_r, .txt_r td {text-align: right;}
.txt_c, td.txt_c, .txt_c td {text-align: center;}
.valign_t, td.valign_t, .valign_t td {vertical-align: top;}
.valign_m, td.valign_m, .valign_m td {vertical-align: middle;}
.valign_b, td.valign_b, .valign_b td {vertical-align: bottom;}
.clear {clear: both;}
.clearfix:before, .clearfix:after {content: "";display: block;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

.txt_red {color:#ee0000;}
.txt_white {color:#ffffff;}
.txt_black {color:#000000;}

/* shadowbox.css 
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:100000;text-align:left;visibility:hidden;display:none;}
*/

/*-------------- video ------------*/
#top-video-wrap {margin-bottom:0px; overflow: hidden; position: relative;}
#top-video-wrap #videoArea {/*width: 100%; height: 100%;*/ background-color: rgba( 0, 0, 0, 1 );}
#top-video-wrap .fitMovie {position: absolute;}

#top-video-wrap header {width: 100%;height: 100%; z-index: 100;}
#top-video-wrap header h1 {position: absolute;  top: 45%; left: 50%; transform: translate(-50%,-50%);}
#top-video-wrap header .scroll {position: absolute; left: 50%;margin-left: -20px; bottom: 140px;}


@media print, screen and (min-width: 784px) {
 /* PC用のスタイル記述 */
 html{
	min-width: 960px;
	height: 100%;
 }

body{
	height: 100%;
	line-height:1.6; 
}

.noscroll {
overflow-y: hidden;
}
/*-------------- Link ------------*/
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #000000;text-decoration: underline;}
a:active{color: #000000; text-decoration: underline;}

a.gray:link{color: #bbbbbb; text-decoration: none;}
a.gray:visited{color: #bbbbbb; text-decoration: none;}
a.gray:hover{color: #ffffff;text-decoration: underline;}
a.gray:active{color: #ffffff; text-decoration: underline;}

a.line:link{color: #000000; text-decoration: underline;}
a.line:visited{color: #000000; text-decoration: underline;}
a.line:hover{color: #bbbbbb;text-decoration: underline;}
a.line:active{color: #bbbbbb; text-decoration: underline;}

/* マウスオーバー透過 */
#wrapper a:hover img {filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

.pc {display: block;}
.sp {display: none;}
#spNavi {display:none;}
.pushy {display:none;}


/*-------------------------------------------------------------
	index
-------------------------------------------------------------*/
/*-------------- index-global ------------*/
.global {position: relative;top: -110px;z-index: 1000;}
.global nav {position: absolute;top: 0px;width: 100%;height: 110px; background-color: rgba( 255, 255, 255, 0.9 );/*background-color: transparent;background-image: url("../images/bg_global.png");*/}
.global nav {}
.global ul {/*display: table;*/width: 960px;height: 90px;margin: 20px auto 0 auto;/**/}
.global li {display: inline-block;/*display: table-cell;text-align: center;*/vertical-align: middle;line-height: 100%;}
.global li.logo {margin-right:50px;}
.global li.reg {margin-right:20px; padding-left:13px; font-size:15px; background: url("../images/global_icon.svg") no-repeat 0 3px;}
.global li.con {margin-right:50px; padding-left:13px; font-size:15px; background: url("../images/global_icon.svg") no-repeat 0 3px;}
.global li.eng {margin-right:10px; padding:1px 0 0 18px; font-size:12px; height: 14px; background: url("../images/global_enicon.svg") no-repeat 0 0; color: #bbbbbb;}
.global li.fb {margin-right:10px; padding:1px 0 0 18px; font-size:12px; height: 14px; background: url("../images/global_fbicon.svg") no-repeat 0 0;}
.global a {color: #000000;}
.global a:hover{color: #bbbbbb;text-decoration: none;}
.global li.btnArea {float:right; width:130px; /*font-size:15px; text-align:center;*/ margin:20px 0 0 0;}
.global li.btnArea img {width:130px; height: 30px;}

/*-------------- concept ------------*/
#concept-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; /*background-color:#ffffff;*/}
#concept-wrap #concept-inner{width:420px; margin:0 auto 0 auto; padding:120px 0 0 0; text-align:center; /*border:solid 1px #ff0000;*/}
#concept-wrap #concept-inner h2 {}
#concept-wrap #concept-inner .concept_icon {margin-top: 40px;}
#concept-wrap #concept-inner .concept_text {width:420px; margin-top: 40px; font-size:14px; line-height:1.6; text-align: justify;}

/*-------------- index-products ------------*/
#index-products-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; /*background-color:#ffffff;*/}
#index-products-wrap #index-products-inner{width:960px; margin:0 auto 0 auto; padding:90px 0 0 0; text-align:center;/*border:solid 1px #ff0000;*/}
#index-products-wrap #index-products-inner .products_title {font-size:18px;}
#index-products-wrap #index-products-inner .productsBox1 {width:800px; margin:70px 80px 100px 80px; /*border:solid 1px #ff0000;*/}
#index-products-wrap #index-products-inner .productsBox1 .picArea {float:left; width:420px;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea {float:right; width:350px;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea h3 {font-size:30px; text-align:left; font-weight: 200;/*font-weight:bold; margin-bottom:10px; line-height:2;*/}
#index-products-wrap #index-products-inner .productsBox1 .txtArea h3 span {font-size:18px; font-weight: 400;/*font-weight:bold; margin-bottom:10px; line-height:2;*/}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .txt01 {font-size:14px; line-height:1.6; text-align:left; margin:20px 0; text-align: justify;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .txt02 {font-size:14px; line-height:1.6; text-align:left;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .detailbtnArea {width:346px; font-size:18px; text-align:center; margin:10px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .btnArea {width:350px; font-size:18px; text-align:center; margin:10px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .btnArea input { width: 350px; /*height: 37px; position: absolute; top: 0px; right: 0;*/}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .btnArea input:hover {filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}

#index-products-wrap #index-products-inner .productsBox2 {clear: both; margin: 70px 0 0 -60px; zoom: 1;}
#index-products-wrap #index-products-inner .productsBox2 .proBox { float:left; width:195px; margin-left: 60px; text-align:left;}
#index-products-wrap #index-products-inner .productsBox2 .proBox .pic {width:195px;}
#index-products-wrap #index-products-inner .productsBox2 .proBox h3 {font-size:30px; margin:20px 0; font-weight: 200;/*font-weight:bold; line-height:2;*/}
#index-products-wrap #index-products-inner .productsBox2 .proBox .txt01 {font-size:14px; line-height:1.6; text-align:left; margin-bottom:20px; text-align: justify;}
#index-products-wrap #index-products-inner .productsBox2 .proBox .txt02 {font-size:12px; line-height:1.6; text-align:left;}
#index-products-wrap #index-products-inner .productsBox2 .proBox .detailbtnArea {width:191px; font-size:15px; text-align:center; margin:10px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox2 .proBox .btnArea {width:195px; margin:10px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox2 .proBox .btnArea input { width: 195px; /*height: 37px; position: absolute; top: 0px; right: 0;*/}
#index-products-wrap #index-products-inner .productsBox2 .proBox .btnArea input:hover {filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}

#index-products-wrap #index-products-inner .productsBox3 {clear: both; margin:70px 305px 0 305px;}
#index-products-wrap #index-products-inner .productsBox3 .btnArea {width:346px; font-size:18px; text-align:center;}

/*-------------- index-about ------------*/
#index-about-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; /*background-color:#ffffff;*/}
#index-about-wrap #index-about-inner{width:420px; margin:0 auto 0 auto; padding:120px 0 70px 0; text-align:center; /*border:solid 1px #ff0000;*/}
#index-about-wrap #index-about-inner h2 {}
#index-about-wrap #index-about-inner .about_icon {margin-top: 40px;}
#index-about-wrap #index-about-inner .about_title {font-size:18px; margin-top: 50px;}
#index-about-wrap #index-about-inner .about_text {width:420px; margin-top: 40px; font-size:14px; line-height:1.6; text-align: justify;}
#index-about-wrap #index-about-inner .btnArea {width:346px; font-size:18px; text-align:center; margin:70px 35px 0 35px;}

/*-------------- imgArea ------------*/
#img-wrap {clear: both; width:100%; position:relative; overflow:visible; /*border:solid 1px #ff0000;*/}
#img-wrap #img-inner{/*width: 100%; height:370px; margin:0 auto 0 auto; padding:0 0 400px 0;*/}
#img-wrap #img-inner .viewer {top: 0;left: 0;}
#img-wrap #img-inner .viewer img {width: 100%; height:100%;}
/*#img-wrap #img-inner .viewer .bx-wrapper {width: 100%!important;position: relative!important;overflow:hidden;}
#img-wrap #img-inner .viewer .bx-viewport {margin: 0 auto!important;overflow: visible!important;width: 100%!important;}*/

/*-------------- company ------------*/
#company-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;/* background-color:#ffffff;*/}
#company-wrap #company-inner{width:420px; margin:0 auto 0 auto; padding:120px 0 70px 0; text-align:center; /*border:solid 1px #ff0000;*/}
#company-wrap #company-inner h2 {}
#company-wrap #company-inner .company_icon {margin-top: 40px;}
#company-wrap #company-inner .company_title {font-size:18px; margin-top: 50px;}
#company-wrap #company-inner .company_textArea {width:420px; margin-top: 40px;}
#company-wrap #company-inner .company_textArea .company { width: 420px; font-size:14px; line-height:1.6; border-collapse:collapse; border-top:solid 1px #dddddd;}
#company-wrap #company-inner .company_textArea .company td.txt01{ padding: 10px 5px; text-align:left; vertical-align:middle; white-space:nowrap; border-bottom:solid 1px #dddddd;}
#company-wrap #company-inner .company_textArea .company td.txt02{ padding: 10px 5px; text-align:left; vertical-align:middle; border-bottom:solid 1px #dddddd;}
#company-wrap #company-inner .company_textArea .company td.txt01 br {display: none;}

/*-------------- map ------------*/
#map-wrap {clear: both; width:100%; margin:0 auto 0 auto; background-color:#dddddd; overflow:visible;}
#map-wrap #map-inner{/*max-width:1400px; margin:0 auto 0 auto;*/ height:370px; padding:0; text-align:center;/*border:solid 1px #ff0000;*/}
#map-wrap #map-inner #mapArea #map{width:100%;  height:370px; /*border:solid 1px #ff0000;*/}

/*-------------- access ------------*/
#access-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
#access-wrap #access-inner{width:920px; margin:0 auto 0 auto; padding:50px 0 0 0; text-align:center;/*border:solid 1px #ff0000;*/}
#access-wrap #access-inner .access_title {font-size:18px;}
#access-wrap #access-inner .accessBox_left { float:left; width:420px; margin:50px 0; text-align:left;}
#access-wrap #access-inner .accessBox_right { float:right; width:420px; margin:50px 0; text-align:left;}
#access-wrap #access-inner .accessDetail { width: 420px; line-height:1.6; border-collapse:collapse;}
#access-wrap #access-inner .accessDetail td.txt01{ font-size:18px; padding: 10px 5px; text-align:left; border-bottom:solid 1px #dddddd;}
#access-wrap #access-inner .accessDetail td.txt02{ font-size:14px; padding: 10px 5px; text-align:left; border-bottom:solid 1px #dddddd;}
#access-wrap #access-inner .accessDetail td.txt03{ font-size:14px; padding: 10px 5px; text-align:left; border-bottom:solid 1px #dddddd;}
#access-wrap #access-inner .productsBox3 {clear: both; margin:0 390px;}
#access-wrap #access-inner .productsBox3 .btnArea {width:140px; font-size:16px; text-align:center;}


/*-------------------------------------------------------------
	products, aboutus, info, privacy
-------------------------------------------------------------*/
/*-------------- global NAVI ------------*/
#globalNavi-wrap{position:fixed; top:0; left:0; width:100%; overflow:visible; background:url(../images/bg_global.png) repeat 0 0; z-index: 500;/*border:solid 1px #ff0000;*/}
#globalNavi-wrap #globalNavi-inner{width:960px; height:90px; margin:0 auto 0 auto;}
#globalNavi-wrap #globalNavi-inner ul {/*display: table;width: 960px;*/height: 90px;margin: 20px auto 0 auto;}
#globalNavi-wrap #globalNavi-inner li {display: inline-block;/*display: table-cell;text-align: center;*/vertical-align: middle;line-height: 100%;}
#globalNavi-wrap #globalNavi-inner li.logo {margin-right:50px;}
#globalNavi-wrap #globalNavi-inner li.reg {margin-right:20px; padding-left:13px; font-size:15px; background: url("../images/global_icon.svg") no-repeat 0 3px;}
#globalNavi-wrap #globalNavi-inner li.con {margin-right:50px; padding-left:13px; font-size:15px; background: url("../images/global_icon.svg") no-repeat 0 3px;}
#globalNavi-wrap #globalNavi-inner li.eng {margin-right:10px; padding:1px 0 0 18px; font-size:12px; height: 14px; background: url("../images/global_enicon.svg") no-repeat 0 0; color: #bbbbbb;}
#globalNavi-wrap #globalNavi-inner li.fb {margin-right:10px; padding:1px 0 0 18px; font-size:12px; height: 14px; background: url("../images/global_fbicon.svg") no-repeat 0 0;}
#globalNavi-wrap #globalNavi-inner a {color: #000000;}
#globalNavi-wrap #globalNavi-inner a:hover{color: #bbbbbb;text-decoration: none;}
#globalNavi-wrap #globalNavi-inner li.btnArea {float:right; width:130px; /*font-size:15px; text-align:center;*/ margin:20px 0 0 0;}
#globalNavi-wrap #globalNavi-inner li.btnArea img {width:130px; height: 30px;}

/*-------------- main photo ------------*/
#main-wrap{width:100%; position:relative; margin:110px auto 0 auto; /*padding-top:110px;*/ overflow:visible;}
#main-wrap #main-pic {top: 0;left: 0;}
#main-wrap #main-pic img {width: 100%; height:100%;}
#main-wrap #main-photo-inner{position: absolute; width: 100%; top:50%; left:0; margin:-140px auto 0 auto; padding:50px 0;  z-index: 11; background:url(../images/bg_mainphoto.png) repeat 0 0;}
#main-wrap #main-photo-inner .photocenter {position:relative; width:420px; margin:0 auto 0 auto;}
#main-wrap #main-photo-inner .photocenter .concept_icon {text-align:center;}
#main-wrap #main-photo-inner .photocenter .concept_title {font-size:18px; margin: 20px 0 30px 0; text-align:center;}
#main-wrap #main-photo-inner .photocenter .concept_text {/*width:420px; margin:0 auto 0 auto;*/ font-size:14px; line-height:1.6; text-align: justify;}


/*-------------------------------------------------------------
	products
-------------------------------------------------------------*/
/*-------------- products contents ------------*/
#products-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; /*background-color:#ffffff;*/}
#products-wrap #products-inner{width:960px; margin:0 auto 0 auto; padding:0; /*text-align:center; border:solid 1px #ff0000;*/}
#products-wrap #products-inner .productsBox {padding-top:110px;}
#products-wrap #products-inner .productsBox h3 {font-size:30px; text-align:left; font-weight: 200; margin-bottom:20px;/*font-weight:bold; margin-bottom:10px; line-height:2;*/}
#products-wrap #products-inner .productsBox h3 span {font-size:18px; font-weight: 400;/*font-weight:bold; margin-bottom:10px; line-height:2;*/}
#products-wrap #products-inner .productsBox .picArea {float:left; width:480px;}
#products-wrap #products-inner .productsBox .picArea dl {width: 480px; margin-bottom: 20px;}
#products-wrap #products-inner .productsBox .picArea dt {width: 480px; height:360px; float:left; margin-bottom:5px;}
#products-wrap #products-inner .productsBox .picArea dt img {width: 480px; height:360px;}
#products-wrap #products-inner .productsBox .picArea dd {width: 120px; height:90px; margin-bottom:5px; float:left;}
#products-wrap #products-inner .productsBox .picArea dd img {width: 120px; height:90px;cursor:pointer;}
#products-wrap #products-inner .productsBox .picArea dd.temomi {width: 60px; height:45px; margin: 0 0 5px 0; float:left;}
#products-wrap #products-inner .productsBox .picArea dd.temomi img {width: 60px; height:45px;cursor:pointer;}
#products-wrap #products-inner .productsBox .picArea .temomi_method {clear:both; width: 480px; height:20px; font-size:12px; margin-bottom:10px; /*float:left;*/}

#products-wrap #products-inner .productsBox .txtArea {float:right; width:430px;}
#products-wrap #products-inner .productsBox .txtArea .txt01 {margin-bottom:30px; padding-bottom:30px; border-bottom:solid 1px #dddddd; text-align: justify;}
#products-wrap #products-inner .productsBox .txtArea .txt02 {margin-bottom:10px;}
/*#products-wrap #products-inner .productsBox .txtArea .txt02 br {display:none;}*/
#products-wrap #products-inner .productsBox .txtArea .txt03 {margin-bottom:20px;}
#products-wrap #products-inner .productsBox .txtArea .txt04 {margin-bottom:30px;}
#products-wrap #products-inner .productsBox .txtArea .detailArea {padding:10px 20px; background-color:#f3f4f6;}
#products-wrap #products-inner .productsBox .txtArea .detailArea .amount {}
#products-wrap #products-inner .productsBox .txtArea .detailArea .price {font-size:18px;}
/*#products-wrap #products-inner .productsBox .txtArea .btnArea {width:426px; font-size:18px; text-align:center; margin:10px 0 0 0;}*/
#products-wrap #products-inner .productsBox .txtArea .cart_option {margin: 20px 0 0 0; width: 430px;}
#products-wrap #products-inner .productsBox .txtArea .cart_option .custom-selectbox {margin: 0 0 0 230px; text-align: left; position: relative;}
span.customSelect {
margin-top: 0;
font-size:18px;
line-height: 45px;
height: 45px;
width: 100px;
padding-left: 100px;
background:url(../images/select-box-arrow.png) no-repeat 0 0;
}
#products-wrap #products-inner .productsBox .txtArea .cart_option .custom-selectbox input { width: 430px; height: 45px; position: absolute; top: 55px; right: 0;}
#products-wrap #products-inner .productsBox .txtArea .cart_option .custom-selectbox input:hover {filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5; }
#products-wrap #products-inner .productsBox .txtArea .textlinkArea {clear: both; text-align:right; margin:65px 0 0 0;}
#products-wrap #products-inner .productsBox .txtArea .textlinkArea .linkR {font-size:12px; margin-bottom:5px;}
#products-wrap #products-inner .other_txt {clear: both; text-align:center; font-size:15px; margin:30px 0;}
/*#products-wrap #products-inner .other_txt br {display: none;}*/

/*-------------------------------------------------------------
	aboutus
-------------------------------------------------------------*/
/*-------------- history ------------*/
#history-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; /*background-color:#ffffff;*/}
#history-wrap #history-inner{width:960px; margin:0 auto 0 auto; padding:0; /*text-align:center; border:solid 1px #ff0000;*/}
#history-wrap #history-inner .historyBox {padding-top:110px;}
#history-wrap #history-inner .historyBox h3 {font-size:48px; text-align:left; font-weight: 200; margin-bottom:10px;/*font-weight:bold; margin-bottom:10px; line-height:2;*/}
#history-wrap #history-inner .historyBox .txtArea {float:left; width:430px;}
#history-wrap #history-inner .historyBox .txtArea .txt01 {text-align: justify;}
#history-wrap #history-inner .historyBox .picArea {float:right; width:480px;}

/*-------------- person ------------*/
#person-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
#person-wrap #person-inner{width:960px; /*height:700px;*/ margin:0 auto 0 auto; padding:0; position:relative;}
#person-wrap #person-inner .personBox {padding-top:150px;margin:0;}
#person-wrap #person-inner .personBox .txtArea { float:left; width:430px; position:absolute; bottom:0; left:0; /*border:solid 1px #ff0000;*/ }
#person-wrap #person-inner .personBox .txtArea h3 {font-size:48px; text-align:left; font-weight: 200; margin-bottom:10px;}
#person-wrap #person-inner .personBox .txtArea .txt01 {text-align: justify; margin-bottom:20px;}
#person-wrap #person-inner .personBox .txtArea .txt02 {line-height:2;}
#person-wrap #person-inner .personBox .picArea {float:right; width:480px; /*position:absolute; bottom:0; left:480px;*/}
#person-wrap #person-inner .personBox .award { width: 430px; font-size:14px; line-height:1.6; border-collapse:collapse; border-top:solid 1px #dddddd;}
#person-wrap #person-inner .personBox .award td.txt01{ padding: 5px; text-align:left; vertical-align:middle; white-space:nowrap; border-bottom:solid 1px #dddddd;}
#person-wrap #person-inner .personBox .award td.txt02{ padding: 5px; text-align:left; vertical-align:middle; border-bottom:solid 1px #dddddd;}
#person-wrap #person-inner .personBox .award td.txt01 br {display: none;}

/*-------------- leaf ------------*/
#leaf-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
#leaf-wrap #leaf-inner{width:640px; margin:0 auto 0 auto; padding:0; text-align:center;}
#leaf-wrap #leaf-inner .leafBox {padding-top:150px; margin:0;}
#leaf-wrap #leaf-inner .leafBox .pic {margin-bottom:20px;}
#leaf-wrap #leaf-inner .leafBox .txt {text-align:center; line-height:2;}

/*-------------- condition ------------*/
#condition-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
#condition-wrap #condition-inner{width:960px; margin:100px auto 0 auto; padding:0; text-align:center;}
#condition-wrap #condition-inner .conditionBox {padding:20px; background-color:#f3f4f6; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
#condition-wrap #condition-inner .conditionBox .txt01 {margin-bottom:10px; text-align:left;}
#condition-wrap #condition-inner .conditionBox .txt02 {font-size:12px; text-align:left; line-height:1.8; }


/*-------------------------------------------------------------
	info
-------------------------------------------------------------*/
#info-wrap {clear: both; width:100%; margin:180px auto 0 auto; overflow:visible;}
#info-wrap #info-inner{width:960px; margin:0 auto 0 auto; padding:0;}
#info-wrap #info-inner  h2 {font-size:40px; text-align:left; font-weight: 200; margin-bottom:10px;}
#info-wrap #info-inner .howtoBox {padding-top:110px;}
#info-wrap #info-inner .howtoBox h3 {font-size:30px; text-align:left; font-weight: 200; margin-bottom:20px;}
#info-wrap #info-inner .howtoBox .txtArea {width:960px;}
#info-wrap #info-inner .howtoBox .txtArea .txt01 {margin-bottom:20px; line-height:1.8;}
#info-wrap #info-inner .howtoBox .txtArea .txt02 {font-size:12px;}
#info-wrap #info-inner .howtoBox .subtitleArea {clear: both; float:left; width:260px;}
#info-wrap #info-inner .howtoBox .subtitleArea h4 {font-size:18px; text-align:left; font-weight: 300;}
#info-wrap #info-inner .howtoBox .priceArea {float:right; width:640px; margin-bottom:80px;}
#info-wrap #info-inner .howtoBox .priceArea .txt01 {font-size:18px; font-weight: 400; color:#ee0000;}
#info-wrap #info-inner .howtoBox .priceArea .txt02 {line-height:1.8;}
#info-wrap #info-inner .howtoBox .priceArea .txt03 {line-height:1.8; margin-bottom:10px;}
#info-wrap #info-inner .howtoBox .priceArea .company { border-collapse:collapse;}
#info-wrap #info-inner .howtoBox .priceArea .tableArea{ width:500px;}
#info-wrap #info-inner .howtoBox .priceArea .tableArea br { display:none;}
#info-wrap #info-inner .howtoBox .priceArea .tableArea td.td01{ padding: 10px; background-color:#eeeeee; border:solid 2px #dddddd; white-space:nowrap;}
#info-wrap #info-inner .howtoBox .priceArea .tableArea td.td02{ padding: 10px; background-color:#ffffff; border:solid 2px #dddddd; text-align:right; white-space:nowrap; font-weight: 700;}
#info-wrap #info-inner .howtoBox .priceArea .tableArea td.td03{ padding: 10px; background-color:#ffffff; border:solid 2px #dddddd; text-align:center;}
#info-wrap #info-inner .howtoBox .priceArea .accountBox {width:300px; padding:20px; line-height:2.5; background-color:#f3f4f6; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}


/*-------------------------------------------------------------
	privacy
-------------------------------------------------------------*/
#privacy-wrap {clear: both; width:100%; margin:180px auto 0 auto; overflow:visible;}
#privacy-wrap #privacy-inner{width:960px; margin:0 auto 0 auto; padding:0;}
#privacy-wrap #privacy-inner h2 {font-size:40px; text-align:left; font-weight: 200; margin-bottom:10px;}
#privacy-wrap #privacy-inner .privacyBox {padding-top:80px;}
#privacy-wrap #privacy-inner .privacyBox h3 {font-size:16px; text-align:left; font-weight: 400; margin-bottom:10px;}
#privacy-wrap #privacy-inner .privacyBox .txtArea {width:960px; margin-bottom:10px; /*margin-bottom:20px; line-height:1.8;*/}
#privacy-wrap #privacy-inner .privacyBox .charge {margin-bottom: 20px;}
#privacy-wrap #privacy-inner .privacyBox .charge ul {}
#privacy-wrap #privacy-inner .privacyBox .charge li {line-height: 1.8; margin: 0 0 10px 20px; list-style-type: square;}

/*-------------------------------------------------------------
	law
-------------------------------------------------------------*/
#law-wrap {clear: both; width:100%; margin:180px auto 0 auto; overflow:visible;}
#law-wrap #law-inner{width:960px; margin:0 auto 0 auto; padding:0;}
#law-wrap #law-inner h2 {font-size:40px; text-align:left; font-weight: 200; margin-bottom:10px;}
#law-wrap #law-inner .lawBox {padding-top:80px;}
#law-wrap #law-inner .lawBox dl {width: 960px; line-height: 220%;}
#law-wrap #law-inner .lawBox dt {width: 200px; float: left; clear: both; margin-bottom: 30px;}
#law-wrap #law-inner .lawBox dd {margin-left:200px; margin-bottom: 30px;}


/*-------------------------------------------------------------
	footer
-------------------------------------------------------------*/
#footer-wrap {clear: both; width:100%; margin:100px auto 0 auto; overflow:visible; background-color:#000000; background:url(../images/bg_footer.png) repeat-x 0 0;}
#footer-wrap #footer-inner{width:960px; margin:0 auto 0 auto; padding-bottom:30px; text-align:center; }
#footer-wrap #footer-inner .ani {text-align:right; margin:0 15px 0 0;}
#footer-wrap #footer-inner .ani  a:hover img {filter: alpha(opacity=100);-moz-opacity:1;opacity:1;}
#footer-wrap #footer-inner .logo {margin:20px 0 30px 0;}
#footer-wrap #footer-inner .footer_text {font-size:14px; color:#ffffff;line-height:1.5;}
#footer-wrap #footer-inner .fb {margin:20px 0 0 0;}

/*-------------------------------------------------------------
	copyright
-------------------------------------------------------------*/
#copyright-wrap {width:100%; margin:0 auto 0 auto; overflow:visible; background: url("../images/bg_copyright.jpg") no-repeat 0 0; background-size:100% auto;}
#copyright-wrap #copyright-inner{width:960px; margin:0 auto 0 auto; padding:30px 0; text-align:center;}
#copyright-wrap #copyright-inner #linkArea {float:left;}
#copyright-wrap #copyright-inner #linkArea ul {}
#copyright-wrap #copyright-inner #linkArea li { font-size:12px; margin-right: 15px; padding-right:15px; list-style: none; float: left; border-right: solid 1px #a79a66; display: block;}
#copyright-wrap #copyright-inner #linkArea li:last-child {border-right: none;}
#copyright-wrap #copyright-inner #copyArea {float:right;}
#copyright-wrap #copyright-inner #copyArea #copyright{color:#888888; font-size:12px;}

/*-------------------------------------------------------------
	btn
-------------------------------------------------------------*/
.detail_btn a{ width:100%; font-weight:400; display: inline-block; padding:6px 0; border:solid 2px #000000; color:#000000; background-color:#ffffff; text-align:center; border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.detail_btn a:hover{background-color:#dddddd; color:#000000; border:solid 2px #999999; text-decoration: none;}
.cart_btn a{ width:100%; font-weight:400; display: inline-block; padding:6px 0; border:solid 2px #000000; color:#ffffff; background-color:#000000; text-align:center; border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.cart_btn a:hover{background-color:#666666; color:#ffffff; border:solid 2px #666666; text-decoration: none;}

/*-------------------------------------------------------------
	page top
-------------------------------------------------------------*/
#pagetop {clear: both; width: 100%; position: relative; z-index:100;}
#pagetop_box {margin: 0 auto;}
#pagetop_box #page-toplink {position: fixed;right:20px;bottom: 20px;}
#pagetop_box #page-toplink a {width:40px;height: 36px;display: block;}
#pagetop_box #page-toplink a:hover {}


/*/PC*/
}



/*@media print, screen and (max-width: 783px) {*/
@media screen and (max-width: 783px) {
/* スマートフォン用のスタイル記述 */
body {background-color: #ffffff;}
/*
img, object, embed {
max-width: 100%;
height: auto;
}
*/
img {
-ms-interpolation-mode: bicubic;
}

/*-------------- Link ------------*/
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #000000;text-decoration: underline;}
a:active{color: #000000; text-decoration: underline;}

a.gray:link{color: #bbbbbb; text-decoration: none;}
a.gray:visited{color: #bbbbbb; text-decoration: none;}
a.gray:hover{color: #ffffff;text-decoration: underline;}
a.gray:active{color: #ffffff; text-decoration: underline;}

a.line:link{color: #000000; text-decoration: underline;}
a.line:visited{color: #000000; text-decoration: underline;}
a.line:hover{color: #bbbbbb;text-decoration: underline;}
a.line:active{color: #bbbbbb; text-decoration: underline;}

#wrapper {width:100%; font-size:14px; line-height: 1.6; min-width:308px;}

.pc {display: none}
.sp {display: block;}


/*-------------- spNavi ------------*/
#spNavi {width:100%; position:relative; background-color:#ffffff; overflow:visible;}
#spNavi #spNavi-inner{width:94%;  margin:0 3% 0 3%; padding: 6px 0; position: relative; text-align:right;}
#spNavi #spNavi-inner .menu-btn {display: inline-block;}
#spNavi #spNavi-inner .menu-btn img {width: 40px; height: 36px; cursor: pointer;}




/*-------------- main photo ------------*/
#main-photo-wrap {clear:both; width:100%; position:relative; background-color:#ffffff; overflow:visible;}
#main-photo-wrap #main-picArea {/*z-index: 10;*/}
#main-photo-wrap #main-picArea .viewer {top: 0;left: 0;}
#main-photo-wrap #main-picArea .viewer img {width: 100%; height:100%;}


.viewer .bx-wrapper {width: 100%!important;position: relative!important;overflow:hidden;}
.viewer .bx-viewport {margin: 0 auto!important;overflow: visible!important;width: 100%!important;}
#spSlide {position: relative;z-index: 2;}
#spSlide ul {}


#main-photo-wrap #main-photo-inner {width:100%; height:auto; margin:0 auto 0 auto; /*padding:20px 0;*/}


/* scroll */
/*
#main-photo-wrap #main-photo-inner  #scrollBox {position: absolute; bottom:6px; left:50%; width: 40px; z-index: 15; margin-left: -20px;}
#main-photo-wrap #main-photo-inner  #scrollBox .scroll{width: 40px; height: 30px;}
*/
/* Menu Button */
/*
#main-photo-wrap #main-photo-inner  #spNavi {position: absolute; top:10px; right:10px; z-index: 13;}
#main-photo-wrap #main-photo-inner  #spNavi .menu-btn{width: 40px; height: 36px; background: #ffffff;cursor: pointer;}
#main-photo-wrap #main-photo-inner  #spNavi .menu-btn:hover{background: #c5c5c5;}
*/
/*#globalNavi2-wrap {display:none;}*/

.pushy{
position: fixed;
width: 200px;
height: 100%;
top: 0;
right:0;
z-index: 9999;
background: #dddddd;
font-size: 12px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}

/*
.pushy .no_link{
display: block;
color: #ffffff;
padding: 8px 10px 8px 20px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
border-top: 1px solid rgba(255, 255, 255, .1);
text-decoration: none;
}
*/
.pushy a{
display: block;
color: #000000;
padding: 8px 10px 8px 20px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
border-top: 1px solid rgba(255, 255, 255, .1);
text-decoration: none;
}
.pushy a:hover{background-color: #666666;color: #ffffff;}

.pushy .cart_col {background-color: #222222;}
.pushy .cart_col a{color: #ffffff;}
.pushy .cart_col a:hover{background-color: #666666; color: #ffffff;}

li.link2nd a{
padding-left: 30px;
}

/* Menu Movement */

.pushy-right{
-webkit-transform: translate3d(200px,0,0);
-moz-transform: translate3d(200px,0,0);
-ms-transform: translate3d(200px,0,0);
-o-transform: translate3d(200px,0,0);
transform: translate3d(200px,0,0);
}

.pushy-open{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.container-push, .push-push{
-webkit-transform: translate3d(-200px,0,0);
-moz-transform: translate3d(-200px,0,0);
-ms-transform: translate3d(-200px,0,0);
-o-transform: translate3d(-200px,0,0);
transform: translate3d(-200px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
-webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
-moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
-o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

/* Site Overlay */

.site-overlay{
display: none;
}

.pushy-active .site-overlay{
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9998;
background-color: rgba(0,0,0,0.5);
-webkit-animation: fade 500ms; 
-moz-animation: fade 500ms; 
-o-animation: fade 500ms;
animation: fade 500ms;
}

@keyframes fade{
0%   { opacity: 0; }
100% { opacity: 1; }
}

@-moz-keyframes fade{
0%   { opacity: 0; }
100% { opacity: 1; }
}

@-webkit-keyframes fade{
0%   { opacity: 0; }
100% { opacity: 1; }
}

@-o-keyframes fade{
0%   { opacity: 0; }
100% { opacity: 1; }
}

.pushy .present{
font-weight: 700;
}

/*-------------- index-global ------------*/
.global {display: none;}

/*-------------- concept ------------*/
#concept-wrap{clear:both; width:100%; overflow:visible;}
#concept-wrap #concept-inner{width:90%;  margin:0 5% 0 5%; padding:40px 0; position: relative; text-align:center;}
#concept-wrap #concept-inner h2 img{width:200px;}
#concept-wrap #concept-inner .concept_icon {margin-top: 40px;}
#concept-wrap #concept-inner .concept_icon img {width:300px;}
#concept-wrap #concept-inner .concept_text {width:100%; margin-top: 40px; text-align: justify;}

/*-------------- index-products ------------*/
#index-products-wrap{clear:both; width:100%; overflow:visible;}
#index-products-wrap #index-products-inner{width:90%;  margin:0 5% 0 5%;padding:40px 0; position: relative; text-align:center;}
#index-products-wrap #index-products-inner .products_title {font-size:18px;}
#index-products-wrap #index-products-inner .productsBox1 {width:100%; margin:50px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox1 .picArea {width:100%;}
#index-products-wrap #index-products-inner .productsBox1 .picArea img {width: 100%; height:100%;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea {width:100%; text-align:left;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea h3 {font-size:24px; /*font-weight:bold; margin-bottom:10px; line-height:2;*/}
#index-products-wrap #index-products-inner .productsBox1 .txtArea h3 span {font-size:14px; /*font-weight:bold; margin-bottom:10px; line-height:2;*/}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .txt01 {margin:10px 0; text-align: justify;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .txt02 {text-align:left;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .detailbtnArea {width:100%; text-align:center; margin:10px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .btnArea {width:100%; text-align:center; margin:10px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .btnArea input { width: 100%; /*height: 37px; position: absolute; top: 0px; right: 0;*/}
#index-products-wrap #index-products-inner .productsBox1 .txtArea .btnArea input:hover {filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}

#index-products-wrap #index-products-inner .productsBox2 {margin: 50px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox2 .proBox {width:100%; text-align:left;margin: 50px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox2 .proBox .pic img {width: 100%; height:100%;}
#index-products-wrap #index-products-inner .productsBox2 .proBox h3 {font-size:24px; margin:10px 0;/*font-weight:bold; line-height:2;*/}
#index-products-wrap #index-products-inner .productsBox2 .proBox .txt01 {text-align:left; margin-bottom:10px;}
#index-products-wrap #index-products-inner .productsBox2 .proBox .txt02 {text-align:left;}
#index-products-wrap #index-products-inner .productsBox2 .proBox .detailbtnArea {width:100%; text-align:center; margin:10px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox2 .proBox .btnArea {width:100%; text-align:center; margin:10px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox2 .proBox .btnArea input { width: 100%; /*height: 37px; position: absolute; top: 0px; right: 0;*/}
#index-products-wrap #index-products-inner .productsBox2 .proBox .btnArea input:hover {filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}

#index-products-wrap #index-products-inner .productsBox3 {margin:50px 0 0 0;}
#index-products-wrap #index-products-inner .productsBox3 .btnArea {width:100%; text-align:center;}

/*-------------- index-about ------------*/
#index-about-wrap{clear:both; width:100%; overflow:visible;}
#index-about-wrap #index-about-inner{width:90%;  margin:0 5% 0 5%; padding:40px 0; position: relative; text-align:center;}
#index-about-wrap #index-about-inner h2 img{width:200px;}
#index-about-wrap #index-about-inner .about_icon {margin-top: 40px;}
#index-about-wrap #index-about-inner .about_icon img {width:300px;}
#index-about-wrap #index-about-inner .about_title {font-size:18px; margin-top: 50px;}
#index-about-wrap #index-about-inner .about_text {width:100%; margin-top: 40px; text-align: justify;}
#index-about-wrap #index-about-inner .btnArea {width:100%; text-align:center; margin:50px 0 0 0;}

/*-------------- imgArea ------------*/
#img-wrap{clear:both; width:100%; overflow:visible;}
#img-wrap #img-inner{}
#img-wrap #img-inner .viewer {top: 0;left: 0;}
#img-wrap #img-inner .viewer img {width: 100%; height:100%;}

/*-------------- company ------------*/
#company-wrap{clear:both; width:100%; overflow:visible;}
#company-wrap #company-inner{width:90%;  margin:0 5% 0 5%; padding:40px 0; position: relative; text-align:center;}
#company-wrap #company-inner h2 img{width:200px;}
#company-wrap #company-inner .company_icon {margin-top: 40px;}
#company-wrap #company-inner .company_icon img {width:300px;}
#company-wrap #company-inner .company_title {font-size:18px; margin-top: 50px;}
#company-wrap #company-inner .company_textArea {width:100%; margin-top: 40px;}
#company-wrap #company-inner .company_textArea .company { width: 100%; border-collapse:collapse; border-top:solid 1px #dddddd;}
#company-wrap #company-inner .company_textArea .company td.txt01{ padding: 10px 4px; text-align:left; vertical-align:middle; white-space:nowrap; border-bottom:solid 1px #dddddd;}
#company-wrap #company-inner .company_textArea .company td.txt02{ padding: 10px 0 10px 20px; text-align:left; vertical-align:middle; border-bottom:solid 1px #dddddd;}

/*-------------- map ------------*/
#map-wrap{clear:both; width:100%; margin:0 auto 0 auto; overflow:visible;}
#map-wrap #map-inner{width:90%;  margin:0 5% 0 5%; padding:0;position: relative;}
#map-wrap #map-inner #mapArea {position: relative;width: 100%; /*margin: 20px 0 10px 0;*/ padding-top: 56.25%;}
#map-wrap #map-inner #mapArea #map iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
/*#map-wrap #map-inner #mapArea #map {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}*/


/*-------------- access ------------*/
#access-wrap{clear:both; width:100%; overflow:visible;}
#access-wrap #access-inner{width:90%;  margin:0 5% 0 5%; padding:40px 0; position: relative; text-align:center;}
#access-wrap #access-inner .access_title {font-size:18px;}
#access-wrap #access-inner .accessBox_left { width:100%; margin:20px 0; text-align:left;}
#access-wrap #access-inner .accessBox_right { width:100%; margin:20px 0; text-align:left;}
#access-wrap #access-inner .accessDetail { width:100%; border-collapse:collapse;}
#access-wrap #access-inner .accessDetail td.txt01{ width:100%; padding: 10px 4px; text-align:left; border-bottom:solid 1px #dddddd;}
#access-wrap #access-inner .accessDetail td.txt02{ width:30%; padding: 10px 4px; text-align:left; border-bottom:solid 1px #dddddd;}
#access-wrap #access-inner .accessDetail td.txt03{ width:70%; padding: 10px 4px; text-align:left; border-bottom:solid 1px #dddddd;}
#access-wrap #access-inner .productsBox3 {margin:0;}
#access-wrap #access-inner .productsBox3 .btnArea {text-align:center;}


/*-------------------------------------------------------------
	products, aboutus, info, privacy
-------------------------------------------------------------*/
/*-------------- products main photo ------------*/
#main-wrap{width:100%; position:relative; margin:0 auto 0 auto; overflow:visible;}
#main-wrap #main-pic {top: 0;left: 0;}
#main-wrap #main-pic img {width: 100%; height:100%;}
#main-wrap #main-photo-inner{position: absolute; width: 100%; top:25%; left:0;  padding:20px 0;  z-index: 11; background:url(../images/bg_global.png) repeat 0 0; }
#main-wrap #main-photo-inner .photocenter {position:relative; width:90%; margin:0 5%; /*border:solid 1px #ff0000;*/}
#main-wrap #main-photo-inner .photocenter .concept_icon {text-align:center;}
#main-wrap #main-photo-inner .photocenter .concept_title {font-size:18px; padding: 10px 0 10px 0; text-align:center;}
#main-wrap #main-photo-inner .photocenter .concept_text {font-size:14px; line-height:1.6; text-align: justify;}

/*-------------------------------------------------------------
	products
-------------------------------------------------------------*/
/*-------------- products contents ------------*/
#products-wrap{clear:both; width:100%; overflow:visible;}
#products-wrap #products-inner{width:90%;  margin:0 5% 0 5%; padding:40px 0; position: relative; text-align:center;}
#products-wrap #products-inner .productsBox {margin-bottom:80px;}
#products-wrap #products-inner .productsBox h3 {font-size:18px; text-align:left; font-weight: 400; margin-bottom:10px;}
#products-wrap #products-inner .productsBox h3 span {font-size:14px; font-weight: 400;}
#products-wrap #products-inner .productsBox .picArea {width:100%; margin-bottom:20px;}
#products-wrap #products-inner .productsBox .picArea dl {margin-bottom: 20px;}
#products-wrap #products-inner .productsBox .picArea dt {width: 100%; margin-bottom:5px;}
#products-wrap #products-inner .productsBox .picArea dt img {width: 100%;}
#products-wrap #products-inner .productsBox .picArea dd {width: 25%; margin-bottom:5px; float:left;}
#products-wrap #products-inner .productsBox .picArea dd img {width:100%; cursor:pointer;}
#products-wrap #products-inner .productsBox .picArea dd.temomi {width:  25%; margin-bottom:5px; float:left;}
#products-wrap #products-inner .productsBox .picArea dd.temomi img {width: 100%; cursor:pointer;}
#products-wrap #products-inner .productsBox .picArea .temomi_method {clear:both; font-size:12px; margin-bottom:10px; text-align:left;}

#products-wrap #products-inner .productsBox .txtArea {clear:both; width:100%; text-align:left;}
#products-wrap #products-inner .productsBox .txtArea .txt01 {margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #dddddd; text-align: justify;}
#products-wrap #products-inner .productsBox .txtArea .txt02 {margin-bottom:10px;}
#products-wrap #products-inner .productsBox .txtArea .txt03 {margin-bottom:20px;}
#products-wrap #products-inner .productsBox .txtArea .txt04 {margin-bottom:20px;}
#products-wrap #products-inner .productsBox .txtArea .detailArea {padding:10px; background-color:#f3f4f6;}
#products-wrap #products-inner .productsBox .txtArea .detailArea .amount {}
#products-wrap #products-inner .productsBox .txtArea .detailArea .price {font-size:14px;}
#products-wrap #products-inner .productsBox .txtArea .cart_option {margin: 20px 0 0 0; width: 100%;}
#products-wrap #products-inner .productsBox .txtArea .cart_option .custom-selectbox {margin: 0 0 0 0; text-align: left; position: relative;}
span.customSelect {
margin-top: 0;
font-size:16px;
line-height: 45px;
height: 45px;
width: 100px;
padding-left: 100px;
background:url(../images/select-box-arrow.png) no-repeat 0 0;
}
#products-wrap #products-inner .productsBox .txtArea .cart_option .custom-selectbox input { width: 100%; position: relative; margin-top:10px;}
#products-wrap #products-inner .productsBox .txtArea .cart_option .custom-selectbox input:hover {filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
#products-wrap #products-inner .productsBox .txtArea .textlinkArea {clear: both; text-align:right; margin:10px 0 0 0;}
#products-wrap #products-inner .productsBox .txtArea .textlinkArea .linkR {font-size:12px; margin-bottom:5px;}
#products-wrap #products-inner .other_txt {clear: both; text-align:center; font-size:15px; margin:30px 0;}

/*-------------------------------------------------------------
	aboutus
-------------------------------------------------------------*/
/*-------------- history ------------*/
#history-wrap{clear:both; width:100%; overflow:visible;}
#history-wrap #history-inner{width:90%;  margin:0 5% 0 5%; padding:40px 0; position: relative;}
#history-wrap #history-inner .historyBox {/*margin-bottom:50px;*/}
#history-wrap #history-inner .historyBox h3 {font-size:24px; text-align:left; font-weight: 400; margin-bottom:10px;}
#history-wrap #history-inner .historyBox .txtArea {text-align:left; margin-bottom:20px;}
#history-wrap #history-inner .historyBox .txtArea .txt01 {text-align: justify;}
#history-wrap #history-inner .historyBox .picArea img {width: 100%; height:100%;}

/*-------------- person ------------*/
#person-wrap {clear:both; width:100%; overflow:visible;}
#person-wrap #person-inner{width:90%;  margin:0 5% 0 5%; padding:40px 0; position: relative;}
#person-wrap #person-inner .personBox {/*margin-bottom:50px;*/}
#person-wrap #person-inner .personBox .txtArea {}
#person-wrap #person-inner .personBox .txtArea h3 {font-size:24px; text-align:left; font-weight: 400; margin-bottom:10px;}
#person-wrap #person-inner .personBox .txtArea .txt01 {text-align: justify; margin-bottom:20px;}
#person-wrap #person-inner .personBox .txtArea .txt02 {margin-bottom:6px;}
#person-wrap #person-inner .personBox .picArea img {width: 100%; height:100%;}
#person-wrap #person-inner .personBox .award { width: 100%; border-collapse:collapse; border-top:solid 1px #dddddd;}
#person-wrap #person-inner .personBox .award td.txt01{ padding: 4px; text-align:left; vertical-align:top; white-space:nowrap; border-bottom:solid 1px #dddddd;}
#person-wrap #person-inner .personBox .award td.txt02{ padding: 4px 4px 4px 10px; text-align:left; vertical-align:middle; border-bottom:solid 1px #dddddd;}

/*-------------- leaf ------------*/
#leaf-wrap {clear:both; width:100%; overflow:visible;}
#leaf-wrap #leaf-inner{width:90%;  margin:0 5% 0 5%; padding:40px 0 0 0; position: relative;}
#leaf-wrap #leaf-inner .leafBox {/*margin-bottom:50px;*/}
#leaf-wrap #leaf-inner .leafBox .pic {margin-bottom:20px;}
#leaf-wrap #leaf-inner .leafBox .pic img {width: 100%; height:100%;}
#leaf-wrap #leaf-inner .leafBox .txt {text-align:left;}
#leaf-wrap #leaf-inner .leafBox .txt br {display:none;}

/*-------------- condition ------------*/
#condition-wrap {clear:both; width:100%; overflow:visible;}
#condition-wrap #condition-inner{width:90%;  margin:0 5% 0 5%; padding:40px 0; position: relative;}
#condition-wrap #condition-inner .conditionBox {padding:20px 10px; background-color:#f3f4f6; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
#condition-wrap #condition-inner .conditionBox .txt01 {margin-bottom:5px; text-align:left;}
#condition-wrap #condition-inner .conditionBox .txt02 {font-size:12px; text-align:justify;}

/*-------------------------------------------------------------
	info
-------------------------------------------------------------*/
#info-wrap {clear:both; width:100%; overflow:visible;}
#info-wrap #info-inner{width:90%;  margin:0 5% 0 5%; padding:20px 0 0 0; position: relative;}
#info-wrap #info-inner h2 {font-size:24px; text-align:left; font-weight: 400; margin-bottom:30px;}
#info-wrap #info-inner .howtoBox {}
#info-wrap #info-inner .howtoBox h3 {font-size:18px; text-align:left; font-weight: 400; margin-bottom:20px; padding-bottom:5px; border-bottom:solid 1px #cccccc;}
#info-wrap #info-inner .howtoBox .txtArea {width:100%; margin-bottom:50px;}
#info-wrap #info-inner .howtoBox .txtArea .txt01 {margin-bottom:20px;}
#info-wrap #info-inner .howtoBox .txtArea .txt02 {font-size:12px;}
#info-wrap #info-inner .howtoBox .subtitleArea {width:100%; margin-bottom:10px;}
#info-wrap #info-inner .howtoBox .subtitleArea h4 {font-size:16px; text-align:left; font-weight: 700;}
#info-wrap #info-inner .howtoBox .priceArea {width:100%; margin-bottom:50px;}
#info-wrap #info-inner .howtoBox .priceArea .spimg img {width: 100%; height:100%;}
#info-wrap #info-inner .howtoBox .priceArea .txt01 {font-size:15px; font-weight: 400; color:#ee0000;}
#info-wrap #info-inner .howtoBox .priceArea .txt02 {}
#info-wrap #info-inner .howtoBox .priceArea .txt03 {margin-bottom:10px;}
#info-wrap #info-inner .howtoBox .priceArea .tableArea{ width:100%;font-size:13px;}
#info-wrap #info-inner .howtoBox .priceArea .tableArea td.td01{ padding: 4px; background-color:#eeeeee; border:solid 1px #dddddd;white-space:nowrap;}
#info-wrap #info-inner .howtoBox .priceArea .tableArea td.td02{ padding: 4px; background-color:#ffffff; border:solid 1px #dddddd; text-align:center;  font-weight: 700;}
#info-wrap #info-inner .howtoBox .priceArea .tableArea td.td03{ padding: 4px; background-color:#ffffff; border:solid 1px #dddddd; text-align:center;}
#info-wrap #info-inner .howtoBox .priceArea .accountBox {padding:10px; line-height:2; background-color:#f3f4f6; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}


/*-------------------------------------------------------------
	privacy
-------------------------------------------------------------*/
#privacy-wrap {clear:both; width:100%; overflow:visible;}
#privacy-wrap #privacy-inner{width:90%;  margin:0 5% 0 5%; padding:20px 0 0 0; position: relative;}
#privacy-wrap #privacy-inner h2 {font-size:24px; text-align:left; font-weight: 400; /*margin-bottom:30px;*/}
#privacy-wrap #privacy-inner .privacyBox {padding-top:50px;}
#privacy-wrap #privacy-inner .privacyBox h3 {font-size:16px; text-align:left; font-weight: 400; margin-bottom:5px; /*padding-bottom:5px; border-bottom:solid 1px #cccccc;*/}
#privacy-wrap #privacy-inner .privacyBox .txtArea {margin-bottom:10px;}
#privacy-wrap #privacy-inner .privacyBox .charge {margin-bottom: 20px;}
#privacy-wrap #privacy-inner .privacyBox .charge ul {}
#privacy-wrap #privacy-inner .privacyBox .charge li {line-height: 1.8; margin: 0 0 10px 20px; list-style-type: square;}

/*-------------------------------------------------------------
	law
-------------------------------------------------------------*/
#law-wrap {clear:both; width:100%; overflow:visible;}
#law-wrap #law-inner{width:90%;  margin:0 5% 0 5%; padding:20px 0 0 0; position: relative;}
#law-wrap #law-inner h2 {font-size:24px; text-align:left; font-weight: 400; /*margin-bottom:30px;*/}
#law-wrap #law-inner .lawBox {padding-top:50px;}
#law-wrap #law-inner .lawBox dl {width: 100%;line-height: 220%;}
#law-wrap #law-inner .lawBox dt {margin-bottom: 0px;}
#law-wrap #law-inner .lawBox dd {margin-bottom: 30px;}

/*-------------------------------------------------------------
	footer
-------------------------------------------------------------*/
#footer-wrap{width:100%; overflow:visible; background:url(../images/bg_footer-sp.png) repeat-x 0 0;-webkit-background-size: 4px 526px; -moz-background-size: 4px 526px; background-size: 4px 526px;}
#footer-wrap #footer-inner{width:94%;  margin:0 3% 0 3%; padding-bottom:30px; position: relative; text-align:center;}
#footer-wrap #footer-inner .ani {margin:0 0 0 0;}
#footer-wrap #footer-inner .logo {margin:20px 0 30px 0;}
#footer-wrap #footer-inner .footer_text {color:#ffffff;}
#footer-wrap #footer-inner .fb {margin:20px 0 0 0;}

/*-------------------------------------------------------------
	copyright
-------------------------------------------------------------*/
#copyright-wrap {width:100%; overflow:visible; background: url("../images/bg_copyright.jpg") no-repeat 0 0;}
#copyright-wrap #copyright-inner{width:94%;  margin:0 3% 0 3%; position: relative; text-align:left;}
#copyright-wrap #copyright-inner #linkArea {padding:10px 0;}
#copyright-wrap #copyright-inner #linkArea ul { /*border:solid 1px #ff0000;*/}
#copyright-wrap #copyright-inner #linkArea li { font-size:11px; margin-right: 6px; padding-right:6px; list-style: none; float: left; line-height:2; border-right: solid 1px #a79a66; display: block;}
/*#copyright-wrap #copyright-inner #linkArea li:last-child {border-right: none;}*/
#copyright-wrap #copyright-inner #copyArea {clear: both; padding:10px 0;}
#copyright-wrap #copyright-inner #copyArea #copyright{color:#888888; font-size:11px;}


/*-------------------------------------------------------------
	btn
-------------------------------------------------------------*/
.detail_btn a{width:98%; font-weight:500; font-size:14px; display: inline-block; padding:6px 0; border:solid 2px #000000; color:#000000; background-color:#ffffff; text-align:center;}
.detail_btn a:hover{background-color:#dddddd; color:#000000; border:solid 2px #999999; text-decoration: none;}
.cart_btn a{ width:98%; font-weight:500; font-size:14px; display: inline-block; padding:6px 0; border:solid 2px #000000; color:#ffffff; background-color:#000000; text-align:center;}
.cart_btn a:hover{background-color:#666666; color:#ffffff; border:solid 2px #666666; text-decoration: none;}


/*-------------------------------------------------------------
	page top
-------------------------------------------------------------*/
#pagetop {clear: both; width: 100%; position: relative; z-index:100;}
#pagetop_box {margin: 0 auto;}
#pagetop_box #page-toplink {position: fixed;right:10px;bottom: 10px;}
#pagetop_box #page-toplink a {width:40px;height: 36px;display: block;}
#pagetop_box #page-toplink a:hover {}


/*/スマホ*/
}