@charset "utf-8";
/* CSS Document */
/****************************************************************************
	body設定
*****************************************************************************/
body{
	color: #000;
	font-size:14px;
	line-height:25px;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0  ;
	padding: 0 ;
}
a{
text-decoration: none;
color:#000;
}
a:hover{
text-decoration: underline;
color:#000;
}

h2,h3,h4{text-align: left;}

img {
	margin: 0  ;
	padding: 0;}

#container{
	width: 100%;
	margin: 0 auto ;
	padding: 0;
	text-align: center;
}


/*	ヘッダー
----------------------------------------------------------------------------*/
h1{
	
	}
#head{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 0 ;
	border-top:3px solid #f00;
	}
#head_in{
	width:960px;
	height:92px;
	margin: 0 auto;
	padding: 0 ;
	}
#head_logo {
	width:210px;
	font-size:12px;
	text-align:left;
	line-height:30px;
	margin-top:15px;
	float:left;
}
#head_tel {
	width: 750px;
	font-size: 12px;
	line-height: 20px;
	margin-top: 22px;
	float: right;
	text-align: right;
}
#head_tel img {
	margin-left:20px;}	

/*	グローバルナビ
----------------------------------------------------------------------------*/

#navi_bar{
	height:40px;
	margin: 0 auto;
	padding:5px 0;
	background-color:#eee;
}
#navi{
	width: 960px;
	height: 40px;
	margin: 0 auto;
}
#navi li{
	float: left;
}

#navi li .top {
	margin-right:10px;
	}
#navi li .company {
	margin-right:10px;
	}
#navi li .collection {
	margin-right:10px;
	}
#navi li .brand {
	margin-right:10px;
	}
#navi li .inquiry {
	margin-right:0px;
	}
		
/*	フッター
----------------------------------------------------------------------------*/
#footer{
	margin-top:60px;
	padding: 0 ;
	background-color:#000;
	}
#footer_shop_bar {
	background-color:#000;
	height:32px;
	padding:24px 0;
	}
#footer_shop_in {
	width:960px;
	margin:auto;
	font-size:12px;
	line-height:32px;
	text-align:right;
	color:#fff;
	}
#footer_shop_in img {
	float:right;
	margin-left:15px;
	}
.footer_top{
	width:960px;
        margin: 0 auto;
	text-align:left;
}
#footer_link {
	width:577px;
	margin:auto;
	font-size:12px;
	line-height:55px;
	height:55px;
        color: #fff;
        display: inline-block;
	}
#footer_link a {
        color: #fff;
	}
.footer_net_logo {
	width:380px;
        display: inline;
        vertical-align: -10px;
}
#footer_in {
	width:960px;
	height:auto;
	padding-top:23px;
	margin:auto;
	text-align:right;
	}
#footer_logo {
	width:960px;
	height:auto;
	font-size:16px;
	line-height:22px;
	text-align:right;
        color: #fff;
	}
#footer_logo .add {
	font-size:12px;
	}

#footer_copy{
	font-size:12px;
	line-height:26px;
	height:46px;
	text-align:right;
        color: #fff;
	}
#map {
	width:325px;
	height:170px;
	float:right;
	margin:10px 0 10px 10px;
	}
.page_top {
	width:60px;
	height:auto;
	position:fixed;
	right:5%;
	bottom:8%
}

/*	共通
----------------------------------------------------------------------------*/

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.clear{clear: both; overflow: hidden; content: ''; display: block; margin:  auto;}
.int10 {
	text-indent:-1em;
	padding-left:1em;
}

/*	共通
----------------------------------------------------------------------------*/
#contents{
	width:960px;
	margin:  0 auto ;
	padding:  40px  auto 60px auto;	
}

#contents .attention{
	padding:10px 10px;
	border: 2px solid #df3636;
	background-color: #fff;
	width: 100%;
	max-width: 700px;
	margin:0 auto 40px auto;
	border-radius: 4px;
	font-size: 13px;
}

#contents .attention p{
	line-height: 1.4em;
	color:#df3636;
	font-weight: bold;
}

.title {
	width:100%;
	height:50px;
	text-align:left;
	margin:50px auto 10px auto;
	border-bottom:1px solid #000;
	clear:both;
	}
.text {
	width:930px;
	margin:30px auto;
	text-align:left;
	}

.tel {
	width:606px;
	margin:10px auto;
	position:relative;
	}	
.tel_bt {
	position: absolute;
	left: 342px;
	top: 49px;
	}

/*　TOP
----------------------------------------------------------*/
.mado{width: 960px; height:500px; margin: 35px auto 40px auto ; padding: 0}
.top_news {
	width:635px;
	float:left;
	padding: 0;
	margin: 0;
	border-top:#000 5px solid;
	}
.top_shop {
	width:235px;
	float:right;
	padding: 0;
	margin: 0;
	border-top:#000 5px solid;
	}
.top_shop p {
	background-image:url(../img/common/icon.png);
	background-repeat:no-repeat;
	background-position:left;
	height:18px;
	margin-top:24px;
	text-align:left;
	padding-left:26px;
	}
.top_title {
	width:100%;
	height:50px;
	text-align:left;
	margin-bottom:29px;
	padding: 0;
	border-bottom:1px solid #000;
	}
.news_list {
	width:100%;
	
	overflow:hidden;
	text-align:left;
	}
.news_list li {
	width:96%;
	background-image:url(../img/common/icon.png);
	background-repeat:no-repeat;
	background-position:left;
	height:40px;
	line-height:40px;
	text-align:left;
	padding-left:4%;
	}
.news_list dt {
	width:110px;
	background-image:url(../img/common/icon.png);
	background-repeat:no-repeat;
	background-position:left;
	height:40px;
	line-height:40px;
	text-align:left;
	padding-left:26px;
	color:#f00;
	float:left;
	}
.news_list dd {
	width:490px;
	height:40px;
	line-height:40px;
	text-align:left;
	float:left;
	}
.news_bt  {
	width:120px;
	margin:0 auto;
	padding-top:65px;
	text-align:left;
	font-size:18px;
	line-height:28px;
	}


/*　コレクション
----------------------------------------------------------*/
.colle_link {
	width:100%;
	margin:45px auto 25px auto;
	}
.colle_link li:after {
        content: '　>';
        color: #fff;
}
.colle_link li {
        background-color: #000;
        color: #fff;
        padding: 10px 14px;
        margin: 0 0 1%;
        float: left;
        letter-spacing: -0.09em;
	}
.colle_link a {
        text-decoration: none;
	display: block;
}
.colle_link .left {
        margin-right: 11px;
}
.colle_link .right {
        margin-right: 0;
}
.colle_link li:hover {
       background-color: rgba(0,0,0, 0.6);  
}

	
.carry_box  {
	width:100%;
	margin:30px auto;
	}
.carry_box:after {
  content: '';
  display: block;
  clear: both;
}
.carry_box li {
	width:190px;
	margin:10px 1px;
	float:left;
	}

.carry_box_title {
	width:160px;
	height:26px;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	text-align:left;
	margin:5px auto;
	}
.carry_box_price {
	width:140px;
	font-size:12px;
	line-height:21px;
	text-align:left;
	padding:10px;
	background-image:url(../img/collect/spec_back.png);
	margin:5px auto;
	}
.brand_box {
	width:100%;
	margin:25px auto 60px auto;
	clear:both;
	}
.brand_box:after {
  content: '';
  display: block;
  clear: both;
}
.brand_box li {
	width:380px;
	margin-right:20px;
	float:left;
	text-align:left;
	line-height:30px;
	}

.umbrella_box {
	width:100%;
	margin:20px auto 60px auto;
	}
.umbrella_box:after {
  content: '';
  display: block;
  clear: both;
}
.umbrella_box li {
	width:160px;
	margin-right:20px;
	float:left;
	text-align:left;
	line-height:36px;
	}
.colle_bt a {
	width:570px;
	height:50px;
	text-align:center;
	font-size:18px;
	line-height:50px;
	margin:50px auto;
	background-color:#000;
	color:#fff;
	display:block;
	cursor:pointer;
	}

.colle_bt a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#666666;
	}	
.colle_name {
        font-size: 16px;
        border-bottom: 1px solid #000;
        text-align: center;
        letter-spacing: -0.04em;
        margin-bottom: 10px;
        padding-bottom: 20px;
        margin-top: 50px;
}
.colle_name span {
        font-size: 24px;
        font-weight: 700;
}

.colle_items{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
}

.colle_items li {
	width: 25%;
}

.colle_items li img{
	max-width: 100%;
}

/*
.colle_items .col {
        margin: 0 20px 30px 0;
}
.colle_items .col2 {
        margin: 0 15px 30px 0;
}
.colle_items .col_r {
        margin: 0 0 0 0;
}
*/


/*　会社概要
----------------------------------------------------------*/
.comp_pre {
        display: inline-block;
        margin-right: 10px;
}
.comp_mes{
	width:65%;
	margin:5px auto;
	font-size:14px;
	line-height:23px;
	text-align:left;
        display: inline-block;
        vertical-align: top;
	}
.comp_name {
	margin-top:20px;
	float:right;
        font-weight: 700;
	}	
.comp_name img {
	width:100%;
	height:auto;
	}
.bnr_l {
	width:475px;
	float:left;
	margin-right:10px;
	margin-top:30px;
	}
.bnr_r {
	width:475px;
	float:left;
	margin-top:30px;
	}
.comp_title {
	width:100%;
	height:50px;
	text-align:center;
	margin:50px auto 10px auto;
	border-bottom:1px solid #000;
	clear:both;
	}
.comp_table .line {
	width:100%;
	margin:0 auto;
	padding:14px 0;
	border-bottom:1px solid #dcdcdc;
	}
.comp_table .line:after {
  content: '';
  display: block;
  clear: both;
}
.comp_table .line_l {
	width:110px;
	background-color:#000;
	margin-right:25px;
	text-align:center;
	color:#fff;
	float:left;
	}

.comp_table .line_r {
	width:825px;
	font-size:14px;
	line-height:26px;
	text-align:left;
	margin: 0;
	float:left;
	}
.comp_table2	{
	width:455px;
	float:left;
	}
.comp_table2 th {
	width:110px;
	font-weight:bold;
	font-size:14px;
	line-height:30px;
	text-align:left;
	vertical-align:top;
	}
.comp_table2 td {
	width:345px;
	font-size:14px;
	line-height:30px;
	text-align:left;
        letter-spacing: -0.01em
	}

.comp_img_map {
	width:370px;
	float:left;
	}
.comp_img_map .office1 {
        display: inline-block;
        margin: 0 5px 45px 0;
        vertical-align: top;
}
.comp_map {
        vertical-align: top;
        display: inline-block;
}
.comp_map p {
	background-image:url(../img/common/icon.png);
	background-repeat:no-repeat;
	background-position:left;
	height:34px;
	line-height:34px;
	text-align:left;
	padding-left:26px;
	}
.map {
	width:180px;
        height: 135px;
	overflow:hidden;
	}
.comp_table3	{
	width:100%;
	}
.comp_table3 th {
	width:120px;
	font-size:14px;
	line-height:32px;
	text-align:left;
	}
.comp_table3 td {
	font-size:14px;
	line-height:32px;
	text-align:left;
	}

.event_txt {
    font-size: 16px;
    text-align: left;
    margin-left: 2%;
}

.comp_event {
    font-size: 0;
}

.comp_event li {
    display: inline-block;
    margin: 10px 1% 20px;
}


/*　プライバシーポリシー
----------------------------------------------------------*/
#contents .p_title,
#contents .p_text {
        text-align:left;
}
.policy_title {
	width:100%;
	height:50px;
	text-align:center;
	margin:50px auto 10px auto;
	border-bottom:1px solid #000;
	clear:both;
	}
.p_title {
        font-size: 16px;
        font-weight: 700;
        margin-top: 40px;
}

/*　お問い合わせ
----------------------------------------------------------*/
.inqu_title {
	width:925px;
	height:36px;
	font-size:18px;
	line-height:36px;
	text-align:left;
	padding-left:35px;
	margin:30px auto 10px auto;
	border-bottom:1px solid #000;
	background-image:url(../img/inqu/icon.png);
	background-repeat:no-repeat;
	background-position:left;
	clear:both;
	}
.inqu_tel  {
	width:900px;
	margin:0 auto 60px auto;
	text-align:left;
	}
.inqu_text  {
	width:900px;
	margin:0 auto;
	text-align:left;
	}

.inqu_table {
	width:860px;
	text-align:left;
	margin:30px auto;
	padding:50px;
	background-color:#eee;
	}
.inqu_table th {
	width:260px;
	padding:15px 40px 10px 0;
	text-align:left;
	vertical-align:top;
	font-size:14px;
	}
.inqu_table td {
	width:500px;
	padding:5px 0;
	text-align:left;
	font-size:14px;
	}
.inqu_red {
	font-size:10px;
	float:right;
	color:#f00;}
.submit_btn{
	border: none;
	margin:50px auto;
    	width: 220px;
    	height: 36px;
	background: url(../img/inqu/send.png) no-repeat;
	cursor:pointer;
	}
	
.form_style {
	width:90%; 
	height:auto;
	padding:2% ; 
	margin:5px auto;
	vertical-align:middle; 
	font-size:16px; 
	}
.form_style_s {
	width:50%; 
	height:auto; 
	padding:2%  ;
	margin:5px 45%  5px 0;
	vertical-align:middle; 
	font-size:16px; 
	}

.form_style_tarea{
	width:90%; 
	height:150px; 
	padding:2% ;
	margin:5px auto;
	vertical-align:middle; 
	font-size:16px; 
	}