@charset "utf-8";

.bg img{
	width:100%;
	min-width:1000px;
}
/*---------------TOP----------------------*/
#top{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	padding-top:20px;
}

#top_title{
	height:200px;
	margin:auto;
	position:absolute;
	top:420px;
	right:0;
	bottom:0;
	left:0;
	background:url(../img/site_img/top_title.png) no-repeat center;
	z-index:10;
}

.flexslider .slides{
	margin-top:50px;
	position:relative;
	z-index:1;
}
.flexslider .slides img{
	width:100%;
	position:relative;
}
#top_event{

	width:720px;

	height:280px;

	margin:auto;

	position:absolute;

	top:95px;

	right:0;

	left:0;

	background:url(../img/site_img/event150810.png) no-repeat center;

}


/*---------------コンセプト----------------------*/

#concept{

	width:100%;
	overflow:hidden;

	margin:0;

	padding-top:120px;

	text-align:center;

	background:no-repeat bottom center rgba(140,140,140,0.4);

}



#concept_title{

	width:100%;

	height:80px;

	text-align:center;

	margin:0 auto;

	background:url(../img/site_img/concept_title.png) no-repeat top center;

}



#concept_text {
    width: 76%;
    margin: 0 auto;
    text-align: left;
    padding: 60px;
    box-sizing: border-box;
    background: rgba(255,255,255,1) no-repeat top center;
    line-height: 2em;
    color: #6d6d6d;
    font-size: 13px;
    border: 5px double #eeeeee;
	    margin-bottom: 100px;
}



#concept_text h3 {
    font-size: 20px;
    color: #707070;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.5em;
    text-align: center;
}
#concept_text img{
	width:30%;
	margin:0 35% 30PX 35%;
}


#concept_text p {
    font-size: 18px;
    text-align: center;
    /* margin-bottom: 50px; */
    /* padding-bottom: 30px; */
    line-height: 2em;
    /* border-bottom: dashed 1px #707070; */
}


#concept_text p.guidetxt{

    width: 60%;
    margin: 0 18% 30px 18%;
    padding: 2%;
    font-size: 13px;
    line-height: 1.6em;
    background: rgba(140,140,140,1);

}



#concept_text p.guidetxt .gray{

    font-size: 24px;
    color: #707070;
    font-weight: bold;
    line-height: 1.5em;
    color: #fff;

}



#concept .concept_whbg{

	top: 50%;

	left: 50%;

	margin: -232px 0 0 -542px;

	padding: 0;

	width: 1084px;

	position: absolute;

}



#concept .concept_whbg_in{

	width:1084px;

	margin:0 auto;

}



#concept .concept_whbg p{

	position:absolute;

	top:150px;

	left:110px;

	width:870px;

	color:#885544;

	font-size:19px;

	font-weight:bold;

	line-height:1.8;

}




/*---------------ニュース----------------------*/
.news-box {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-top: 120px;
    text-align: center;
    background: no-repeat bottom center rgba(255,255,255,0.4);
    float: left;
}


#news_title{

	width:100%;

	height:80px;

	text-align:center;

	margin:0 auto;

	background:url(../img/site_img/news_title.png) no-repeat top center;

}

.news-box p.news_title{
    margin-left: 3%;
    font-size: 50px;
    font-weight: bold;
    color: #8b8b8b;
    margin-bottom: 20px;
}
.news-box img{
	    margin-right: 5px;
    margin-top: 7px;
}
.news-box a{
	text-decoration:none;
}
.news-box li:hover{
	opacity:0.4;
}
span.date {
	font-size:10px;
	margin-bottom:5px;
	color:#aaaaaa;
}

.boxlist {
    width: 76%;
    margin: 0 auto;
    padding:0;
    overflow: hidden;
    height: 400px;
	text-align: left;
	border: 5px double #eeeeee;
	margin-bottom:100px;
}

/*.boxlist {
    width: 800px;
    margin: 0 auto;
    text-align: left;
    padding: 60px;
    box-sizing: border-box;
    background: rgba(255,255,255,0.8) no-repeat top center;
    line-height: 2em;
    color: #6d6d6d;
    font-size: 13px;
    border: 5px double #eeeeee;
    margin-bottom: 100px;
}*/







.boxlist::-webkit-scrollbar {
  display: none;
}
.boxlist ul {
    width: 110%;
    overflow-y: scroll;
    height: 380px;
}
.boxlist li {
	padding: 10px 3%;
    color: #474747;
    font-size: 14px;
    line-height: 25px;
    text-decoration: none;
    display: block;
}

.boxlist span.date {
    color: #474747;
    font-size: 12px;
    line-height: 0px;
    text-decoration: none;
}
.boxlist h3{
font-size: 16px;
    line-height: 30px;
    display: block;
    transform: scale(1,1);
	font-weight:normal;
}

.news_title{

	width:100%;

	height:80px;

	text-align:center;

	margin:0 auto;

	background:url(../img/site_img/news_title.png) no-repeat top center;

}

.news_link{
	padding-top:50px;
	margin-top:-50px;}

.container01 {
    width: 100%;
    margin: auto;
    z-index: 10;
    padding: 20px 0 150px 0;
}
.news-area {
    width: 70%;
    margin: 0px 15%;
    border-bottom: 1px solid #787878;
    overflow: hidden;
}
.news-area .date{ text-align:right;}
.news-area h2 {
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 38px;
    font-size: 18px;
    line-height: 20px;
}
.news-area img {
    width: 100%;
    float: left;
	border: 1px solid #eeeeee;
    box-sizing: border-box;
}
.news-area p {
    width: 98%;
    margin: 10px 1%;
    float: left;
    font-size: 14px;
}

/*---------------プロダクト----------------------*/



#products{

	width:100%;


	box-sizing:border-box;

	margin:0;

	padding-top:120px;

	background: no-repeat bottom center rgba(140,140,140,0.4);
	overflow:hidden;
}



#products_title{

	width:100%;

	height:80px;

	text-align:center;

	margin:0 auto;

	background:url(../img/site_img/products_title.png) no-repeat top center;

}



#products .head_products {

    margin: 0 auto 0 ;

    padding: 80px 0 0 0 ;

    width: 800px;

}



#products .img_box {
    margin: 0 auto 100px auto;
    width: 76%;
    overflow: hidden;
    padding: 1%;
}
#products .img_box a {
    box-shadow: 0 3px 6px rgba(0,0,0,0.2), 0 3px 6px rgba(0,0,0,0.2);
    display: block;
}
#products .img_box a:hover {
	opacity:.8;
	transition:.5s;
    box-shadow: 0 3px 6px rgba(0,0,0,0.4), 0 3px 6px rgba(0,0,0,0.4);
    display: block;
}



#products .img_box ul li {
	width:100%;
    padding: 0;
    margin: 0px 0 50px 0;
	float:left;
}

#products .img_box img {width: 100%; display:block;}


/*---------------会社情報----------------------*/

#company{

	width:100%;


	box-sizing:border-box;

	margin:0;

	padding-top:120px;

	text-align:center;

	/*background:no-repeat bottom center rgba(140,140,140,0.4);*/
	overflow:hidden;

}



#company_title{

	width:100%;

	height:80px;

	text-align:center;

	margin:0 auto;

	background:url(../img/site_img/company_title.png) no-repeat top center;

}



#company_text{

	width:76%;


	margin:0 auto;

	text-align:left;

	padding:60px;

	box-sizing:border-box;

	background:rgba(255,255,255,0.8);

	line-height:1.5em;

	color:#666666;

	font-size:14px;
	border: 5px double #eeeeee;
	margin-bottom: 100px;
}



#company .company_in{

	background:url(../img/site_img/race_f.png) repeat-x 0 bottom;

}



#company .container{

	background: url(../img/site_img/company_back.gif) 0 0 no-repeat;

	margin: 0 auto;

    width: 1100px;

}



#company .container p {

    margin: 0 auto;

    padding: 60px 0 0;

    width: 226px;

}



.container_box {

    overflow: hidden;

}
.container_box tr{



}



#company .f_L {
    float: left;
    /* width: 60%; 会社画像ある時 */
	width: 100%;
    height: 300px;
}



#company .f_L table {
    width: 100%;
    font-size: 13px;

	color: #666666;

}



#company .f_L table th {
    font-weight: normal;
    height: 30px;
    /* width: 30%; 会社の画像ある時 */
	width: 18%;
    text-align: left;
    padding-top: 5px;
	border-bottom: 1px #666666 dotted;
	box-sizing:border-box;
}
#company .f_L table td {
    /* width: 70%; 会社の画像ある時 */
	border-bottom: 1px #666666 dotted;
	box-sizing:border-box;
}

#company .f {
	overflow:hidden;
}

#company .f_R {
float: left;
width:40%;
}

#company .f_R img{
	width:95%;
	margin-left:5%;
}

*/

#company .f_B{
width: 100%;

}
#company .f_B table {
	width:100%;
    font-size: 13px;

	color: #666666;

}

#company .f_B table th {
    font-weight: normal;
    height: 30px;
    width: 18%;
    text-align: left;
    padding-top: 5px;
	border-bottom: 1px #666666 dotted;
	box-sizing:border-box;
}
#company .f_B table td {
    width: 82%;
	border-bottom: 1px #666666 dotted;
	box-sizing:border-box;
}


/*---------------サイトポリシー----------------------*/



#sitepolicy{

	width:100%;

	box-sizing:border-box;

	margin:0;

	padding-top:120px;

	padding-bottom:50px;

	text-align:center;

	background: no-repeat bottom center rgba(140,140,140,0.4);
	

}



#sitepolicy_title{

	width:100%;

	height:80px;

	text-align:center;

	margin:0 auto;

	background:url(../img/site_img/sitepolicy_title.png) no-repeat top center;

}



#sitepolicy_text{

	width:76%;

	margin:0 auto 50px auto;

	text-align:left;

	padding:50px 50px 30px 50px;

	box-sizing:border-box;

	line-height:1.6em;

	color:#666666;

	border: 5px double #eeeeee;
	background-color:#ffffff;

}



#sitepolicy_text h3{

	padding:0 0 5px 0;

	font-weight:normal;

	font-size:12px;

}



#sitepolicy_text p{

	padding:0 0 20px 20px;

	font-size:11px;

}





/*---------------プライバシーポリシー----------------------*/



#privacypolicy{

	width:100%;

	min-height:1000px;

	box-sizing:border-box;

	margin:0;

	padding-top:120px;

	padding-bottom:50px;

	text-align:center;

	/*background:no-repeat bottom center rgba(140,140,140,0.4);*/

	color:#666666;

}



#privacypolicy_title{

	width:100%;

	height:80px;

	text-align:center;

	margin:0 auto;

	background:url(../img/site_img/privacypolicy_title.png) no-repeat top center;

}



#privacypolicy_text{

	width:76%;
	margin:0 auto 50px auto;
	text-align:left;
	padding:50px 50px 30px 50px;
	box-sizing:border-box;
	background:rgba(255,255,255,0.8);
	line-height:1.6em;
	font-size:11px;
	border: 5px double #eeeeee;
}



#privacypolicy_text h1{

	font-weight:normal;

	padding:0 0 5px 0;

	font-size:12px;

}



#privacypolicy_text p{

	padding:0 0 20px 20px;

	font-size:11px;

}





/*--------------- Contact ----------------------*/



#contact{

	width:100%;

	height:1000px;

	box-sizing:border-box;

	margin:0;

	padding-top:120px;

	background:url(../img/site_img/contact_bg.gif) no-repeat bottom center #ffffff;

}



#contact_title{

	width:100%;

	height:80px;

	text-align:center;

	margin:0 auto;

	background:url(../img/site_img/contact_title.png) no-repeat top center;

}



#contact .head_products {

	padding:120px 0 80px 0;

    margin: 0 auto ;

    text-align:center;

}



#contact .contact_in{

	width:660px;

	margin:0 auto;

}



#contact .contactform .namebox input{

	width:300px;

	font-size:12px;

}



#contact .contactform .name_l{

	float:left;

}

#contact .contactform .name_r{

	float:right;

}



#contact .contactform input{

	padding:8px;margin:15px 0 0 0;

	border-top:1px solid #ccc;

	border-left:1px solid #ccc;

	border-right:none;

	border-bottom:none;

	background:#F7F7F7;

	width:644px;

	font-size:12px;

}



#contact .contactform select{

	padding:8px;margin:15px 0 0 0;

	border:1px solid #E5E5E5;

	width:250px;

	font-size:12px;

	color:#A9A9A9;

}



#contact .contactform select option{

	color:#000;

}



.sel1 { color:#A9A9A9!important; }

.sel2 { color:#000!important; }

.sel3 { color:#000!important; }

.sel4 { color:#000!important; }



#contact .contactform textarea{

	padding:8px;margin:15px 0 0 0;

	border-top:1px solid #ccc;

	border-left:1px solid #ccc;

	border-right:none;

	border-bottom:none;

	background:#F7F7F7;

	width:644px;

}



#contact .cyuui{

	font-size:10px;

	color:#885544;

}



#contact .priv{

	font-size:10px;

	overflow:hidden;

	margin:35px auto 5px auto;

	width:210px;

}

#contact .priv input{

	width:15px;

	float:left;

	vertical-align:top;

	margin:2px 5px 0 0;

}

#contact .priv span{

	float:left;

	color:#885544;

}



/* 2015-01追加 */

#contact .err_accept{

	margin-bottom:35px;

}



#contact .priv span a{

	color:#885544;

}



#contact .contactform input[type="image"]{

	border:none;

	background:none;

	width:136px;

	margin:0 auto 50px auto;

	display:block;

}



/* エラーメッセージ 2015-01追加 */

.error_message {

	display: block;

	background-color: #FBDDE1;

	padding: 0 8px;

	color: #CC0000;

	font-size: small;

	font-weight: bold;

	line-height: 27px;

}



/* 送信完了メッセージ 2015-01追加 */

.send_success {

	background-color: #FBDDE1;

	padding: 0 8px;

	line-height: 34px;

}





/* 商品一覧 */



#products_det{

	background:#F3E4DD;

}



div.items {

	width: 800px;

	padding: 40px 100px;

	position: relative;

	margin:0 auto;

	overflow:hidden;

}



div.items img {

	vertical-align: bottom;

}



/* ボタンのマウスオーバー時の透過処理 */

div.items a.blight img:hover {

	filter: alpha(opacity=75);

	-moz-opacity:0.75;

	opacity:0.75;

}





/* メイン画像 */

div.items .main_image {

	width: 800px;

	height: 351px;

	position: relative;

}



/* 商品の説明文 */

div.items .main_image .main_item_text {

	color: #666666;

	font-size: x-small;

}



/* メイン画像下のボタン（「法人のお客様はこちら」） */

div.items .main_image div.btn1 {

	position: absolute;

	right: 170px;

	bottom: 0;

}



/* メイン画像下のボタン（「商品のご購入はこちら」） */

div.items .main_image div.btn2 {

	position: absolute;

	right: 0;

	bottom: 0;

}





/* 商品リスト */

div.items li.item {

	display: inline;

	width: 133px;

	height: 164px;

	margin: 10px 0;

	text-align: center;

	float: left;

}



div.items li.item a {

	display: block;

	width: 100%;

	text-decoration: none;

}



div.items li.item a:hover {

	filter: alpha(opacity=75);

	-moz-opacity:0.75;

	opacity:0.75;

}



div.items li.item img.photo {

	margin-bottom: 5px;

}



div.items li.item span {

	display: block;

	font-size: x-small;

}



div.items li.item .title {

	margin-bottom: 5px;

}



/* 商品コード */

div.items .list li.item .code {

	color: #b2b0ae;

}





/* 矢印アイコン（左） */

div.items .prev {

	position: absolute;

	top: 283px;

	left: 0;

}



/* 矢印アイコン（右） */

div.items .next {

	position: absolute;

	top: 283px;

	right: 0;

}



@media screen and (min-width: 481px) {/************ for PC**************************************************************************************/
.pc_none {
	display:none !important;
}

}
@media screen and (max-width: 480px) {/************ for SP**************************************************************************************/
.sp_none {
	display:none !important;
}

#headarea {
    width: 100%;
    height: 70px;
    text-align: center;
    margin: 0 auto;
}
header {
    width: 100%;
}
#head_logo {
    width: 40%;
    /* height: 32px; */
    margin: 10px 0 0 10px;
    background: url(../img/site_img/head_logo.png) no-repeat;
    float: left;
    background-size: contain;
}
#head_logo a {
	width: 80%;
}
#head_menu {
    width: 100%;
    float: left;
}
#head_menu ul li {
    width: 25%;
}
#head_menu ul li a {
    width: 100%;
	height: auto;
	background:none;
	text-decoration:none;
}
#head_logo a span{
	display:none;
	}
header a span {
    display: block;
	font-weight:bold;
	color:#fff;
	font-size:14px;
}
#head_menu ul li a:hover {
    background: none;
}
.menu_twitter {
    top: 10px !important;
    right: 55px !important;
}
.menu_insta {
    top: 10px !important;
	right: 7px !important;
}
.menu_twitter img,
.menu_insta img {
    width: 30px;
}


#concept_title {
    height: 60px;
    background-size: 200%;
}
#news_title {
    height: 60px;
    background-size: 200%;
}
#products_title {
    height: 60px;
    background-size: 200%;
}
#company_title {
    height: 60px;
    background-size: 200%;
}
#sitepolicy_title {
    height: 60px;
    background-size: 200%;
}
#privacypolicy_title {
    height: 60px;
    background-size: 200%;
}

#contact_title{
    height: 60px;
    background-size: 200%;

}


#concept {
	padding-top: 100px;
}
#concept_text {
    width: 96%;
    margin: 0 2%;
	padding: 5%;
	    margin-bottom: 100px;
}

#concept_text h3 {
font-size: 16px;
}
#concept_text img {
    width: 60%;
    margin: 0 20% 25PX 20%;
}
#concept_text p.guidetxt {
width: 90%;
    margin: 0 3% 30px 3%;
}
#concept_text p.guidetxt .gray {
    font-size: 14px;
}

#concept_text p {
	font-size: 14px;
    line-height: 1.5em;
}
#concept_text p.guidetxt .gray {
    line-height: 1.25em;
}

#products {
	padding-top: 100px;
}
#products .img_box {
    margin: 10px auto 100px auto;
    width: 96%;
	overflow: hidden;
}
#products .img_box ul li {
    width: 100%;
    padding: 0;
    margin: 0px 0 3% 0;
    float: left;
}
#products .img_box li:nth-child(2){
	width:100%;
	margin-right:0%;
	float:left;
}
#products .img_box li:nth-child(3){
	width:100%;
	float:left;
}

#products .img_box img {width: 100%;}

#products .img_box img:hover {
	opacity:0.75;
	transition:.5s;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}








.boxlist {
    margin: 0px 2%;
    width: 96%;
    box-sizing: border-box;
    margin-bottom: 100px;
}
.boxlist li {
    line-height: 20px;
	    padding: 2% 10% 2% 3%;
}
.boxlist li h3{
	font-size:14px;
    line-height: 20px;
	    padding: 0;
}
div#news-area {
    width: 98%;
    margin: 0px 1%;
}

div#news-area h2 {
    font-size: 16px;
}



#company {
	padding-top: 100px;

}
#company_text {
    width: 96%;
    padding: 5%;
}
#company .f_L {
    width: 100%;
	    height: auto;
    overflow: hidden;
}
#company .f_B {
    width: 100%;
}

#company .f_B table th {

    width: 30%;

}
#company .f_B table td {
    width: 70%;

}
#company .f_R {
    float: left;
    width: 100%;
}
#company .f_R img {
    width: 100%;
    margin:20px 0;
}

#sitepolicy {

	padding-top: 100px;
}
#sitepolicy_text {
    width: 96%;
    margin: 0 2%;
    padding: 5%;
}
#sitepolicy_text p {
    padding: 0 0 20px 0px;
}
#privacypolicy {

	padding-top: 100px;
}

#privacypolicy_text {
    width: 96%;
    margin: 0 2%;
    padding: 5%;

}
#privacypolicy_text p {
    padding: 0 0 20px 0px;
}
#footarea {
    width: 90%;
}
#foot_menu {
    float: left;
    margin-bottom: 10px;
}
#foot_copy {
    height: 0em;
    margin-right: 0;
}

.flex-nav-prev{
	display:none;
}
.flex-nav-next{
	display:none;
}


.news-area {
    width: 96%;
    margin: 0px 2%;
}




}