/* global-header */
#global-header-menu {
	background-color: #ebebeb;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka",sans-serif;
}
#global-header-menu a{
	text-decoration: none;
}
#global-header-menu a:HOVER{
	text-decoration: underline;
}
#global-header-menu #global-header-menu-inner {
	width:950px;
	margin:0 auto;
	text-align: left;
}
#global-header-menu .home-area{
	width: 80px;
	float: left;
	margin: 6px 0 5px;
	padding: 4px 18px 0 0;
	border-right: 1px solid #ccc;
}
#global-header-menu .global-service-menu{
	width: auto;
	float: left;
	padding: 12px 17px 9px;
}
#global-header-menu .global-service-menu li{
	width: auto;
	float: left;
	margin-right: 6px;
}
#global-header-menu .global-service-menu li a{
	display: block;
	padding: 0 9px;
	border-radius: 3px;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	line-height: 26px;
}
#global-header-menu .global-service-menu li a:HOVER{
	background-color: #d9d9d9;
}
#global-header-menu .global-ulitity-menu-area{
	width: auto;
	float: right;
}
#global-header-menu .global-ulitity-menu-area .non-member-menu{
	float: left;
	padding-top: 4px;
}
#global-header-menu .global-ulitity-menu-area .non-member-menu li{
	float: left;
	margin-right: 4px;
}
#global-header-menu .global-ulitity-menu-area .non-member-menu li a{
	display: block;
	font-size: 14px;
	color: #fff;
	width: 100px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}
#global-header-menu .global-ulitity-menu-area .non-member-menu li a.signup{
	background-color: #68ac32;
}
#global-header-menu .global-ulitity-menu-area .non-member-menu li a.signup:HOVER{
	background-color: #599926;
}
#global-header-menu .global-ulitity-menu-area .non-member-menu li a.login{
	background-color: #fc7607;
}
#global-header-menu .global-ulitity-menu-area .non-member-menu li a.login:HOVER{
	background-color: #eb6100;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu{
	width: auto;
	float: right;
	border-right: 1px solid #d1d1d1;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .parent-menu,
#header-mypage-menu .pulldown-menu .parent-menu {
	float: left;
	border-left: 1px solid #d1d1d1;
	position: relative;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .pulldown-menu-btn{
	display: block;
	background-image: url("/image/common/sprite_global_header.png");
	background-repeat: no-repeat;
	color: #333;
	font-size: 12px;
	line-height: 17px;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .pulldown-menu-btn:HOVER{
	text-decoration: none;
	background-color: #d9d9d9;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .pulldown-menu-btn-manage{
	background-position: 0 0 ;
	padding: 8px 0 5px 39px;
	width: 81px;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .pulldown-menu-btn-mypage{
	background-position: 0 -50px ;
	padding: 8px 0 5px 39px;
	width: 111px;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .pulldown-menu-btn-mypage.pulldown-menu-btn-premium{
	background-position: 0 -150px ;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .pulldown-menu-btn-mypage span{
	display: block;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .pulldown-menu-btn-mypage span.username{
	color: #08c;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .pulldown-menu-btn-help{
	height: 0;
	padding-top:47px;
	width: 48px;
	background-position: 0 -100px ;
	overflow: hidden;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .sub-menu,
#header-mypage-menu .pulldown-menu .sub-menu {
	position: absolute;
	top: 48px;
	z-index: 50;
	background-color: #fff;
	border-radius: 0 0 3px 3px;
	border: 1px solid #c4c4c4;
	box-shadow: 0 3px 7px rgba(0,0,0,0.17);
	width: 140px;
	padding: 11px 0 19px;
	display: none;
}
#header-mypage-menu .pulldown-menu .sub-menu {
	top: 38px;
	width: 216px;
	padding: 11px 0;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .sub-menu:after,
#global-header-menu .global-ulitity-menu-area .pulldown-menu .sub-menu:before{
	bottom: 100%;
	left: 34px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .help-menu .sub-menu:after,
#global-header-menu .global-ulitity-menu-area .pulldown-menu .help-menu .sub-menu:before {
	left: 109px;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .sub-menu:after{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .sub-menu:before{
	border-color: rgba(196, 196, 196, 0);
	border-bottom-color: #c4c4c4;
	border-width: 11px;
	margin-left: -11px;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .manage-menu .sub-menu{
	width: 193px;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .help-menu .sub-menu{
	right: 0;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .sub-menu a,
#header-mypage-menu .pulldown-menu .sub-menu a {
	display: block;
	padding-left: 20px;
	font-size: 13px;
	line-height: 30px;
	color: #4c4c4c;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .sub-menu .logout a{
	color: #666;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .sub-menu a:HOVER,
#header-mypage-menu .pulldown-menu .sub-menu a:HOVER {
	background-color: #d4e0f1;
	text-decoration: none;
}
#global-header-menu .global-ulitity-menu-area .pulldown-menu .sub-menu .logout hr{
	margin: 3px 0 5px 18px;
	border: 0;
	background-color: #dbdbdb;
	height: 1px;
	width: 80px;
}

/* new-global-header */
.globalHeaderMenu{
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka",sans-serif;
	font-size : 13px;
	color : #666666;
	background-color: #EBEBEB;
	height: 44px;
	border-bottom: 1px solid #D1D1D1;
	width: 100%;
	z-index: 1000;
}
.globalHeaderMenu__inner{
	width: 950px;
	margin: 0 auto;
	position: relative;
}
.globalHeaderMenu__homeTopLink{
	display: block;
	float: left;
	margin: 5px 15px 3px 15px;
	font-size : 0;
	height: 0;
	padding-top: 36px;
	width: 30px;
	background-image: url("/image/globalHeader/icon_global-header.png?20160411");
	background-repeat: no-repeat;
	background-position: 0 -895px;
	overflow: hidden;
}
.globalHeaderMenu__homeTopLink:hover{
	background-position: 0 -995px;
}
.globalHeaderMenu__serviceListLink{
	display: block;
	float: left;
	margin: 5px 20px 3px 0;
	font-size : 13px;
	line-height : 36px;
	color : #E6E6E6;
	border-radius: 4px;
	width: 110px;
	padding-left: 10px;
	background: url("/image/globalHeader/icon_global-header.png?20160411") no-repeat 100% -585px #666666;
	text-decoration: none;
}
.globalHeaderMenu__serviceListLink:LINK,
.globalHeaderMenu__serviceListLink:HOVER,
.globalHeaderMenu__serviceListLink:VISITED
{
	color : #E6E6E6;
}
.globalHeaderMenu__serviceListLink:HOVER{
	text-decoration: underline;
}
.globalHeaderMenu__serviceListArea{
	position: absolute;
	left: 70px;
	border: 1px solid #ccc;
	background: #ffffff;
	width : 306px;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 3px 5px 0px;
	display: none;
	z-index: 50;
}
.globalHeaderMenu__serviceListArea:after,
.globalHeaderMenu__serviceListArea:before {
	bottom: 100%;
	left: 45px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.globalHeaderMenu__serviceListArea:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
	visibility: visible;
}
.globalHeaderMenu__serviceListArea:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccccccc;
	border-width: 11px;
	margin-left: -11px;
}
.globalHeaderMenu__serviceList{
	padding: 20px 22px 10px 17px;
	overflow: hidden;
}
.globalHeaderMenu__serviceList li{
	float: left;
	width: 84px;
	height: 87px;
	margin: 0 0 10px 5px;
}
.globalHeaderMenu__serviceLink{
	display: block;
	border: 1px solid transparent;
	width: 82px;
	height: 25px;
	text-align: center;
	font-size : 12px;
	color : #4c4c4c;
	line-height: 14px;
	padding-top: 60px;
	background-image: url("/image/globalHeader/icon_global-header.png?20160411");
	background-repeat: no-repeat;
	text-decoration: none;
}
.globalHeaderMenu__serviceLink:HOVER{
	color : #4c4c4c;
	border: 1px solid #DDDDDD;
	text-decoration: none;
}
.globalHeaderMenu__serviceLink:LINK,
.globalHeaderMenu__serviceLink:VISITED
{
	color : #4c4c4c;
}
.globalHeaderMenu__serviceLink--bukken{
	background-position: 15px 9px;
}
.globalHeaderMenu__serviceLink--recruit{
	background-position: 17px -86px;
}
.globalHeaderMenu__serviceLink--kitchen{
	background-position: 15px -191px;
}
.globalHeaderMenu__serviceLink--supplier{
	background-position: 16px -292px;
}
.globalHeaderMenu__serviceLink--design{
	background-position: 22px -387px;
}
.globalHeaderMenu__serviceLink--foodist{
	background-position: 21px -487px;
}
.globalHeaderMenu__serviceLink--placeorders{
	background-position: 17px -1087px;
}
.globalHeaderMenu__homeLink{
	display: block;
	background-color: #F2F2F2;
	font-size : 13px;
	color: #333;
	line-height: 42px;
	text-align: center;
	text-decoration: none;
}
.globalHeaderMenu__homeLink:HOVER{
	color: #333;
	text-decoration: none;
}
.globalHeaderMenu__homeLink:LINK,
.globalHeaderMenu__homeLink:VISITED
{
	color: #333;
}
.globalHeaderMenu__userName{
	line-height: 44px;
}
.globalHeaderMenu__rightArea{
	width: auto;
	float: right;
}
.globalHeaderMenu__utilityLinkList{
	padding-top: 8px;
	margin-right: 3px;
	float: left;
}
.globalHeaderMenu__utilityLinkList li{
	float: left;
	margin-right: 9px;
}
.globalHeaderMenu__utilityLink{
	display: block;
	width : 68px;
	line-height : 28px;
	border: 1px solid #CCCCCC;
	background-color: #fff;
	font-size : 13px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.globalHeaderMenu__utilityLink--signup,
.globalHeaderMenu__utilityLink--signup:LINK,
.globalHeaderMenu__utilityLink--signup:VISITED
{
	color: #68AC32;
}
.globalHeaderMenu__utilityLink--signup:HOVER{
	color: #68AC32;
	text-decoration: none;
	border: 1px solid #68AC32;
}
.globalHeaderMenu__utilityLink--login,
.globalHeaderMenu__utilityLink--login:LINK,
.globalHeaderMenu__utilityLink--login:VISITED
{
	color : #FC7607;
}
.globalHeaderMenu__utilityLink--login:HOVER{
	color : #FC7607;
	text-decoration: none;
	border: 1px solid #FC7607;
}
.globalHeaderMenu__memberLinkList{
	padding-top: 15px;
	float: left;
}
.globalHeaderMenu__memberLinkList li{
	float: left;
	margin-right: 18px;
}
.globalHeaderMenu__memberLinkList li.globalHeaderMenu__memberLinkMessage{
	position: relative;
}
.globalHeaderMenu__memberLink{
	font-size: 12px;
	line-height: 18px;
	color: #4D4D4D;
	text-decoration: none;
}
.globalHeaderMenu__memberLink:LINK,
.globalHeaderMenu__memberLink:VISITED
{
	color: #4D4D4D;
}
.globalHeaderMenu__memberLink:HOVER{
	color: #4D4D4D;
	text-decoration: underline;
}
.globalHeaderMenu__faqLink{
	display: block;
	float: right;
	height: 0;
	width: 49px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	overflow: hidden;
	padding-top: 44px;
	background: url("/image/globalHeader/icon_global-header.png?20160411") no-repeat 17px -686px transparent;
}
.globalHeaderMenu__faqLink:HOVER{
	background: url("/image/globalHeader/icon_global-header.png?20160411") no-repeat 17px -786px transparent;
}
.globalHeaderMenu__unconfirmedMessageCount{
	display: inline-block;
	height: 23px;
	width: 23px;
	font-size: 15px;
	color: #fff;
	font-family: "Verdana";
	line-height: 23px;
	border-radius: 11px;
	background-color: #f00;
	text-align: center;
	vertical-align: top;
	margin-left: 5px;
	margin-top: -3px;
	visibility: hidden;
}
.globalHeaderMenu__messageListArea{
	position: absolute;
	left: -140px;
	border: 1px solid #ddd;
	background: #ffffff;
	width : 420px;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 3px 5px 0px;
	z-index: 50;
	top: 30px;
	display: none;
}
.globalHeaderMenu__messageListArea:after,
.globalHeaderMenu__messageListArea:before {
	bottom: 100%;
	left: 173px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.globalHeaderMenu__messageListArea:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
	visibility: visible;
}
.globalHeaderMenu__messageListArea:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ddd;
	border-width: 11px;
	margin-left: -11px;
}
.notificationMessageModal__footer{
	background-color: #F2F2F2;
	overflow: hidden;
	clear: both;
}
.notificationMessageModal__footerRange{
	float: left;
	margin-left: 20px;
	font-size : 13px;
	color : #666666;
	line-height: 46px;
}
.notificationMessageModal__footerLink{
	float: right;
	font-size : 14px;
	line-height: 46px;
	font-weight: bold;
	margin-right: 20px;
	color: #08c !important;
}
.notificationMessageModal__emptyMessage{
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	color: #333;
	padding: 56px 0 40px;
}
.notificationMessageModal__note{
	padding: 0 30px;
	font-size : 13px;
	line-height : 20px;
	color : #666666;
	height: 260px;
}
.notificationMessageModal__note__marker{
	color: #f00;
}
.notificationMessageModal__messageList{
	height: 340px;
	overflow-y: auto;
	border-bottom: 1px solid #ccc;
}
.notificationMessageModal__messageList li{
	float: none;
	border-bottom: 1px solid #ddd;
	margin-right: 0;
}
.notificationMessageModal__messageList li a{
	display: block;
}
.notificationMessageModal__messageList li a:HOVER{
	text-decoration: none !important;
}
.notificationMessageModal__messageRecord {
	overflow: hidden;
}
.notificationMessageModal__messageRecord.notificationMessageModal__messageRecord--read{
	background-color: #f4f4f4;
}
.messageRecord__serviceLogoArea{
	width: 68px;
	float: left;
	text-align: center;
	padding: 5px 0;
}
.notificationMessageModal__messageRecord__serviceLogo{
	display: inline-block;
	width: 31px;
	height: 31px;
}
.notificationMessageModal__messageRecord__serviceLogo.notificationMessageModal__messageRecord__serviceLogo--bukken{
	background: url("/image/compass/mypage/message/icon-bukken.png") no-repeat 50% 50%;
}
.notificationMessageModal__messageRecord__serviceLogo.notificationMessageModal__messageRecord__serviceLogo--recruit{
	background: url("/image/compass/mypage/message/icon-recruit.png") no-repeat 50% 50%;
}
.notificationMessageModal__messageRecord__serviceLogo.notificationMessageModal__messageRecord__serviceLogo--design{
	background: url("/image/compass/mypage/message/icon-design.png") no-repeat 50% 50%;
}
.notificationMessageModal__messageRecord__serviceLogo.notificationMessageModal__messageRecord__serviceLogo--supplier{
	background: url("/image/compass/mypage/message/icon-supplier.png") no-repeat 50% 50%;
}
.notificationMessageModal__messageRecordserviceName{
	font-size: 9px;
	line-height: 15px;
	color: #666;
}
.notificationMessageModal__messageRecordtextArea{
	padding-left: 76px;
	padding-right: 15px;
}
.notificationMessageModal__messageRecord__messageTitle{
	font-size: 14px;
	line-height: 18px;
	color: #333;
	font-weight: bold;
	padding-top: 7px;
}
.notificationMessageModal__messageRecord__messageTitle.notificationMessageModal__messageRecord__messageTitle--read{
	color: #555;
	font-weight: normal;
}
.notificationMessageModal__messageRecord__actionDate{
	font-size: 12px;
	line-height: 18px;
	color: #0055CD;
	padding-bottom: 7px;
}
.notificationMessageModal__messageRecord__actionDate.notificationMessageModal__messageRecord__actionDate--read{
	color: #888;
}
/* header */
div#header {
	text-align: center ;
}
	div#header div#header-inner {
		width:950px;
		margin: 0 auto ;
		text-align: left;
	}
		div#header-inner div#logo {
			float:left;
			width:164px;
			height: 54px;
			overflow: hidden;
			position: relative;
		}
			div#header-inner div#logo img{
				position: absolute;
				top:0;
			}
		div#header-inner div#headline {
			float:left;
			width:306px;
		}
			div#header-inner div#headline div#headline-inner {
				padding: 12px 0 0 20px ;
			}
				div#header-inner div#headline div#headline-inner div.headline-image-area{
					width: 273px;
					height: 20px;
					overflow: hidden;
					position: relative;
				}
					div#header-inner div#headline div#headline-inner div.headline-image-area img{
						position: absolute;
						top:-54px;
					}
				div#header-inner div#headline div#headline-inner p {
					clear:both;
					padding:2px 0 0 2px;
					font-size:12px;
					line-height:130%;
					color: #666666;
				}
		div#header-inner div#loginbox {
			float:right;
			width:420px;
			padding-bottom:5px;
			background: url("/image/top_login_back_bottom.png") repeat-x 0 100% transparent;
		}
			/* ログイン前 */
			div#header div#header-inner div#loginbox div#loginbox-inner {
				padding: 10px 0 0 20px;
				background: url("/image/top_login_back_head.png") no-repeat 0 0 #fdedd6;
			}
				div#header div#header-inner div#loginbox div#loginbox-inner div#loginbox-input {
					float: left;
					width: 150px;
				}
					div#header div#header-inner div#loginbox div#loginbox-inner div#loginbox-input input {
						padding: 2px;
						width: 134px;
						height: 15px;
						border: 0;
						font-size: 12px;
					}
				div#header div#header-inner div#loginbox div#loginbox-inner div#loginbox-input ul {
					padding: 6px 0 0 0;
				}
					div#header div#header-inner div#loginbox div#loginbox-inner div#loginbox-input li {
						padding: 0 0 1px 0;
					}
				div#header div#header-inner div#loginbox div#loginbox-inner div#loginbox-submit {
					float: left;
					width: 80px;
					height: 45px;
				}
					div#header div#header-inner div#loginbox div#loginbox-inner div#loginbox-submit input {
						margin: 5px 0 0 0;
						*margin: 7px 0 0 0;
					}
				div#header div#header-inner div#loginbox div#loginbox-inner div#loginbox-option {
					float: right;
					width: 170px;
					font-size: 12px;
					line-height: 135%;
				}

			/* ログイン後 */
			div#header div#header-inner div#loginbox div#loginedbox-inner {
				padding: 10px 10px 0 13px;
				background: url("/image/top_login_back_head.png") no-repeat 0 0 #fdedd6;
			}
				div#header div#header-inner div#loginbox div#loginedbox-inner div#logined-name {
					float:left;
					width:330px;
					font-size:14px;
					font-weight: bold;
					color:#EB7A1D;
				}
					div#header div#header-inner div#loginbox div#loginedbox-inner div#logined-name span.premium {
						background: url("/image/premium.png") no-repeat 0 0;
						padding:2px 0 2px 80px;
					}
				div#header div#header-inner div#loginbox div#loginedbox-inner div#logined-logout {
					float:right;
					width:65px;
				}
				div#header div#header-inner div#loginbox div#loginedbox-inner div#logined-link {
					clear: both;
					padding:5px 0 0 0;
				}
				div#header div#header-inner div#loginbox div#loginedbox-inner div#logined-link li {
					float:left;
					padding:0 0 0 3px;
				}
				div#header div#header-inner div#loginbox div#loginedbox-inner div#logined-link li.first {
					padding:0 0 0 0;
				}
/* sub-navi */
div#sub-navi {
	background: url("/image/sub_navi_back.png") repeat-x;
	text-align: center ;
	height: 21px;
}
	div#sub-navi div#sub-navi-inner {
		width:950px;
		margin: 0 auto ;
		text-align: right;
		font-size:11px;
		color: #666;
		line-height:11px;
		padding: 6px 0 0 0 ;
	}
		div#sub-navi div#sub-navi-inner div#sub-navi-left {
			float:left;
			width: 250px;
			text-align: left ;
			font-size: 12px;
		}
			div#sub-navi div#sub-navi-inner div#sub-navi-left a {
				background: url("/image/orange_arrow_3.png") no-repeat 0 30%;
				padding: 0 0 0 10px;
				margin: 0 0 0 9px;
			}
			div#sub-navi div#sub-navi-inner div#sub-navi-left a.white {
				background: url("/image/white_arrow.png") no-repeat 0 30%;
				padding: 0 0 0 10px;
				margin: 0 0 0 9px;
			}
		div#sub-navi div#sub-navi-inner div#sub-navi-right {
			float:right;
			width: 680px;
			padding:2px 0 0 0;
			text-align: right ;
		}

		div#sub-navi div#sub-navi-inner div#sub-navi-right a {
			color:#666666;
		}

		div#sub-navi div#sub-navi-inner div.sub-navi-right {
			float:right;
			width: 630px;
			padding:2px 0 0 0;
			text-align: right ;
		}

/* global-navi */
div#global-navi {
	text-align: center ;
	background: url("/image/global_navi_back.png") repeat-x;
	height: 32px;
}
	div#global-navi div#global-navi-inner {
		width:954px;
		margin: 0 auto ;
	}
		div#global-navi div#global-navi-inner ul li {
			float:left;
			padding:0 2px 0 0;
		}
		div#global-navi div#global-navi-inner ul li.on {
			padding:0 2px 0 0;
		}
		body.supplier div#global-navi div#global-navi-inner ul li.on {
			padding:0 2px 0 2px;
		}

/* local-navi */
div#local-navi {
	text-align: center ;
	background: url("/image/local_navi_back.png") repeat-x;
	height: 50px;
}
	div#local-navi div#local-navi-inner {
		width:950px;
		margin: 0 auto ;
	}
		div#local-navi div#local-navi-inner ul li {
			float:left;
		}

/* main-content */
div#main-content {
	text-align: center ;
	background: url("/image/main_content_back.png") repeat-x;
	background-color: #F9F7F3;
}
	div#main-content div#main-content-inner {
		width:950px;
		margin: 0 auto ;
		text-align: left;
		padding:0 0 10px 0;
	}
		/* topicpath */
		div#main-content div#main-content-inner div#topic-path {
			text-align: left;
			padding:16px 0 12px 0;
		}
			div#main-content div#main-content-inner.supplier div.hide {
				height:6px;
				background:url("/image/white_supplier.png") no-repeat 0 0;
			}
			div#main-content div#main-content-inner.supplier div#topic-path {
				padding:10px 0 12px 0;
			}
			div#main-content div#main-content-inner div#topic-path a#topic-path-top {
				padding: 1px 0 0 0;
				line-height: 14px;
			}

		/* content-box */
		div#main-content div#main-content-inner div#content-box {
			margin:0 0 30px 0;
		}
			div#main-content div#main-content-inner div#content-box div#content-head {
				background: url("/image/content_box_head.png") no-repeat;
				padding: 20px 20px 0 20px;
			}
			div#main-content div#main-content-inner div#content-box div#content-body {
				border-left:1px solid #D9D9D9;
				border-right:1px solid #D9D9D9;
				background-color:#fff;
				padding: 10px 19px;
			}
			div#main-content div#main-content-inner div#content-box div#content-foot {
				background: url("/image/content_box_foot.png") no-repeat;
				height: 22px;
			}

		/* items */
		div.item {
			padding: 15px ;
		}


		/* page-top */
		div#main-content div#main-content-inner div#pagetop {
			clear:both;
			text-align: right;
			line-height: 25px;
			padding:10px 0 0 0;
			font-size:12px;
		}
			div#main-content div#main-content-inner div#pagetop div#pagetop-inner {
				background: url("/image/pagetop_back.png") no-repeat;
				text-align: right;
				line-height: 25px;
			}
				div#main-content div#main-content-inner div#pagetop div#pagetop-inner {
					padding:0 10px 0 0;
				}
					div#main-content div#main-content-inner div#pagetop div#pagetop-inner a.pagetop {
						padding: 0 10px 0 0 ;
					}

/* utilities */
div#utilities {
	text-align: center ;
	background-color:#F9F7F3;
}
	div#utilities div#utilities-inner {
		width:950px;
		margin: 0 auto ;
		padding:10px 0 10px 0;
		text-align: left;
	}
		div#utilities div#utilities-inner div#utilities-section {
			padding:0 10px;
		}
		div#utilities h3 {
			font-weight: bold;
			margin:0 0 4px 0;
		}
		div#utilities h3.single {
			padding:0 0 10px 0;
		}
		div#utilities ul {
			padding:0 0 10px 0;
		}
		div#utilities li {
			padding:0 0 3px 0;
			color: #656565;
		}
		div#utilities div.utilities-section-1 {
			float:left;
			width:162px;
		}
		div#utilities div.utilities-section-2 {
			float:left;
			width:119px;
		}
		div#utilities div.utilities-section-3 {
			float:left;
			width:184px;
		}
		div#utilities div.utilities-section-4 {
			float:left;
			width:88px;
		}
		div#utilities div.utilities-section-5 {
			float:left;
			width:210px;
		}
		div#utilities div.utilities-section-6 {
			float:left;
			width:163px;
		}
	div#utilities h3 a {
		color: #333;
	}
	div#utilities a {
		color: #656565;
	}
	.inuki-link {
		background: url("/image/bukken/common/bg_header_inuki_link.png?20221210") no-repeat scroll 0 0 transparent;
		border: 1px solid #ccc;
		display: block;
		float: right;
		height: 45px;
		text-indent: -9999px;
		width: 118px;
		display: block;
	}
	.estate-explain-link {
		background: url("/image/bukken/common/bg_header_estate_link.png") no-repeat scroll 0 0 transparent;
		border: 1px solid #ccc;
		display: block;
		float: right;
		height: 45px;
		text-indent: -9999px;
		width: 118px;
		display: block;
		margin-right: 20px;
	}
#utilitiesBukkenDistrictArea {
	margin: 0 10px 10px 10px;
	font-weight: bold;
}
#utilitiesBukkenDistrictArea a.utilitiesBukkenDistrictArea__link {
	color: #333;
}
#utilitiesBukkenDistrictArea .utilitiesBukkenDistrictArea__link-unSelected {
	font-weight: normal;
}
/* footer */
.simpleGlobalFooter {
	margin: 10px 0 20px 0;
}
.simpleGlobalFooter__text {
  font-size : 11px;
  line-height : 15px;
  color : #878787;
  text-align: center;
}
div#footer {
	text-align: center ;
	background-color:#F9F7F3;
	border-top:1px solid #e6e6e6;
}
	div#footer div#footer-inner {
		width:950px;
		margin: 0 auto ;
		padding:10px 0 10px 0;
		text-align: left;
	}
		div#footer div#footer-inner div#secom {
			float:left;
			width:60px;
		}
		div#footer div#footer-inner div#isms {
			float:left;
			width:100px;
		}
		div#footer div#footer-inner div#company {
			float:left;
			width:790px;
			margin: 10px 0;
		}

		div#footer div#social-area {
		    display: block;
		    text-align: right;
		}
		div#footer div#social-area .social-area-title {
		    color: #595959;
		    display: inline-block;
		    font-size: 11px;
		    font-weight: bold;
		    height: 28px;
		    line-height: 1.3;
		    margin-right: 5px;
		    position: relative;
		    text-align: left;
		}
		div#footer div#social-area .social-image {
		    display: inline-block;
		}
			div#footer div#footer-inner p {
				width: 50%;
				float: left;
			}
			div#footer div#footer-inner div#link {
				text-align: right;
				width: 50%;
				float: right;
			}
				div#footer div#footer-inner div#link ul {
					float:right;
				}
				div#footer div#footer-inner div#link ul li {
					float:left;
					border-right: 1px solid #000;
					padding:0 7px 0 7px;
					line-height: 120%;
				}
				div#footer div#footer-inner div#link ul li.last {
					padding:0 0 0 7px;
					border-right: none;
				}


/* copyright */
div#copyright {
	text-align: center ;
	background-color:#F9F7F3;
	border-top:1px solid #e6e6e6;
}
	div#copyright div#copyright-inner {
		width:950px;
		margin: 0 auto ;
		padding:10px 0 10px 0;
		text-align: center ;
		color:#666666;
		font-size:11px;
	}

/* global-footer */
div#global-footer {
	border-top:1px #ccc solid;
	background-color: #efefef;
	padding:7px 0 12px 0;
	text-align: center ;
}
	div#global-footer div#global-footer-inner {
		width:950px;
		margin :0 auto;
		text-align:left;
		font-size:10px;
		line-height:145%;
	}
		div#global-footer div#global-footer-inner div#footer-logo{
			width: 125px;
			float: left;
			height: 13px;
			overflow: hidden;
			margin:1px 3px 0 0;
			background: url("/image/common_logo_set.png") no-repeat 0 -76px;
			text-indent: -9999px;
		}
		div#global-footer div#global-footer-inner a {
			color:#4D4D4D;
			margin:0 1px 0 0;
		}

		div#global-footer div#global-footer-inner li {
			display:inline;
			padding:0 3px 0 3px;
		}
		div#global-footer div#global-footer-inner li.line {
			border-left:1px solid #4D4D4D;
		}


/* globalFooter new*/
.globalFooter{
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka",sans-serif;
	background-color: #fff;
}
.globalFooter a,
.globalFooter a:LINK
.globalFooter a:VISITED{
	color: #08c;
	text-decoration: none;
}
.globalFooter a:HOVER {
	color: #08c;
	text-decoration: underline;
}
.globalFooter .globalFooter__serviceListArea{
	border-top: 1px solid #E5E5E5;
	padding: 25px 0 30px;
}
.globalFooter .globalFooter__serviceListAreaInner{
	width: 950px;
	margin: 0 auto;
}
.globalFooter .footerServiceListArea__header{
	overflow: hidden;
}
.globalFooter .footerServiceListArea__title{
	width: auto;
	float: left;
	font-size : 14px;
	line-height : 20px;
	color: #000;
}
.globalFooter .footerServiceListArea__homeLink{
	width: auto;
	float: right;
	font-size : 13px;
	color : #0088CC;
	line-height: 20px;
}
.globalFooter .footerServiceListArea__linkListArea{
	margin-top: 15px;
	overflow: hidden;
}
.globalFooter .footerServiceListArea__linkList{
	width: 225px;
	border-left: 1px solid #E5E5E5;
	padding-left: 14px;
	float: left;
}
.globalFooter .footerServiceListArea__link{
	display: inline-block;
	background-image: url("/image/common/sprite-footer-global.png?20160412");
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size: 13px;
	color: #333;
	line-height: 34px;
}
.globalFooter .footerServiceListArea__link:HOVER,
.globalFooter .footerServiceListArea__link:LINK,
.globalFooter .footerServiceListArea__link:VISITED{
	color: #333;
}
.globalFooter .footerServiceListArea__link--bukken{
	background-position: 0 0;
}
.globalFooter .footerServiceListArea__link--supplier{
	background-position: 0 -50px;
}
.globalFooter .footerServiceListArea__link--recruit{
	background-position: 0 -100px;
}
.globalFooter .footerServiceListArea__link--design{
	background-position: 0 -150px;
}
.globalFooter .footerServiceListArea__link--kitchen{
	background-position: 0 -200px;
}
.globalFooter .footerServiceListArea__link--foodist{
	background-position: 0 -250px;
}
.globalFooter .footerServiceListArea__link--placeorders{
	background-position: 0 -300px;
}
.globalFooter .globalFooter__copyRightArea{
	border-top: 1px solid #E5E5E5;
	padding: 25px 0 30px;
}
.globalFooter .globalFooter__copyRightAreaInner{
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}
.globalFooter .copyRightArea__utiltyLinkList{
	overflow: hidden;
}
.globalFooter .copyRightArea__utiltyLinkList li{
	float: left;
	padding: 0 9px;
	border-left: 1px solid #CCCCCC;
}
.globalFooter .copyRightArea__utiltyLinkList li:FIRST-CHILD{
	border-left: none;
	padding: 0 9px 0 0;
}
.globalFooter .copyRightArea__utiltyLinkList a
{
	font-size : 12px;
	line-height : 12px;
}
.globalFooter .copyRightArea__leftArea{
	width: 793px;
	float: left;
	border-right: 1px solid #E5E5E5;
	padding-right: 25px;
	padding-top: 20px;
}
.globalFooter .copyRightArea__rightArea{
	width: auto;
	float: right;
	text-align: center;
}
.globalFooter .copyRightArea__rightArea img{
	display: inline-block;
}
.globalFooter .copyRightArea__copyRight{
	font-size : 11px;
	line-height : 15px;
	color : #878787;
	width: auto;
	float: left;
}
.globalFooter .copyRightArea__corporateLink{
	width: auto;
	float: right;
	font-size : 12px;
	line-height : 17px;
	color: #666;
}
.globalFooter .copyRightArea__policyLinkList{
	float: right;
	clear: right;
	width: auto;
	padding-top: 25px;
}
.globalFooter .copyRightArea__policyLinkList li{
	float: left;
	padding-left:9px;
	margin-left:9px;
	border-left: 1px solid #ccc;
}
.globalFooter .copyRightArea__policyLinkList li:FIRST-CHILD{
	border-left: none;
}
.globalFooter .copyRightArea__policyLinkList a{
	font-size : 12px;
	line-height: 12px;
}
.globalFooter .copyRightArea__socialAccount{
	font-size : 12px;
	line-height : 18px;
	color : #666666;
	padding-top: 10px;
}
.globalFooter .globalFooter__synchroProject{
	border-top : 1px solid #E5E5E5;
	padding: 20px 0;
}
.globalFooter .globalFooter__synchroProjectInner{
	width: 950px;
	margin: 0 auto;
}
.globalFooter .synchroProject{
	font-size : 10px;
	line-height : 18px;
}
.globalFooter .synchroProject span{
	color: #3333CC;
}
.globalFooter .synchroProject ul{
	display: inline;
}
.globalFooter .synchroProject li{
	display: inline;
}
.globalFooter .synchroProject li:AFTER{
	content: "|";
	color: #898989;
}
.globalFooter .synchroProject li a,
.globalFooter .synchroProject li a:LINK,
.globalFooter .synchroProject li a:VISITED
{
	color: #898989;
}
.globalFooter .synchroProject li a:HOVER {
	color: #898989;
	text-decoration: underline;
}
/* ページトップリンク*/
.footerPageTopArea{
	background-color: #fff;
	padding-bottom: 10px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka",sans-serif;
}
.footerPageTopArea__inner{
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	height: 43px;
	box-shadow:rgba(0, 0, 0, 0.025) 0px 3px 5px 3px;
}
.footerPageTopArea__link{
	font-size: 13px;
	line-height: 43px;
}
/* color */
.black {
	color: #4d4d4d;
}
.red {
	color: #DA4612;
}
.orange {
	color: #EC5330;
}
.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

/* link */
a {
	color: #0088cc;
	text-decoration:none;
}
a:hover {
	color: #0088cc;
	text-decoration: underline;
}
a.white {
	color: #fff;
}
a.black {
	color: #333;
}
/* arrow */
a.orange-arrow {
	background: url("/image/orange_arrow_1.gif") no-repeat 0 50%;
	padding: 0 0 0 12px;
}
a.orange-arrow-2 {
	background: url("/image/orange_arrow_2.png") no-repeat 0 50%;
	padding: 0 0 0 12px;
}
a.orange-arrow-3 {
	background: url("/image/orange_arrow_3.png") no-repeat 0 50%;
	padding: 0 0 0 12px;
}
a.orange-arrow-4 {
	background: url("/image/orange_arrow_4.png") no-repeat 0 40%;
	padding: 0 0 0 15px;
}
a.orange-arrow-5 {
	background: url("/image/orange_arrow_5.png") no-repeat 0 30%;
	padding: 0 0 0 14px;
}
a.orange-arrow-6 {
	background: url("/image/orange_arrow_6.png") no-repeat 0 30%;
	padding: 0 0 0 14px;
}
a.orange-arrow-7 {
	background: url("/image/orange_arrow_6.png") no-repeat 100% 30%;
	padding: 0 14px 0 0;
}
a.orange-arrow-8 {
	background: url("/image/orange_arrow_8.png") no-repeat 100% 30%;
	padding: 0 14px 0 0;
}
a.orange-arrow-9 {
	background: url("/image/orange_arrow_9.png") no-repeat 0 0;
	padding: 0 0 0 14px;
}
a.orange-arrow-10 {
	background: url("/image/orange_arrow_10.png") no-repeat 0 50%;
	padding: 0 0 0 8px;
}
a.blue-arrow {
	background: url("/image/blue_arrow_1.png") no-repeat 100% 50%;
	padding: 0 10px 0 0;
}


/* title */
div#big-title {
	background: url("/image/h1_1_head.png") no-repeat 0 0;
	padding:5px 20px 14px 50px ;
	position: relative;
}
	div#big-title h1 {
		font-size: 24px;
		line-height: 26px;
	}
	div#big-title p.right {
		position: absolute;
		width:40%;
		top:6px;
		right: 10px;
		text-align: right;
		font-size: 13px;
		font-weight: bold;
	}
div#big-title.searchTitleArea {
	padding-bottom: 7px;
	border-bottom: 1px solid #b3b3b3;
}
div#page-title {
	background: url("/image/h1_2_head.png") no-repeat 0 0;
}
	div#page-title h1 {
		background: url("/image/h1_2_foot.png") no-repeat 100% 0;
		padding:6px 20px 10px 20px ;
		font-size: 16px;
		color: #fff;
	}
div.page-title {
	background: url("/image/h1_2_head.png") no-repeat 0 0;
}
	div.page-title h1 {
		background: url("/image/h1_2_foot.png") no-repeat 100% 0;
		padding:6px 20px 10px 20px ;
		font-size: 16px;
		color: #fff;
	}

div#section-title-1 {
	background: url("/image/h2_1_head.png") no-repeat 0 0;
	position: relative;
}
	div#section-title-1 h2 {
		background: url("/image/h2_1_foot.png") no-repeat 100% 0;
		padding:6px 20px 10px 20px ;
		font-size: 16px;
		color: #fff;
	}
	div#section-title-1 p.right {
		position: absolute;
		width:40%;
		top:6px;
		right: 10px;
		text-align: right;
		font-size: 13px;
		font-weight: bold;
	}

div#section-title-2 {
	background: url("/image/h2_2_head.png") no-repeat 0 0;
	position: relative;
}
	div#section-title-2 h2 {
		background: url("/image/h2_2_foot.png") no-repeat 100% 0;
		padding:6px 20px 10px 20px ;
		font-size: 16px;
	}
	div#section-title-2 p.right {
		position: absolute;
		width:40%;
		top:6px;
		right: 10px;
		text-align: right;
		font-size: 13px;
		font-weight: bold;
	}

div#section-title-3 {
	position: relative;
	margin-top: 7px;
}
div#section-title-3 .bukkenDistrictSwitchLink {
	position: absolute;
	right: 5px;
	top: 7px;s
	text-align: right;
}
	div#section-title-3 h2 {
		background: url("/image/h2_3.png") no-repeat 5px 3px;
		padding:7px 20px 4px 20px ;
		font-size: 16px;
		color: #4670B2;
	}
	div#section-title-3 p.right {
		position: absolute;
		width:40%;
		top:6px;
		right: 10px;
		text-align: right;
		font-size: 13px;
		font-weight: bold;
	}

div.item-title {
	background: url("/image/h3_1_head.png") no-repeat 0 0;
	position: relative;
}
	div.item-title h2 {
		background: url("/image/h3_1_foot.png") no-repeat 100% 0;
		padding:6px 20px 10px 20px ;
		font-size: 16px;
	}
	div.item-title h3 {
		background: url("/image/h3_1_foot.png") no-repeat 100% 0;
		padding:6px 20px 10px 20px ;
		font-size: 16px;
	}
	div.item-title p.right {
		position: absolute;
		width:40%;
		top:6px;
		right: 10px;
		text-align: right;
		font-size: 13px;
		font-weight: bold;
	}

div.part-title {
	background: url("/image/h3_2_head.png") no-repeat 0 0;
	position: relative;
}
	div.part-title h2 {
		padding:8px 20px 8px 20px ;
		font-size: 16px;
		font-weight: bold;
	}
	div.part-title h3 {
		padding:8px 20px 8px 20px ;
		font-size: 16px;
	}
	div.part-title p.right {
		position: absolute;
		width:40%;
		top:6px;
		right: 10px;
		text-align: right;
		font-size: 13px;
		font-weight: bold;
	}

/* paging */
div.paging {
	font-size:14px;
	padding:5px 0 5px 0;
	clear:both;
}
	div.paging div.count {
		float:left;
	}
	div.paging div.index-link {
		float:right;
		padding:2px 0 0 0;
	}
	div.paging li {
		display: inline;
		border:1px solid #ccc;
		padding:2px 4px 2px 4px ;
		margin: 0 2px;
		font-weight: bold;
		line-height: 21px;
	}
	div.paging li.none {
		padding:0;
		border:0;
	}
	div.paging li.label1 {
		border:0;
		background: url("/image/orange_arrow_back.png") no-repeat 0 50%;
		padding:0 0 0 14px;
		margin:0 5px 0 0;
	}
	div.paging li.label2 {
		border:0;
		background: url("/image/orange_arrow_6.png") no-repeat 100% 50%;
		padding:0 14px 0 0;
		margin:0 0 0 5px;
	}
	div.paging li.more {
		border:0;
		padding: 0;
		margin:0 5px 0 0;
	}
	div.paging li.now-link {
		background-color: #ccc ;
		color:#000;
		border:
	}

	div.paging li.label1 a,div.paging li.label2 a {
		text-decoration: underline;
	}
	div.paging span.number {
		font-size:24px;
	}
	div.paging span.number,div.paging span.start-number,div.paging span.end-number {
		font-size:24px;
		font-weight:bold;
		color: #f34e05;
	}

/* error */
p.field-error {
	color:#E60012;
	font-weight: bold ;
	font-size:12px;
	line-height:140%;
	padding: 5px 0 0 0 ;
}

#integrate-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99998;
	display: none;
}
#integrate-load {
	position: absolute;
	z-index: 99999;
	text-align: left;
	font-size:12px;
}
/*spサイトに切り替えるボタンのcss */
#spChangeArea{
	background-color: #366ab5;
	text-align: center;
	padding: 20px 0;
}
#spChangeArea .btn-change{
	-webkit-appearance: none;
	display: block;
	font-size: 50px;
	font-weight: bold;
	line-height: 60px;
	padding: 40px 0;
	color: #fff;
	text-align: center;
	border-radius: 28px;
	background-color: #366ab5;
	border: 5px solid #75a1e1;
	width: 940px;
	margin: 0 auto;
}

.overlay {
	background: #000;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.integrateFrame {
	width: 800px;
	border: none;
}

div.text-area {
	padding:0 0 10px 0;
}
div.text-area-2 {
	padding:10px 0 10px 0;
}
div.text-area-center {
	padding:0 0 10px 0;
	text-align: center;
}

span.m {
	font-size:14px;
}
span.s {
	font-size:13px;
}
span.ss {
	font-size:11px;
}

.hand {
	cursor: pointer;
	cursor: hand;
}

.blue {
	color:#0088CC;
}

input.checkbox {
	height: 12px;
}

select {
	font-size:14px;
}

.recruit-introduction-area {
	margin-bottom: 20px;
}

/* clearfix */
.clear {
	clear:both;
}

/* for modern brouser */
div:after {
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html div {
	height: 1%;
}
div {
	display: block;
	*display: inline-block;
}
/* End hide from IE-mac */

div.reset:after {
	content: inherit;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.block {
	display:block;
}
.inline {
	display:inline;
}

/* リセット */
html {
	margin:0;
	padding:0;
}
body {
	color: #333;
	background: #FFF;
	font-size: 12px;
	line-height: 140%;
	-webkit-text-size-adjust: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}
input {
	margin: 0;
	padding-bottom: 0;
	padding-top: 0;
	vertical-align: middle;
}

fieldset{
	border: 0;
}
img {
	border: medium none;
	vertical-align: bottom;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

h3,h4,h5,h6 {
	font-weight: normal;
}
q: before, q : after { content : ''};
abbr,acronym {
	border: 0;
	font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

del,ins {
	text-decoration: none;
}