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


body {
	font-size:16px;
	color: #000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	zoom: 1;
	-webkit-text-size-adjust: 100%;
    /* background: #000 !important; */
}

body > img {
    display: none;
}


.section {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.section2 {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.left {
	float:left;
}
.right {
	float:right;
}
.red {
	color:#eb5800;
	font-weight:bold;
}
/*------- clearfix -------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display:block;
}
/*------- header -------*/



header {
	height:54px;
	padding:7px 0 9px 0;
}
header .section h1 {
	float:left;
	width:200px;
}
header .section p {
	float:right;
	width:238px;
	margin-top:9px;
}
/*------- main -------*/


/*------- main -------*/


#main {
	background: url(../img/hero_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
	min-width:1020px;
	height:500px;
}


#main .main_in {
	margin: 0 auto;
	width: 1020px;
	text-align:center;
	color:#FFF;
}

#main .hero_set{
    position: relative;
    top: 60px;
    right: -15%;
}

#main h1{
	font-size: 30px;
    text-shadow: rgba(0,0,0,0.3) 0px 4px 5px;
}

#main p{
    margin-top: 10px;
    font-size: 20px;
    line-height: 30px;
	text-shadow: rgba(0,0,0,0.3) 0px 4px 5px;
}

#main h2 {
	margin: 30px auto 10px;
	width:1020px;
	display:block;
}

#main .btn{
	display: inline-block;
	padding: 20px 100px;
    border: solid 3px #fff;
    background: rgba(154, 154, 154, 0.32);
    color: #fff;
    text-decoration: none;
    font-size: 25px;
    font-weight: bold;
}
#main .btn:hover{
	color: #FFF;
	background: rgba(154, 154, 154, 0.1);
}

#main .scroll{
	margin: 40px auto;
}


/*****base*****/

#graph_wraper .wraper {
    width: 1020px;
    height: 600px;
    margin: 0 auto;
}

#graph .wdt1-3{
width:320px;
margin-left:10px;
float:left;
}

/* GRAPH */


#graph_wraper section > div > h2 {
    margin: 40px 250px 0;
    font-family: serif;
    border: 1px solid #333;
    border-right: 0px;
    border-left: 0px;
    font-size: 32px;
    font-weight: bold;
    display: block;
    line-height: 120%;
    padding: 20px 0;
    text-align: center;
}

#graph_wraper section >div > p {
    padding: 20px 0;
    text-align: center;
}

#graph h3{
    padding: 20px 0 10px;
    text-align: center;
    font-weight: bold;
}

#graph h3 span{
    display: block;
    font-size: 80%;
}

#graph .wdt1-3 figure {
    text-align: center;
	padding-bottom: 20px;

}

#graph .btn{
    clear: left;
	padding-top: 40px;
    text-align: center;
}

#graph .btn {
    clear: left;
    padding-top: 40px;
    text-align: center;
}

#graph .btn a {
    /* display: block; */
    background: #333;
    width: 250px;
    /* height: 50px; */
    color: #FFF;
    font-size: 24px;
    font-family: serif;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    vertical-align: text-bottom;
}


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

#contact{
	background: url(../img/contact_bg.jpg) no-repeat 50% top #EBEBEB; 
	min-width:1020px;
}

#contact .wraper {
	height:600px;
	margin:0 auto;
}

#contact .contact_set{
	width:50%;
	height:600px;
	margin-left:50%;
}

#contact .contact_set .tel{
	width: 380px;
	padding-top:80px;
	text-align: center;
}

#contact .contact_set .btn{
	margin-top:15px;

}

#contact .contact_set .btn a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}



/*------- feature -------*/

#feature {
	text-align:center;
}

#feature .wraper {
	width:1020px;
	height:700px;
	margin:0 auto;
}

#feature .contact_set{
	width:50%;
	height:600px;
	margin-left:50%;
}

#feature h2 {
	margin:60px 0 50px;
}

#feature ul{
	height:500px;
	margin:0 auto;

}

#feature ul li{
	width: 254px;
	float:left;
	
}

#feature ul li div{
    margin: 0 0 20px 0;
}

#feature ul li h3{
    margin: 0 0 20px 0;
    font-size: 22px;
    line-height: 26px;
}

#feature ul li p{
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 24px;
    padding: 0 10px;
    text-align: left;
}


/*------- jisseki -------*/

#jisseki {
	text-align:center;
    background: url(../img/jisseki_bg.jpg) repeat-x top;
    background-color: #CCC;
	min-width:1020px;
}

#jisseki h2 {
	margin:60px 0 50px;
}


#jisseki .wraper {
	width:1020px;
	height:600px;
	margin:0 auto;
}
#jisseki .wraper h2{
    margin: 0 150px;
    padding: 40px 50px;
	border: solid 3px #fff;
	background: rgba(0,0,0,0.5);
    position: relative;
    top: 200px;
}



/*------- delivery_feature -------*/

#delivery_feature {
	min-width:1020px;
	background: #EEE;
	text-align:center;

}

#delivery_feature .wraper {
	width:1020px;
    height: 500px;
    margin:0 auto;
}
#delivery_feature .wraper h2{
	padding:60px 0 50px;
}

#delivery_feature .wraper p{
    margin:0 0 20px;
    font-size: 20px;
    line-height: 30px;
}















/*------- grreen -------*/

#green {
	min-width:1020px;
	background:#3a2611;
}
.greenbox1 {
	margin-bottom:20px;
}
.greenbox1 p, .greenbox2 p {
	background:#fff;
	padding:20px 10px 10px 10px;
	width:1000px;
	text-align:center;
	line-height:1.7;
}
.greenbox2 {
	padding-bottom:40px;
}
/*------- reason -------*/
#reason {
	text-align:center;
	line-height:1.7;
}
#reason h2 {
	margin:60px 0 50px;
}
.accordion dd {
	width:1000px;
	margin:auto;
	display:none;
}
.acd_01 dt, .acd_03 dt, .acd_05 dt {
	background:url(../img/reasonbg_01.gif) repeat-x;
	height:118px;
}
.acd_02 dt, .acd_04 dt, .acd_06 dt {
	background:url(../img/reasonbg_02.gif) repeat-x;
	height:118px;
}
.acd_01 dd {
	background:url(../img/acd_img01.jpg) no-repeat top right;
}
.acd_02 dd {
	background:url(../img/acd_img02.jpg) no-repeat top right;
}
.acd_04 dd {
	background:url(../img/acd_img03.jpg) no-repeat top right;
}
.acd_05 dd {
	background:url(../img/acd_img04.jpg) no-repeat top right;
}
.acd_06 dd {
	background:url(../img/acd_img05.jpg) no-repeat top right;
}
.acd_01 dd p {
	width:533px;
	text-align:left;
	padding:40px 20px 70px;
}
.acd_02 dd p {
	width:533px;
	text-align:left;
	padding:40px 20px 121px;
}
.acd_03 dd p {
	width:980px;
	text-align:left;
	padding:40px 20px 60px;
}
.acd_04 dd p {
	width:533px;
	text-align:left;
	padding:40px 20px 200px;
}
.acd_05 dd p {
	width:533px;
	text-align:left;
	padding:40px 20px 90px;
}
.acd_06 dd p {
	width:533px;
	text-align:left;
	padding:40px 20px 100px;
}
.acd_03txt dt {
	background:none;
	padding:0 0 10px 20px;
	text-align:left;
	height:19px;
	border-bottom:none !important;
}
.acd_03txt dd {
	padding:0 0 30px 20px;
	text-align:left;
	display:block;
}
.acd_03txt2 {
	padding:40px 20px 40px !important;
}
.acd_03txt3 {
	padding:0 20px 70px !important;
}
.reason_p {
	border-top:1px solid #e5e5e5;
}
/*------- delivery -------*/
#delivery {
	min-width:1020px;
	background:#EEE;
	text-align:center;
	padding:80px 0 30px;
	line-height:1.4;
}
.delivery_voice {
	background:url(../img/delivery_voice_bg.png) repeat-x;
	margin-bottom:20px;
}
.step_in {
	background:url(../img/step_bg.png) repeat-y;
	width:960px;
	margin:0 auto;
	padding:0 35px;
	min-height:215px;
}
.step_img {
	float:left;
}
.step_txt {
	text-align:left;
	width:730px;
	float:left;
	margin-left:20px;
}
.step1_txt {
	margin:20px 0 8px 4px;
}
.step_btn {
	width:628px;
	margin-bottom:20px;
}
.step01_pdf {
	margin-bottom:25px;
	background:url(../img/pdf.gif) no-repeat left top;
	padding-left:21px;
}
.step01_pdf a {
	color:#414141;
}
.step_2 {
	margin-top:21px;
}
.graytext {
	font-size:80%;
	color:#757575;
}
.step_2 dt {
	margin-bottom:2px;
}
.step_2 dl {
	margin-bottom:20px;
}
.mb40 {
	margin-bottom:40px;
}
/*------- access -------*/
#access {
	text-align:center;
	//background:url(../img/access_bg.jpg) no-repeat right top;
	width:1020px;
	margin:0 auto;
}
.access_box {
	margin:0 auto;
	text-align:left;
	width:680px;
}
#access_slide {
	width:680px;
	height:300px;
	margin:0 auto 50px;
	background:#eeeeee;
	overflow:hidden;
	font-size:78%;
}
#access_slide li {
	position:relative;
}
#access_slide li dl {
	width:190px;
	padding:10px 0 13px 0;
	background:url(../img/global_bg_black_alpha60.png) 0 0 repeat;
	position:absolute;
	z-index:200;
}
#access_slide li dl dt {
	margin:0 13px;
	padding:0 0 5px 0;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
	font-weight:bold;
	line-height:1.4;
}
#access_slide li dl dd {
	margin:0 13px;
	padding:6px 0 0 0;
	color:#ffffff;
	line-height:1.4;
}
#access_slide li dl dd.link {
	padding-top:2px;
	text-align:right;
}
#access_slide li dl a {
	color:#ffffff;
}
#access_slide li img {
	position:relative;
	z-index:100;
}
#access_slide li .line {
	width:100%;
	height:5px;
	background:url(../img/access_slide_item_line.png) no-repeat;
	position:absolute;
	z-index:1000;
	font-size:0;
	line-height:0;
}
#access_slide li .line.left {
	background-position:left center;
}
#access_slide li .line.right {
	background-position:right center;
}
#access_slide .bx-window {
	z-index:100;
}
#access_slide .bx-pager {
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:200;
	overflow:hidden;
}
#access_slide .pager-link {
	width:10px;
	height:10px;
	margin:0 0 0 8px;
	background:#ffffff;
	border:1px solid #cccccc;
	float:left;
	display:block;
	overflow:hidden;
	position:relative;
	text-indent:-6789px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
#access_slide .pager-link:hover {
	border-color:#ffffff;
	box-shadow:0 0 5px #ffffff;
	-moz-box-shadow:0 0 5px #ffffff);
	-webkit-box-shadow:0 0 5px #ffffff;
}
#access_slide .pager-link.pager-active {
	background:#000000;
	border-color:#ffffff;
	box-shadow:0 0 5px #ffffff;
	-moz-box-shadow:0 0 5px #ffffff;
	-webkit-box-shadow:0 0 5px #ffffff;
}
#access_slide .bx-prev {
	width:45px;
	height:45px;
	background:url(../img/icon_slide_nextprev_small.png) 0 0 repeat;
	position:absolute;
	left:5px;
	top:125px;
	z-index:300;
	text-indent:-6789px;
}
#access_slide .bx-next {
	width:45px;
	height:45px;
	background:url(../img/icon_slide_nextprev_small.png) -45px 0 repeat;
	position:absolute;
	right:5px;
	top:125px;
	z-index:300;
	text-indent:-6789px;
}
/*------- store -------*/
#store {
	min-width:1020px;
	background:#fff;
}
#store h2 {
	padding:60px 0;
}
#store h3 {
	margin:7px 0 60px 20px;
}
#store dt {
	margin-bottom:10px;
}
#store dd {
	margin-bottom:60px;
}
#store dl {
	margin-bottom:0px;
	width:960px;
	margin-left:20px;
}
#store p {
	margin-bottom:20px;
}
#store .ico_detail {
    text-align: center;
    margin: 10px 0 60px;
}


.storeimg {
	padding-bottom:60px;
}
.shop {
	background:url(../img/shop_img01.jpg) no-repeat top right;
	min-height:516px;
	width:960px;
}
/*------- form -------*/
#form {
    min-width: 1020px;
	background:url(../img/beige_bg.gif);
}
#form h2 {
	padding:60px 0 40px;
}
.formtxt01 {
	margin-bottom:20px;
	text-align:center;
}
.formtxt02 {
	margin-bottom:35px;
	text-align:center;
}
.formtxt03 {
	padding-bottom:90px;
	text-align:center;
}
.text_pre {
	margin-left:20px;
}
.formContainer {
	width:960px;
	margin:0 auto;
}
.formContainer table {
	width:960px;
}
.formContainer tr {
	font-size:18px;
	text-align:left;
	margin-top:30px;
	background:url(../img/border_bg.gif) repeat-x bottom;
	width:960px;
}
.formContainer th, .formContainer td {
	padding:30px 0;
	vertical-align:middle;
}
.formth01 {
	width:253px;
}
.formth02 {
	width:240px;
}
.formth03 {
	width:280px;
}
.textbox {
	height:40px;
	border: 1px solid #b8b8b8;
	color: #3f3f3f;
	font-size:18px;
	padding-left:10px;
}
.textarea {
	border: 1px solid #b8b8b8;
	font-size:18px;
	color: #3f3f3f;
	padding-left:10px;
	height:240px;
}
select {
	height:40px;
	border: 1px solid #b8b8b8;
	font-size:18px;
	color: #3f3f3f;
	padding-left:10px;
	width:292px;
}
.sizeL {
	width:681px;
}
.sizeM {
	width:280px;
}
.sizeS {
	width:143px;
}
.formContainer img {
	padding-bottom:10px;
}
.subtxt {
	margin-top:10px;
	margin-bottom:10px;
	font-size:15px;
}
.btn_auto {
	background-image:url(../img/gray_btn_off.png) !important;
	background-repeat:no-repeat;
	text-indent:-6789px;
	overflow:hidden;
	width:122px;
	height:38px;
	background-position:0 0!important;
}
button {
	border:none;
	background:none;
}
.mg20 {
	margin-right:20px;
}
.mgl1 {
	margin-left:40px;
}
.mgl2 {
	margin-left:70px;
}
.mgl3 {
	margin-left:100px;
}
.mgl4 {
	margin-left:110px;
}
#sample {
	display:none;
}
.btn_submit_group {
	text-align:center;
	padding: 30px 0 40px;
}
.boxsize_span span {
	width: 140px;/* add */
}
/*------- footer -------*/
footer {
    min-width: 1020px;
	background:#000;
	color:#fff;
	font-size:15px;
	padding:35px 0 100px;
}
.footer_l, .footer_c {
	width:320px;
	float:left;
}
.footer_r {
	width:320px;
	float:right;
	text-align:right;
	margin-top:15px;
}
.footer_l {
	line-height:23px;
}
.footer_l img {
	margin-bottom:30px;
}
.footer_c {
	margin-top:18px;
}
.footer_c dt {
	margin-bottom:8px;
}
.footer_c dd {
	margin-bottom:30px;
}
.footer_c_l {
	width:140px;
}
footer a {
	text-decoration:none;
	color:#fff;
}
footer a:hover {
	text-decoration:underline;
}
/*------- about -------*/
#about {
	background:url(../img/beige_bg.gif);
	padding-bottom:130px;
}
#about h2 {
	padding:102px 0 53px 0;
}
.about_table {
	background:#fff;
	border:1px solid #b8b8b8;
	margin:0 auto;
	width:960px;
}
.a_t_left {
	padding:15px 0;
	width:270px;
	text-align:center;
	font-weight:bold;
	background:#f3f3f3;
	vertical-align:middle;
	border-bottom:1px solid #b8b8b8;
}
.a_t_right {
	padding:15px 20px 15px 50px;
	vertical-align:middle;
	border-bottom:1px solid #b8b8b8;
	width:690px;
}