@charset "Shift_JIS";

/*reset*/
body,
dl,
dt,
dd,
ol,ul,li {
	margin:0;
	padding:0;
}

li{list-style:none;}
a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration:none;
	color:#333;
}

p { margin:10px 0; }

* {
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
	overflow: auto;	/* Opera 9.51対策*/
}

body {
	font-size:14px;
	line-height:1.5;
	color:#333;
}

body#mainte_normal { background: #FFF url(../image/bg.jpg) no-repeat right bottom; }

body#mainte_olive {
	background: #FFF url(../image/bg_olive.jpg) no-repeat center bottom;
	background-size:contain;
}

h1 {
	text-align: center;
	font-size:200%;
}

/*レイアウト*/
#header {
	background:url(https://www.dhc.co.jp/en/common/image/logo.png) no-repeat left 10px;
	height:50px;
	text-indent:-9999px;
	margin-bottom:40px;
}

div#container {
	position: relative;
	margin: 0px auto;
	width:95%;
	max-width:600px;
	_width:600px;
	padding-bottom:50px;
}

body > #container { height: auto; }

div#contents { height: auto; }

#footer {
	text-align:center;
	margin:10px;
	font-size:84%;
	position: absolute;
	bottom: 0px;
	width:97%;
}

body#mainte_olive #footer { color:#fff; }

/*お知らせ*/
.period {
	text-align:center;
	font-weight:bold;
	border:3px double #ccc;
	padding:10px;
	margin:15px 45px;
	background-color:#fff;
}

/*モバイル誘導*/
.mobile {
	border-top:1px solid #ccc;
	width:100%;
	margin:15px 0;
}

.mobile td { text-align:left; }

/*ボタン*/
.btn a {
	border:2px solid #ccc;
	padding:5px 10px;
	text-align:left;
	width:150px;
	display:block;
	margin:15px auto;
	background:#fff url(../image/link_arrow.gif) no-repeat 145px center;
}

.btn a:hover { border:2px solid #666; }

/*注*/
.attention {
	text-indent:-10px;
	padding-left:10px;
	font-size:84%;
	text-align:left;
	font-weight:normal;
}
/*スマホ対応*/
@media screen and (max-width:650px) {

body#mainte_normal { background-size:70%; }

#header { margin-bottom:0; }

h1 { font-size:140%; }

.period {
	padding:3px 10px;
	margin:15px 0px;
}

.mobile { display:none; }

}