body {
	background-color: #fff;
    text-align:center;
    font-size: 16px;
}
body {
	margin: 0 auto;
	font-family: 'Lucida Grande','Lucida Sans Unicode',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,Arial,sans-serif;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	max-width: 950px;
	-webkit-text-size-adjust: 100%
}
#header {
	margin:8px auto;
	text-align:left;
	width:950px;
	}

header {
  	z-index: 9999;
    position: fixed; /*← fixedで固定 */
    width: 100%;
    height: 100px;
    background-color:#999999;
    padding: 20px 60px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    display: flex;
		text-align: left;
		align-items: center;

   /* ロゴとメニューを横並びにする */
    display: flex;
    justify-content:flex-start;
}

#container {
	position:relative;
	margin:0 auto;
	width:950px;
	}
#container2 {
    display: none;
	}
#container div.emea {
    display: block;
    position: absolute;
    left: 30px;
    top: 103px;
    z-index: auto;
		}

.wrapper {
    text-align: left;
}
.wrapper h2 {
    background:#E6E6E6;
    margin-top: 2em;
    padding: .5em
}
.wrapper p {
    font-size: 16px;
    line-height: 1.5em
}
.wrapper li {
    margin:0 2em .5em;
    text-indent: -1em;
}
/***レスポンシブ対応***/
@media screen and (max-width: 767px) {
body, #header {
	width: 100%;
    }
#container, #header {
    display: block;
		width:100%;
    padding: 0 10px;
	}
}
/******/

a:link, a:active {
	color: #226ebd;
}
a:visited {
	color: #990099;
}
a:hover {
	color: #226ebd;
}
.sii a {
}
.con a {
	color: #226ebd;
}
.con a:hover {
	color: #ff8c00;
}
.con a:visited {
	color: #990099;
}
.con .done {
	color: #888;
}
.contents {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc
}

.clear{
	clear:both;
}

.box {
border:#FFF 3px double; /*境界線の指定*/
width:100px; /*幅の指定*/
text-align:center; /*中央揃えの指定*/
border-radius:5px;
padding:5px;
margin:auto 10px;
}
.box p {
margin:0;
padding:0;
text-decoration:none;
}

.box a {
text-decoration:none;
}