/*-----------------------------
Header
-----------------------------*/
.wrapper {
    width: 1300px;
    margin: 40px auto 0;
    padding: 5px;
    overflow-x: auto;
    overflow-y: hidden;
    background: #FFFFFF;
    border-radius:5px;

}
.wrapperPop {
    padding: 5px;
    overflow: hidden;
    background: #FFFFFF;

}
#QUESTION_CONTENTS.question_navi {
    margin-top: 35px;
}

body {
	background: #e5e5e5;
	color: #555555;
	font-family:
		Meiryo,                      /* Windowsのメイリオ */
		-apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
		'Helvetica Neue',            /* Macの欧文 (OS X 10.10以前) */
		'Segoe UI',                  /* Windowsの欧文 */
		'Hiragino Kaku Gothic ProN', /* Macのヒラギノ */
		sans-serif;
}
.footer {
	padding: 20px 0;
	text-align: center;
	color: #999999;
	font-size: 12px;
	font-family:
		Meiryo,                      /* Windowsのメイリオ */
		-apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
		'Helvetica Neue',            /* Macの欧文 (OS X 10.10以前) */
		'Segoe UI',                  /* Windowsの欧文 */
		'Hiragino Kaku Gothic ProN', /* Macのヒラギノ */
		sans-serif;
}
/*-----------------------------
Header
-----------------------------*/
.client_header {
	width: 100%;
	min-width:1300px;
	height: 70px;
	background: #0e2230;
	overflow: hidden;
	font-family:
		Meiryo,                      /* Windowsのメイリオ */
		-apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
		'Helvetica Neue',            /* Macの欧文 (OS X 10.10以前) */
		'Segoe UI',                  /* Windowsの欧文 */
		'Hiragino Kaku Gothic ProN', /* Macのヒラギノ */
		sans-serif;
}
.headBox {
	width: 1300px;
	height: 70px;
	margin: 0 auto;
	overflow: hidden;
}

.mmLogo {
	padding-top: 18px;
	float: left;
	height: 70px;
}
.mmLogo a:link{
	float: left;
	height: 70px;
	padding-top: -18px;
}
ul.headNav {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	float: right;
	color: #FFF;
	font-size: 0px;
}

li.headNavLi {
	display: flex;
	height: 70px;
	vertical-align: middle;
	align-items: center;
}

li.headButtonLi {
	display: flex;
	padding: 0px 15px;
	vertical-align: middle;
	align-items: center;
}

span.HeadButton{
	display: inline-flex;
	margin: 0px 15px;
	align-items: center;
	background: #0052a4;
	border-radius: 6px;
	overflow: hidden;
}

ul.headNav li i {
	margin-right: 5px;
	font-size: 12px;
}

ul.headNav li a:link,
ul.headNav li a:visited {
	display: inline-flex;
	padding: 0px 15px;
	align-items: center;
	justify-content: center;
	color: #FFF;
	text-decoration: none;
	height:100%;
	font-size: 12px;
}	
ul.headNav li .HeadButton a{
	display: flex;
	align-items: center;
	justify-content: center;
	padding : 4px 10.5px 0px;
	color: #FFF;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	height:100%;
	font-size: 15.6px;
	line-height: 1.2;
	min-height: 50px;
	
}
ul.headNav li .HeadButton a:hover,
ul.headNav li .HeadButton a.active {
	background: transparent;
}
ul.headNav li a:hover,
ul.headNav li a.active {
	background: #000000;
}

.nonLink {
	padding: 28px 15px 70px;
	color: #FFF;
	text-decoration: none;
	height:100%;
	display: inline-block;
	display:-webkit-inline-box;
	font-size: 12px;
}
.header_macromill_icon {
	background: red;
	height: 70px;
	width: 1300px;
}
.main_img_top {
    width: 17px;
    height: 17px;
    background: url('../img/client/com_img/header_baloon_top.png');
    position: absolute;
    top: 45px;
    left: 17px;
    display: none;
}
.main_img {
    width: 148px;
    height: 77px;
    background: url('../img/client/com_img/header_baloon_body.png');
    position: absolute;
    top:16px;
    left: -70px;
}
.main_img_opt {
    width: 148px;
    height: 96px;
    background: url('../img/client/com_img/header_baloon_body_opt.png');
    position: absolute;
    top:16px;
    left: -70px;
}

.header_baloon {
	top: 3px;
	position: relative;
}
.header_baloon_item {
	width: 140px;
	height: 23px;
	left: 5px;
	position: relative;
}

.client_edit_icon {
	background: url('../img/client/com_img/client_edit_icon.png');
}
.client_edit_icon :hover {
	background: url('../img/client/com_img/client_edit_icon_hover.png');
}

.client_data_license {
	background: url('../img/client/com_img/client_data_license.png');
}
.client_data_license :hover {
	background: url('../img/client/com_img/client_data_license_hover.png');
}

.client_password_edit_icon {
	background: url('../img/client/com_img/client_password_edit_icon.png');
}
.client_password_edit_icon :hover {
	background: url('../img/client/com_img/client_password_edit_icon_hover.png');
}

.client_logout_icon {
	background: url('../img/client/com_img/client_logout_icon.png');
}
.client_logout_icon :hover {
	background: url('../img/client/com_img/client_logout_icon_hover.png');
}


div.header_baloon_item a {
    color: #000000;
    opacity: 1;
    font-size: 12px;
    width: 100%;
    height: 100%;
	display: inline-block;
	display:-webkit-inline-box;
	line-height:normal;
	position: absolute;
    text-decoration:none;
    vertical-align: middle;
    -webkit-box-align: center; /* safari, Chrome */
    -moz-box-align: center;    /* Firefox */
    -o-box-align: center;      /* Opera */
    -ms-box-align: center;     /* IE */
    box-align: center;         /* ベンダープレフィックスなし */
    font-family:
		Meiryo,                      /* Windowsのメイリオ */
		-apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
		'Helvetica Neue',            /* Macの欧文 (OS X 10.10以前) */
		'Segoe UI',                  /* Windowsの欧文 */
		'Hiragino Kaku Gothic ProN', /* Macのヒラギノ */
		sans-serif;
    
}

div.header_baloon_item a:visited {
    color: #000000;
}

div.header_baloon_item a:hover {
	color:white;
	text-decoration: none;
}

div.sharemenu {
	background-color:#FFFFFF;
	opacity:1;
	height: 18px;
    width: 140px;
	padding: 5px 0px 0px 0px;
}
div.sharemenu a {
	color: #000000;
	opacity:1;
	font-size:12px;
	display: block;
	width: 100%;
	height: 100%;
}
div.sharemenu:hover {
	background-color: #0052a4;
}
div.sharemenu:hover > a {
	background-color: #0052a4;
	opacity:1;
	color: #FFFFFF;
}
div.sharemenu:hover > i {
	color: #FFFFFF;
}

div.editmenu {
	background-color:#FFFFFF;
	opacity:1;
	height: 18px;
	width: 120px;
	padding: 5px 0px 0px 0px;
}
div.editmenu a {
	color: #000000;
	opacity:1;
	font-size:12px;
	display: block;
	width: 100%;
	height: 100%;
}
div.editmenu:hover {
	background-color: #0052a4;
}
div.editmenu:hover > a {
	background-color: #0052a4;
	opacity:1;
	color: #FFFFFF;
}
div.editmenu:hover > i {
	color: #FFFFFF;
}

/* button */
input.submit {
	background: #0052a4;
	padding: 8px 40px 7px;
	border-radius: 5px;
	border: none;
	color: #FFF;
	cursor: pointer;
}

input:hover.submit {
	background: #003162;
	padding: 8px 40px 7px;
	border-radius: 5px;
	border: none;
	color: #FFF;
	cursor: pointer;
}

table#acceptedClientInfo {
	border: solid 3px #dddddd;
	width: 60%;
	border-collapse: collapse;
	margin-top: 6em;
	margin-bottom: 4em;
	background: #ddd;
}

table#acceptedClientInfo tr td {
	text-align: center;
	vertical-align: middle;
}

table#acceptedClientInfo tr:nth-child(1) td {
	padding: 40px;
	background: #ddd;
}

table#acceptedClientInfo tr:nth-child(2) td {
	padding: 25px 20px 20px;
	background: #fff;
}

/* ヘッダーメニュー（吹き出し） */
#head-menu-info.fa,
#head-menu-password.fa,
#head-menu-logout.fa {
	font-size: medium;
}
/* マーケティングツール・調査票作成・編集 共通メニュー(吹き出し) */
#client-balloon,
#client-balloon::before {
	box-shadow: 0 0 8px gray;
}
#client-balloon {
	display: none; 
	padding: 1px 3px 3px 3px; 
	border-radius: 6px; 
	border-image: none; 
	text-align: left; 
	color: rgb(102, 102, 102); 
	visibility: visible; 
	position: absolute; 
	z-index: 32767; 
	min-width: 20px; 
	opacity: 1;
	background-color: rgb(255, 255, 255);
}
#client-balloon::before {
	top: -8px;
	left: 69px;
	transform: rotate(45deg) skew(20deg, 20deg);
	-ms-transform: rotate(45deg) skew(20deg, 20deg);
	content: "";
	width: 15px;
	height: 15px;
	position: inherit;
	background-color: #E5E5E5;
	z-index: -1;
}
/* 編集メニュー */
#client-balloon.menu::before {
	background-color: #FFF;
}
/* 調査票作成 */
#client-balloon.create-survey::before {
	left: 255px;
}