@charset "utf-8";
.sp{display:none;}
/*--------------------
base
--------------------*/
*{margin: 0; padding: 0}
a { text-decoration : none}
ul, ol { list-style : none}

html {
overflow-y: scroll;
}
body{
	color: #525252;
	margin:0px;
	padding:0px;
	font-size: 75%;
	line-height: 1.6;
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
	background:url('../images/back_body.gif'); 
	background-repeat: repeat-x;
	background-position: left top;
}

p{
	margin: 0px;
	padding: 0px;
}
ul,li,dl,dt,dd {
	list-style: none;
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4 {
	font-size:100%;
	margin:0px;
	padding:0px;
}
h2{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 30px;
	border-bottom: #CCCCCC solid 1px;
}
h3{
	background: url(../images/icon_h3.gif) no-repeat left center;
	padding-left: 20px;
}
img {
	border: 0px;
	vertical-align:middle;
}
table{
	border-collapse:collapse;
}
object {
	vertical-align: middle;
	outline: none;
}
a:link {color:#343d05;text-decoration:none;}
a:visited {color:#343d05;}
a:hover,a:active {color:#949722;text-decoration:underline;}

.hover {
	opacity: 0.8;
	}
.mincho {font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.flickSlideContainer {display:none !important;}
/*--------------------
wrap
--------------------*/
#wrap {
	width:950px;
	margin: 0 auto;
	padding: 0 50px;
	background-color: #fff;
	_zoom:1;overflow:hidden;
	position: relative;
}
 

#contents{
	margin-top: 55px;
}
#contents h1 span{display: none;}
.sp_h1{display:none;}
.pankuzu{margin-bottom: 20px;padding-top: 20px;}
#innerWrap{
	margin-bottom: 100px;
}
/*--------------------
header
--------------------*/
header{
	position: relative;
	height: 100px;
	_zoom:1;overflow:hidden;
}

header h1 {width:470px;position: absolute;top:15px;}
header h1 span{font-family: serif;font-size: 10px;}
header h1 a:hover{text-decoration: none;color: #525252;}
.head_nav {

}

.head_nav a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	font-family:serif;
	font-size: 13px;
	text-align: center;
	padding-top: 10px;
}
.head_nav a:hover{text-decoration: none;}
.head_nav .hnav_01 {
	position: absolute;
	top:0;
	right: 260px;
	background-position:0px 0px;
	background:url('../images/bt_hojin.gif'); 
}
.head_nav .hnav_01 a{
	width: 200px;
	height: 33px;
	color: #7e7e7e;
}
.head_nav .hnav_02 {
	position: absolute;
	top:0;
	right: 50px;
	background-position:0px 0px;
	background:url('../images/bt_online.gif'); 
}
.head_nav .hnav_02 a {
	width: 200px;
	height: 33px;
	color:#fff;
}

.hnav_01:hover{background-position:0px 43px;}
.hnav_02:hover{background-position:0px 43px;}

#searchform {
	position: absolute;
	top:50px;
	right: 50px; 
}
#keywords{
	width: 191px;
	height: 16px;
	background: #f3f1f2;
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1) inset;
	border: none;
	padding: 4px;
	color: #333;
}
#searchBtn {
	position: absolute;
	top: 0;
_top: 1px;
	left: 176px;
}
*:first-child + html #searchBtn{
	top: 1px;
}
#mainImages {margin-top: 160px;}
#mainImages ul{display: none;}
/*--------------------
nav
--------------------*/
nav {
margin-bottom: 100px;
_zoom:1;overflow:hidden;position: absolute;top:210px;
}
nav ul{
	width: 950px;
}

nav li {
	float: left;
	background:url('../images/nav.gif'); 
}
.nav_01,.nav_02,.nav_03{margin-right: 30px;}
nav li a{
	display: block;
	width:215px;
	height: 37px;
	font-size: 14px;
	font-family: serif;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
nav li a:hover{text-decoration: none;color:#333;}
nav ul .nav_01 {
	background-position:0px 0px;
}
nav ul .nav_01 a{
	width: 215px;
	height: 37px;
}
nav ul .nav_02 {
}
nav ul .nav_02 a {
	width: 215px;
	height: 37px;
}
nav ul .nav_03 {
}
nav ul .nav_03 a {
	width: 215px;
	height: 37px;
}
nav ul .nav_04 {
}
nav ul .nav_04 a {
	width: 215px;
	height: 37px;
}

.nav_01:hover,.nav_01.active,.nav_02:hover,.nav_02.active,.nav_03:hover,.nav_03.active,.nav_04:hover,.nav_04.active{background-position:0px 37px;}

#sp_menu{display: none;}
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 40em) {
	/* #menu is the original menu */
	.js #sp_menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
/*--------------------
contents_main_img
--------------------*/
.main_img_area{
	width: 950px;
	height: 330px;
	margin-bottom: 50px;
}
/*--------------------
news_area
--------------------*/
.tit_news,.tit_recommend{display: none;}
.news_area {
	width: 480px;
	margin-bottom: 60px;
	float: left;
	_zoom:1;overflow:hidden;
}
.news_box {
	background: url(../images/back_news.gif);
	width: 218px;
	height: 284px;
	padding: 6px;
	background-position: 0 0;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.news_box a {
	display: block;
	cursor: pointer;
	overflow:hidden; 
}
.news_box:hover {
	background-position: 0px 284px;
}
.news_box img {
	outline: 1px solid #fff;
}
.news_box .img {margin: 6px 0 9px;}
.news_box .date {
	text-align: right;
}
.news_box .link a{
	width: 218px;
	height: 284px;
	
}
.news_box .link a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	text-indent: -9999px;
}
.news_box .link:hover{
	background-position: 14px 0px;
}
.news_box .link img{
	outline: none;
}
.news_box .cate{
background-image:url('/images/title_news.gif');
background-repeat:no-repeat;00
text-align:right;
}

.cate_inner_box{
display:inline-block;
width:70px;
font-size:85%;
text-align:center;
color:#fff;
padding:5px 9px;
right:0;
}
.news_box .new{
	background-color: #fd8e73;
}
.news_box .info{
	background-color: #91c477;
}
.news_box .event {
	background-color: #b77bc5;
}
.news_box .media {
	background-color: #53a2d9;
}
.news_box .date span{display: none;}
/*--------------------
info_area
--------------------*/
.info_area {
	width: 470px;
	padding-bottom:40px;
	float: left;
}
.info_area .info_box_sw {
	width: 470px;
	height: 300px;
	padding-top: 60px;
	margin-bottom: 10px;
	background: url(../images/back_re_sw.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.info_area .info_box_sw:hover{
	background-position: 0 -360px;
}
.info_area .info_box_me {
	width: 470px;
	height: 300px;
	padding-top: 60px;
	margin-bottom: 10px;
	background: url(../images/back_re_me.gif);
	background-repeat: no-repeat;
}
.info_area .info_box_me:hover{
	background-position: 0 -360px;
}
.info_area .info_box_sw .title,.info_area .info_box_me .title {
	font-size: 14px;
	font-weight: bold;
	color:#000;
}
.info_area .cate {width: 470px;height: 40px;margin-bottom: 20px;}
.info_area .info_detail {
	width: 225px;
	margin: 4px;
	float: left;
}
.info_area .link {
	text-indent: -9999px;
}
.info_area .link a {color: #a40904;font-weight: bold;}

.info_area .bnr_area li {
	margin-bottom: 10px;
}
.info_area .bnr_area .sp{display:none;}
.info_area .bnr_area .pc{float:left;}
.info_area .bnr_area .bn_r{margin-left:10px;}
/*--------------------
contents_sub
--------------------*/
/*--------------------
footer
--------------------*/
.gotop{position: absolute;bottom: 0;right: 0;}
#footer_area{
	background-color: #a50a05;
width:100%;
_zoom:1;overflow:hidden;
}
#footer {
	width: 950px;
	height:110px;
	margin: 0 auto;
	color: #fff;
	position: relative;
}
#footer span {font-size: 10px;font-weight: bold;margin-right: 3px;}
#footer a {color: #fff;}
#footer ul {
	position: absolute;
	right: 0;
	top:20px;
}
#footer li {
	float: left;
	margin-left: 15px;
}
#footer .copyright {
	position: absolute;
	right: 0;
	bottom: 20px;
} 

/*--------------------
商品紹介
--------------------*/
.tit_h1 {margin-bottom:30px;text-align: center;margin-top:100px;font-size:28px;color:#a20a00;font-family: serif;font-weight: normal;}
.tit_h1_recruit {margin-bottom:30px;text-align: center;margin-top:10px;font-size:28px;color:#a20a00;font-family: serif;font-weight: normal;}

.items{margin: 20px 0 100px;_zoom:1;overflow:hidden;}
.product_box {
	background-color: #eee;
	width: 170px;
	height: 220px;
	padding: 6px;
	background-position: 0 0;
	float: left;
	margin:4px;
}
.product_box a {
	display: block;
	cursor: pointer;
	overflow:hidden; 
}
.product_box:hover {
	background-color: #ccc;
}
.product_box img {
	border: 2px solid #fff;
}
.product_box .text{margin:0 4px;text-align:center;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;font-weight: bold;}
.product_box .img {margin: 4px;}
.bl-bigger img{outline: 2px solid #fff;}

.sub_nav_area .sub_nav_product {margin-bottom: 20px;
_zoom:1;overflow:hidden;position: relative;
}
.sub_nav_area{margin-bottom: 50px;_zoom:1;overflow:hidden;}

.sub_nav_product ul{position: relative;
	float: left;left: 50%;
}

.sub_nav_product li {
	left: -50%;
	position: relative;
	float: left;
	background:url('../images/sub_nav.gif'); 
	margin-left: 20px;
	text-align: center;
}
.sub_nav_product li a{
	padding-top: 6px;
	display: block;
	cursor: pointer;
	overflow:hidden; 
	font-family: serif;
}
.sub_nav_product li a:hover{text-decoration: none;}

.sub_nav_product ul li {
	background-position:0px 0px;
}
.sub_nav_product ul a{
	width: 206px;
	height: 24px;
}
.sub_nav_product ul li:hover,.sub_nav_product ul li.active{background-position:0 -30px;}
/*--------------------
商品詳細
--------------------*/
#items {_zoom:1;overflow:hidden;margin-bottom: 100px;}
.lead_area{font-size:160%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;margin-bottom: 30px;}
.lead_area h1{font-size: 140%;font-weight: bold;margin-bottom: 30px;}
.detail .item_img{width:500px;float: left;_zoom:1;overflow:hidden;}
.detail .item_text .price{line-height:2;margin-top: 20px;}
.detail .item_text p{margin-bottom: 20px;}
.detail .item_text{width:430px;float: right;_zoom:1;overflow:hidden;font-size: 120%;}
.detail .item_text table{width: 430px;margin-top: 100px;}
.detail .item_text tr{border-top: 1px solid #ccc;}
.detail .item_text tr:last-child{border-bottom: 1px solid #ccc;}
.detail .item_text th{font-weight: normal;text-align: left;padding: 0;}
.detail .item_text td{padding: 10px;}
.detail .inner{_zoom:1;overflow:hidden;}

.item_text_w{_zoom:1;overflow:hidden;font-size: 120%;}

.btn {float: right;margin-top: 40px;}
.btn a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	text-indent: -9999px;
}
.go_online {
	bottom:117px;
	right: 0px;
	background-position:0px 0px;
	background:url('../images/bt_online2.gif'); 
	background-repeat: no-repeat;
}
.go_online a {
	width: 200px;
	height: 35px;
}

.go_online:hover{background-position:0px -35px;}

#colombin .item_img img { width:359px; }
#colombin .item_img img.sozai_img { width:475px; }
#colombin .item_img{
	width:475px;
	overflow:hidden;
	_zoom:1;
}

/*★★★★★20180215追加★★★★★*/
#colombin .item_img2{
	overflow:hidden;
	_zoom:1;
}
/*★★★★★20180215追加★★★★★*/





.detail_l .item_img{float: left;}
.detail_r .item_img{float: right;}

#colombin .item_text{
	width:420px;
	overflow:hidden;
	font-size: 120%;
	line-height:160%;
	_zoom:1;
}

/*★★★★★20180215追加★★★★★*/
#colombin .item_text2{
	overflow:hidden;
	font-size: 120%;
	line-height:160%;
	_zoom:1;
}
/*★★★★★20180215追加★★★★★*/



.detail_l .item_text{float: right;}
.detail_r .item_text{float: left;}

/*★★★★★20180215追加★★★★★*/
.detail_l .item_text2{float: right;}
/*★★★★★20180215追加★★★★★*/

/*★★★★★20180220追加★★★★★*/
#colombin .detail_noimg {
	margin-bottom: 60px;
}
#colombin .detail_noimg .item_text {
	width: 100%;
}
.detail_noimg .item_text p {
	margin-bottom: 20px;
}
.detail_noimg .imgset {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	margin: 0;
}
.detail_noimg .imgset li {
	width: 48%;
}
.detail_noimg .imgset li img {
	width: 100%;
	height: auto;
}
@media (max-width: 640px) {
	.detail_noimg {
		padding: 0 10px;
	}
	.detail_noimg .imgset li {
		margin-bottom: 10px;
		width: 100%;
	}
}


/*★★★★★20180220追加★★★★★*/

div.item_text>table>tbody>tr>td>a{
	color:#369;
	text-decoration: underline;
	line-height:1.4em;
}


/*★★★★★20180215追加★★★★★*/
div.item_text2>table>tbody>tr>td>a{
	color:#369;
	text-decoration: underline;
	line-height:1.4em;
}
/*★★★★★20180215追加★★★★★*/





#colombin .item_text .tit_item{font-size:160%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;margin-bottom: 20px;}


/*★★★★★20180215追加★★★★★*/
#colombin .item_text2 .tit_item2{font-size:160%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;margin-bottom: 20px;}
/*★★★★★20180215追加★★★★★*/



.detail_l,.detail_r {_zoom:1;overflow:hidden;margin-bottom: 60px;}
.detail_l .item_text .price{line-height:2;margin-top: 20px;}
.detail_l .item_text p{margin-bottom: 20px;}
.detail_l img{float: left;margin-right: 20px;}
.detail_r .item_text .price{line-height:2;margin-top: 20px;}
.detail_l .item_text .lead_item{font-size:140%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.detail_r .item_text p{margin-bottom: 20px;}
.detail_r img{float: left;margin-right: 20px;}

/*★★★★★20180215追加★★★★★*/
.detail_l .item_text2 .price{line-height:2;margin-top: 20px;}
.detail_l .item_text2 p{margin-bottom: 20px;}
.detail_l .item_text2 .lead_item{font-size:140%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
/*★★★★★20180215追加★★★★★*/



.item_text>p>img{width:100px;}
/*★★★★★20180215追加★★★★★*/
.item_text2>p>img{width:100px;}
/*★★★★★20180215追加★★★★★*/



.item_text>p>a{ color:#029; line-height:2em; vertical-align:top;}
/*★★★★★20180215追加★★★★★*/
.item_text2>p>a{ color:#029; line-height:2em; vertical-align:top;}
/*★★★★★20180215追加★★★★★*/

.safety .item_text img{width:auto;max-height:95px;}

.img_recommend1{background:url('../colombin/images/back_recommend1_item.gif'); 
	background-repeat: no-repeat;
	width: 385px !important;
	height: 405px;
	padding: 11px;
}
.text_recommend1{width: 540px !important;}
.text_recommend1 .price{font-weight: bold;margin-top: 50px !important;}
.text_recommend1 .price th {vertical-align: top;}

.img_recommend2{background:url('../colombin/images/back_recommend2_item.gif'); 
	background-repeat: no-repeat;
	width: 385px !important;
	height: 405px;
	padding: 11px;
}
.text_recommend2{width: 540px !important;}
.text_recommend2 .price{font-weight: bold;margin-top: 50px !important;}
.text_recommend2 .price th {vertical-align: top;}
.slides{display:none !important; }
.tit_item_sp{display:none;}
/*--------------------
店舗情報
--------------------*/

#contents > p.dealers{
	text-align:right;
	width:100%;
	padding:1em;
	margin-right:50px;
	text-align:right;
	position:relative;
	top:-10px;
}

table.shop{width: 950px;margin: 50px 0 100px;}
table.shop th{background-color: #e7e5e6;font-weight: normal;border-top:1px solid #7d7d7d;border-bottom: 1px solid #7d7d7d;padding: 10px 10px;font-size: 120%;}
table.shop td a{
	background:url('../images/bt_entry.gif');
	background-position:-15px 0;
	width: 80px;
	height: 24px;
	padding-top:6px; 
	display: block;
	cursor: pointer;
	overflow:hidden; 
}
table.shop td:nth-child(2){text-align:center;}
table.shop td a:hover{background-position: -15px -30px;text-decoration:none;}
table.shop .shop_name{width: 268px;}
table.shop .add{width: 190px;}
table.shop .name{color: #aa0003;width: 200px;}
table.shop td{border-bottom: 1px solid #e1e1e1;padding: 5px 10px;}
table.shop td:nth-of-type(1){font-size: 120%;padding-left: 10px;color: #aa0003;font-weight: bold;}
table.shop .sho{width: 80px;}
table.shop .ser{width: 205px;}
table.shop .area{background-color: #d9d7d7;font-size: 160%;color:#000;text-align: center;}
table.shop li{font-size:11px !important;width:96px;float: left;color: #fff;text-align: center;padding: 1px 0;margin: 3px;}
table.shop .fresh{background-color: #f19393;}
table.shop .roast{background-color: #986256}
table.shop .cookie{background-color: #ccb25b;}
table.shop .limit{background-color: #96c575;}
table.shop .others{background-color: #7988d9; display:none;}
table.shop .salon{background-color: #b193cd;}
.nocate{background-color: #eee !important;color:#aaa !important;}
.sub_nav_shop {margin-bottom: 40px;
_zoom:1;overflow:hidden;width: 577px;margin: 0 auto 40px;
}
.sub_nav_shop:last-child{margin-bottom: 110px;}
.sub_nav_shop ul{
	width: 950px;height: 30px;
}

.sub_nav_shop li {
	float: left;
	background:url('../images/sub_nav_shop.gif'); 
	margin-left: 20px;
}
.sub_nav_shop li a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	text-indent: -9999px;
}
.sub_nav_shop li a:hover{text-decoration: none;}
.sub_nav_shop ul .sub_nav_01 {
	background-position:0px 0px;
}
.sub_nav_shop ul .sub_nav_01 a{
	width: 166px;
	height: 30px;
}
.sub_nav_shop ul .sub_nav_02 {
	background-position:-166px 0px;
}
.sub_nav_shop ul .sub_nav_02 a {
	width: 166px;
	height: 30px;
}
.sub_nav_shop ul .sub_nav_03 {
	background-position:-332px 0px;
}
.sub_nav_shop ul .sub_nav_03 a {
	width: 166px;
	height: 30px;
}

.sub_nav_shop .sub_nav_01:hover,.sub_nav_shop .sub_nav_01.active{background-position:0px 30px;}
.sub_nav_shop .sub_nav_02:hover,.sub_nav_shop .sub_nav_02.active{background-position:-166px 30px;}
.sub_nav_shop .sub_nav_03:hover,.sub_nav_shop .sub_nav_03.active{background-position:-332px 30px;}
/*--------------------
店舗詳細
--------------------*/
.shop_local {float: left;width: 247px;}
.shop_local li{
	background: url(../shop/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:140%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;margin-bottom: 15px;
	font-weight: bold;
	padding-left: 15px;
}
.img_shop_sp{display:none;}
.shop_detail li{font-size:12px;width:96px;float: left;color: #fff;text-align: center;padding: 1px 4px;margin: 3px;}
.shop_detail .fresh{background-color: #f19393;}
.shop_detail .roast{background-color: #986256}
.shop_detail .cookie{background-color: #ccb25b;}
.shop_detail .limit{background-color: #96c575;}
.shop_detail .others{display:none;background-color: #7988d9;}
.shop_detail .salon{background-color: #b193cd;}
.shop_detail p{margin: 20px 0;}
.shop_detail .access{_zoom:1;overflow:hidden;}
.shop_detail .address{float: left;}
.shop_detail .address table{width: 475px;line-height: 2;margin-bottom:20px;}
.shop_detail .address th {background-color: #f1f1ef;width:100px;padding: 10px;}
.shop_detail .address td{padding: 10px;}
.shop_detail .address tr{border-top: 1px solid #ccc;}
.shop_detail .address tr:last-child{border-bottom: 1px solid #ccc;}
.shop_detail .map{float: right;width:445px;}
.shop_detail .recommend {border: 1px solid #ccc;_zoom:1;overflow:hidden;margin: 20px 0 100px;}
.shop_detail .recommend h2 {font-size: 160%;font-weight: bold;margin: 10px;}
.shop_detail .recommend p {margin: 5px 0;}
.rec_box{width: 180px;height: 265px;float: left;margin: 15px 26px;}
.godetail {
	background-position:0px 0px;
	background:url('../images/bt_entry.gif'); 
	background-repeat: no-repeat;
	height: 24px;
	padding-top:6px;
	text-align:center;
}
.godetail a {
	display: block;
	cursor: pointer;
	overflow:hidden; 
	height: 30px;
	width: 180px;
}
.godetail:hover {background-position: 0 -30px;}
.godetail a:hover{text-decoration:none;}
/*--------------------
NEWS
--------------------*/
.sub_nav_news {margin-bottom: 40px;
_zoom:1;overflow:hidden;position;relative;
}
.sub_nav_news:last-child{margin-bottom: 110px;}
.sub_nav_news ul{
	position: relative;float: left;left: 50%;
}

.sub_nav_news li {
	position: relative;float: left;left: -50%;
	background:url('../images/sub_nav_colombin.gif'); 
	margin-left: 20px;
}

.sub_nav_news li a:hover{text-decoration: none;}

.sub_nav_news li {
	float: left;
	position: relative;
	left: -50%;
	background:url('../images/sub_nav_2.gif'); 
	margin-left: 20px;
	text-align: center;
}
.sub_nav_news li a{
	padding-top: 6px;
	display: block;
	cursor: pointer;
	overflow:hidden; 
	font-family: serif;
	
}
.sub_nav_news li a:hover{text-decoration: none;}

.sub_nav_news ul li {
	background-position:0px 0px;
}
.sub_nav_news ul a{
	width: 165px;
	height: 24px;
}
.sub_nav_news ul li:hover,.sub_nav_news ul li.active{background-position:0 -30px;}

.single_box {
	_zoom:1;overflow:hidden;
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-bottom: 1px solid #d8d8d8;
}
.single_box .date{
	font-size: 110%;
	margin-bottom: 5px !important;
	margin-left: -15px;
}
.single_box h2 {
	border-left: 7px solid #a80000;
	border-bottom: none;
	padding-left: 10px;
	margin-top: 15px;
	font-size: 140%;
}
.single_box .text_area{
	width: 580px;
	float: left;
	padding-right: 20px;
	position: relative;
}
.single_box .text_area p {
	margin-bottom: 25px;
	padding-left: 15px;
}
.single_box .img_area{
	width: 341px;
	float: right;
}
.single_box .img_area img {
	border: 3px solid #a80000;
	margin-bottom: 10px;
}
.single_box .category{
	padding: 2px 15px;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 20px;
}
.single_box .new{
	background-color: #fd8e73;
}
.single_box .info{
	background-color: #91c477;
}
.single_box .event {
	background-color: #b77bc5;
}
.single_box .media {
	background-color: #53a2d9;
}
.single_box .go_detail {
	background:url('./../images/bt_detail.gif'); 
	background-repeat: no-repeat;
	float: right;
	width: 160px;
	height: 30px;
}
.single_box .go_detail a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	text-indent: -9999px;
	height: 30px;
}
.single_box .go_detail:hover{background-position: 0 -30px;}
.page_news {margin-bottom: 100px;_zoom:1;overflow:hidden;position: relative;}
.page_news ul{text-align: center;position: relative;left: 50%;float: left;}
.page_news li {float: left;margin-right: 20px;position: relative;left: -50%;}
.page_news a{color: #a80000;}
.page_news .active{background-color: #a80000;padding: 0 6px;margin-right: 15px;color: #fff;}
/*--------------------
会社概要
--------------------*/
#innerWrap .lead_area{
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 30px;
}
.corporate_nav {width: 760px;margin: 0 auto 40px;}
.sub_nav_corporate {margin-bottom: 40px;
_zoom:1;overflow:hidden;
}
.sub_nav_corporate:last-child{margin-bottom: 110px;}
.sub_nav_corporate ul{
	width: 950px;height: 30px;
}
.sub_nav_corporate li {
	float: left;
	background:url('../images/sub_nav_corporate.gif'); 
	margin-left: 20px;
}
.sub_nav_corporate li a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	text-indent: -9999px;
}
.sub_nav_corporate li a:hover{text-decoration: none;}
.sub_nav_corporate ul .sub_nav_01 {
	background-position:0px 0px;
}
.sub_nav_corporate ul .sub_nav_01 a{
	width: 166px;
	height: 30px;
}
.sub_nav_corporate ul .sub_nav_02 {
	background-position:-166px 0px;
}
.sub_nav_corporate ul .sub_nav_02 a {
	width: 166px;
	height: 30px;
}
.sub_nav_corporate ul .sub_nav_03 {
	background-position:-332px 0px;
}
.sub_nav_corporate ul .sub_nav_03 a {
	width: 166px;
	height: 30px;
}
.sub_nav_corporate ul .sub_nav_04 {
	background-position:-498px 0px;
}
.sub_nav_corporate ul .sub_nav_04 a {
	width: 166px;
	height: 30px;
}

.sub_nav_corporate .sub_nav_01:hover,.sub_nav_corporate .sub_nav_01.active{background-position:0px 30px;}
.sub_nav_corporate .sub_nav_02:hover,.sub_nav_corporate .sub_nav_02.active{background-position:-166px 30px;}
.sub_nav_corporate .sub_nav_03:hover,.sub_nav_corporate .sub_nav_03.active{background-position:-332px 30px;}
.sub_nav_corporate .sub_nav_04:hover,.sub_nav_corporate .sub_nav_04.active{background-position:-498px 30px;}

table.corpo{width: 950px;}
table.corpo th{background-color: #e7e5e6;font-weight: normal;border-top:1px solid #7d7d7d;border-bottom: 1px solid #7d7d7d;padding: 10px 10px;width:150px;}
table.corpo td{border-top:1px solid #7d7d7d;border-bottom:1px solid #7d7d7d;padding: 5px 10px;}
table.shop li{font-size:12px;width:96px;float: left;color: #fff;text-align: center;padding: 1px 0;margin: 3px;}
table.corpo .img{padding:0;width:300px;}
/*--------------------
コロンバンを知る
--------------------*/
.sub_nav_colombin {margin-bottom: 40px;
_zoom:1;overflow:hidden;position;relative;
}
.sub_nav_colombin:last-child{margin-bottom: 110px;}
.sub_nav_colombin ul{
	position: relative;float: left;left: 50%;
}

.sub_nav_colombin li {
	position: relative;float: left;left: -50%;
	background:url('../images/sub_nav_colombin.gif'); 
	margin-left: 20px;
}

.sub_nav_colombin li a:hover{text-decoration: none;}

.sub_nav_colombin li {
	float: left;
	position: relative;
	left: -50%;
	background:url('../images/sub_nav.gif'); 
	margin-left: 20px;
	text-align: center;
}
.sub_nav_colombin li a{
	padding-top: 6px;
	display: block;
	cursor: pointer;
	overflow:hidden; 
	font-family: serif;
	
}
.sub_nav_colombin li a:hover{text-decoration: none;}

.sub_nav_colombin ul li {
	background-position:0px 0px;
}
.sub_nav_colombin ul a{
	width: 206px;
	height: 24px;
}
.sub_nav_colombin ul li:hover,.sub_nav_colombin ul li.active{background-position:0 -30px;}

.nav_colombin {margin:20px 0  40px;
_zoom:1;overflow:hidden;
}
.nav_colombin:last-child{margin-bottom: 110px;}
.nav_colombin ul{
	width: 950px;
}

.nav_colombin li {
	float: left;
	background:url('../colombin/images/nav_colombin.gif'); 
	margin-right: 30px;
	margin-bottom: 30px;
	width: 460px;
	height: 150px;
	position:relative;
}
.nav_colombin li span{position:absolute;top:80px;left:38px;}
.nav_colombin li a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
}
.nav_colombin li a:hover{text-decoration: none;}
.nav_colombin li .pc_nav{margin-top: 21px;text-align: center;font-size: 24px;font-family: serif;font-weight: bold;}
.nav_colombin ul .nav_01 {
}

.nav_colombin li:hover,.nav_colombin li .active{background-position:0 150px;}

.main_img{margin-bottom:20px;}
.detail_bonbon{
	background:url('../images/back_bonbon.jpg');
	background-position:top;
	background-repeat:no-repeat;
	_zoom:1;overflow:hidden;
	margin-bottom:100px;
}
.inner{
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
}
.img_inner{float:left;width:40%;}
.text_inner{float:right;width:60%;}
.inner ul{margin:5px 0 8px 25px;font-size:90%;}

.issue{font-size:140%;padding:20px;border:none;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;background-color:transparent !important;}

.box_bonbon{width:500px;margin:0 auto;font-size:120%;}
.box_bonbon img{padding:15px;background-color:#fff;}
.pdf_bonbon{float:right;}
.pdf_bonbon h3{}
.pdf_bonbon a,.pdf_bonbon p{text-align:right;color:#a80000 !important;}
.pdf_bonbon img{border:1px solid #a80000 !important;padding:10px;}
.pdf_bonbon h3 {
    background: none;
    padding: 0;
}
.sp_nav{display:none;}
#bonbon .main_img{
width:100%;
margin-bottom:25px;
}

#bonbon .lead_text{
font-size:14px !important;
}

#bonbon h2.issue{
display:block;

padding:10px 25px;padding : 5px 15px;
font-size:150%;
background-color:#eee;

}

#bonbon .entry_more img{
max-width:80%;
}

#bonbon .entry_body p,
#bonbon .entry_more p{
margin-bottom:45px;
}

#bonbon #contents a img{
border:1px solid #def;
}

#contents{
padding-bottom:50px;
}

#bonbon div.archive_link_box a{
display:block;
width:90%;
margin:40px auto;
height:3rem;
line-height:3rem;
text-align:center;
vertical-align:middle;
background-color:#ddd;
text-decoration:none;
color:#777;
}

#bonbon div.archive_link_box a:hover{
opacity:0.6;
}
h2.issue{
font-family:Courier New, Geogia;
font-size:3em;
}

.caution_bonbon{text-align:center;background-color:#ccc;padding:10px;margin:-50px 0 50px;font-weight:bold;}

/*
社長メッセージ
------------------------------*/
.message .img{
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
	width:170px;
}
.message .name{display:none;}
.message .text{
	float: right;
	display: inline;
	width: 750px;
	background: url(../corporate/images/message_sign.gif) no-repeat right bottom;
	padding-bottom: 150px;
}
.message .text p{
	margin-bottom: 15px;
	font-size:110%;line-height:1.8;
}

.lead_text{font-size:160% !important;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;margin-bottom: 30px;}
/*
会社概要
------------------------------*/
.gaiyo{
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
}
.gaiyo p{
	float: right;
	display: inline;
	margin-left: 30px;
}


.gaiyo img{
	float: right;
	display: inline;
	margin-left: 30px;
}
.gaiyo dl{
	width: 411px;
	overflow: hidden;
	zoom: 1;
}
.gaiyo dt{
	 border-top: #CCCCCC solid 1px;
	 padding: 10px 0;
	 float: left;
	 display: inline;
	 width: 100px;
}
.gaiyo dd{
	 border-top: #CCCCCC solid 1px;
	 padding: 10px 0;
	 float: left;
	 display: inline;
	 width: 311px;
}
.gaiyo .gy{
	width: 723px;
	border-bottom: #CCCCCC solid 1px;
}
.gaiyo .gy dt{
	 border-top: #CCCCCC solid 1px;
	 padding: 10px 0;
	 float: left;
	 display: inline;
	 width: 100px;
}
.gaiyo .gy dd{
	 border-top: #CCCCCC solid 1px;
	 padding: 10px 0;
	 float: left;
	 display: inline;
	 width: 623px;
}


/*
コロンバンの歴史
------------------------------*/
.history table{
	border-collapse: collapse;
	width:630px;
	float:left;
	margin-right:20px;
}
.history th,.history td{
	border-top: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
	table-layout: fixed;
}
.history th{
	width: 110px;
	text-align: left;
	padding: 15px 10px;
}
.history td{
	padding: 10px 5px 10px 0;
}
.imgbox{
	font-size: 80%;
	margin-left: auto;
	overflow: hidden;
	zoom: 1;
}
.img_history{
	float: right;
	width:300px;
}
.img_history p{
	margin-bottom: 15px;
}
.img_history2{
	float: right;
	width:150px;
}
.img_history2 p{
	margin-bottom: 15px;
}
.history table.history2 {
	border-collapse: collapse;
	width:780px;
	float:left;
	margin-right:20px;
}
.history .text{
	margin-bottom: 20px;
	font-weight: bold;
}
.mt45{margin-top: 45px;}
.mt20{margin-top: 20px;}
.w206{width: 206px;}
.w125{width: 125px;}

/*
お問い合わせ
------------------------------*/
.contact .text p{
	margin-bottom: 45px;
}
/*
よくあるご質問
------------------------------*/
.faq .text{
	margin-bottom: 45px;
}
.faq .text p{
	margin-bottom: 45px;
	margin-top: -10px;
}
.faq .text span{
	color: #A50A05;
	font-weight: bold;
}

/*
プライバシーポリシー
------------------------------*/
.policy .box{
	margin-bottom: 45px;
}
.policy .box h3{
	margin-bottom: 25px;
}
.policy .box .text{
	margin-bottom: 25px;
}
.policy dd{
	padding: 10px 0 20px;
}
.policy h2{
	margin: 45px 0 20px;
}
.policy .list1 li{
	list-style-type: square;
	margin-bottom: 15px;
	margin-left: 20px;
}
.policy .list1 li ul li{
	list-style-type: disc;
	margin-bottom: 0px;
}
/*--------------------
採用情報
--------------------*/
.sub_nav_recruit {margin-bottom: 40px;
_zoom:1;overflow:hidden;position: relative;
}
.sub_nav_recruit:last-child{margin-bottom: 110px;}
.sub_nav_recruit ul{
	position: relative;float: left;left: 50%;
}

.sub_nav_recruit li {
	float: left;
	position: relative;
	left: -50%;
	background:url('../images/sub_nav.gif'); 
	margin-left: 20px;
	text-align: center;
}
.sub_nav_recruit li a{
	padding-top: 6px;
	display: block;
	cursor: pointer;
	overflow:hidden; 
	font-family: serif;
	
}
.sub_nav_recruit li a:hover{text-decoration: none;}

.sub_nav_recruit ul li {
	background-position:0px 0px;
}
.sub_nav_recruit ul a{
	width: 206px;
	height: 24px;
}

.sub_nav_recruit ul a:hover{color: #525252;;}
.sub_nav_recruit li:hover,.sub_nav_recruit li.active{background-position:0px 30px;}

.sub_nav_recruit_sub1 {margin-bottom: 40px;
_zoom:1;overflow:hidden;position: relative;
}
.sub_nav_recruit_sub1 ul{position: relative;
float: left;left: 50%;

}

.sub_nav_recruit_sub1 li {
	float: left;
	position: relative;
	left: -50%;
	background:url('../images/sub_nav_recruit_sub1.gif'); 
}
.sub_nav_recruit_sub1 li a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	text-indent: -9999px;
}
.sub_nav_recruit_sub1 li a:hover{text-decoration: none;}
.sub_nav_recruit_sub1 ul .sub_nav_01 {
	background-position:0px 0px;
}
.sub_nav_recruit_sub1 ul .sub_nav_01 a{
	width: 176px;
	height: 30px;
}
.sub_nav_recruit_sub1 ul .sub_nav_02 {
	background-position:-176px 0px;
}
.sub_nav_recruit_sub1 ul .sub_nav_02 a {
	width: 176px;
	height: 30px;
}
.sub_nav_recruit_sub1 ul .sub_nav_03 {
	background-position:-352px 0px;
}
.sub_nav_recruit_sub1 ul .sub_nav_03 a {
	width: 176px;
	height: 30px;
}
.sub_nav_recruit_sub1 ul .sub_nav_04 {
	background-position:-528px 0px;
}
.sub_nav_recruit_sub1 ul .sub_nav_04 a {
	width: 422px;
	height: 30px;
}

.sub_nav_recruit_sub1 .sub_nav_01:hover,.sub_nav_recruit_sub1 .sub_nav_01.active{background-position:0px 30px;}
.sub_nav_recruit_sub1 .sub_nav_02:hover,.sub_nav_recruit_sub1 .sub_nav_02.active{background-position:-176px 30px;}
.sub_nav_recruit_sub1 .sub_nav_03:hover,.sub_nav_recruit_sub1 .sub_nav_03.active{background-position:-352px 30px;}
.sub_nav_recruit_sub1 .sub_nav_04:hover,.sub_nav_recruit_sub1 .sub_nav_04.active{background-position:-528px 30px;}

.recruit h1{margin-bottom: 10px;font-size:200%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.recruit .position {margin-bottom: 0px;font-size:160%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.recruit .name{margin-bottom: 10px;}
.recruit .box_works{
	_zoom:1;overflow:hidden;
}
.recruit .box_works li{
	width:202px;
	height: 350px;
	margin-bottom: 20px;
	padding: 10px;
	float: left;
	margin-right: 20px;
	background: url(../recruit/images/back_works.gif) ;
	background-repeat: no-repeat;
}
.recruit .box_works li:hover{
	background-position: 0 -370px;
}
.no-marg{margin-right: 0 !important;}
.recruit .box_discussion,.recruit .box_interview{
	float: left;
	width: 283px;
	height: 400px;
	margin-right: 50px;
}

.recruit .box_discussion .link_area{
	background: url(../recruit/images/back_interview.gif) ;
	width: 283px;
	height: 270px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
.recruit .box_discussion .link_area a{
	display: block;
	padding: 10px;
	height: 248px;
}
.recruit .box_discussion .link_area:hover{
	background-position:  0 -270px;
}

.recruit .box_interview .link_area{
	background: url(../recruit/images/back_interview.gif) ;
	width: 283px;
	height: 270px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
.recruit .box_interview .link_area a{
	display: block;
	padding: 10px;
	height: 248px;
}
.recruit .box_interview .link_area:hover{
	background-position:  0 -270px;
}

.recruit .box_recruit{
	float: left;
	width: 283px;
	height: 400px;
	margin-bottom: 100px;
}
.recruit .box_recruit .link_area{
	background: url(../recruit/images/back_recruit.gif) ;
	width: 283px;
	height: 270px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
.recruit .box_recruit .link_area a{
	display: block;
	padding: 10px;
	height: 248px;
}

.recruit .box_recruit .link_area:hover{
	background-position:  0 -270px;
}
.recruit .link_area span {display:none;}
.recruit .table_recruit{
	width: 950px;
	margin: 20px 0;
	line-height: 2;
}
.recruit .table_recruit th{
	background-color: #f3f3f3;
	padding: 15px 10px;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	color: #b62e32;
	width: 150px;
}
.recruit .table_recruit td{
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding: 15px 10px;
}
.newcomer{margin-bottom: 135px;}
.newcomer p{margin-bottom: 20px;}

.recruit .btn_entry{
	background: url(../images/bt_entry.gif) ;
	width: 180px;
	height: 30px;
	margin:0 auto;
	background-repeat: no-repeat;
}
.recruit .btn_entry a{
	display: block;
	text-align: center;
	font-family: serif;
	font-size: 15px;
	padding-top: 3px
}
.recruit .btn_entry a:hover{text-decoration: none;color: #525252;}
.recruit .btn_entry:hover{background-position:0 -30px;}
/*採用情報：お仕事紹介*/
.staff{_zoom:1;overflow:hidden;
	margin-bottom: 60px;
}
.staff_main{width: 630px;_zoom:1;overflow:hidden;float: left;}

.box_staff{
	border-top:40px solid #eaeaea;
	border-left: 10px solid #eaeaea;
	border-bottom: 10px solid #eaeaea;
	border-right: 10px solid #eaeaea;
	margin-bottom: 20px;
}

.tit_box_staff{
	border-top: 3px solid #A80000;
	width: 650px;
	margin: -40px -10px 0;
	height: 40px;
	padding: 0 !important;
	font-size: 16px;
}
.tit_box_staff span{
	background-color: #a80000;
	padding: 6px;
	margin-right: 10px;
	color:#fff;
}
.box_staff p{padding: 10px;}


.staff_sub{width: 300px;_zoom:1;overflow:hidden;float: right;}
.name_staff{
	margin-bottom: 20px;
}
.name_staff img{border:1px solid #ccc;padding:7px;}
.name_staff .name{
	font-size:160%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.schedule_staff{
	border-top: 3px solid #A80000;
	background-color: #eaeaea;
	padding: 10px;
}
.schedule_staff table {
	background-color: #fff;
	width: 280px;
}
.schedule_staff th{
	padding: 15px 10px;
	vertical-align: text-top;
}
.schedule_staff span{
	background-color: #a0a0a0;
	padding: 5px;
	color: #fff;
}
.schedule_staff td{
	padding: 15px 0;
}
.schedule_staff td img {
	margin-top: 10px;
}
.schedule_staff p {
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
}
/*採用情報：募集要項*/
.sub_nav_recruit_sub2 {margin-bottom: 40px;
_zoom:1;overflow:hidden;position: relative;
background: url(../images/sub_nav2_back.gif);
	background-repeat: repeat-x;
}
.sub_nav_recruit_sub2 ul{position: relative;
float: left;

}

.sub_nav_recruit_sub2 li {
	float: left;
	position: relative;

	background:url('../images/sub_nav2.gif'); 
}
.sub_nav_recruit_sub2 li a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	text-align: center;
	padding-top: 5px;
	font-family: serif;
}
.sub_nav_recruit_sub2 li a:hover{text-decoration: none;color:#525252;}
.sub_nav_recruit_sub2 ul .sub_nav_01 {
	background-position:0px 0px;
}
.sub_nav_recruit_sub2 ul  a{
	width: 158px;
	height: 25px;
}


.sub_nav_recruit_sub2 li:hover,.sub_nav_recruit_sub2 li.active{background-position:0px 30px;}






/*採用情報：タブの追加20180315　　sub3の追加*/
.sub_nav_recruit_sub3 {margin-bottom: 40px;
_zoom:1;overflow:hidden;position: relative;
background: url(../images/sub_nav3_back.gif);
	background-repeat: repeat-x;
}
.sub_nav_recruit_sub3 ul{position: relative;
float: left;

}

.sub_nav_recruit_sub3 li {
	float: left;
	position: relative;

	background:url('../images/sub_nav3.gif'); 
}
.sub_nav_recruit_sub3 li a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	text-align: center;
	padding-top: 5px;
	font-family: serif;
}
.sub_nav_recruit_sub3 li a:hover{text-decoration: none;color:#525252;}
.sub_nav_recruit_sub3 ul .sub_nav_01 {
	background-position:0px 0px;
}
.sub_nav_recruit_sub3 ul  a{
	width: 158px;
	height: 50px;
}


.sub_nav_recruit_sub3 li:hover,.sub_nav_recruit_sub3 li.active{background-position:0px 55px;}

/*採用情報：タブの追加20180315*/




table.caution{width: 950px;margin-top: 20px;border: 10px solid #f4f4f4;font-size: 130%;}
table.caution a {text-decoration: underline;}
table.caution th{
	width: 3em !important;
	font-weight: normal;
	vertical-align: text-top;
	padding: 10px;
}
table.caution td{
	padding: 10px;
}
.table_recruit ul {margin-bottom: 0 !important;}
.table_recruit ol li{list-style: decimal;margin-left: 20px;}
.table_recruit ul li{list-style: inside;}
.table_recruit span{font-size: 90%;}
.recruit ul{margin-bottom: 20px;}

/*採用情報：座談会*/
.box_talk{_zoom:1;overflow:hidden;margin-bottom: 40px;}
.box_talk_name {width: 286px;float: left;margin: 15px;}
.box_talk_name .img {text-align: center;}
.box_talk_name .name {font-size: 140%;margin: 10px 0 0;text-align: center;}
.box_talk_name .caution{font-size: 90%;margin-bottom: 10px;text-align: center;}

.box_talk.box1 .text_area{
	width: 485px;
	float: left;
	margin-right: 20px;
}
.box_talk.box1 .img_area{
	width: 445px;
	float: right;
}
.box_talk.box2 .text_area{
	width: 680px;
	float: right;
	margin-left: 20px;
}
.box_talk.box2 .img_area{
	width: 250px;
	float: left;
}
.box_talk.box1 .text_area{
	width: 485px;
	float: left;
	margin-right: 20px;
}
.box_talk.box1 .img_area{
	width: 445px;
	float: right;
}
.box_talk.box3 .text_area{
	margin-bottom: 20px;
}
.box_talk.box3 .img_area{
	text-align: center;
	margin-bottom: 85px;
}
.que {font-size:160%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;margin-bottom: 20px;}
.box_talk .text_area span {margin-right: 10px;font-weight: bold;}
.box_talk .text_area span.talk1 {color: #8f73be;}
.box_talk .text_area span.talk2 {color: #cc8e67;}
.box_talk .text_area span.talk3 {color: #de7da8;}
.box_talk .text_area p{margin-bottom: 10px;}
.box_hr img{float: right;margin-left: 20px;margin-bottom: 20px;}
.box_hr .que{margin-top: 40px;}
.h1_sub{font-size:140%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;margin-bottom: 20px;margin-top: -10px;}
.box_hr {margin-bottom: 85px;}
.comingsoon {font-size:140%;margin-bottom: 250px;}
.tit_oubo{font-size:160%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;margin: 40px 0 20px;}
/*--------------------
検索
--------------------*/
#search-results{margin:190px 0 100px;}
#results_box .title{border-left: 7px solid #a80000;padding-left: 10px;margin: 40px 0 20px;}
#results_box .results_entry{margin: 0 !important;}
.search-results-header {
	border-left: 7px solid #a80000;
	padding-left: 10px;
	font-size: 140%;
	margin: 80px 0 20px;
}
#search-results-main section{min-height: 450px;margin-top:190px;}
/*--------------------
サイトマップ
--------------------*/
.sitemap_area{_zoom:1;overflow:hidden;
	width: 700px;
	margin: 0 auto 100px;
}
.sitemap_area .map_left{
	width:300px;
	margin-right: 100px;
	float: left;
}
.sitemap_area .map_right{
	width:300px;
	float: left;
}
.sitemap_area .tit_main{
	background:url('../images/arrow_sitemap.gif'); 
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 120%;
	color: #a80000;
	font-weight: bold;
	padding-left: 10px;
	margin: 20px 0 10px;
	border-bottom: 1px solid #ccc;
}
.sitemap_area .tit_main a{color: #a80000;}
.sitemap_area ul{margin-bottom: 40px;}
.sitemap_area li{list-style: disc inside;margin: 10px;}
.sitemap_area .tit_sub{font-size: 120%;margin-bottom: 20px;background:url('../images/arrow_sitemap.gif');background-repeat: no-repeat;
	background-position: left center;padding-left: 10px; }
.sitemap_area .tit_sub_s{margin-bottom: 10px;background:url('../images/arrow_sitemap.gif');background-repeat: no-repeat;
	background-position: left center;padding-left: 10px; }
	
/*--------------------
新卒採用フォーム
--------------------*/
.form .tc {
height: 450px;
font-size: 160%;
text-align: center;
}
.form h3 {
font-size: 160%;
text-align: center;
margin: 90px 0 ;
text-decoration: none;
list-style: none;
background: none;
}


/*--------------------
法人
--------------------*/
.original .lead {
    font-size: 120%;
    margin-bottom: 40px;
}
.original  .lead_area {
    margin: 20px 0;
}
.box {_zoom:1;overflow:hidden;margin-bottom:50px;position:relative;}
.box h2{font-size:160%;font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;color:#a80000;}
.box h2 span{font-size:80%;margin-left:20px;}
.box .box_inner li{float:left;width:290px;margin:0 13px;}
.box .box_inner img{width:290px;margin-bottom:10px;}
.box .box_inner li .tit{font-size:120%;font-weight:bold;margin-bottom:7px;}
.box table{width:950px;position:relative;}
.box th{border:2px solid #b4b4b4;width:250px;background-color:#b4b4b4;padding:15px;color:#fff;font-size:120%;}
.box td{border:2px solid #b4b4b4;padding:0 5px;font-size:120%;}
.box td.arrow{border:none;padding:2px 0 2px 133px;}
.box .btn {
	background:url('./../images/bt_entry.gif'); 
	background-repeat: no-repeat;
	float: right;
	width: 160px;
	height: 24px;
	margin-top:0;
	text-align:center;
	padding-top:6px;
}
.box li{_zoom:1;overflow:hidden;}
.box .btn a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	text-indent: 0;
	height: 30px;
}
.box .btn a:hover{text-decoration:none;color:#333;}
.box .btn:hover{background-position: 0 -30px;}
.box .faq{width:600px;}
.box .q{font-weight:bold;font-size:120%;margin-bottom:5px;}
.box .a{margin-bottom:30px;_zoom:1;overflow:hidden;}
.box .a span{color:#a80000;font-size:120%;font-weight:bold;}

.box .img {position:absolute;top:60px;right:0;}
.box .img img{width:290px;}
.box .faq btn{margin:0 0 20px;}
.box .go_contact {
	background:url('./../images/bt_go_contact.gif'); 
	background-repeat: no-repeat;
	position:absolute;
	width: 240px;
	height: 24px;
	margin-top:0;
	top:14px;
	right:14px;
	font-size:12px;
	text-align:center;
	padding-top:6px;
}
.box .go_contact:hover{background-position: 0 -30px;}
.box img{}
.box .go_contact a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	height: 30px;
}
.box .go_contact a,.box .go_contact2 a:hover{text-decoration:none;color:#333;}
.box .go_contact2 {
	background:url('./../images/bt_go_contact.gif'); 
	background-repeat: no-repeat;
	width: 240px;
	height: 24px;
	margin-top:0;
	font-size:12px;
	text-align:center;
	padding-top:6px;
}
.box .go_contact2 a{
	display: block;
	cursor: pointer;
	overflow:hidden; 
	height: 30px;
	width: 240px;
}
.box .go_contact2:hover{background-position: 0 -30px;}
.box .tit img{width:17px !important;}
.box .tel {
    background: url("./../images/icon_tel.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 22px;
    background-position: 0 4px;
    margin-top: -23px;
}
.box p {
    margin-bottom: 25px;
}
#ex li {
    height: 340px;
    position: relative;
}
#ex .btn {
    position: absolute;
    right: 0;
    bottom: 0;
}
#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#ex1,#ex2,#ex3{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 780px;
 }
#ex1 span,#ex2 span,#ex3 span{cursor:pointer;}
.modal_close{ 
  position: absolute;
  top: -10px;
  left: -10px;
  display: block; 
  width: 30px;
  height: 30px; 
  background: url('./../images/modal_close.png');
background-repeat: no-repeat;
  z-index: 999;
}
 .modal_img img {
    width: 260px;
	margin-bottom:10px;
}
.modal_img {
    width: 260px;
    float: right;
}
.modal_img p {
    font-size: 90%;
    margin-top: -20px;
    text-align: right;
}
.modal_text {
    width: 490px;
    float: left;
    line-height: 2;
}
.modal_text p {
    margin-bottom: 20px;
}
.modal_text .tit {
    font-size: 120%;
    font-weight: bold;
}

.sub_nav_original {margin-bottom: 20px;
_zoom:1;overflow:hidden;position;relative;
}
.sub_nav_original:last-child{margin-bottom: 110px;}
.sub_nav_original ul{
	position: relative;float: left;left: 50%;
}

.sub_nav_original li {
	position: relative;float: left;left: -50%;
	background:url('../images/sub_nav_colombin.gif'); 
	margin-left: 20px;
}

.sub_nav_original li a:hover{text-decoration: none;}

.sub_nav_original li {
	float: left;
	position: relative;
	left: -50%;
	background:url('../images/sub_nav.gif'); 
	margin-left: 20px;
	text-align: center;
}
.sub_nav_original li a{
	padding-top: 6px;
	display: block;
	cursor: pointer;
	overflow:hidden; 
	font-family: serif;
	
}
.sub_nav_original li a:hover{text-decoration: none;}

.sub_nav_original ul li {
	background-position:0px 0px;
}
.sub_nav_original ul a{
	width: 206px;
	height: 24px;
}
.sub_nav_original ul li:hover,.sub_nav_original ul li.active{background-position:0 -30px;}
.original .sub_nav_area{margin-bottom:-20px;}

#entry table{
	width: 950px;
	margin: 20px 0;
	line-height: 2;
	font-size:120%;
}
#entry th{
	background-color: #f3f3f3;
	padding: 15px 10px;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	color: #b62e32;
	width: 150px;
}
#entry td{
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding: 15px 10px;
}
#entry input{height:2em;}

#policy_window{
position:relative;
height:200px;
margin:20px auto;
overflow:auto;
border:1px solid #999;
padding:20px;
}

#policy_window li{
	margin-top:.3rem;
}
#policy_window ul{
	padding-left:1rem;
}
#policy_window>ul{
	margin-bottom:2rem;
}
#policy_window>ul>li{
	list-style-type:disc;
}

#policy_window>ul>li>ul>li{
	list-style-type:circle;
}

#submitArea{
width:60%;
margin:10px auto 60px;
padding:10px;
text-align:center;
font-size:2em;
font-weight:900;
}
#submitBtn{
display:block;
width:100%;
padding:10px;
margin:0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*--------------------
ipad用
--------------------*/
@media screen and (max-width: 1024px) {
	#footer_area {width:1048px;}
}
/*--------------------
お詫び140715追加
--------------------*/
.box_ex{
	margin:40px 0;
	border:1px solid #f00;
	padding:15px 15px 100px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:120%;
	position:relative;
	color:#000;
}
.box_ex p{margin-bottom:15px;}
.box_ex .busyo{
	position:absolute;
	right:10px;
	bottom:0;
}
.promo_bnr_area{margin-bottom:10px;}
/*--------------------
ネーミングフォーム141217追加
--------------------*/
.magazine table {
    margin: 0 !important;
    width: auto !important;
}
.magazine table th {
    border: medium none !important;
    padding: 9px !important;
    vertical-align: top !important;
    background-color: #fff !important;
    width: 20px!important;
}
.magazine table td {
    border: medium none !important;
    width: 6em;
    padding: 5px !important;
    vertical-align: top !important;
}
#entry table .magazine {
line-height:1.4 !important;
}
#entry table .magazine a{
	text-decoration:underline;
}
.mainimg_naming .pc{margin-left:-50px;margin-bottom:20px;}
.mainimg_naming .sp{display:none;}

.bnr_head{
position:absolute;
	top:110px;
}
.trans_area{position:absolute;right:50px;top:85px;z-index:9999;}
.trans_area li{float:left;margin-left:20px;}