/*Reset----*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
}

/*----Reset*/

body {
	font-family: "Hiragino Sans", "Hiragino KakuGothic ProN", "meiryo", "Noto Sans JP", "Noto Sans CJK JP", sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
	color: #333333;
	background-color: #F6F6F0;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;
}


/* リンクの設定
--------------------------------------------*/
a:link { color: #333333; text-decoration: underline;}
a:visited {color: #333333; text-decoration: underline;}
a:hover { color: #009900; text-decoration: underline;}
a:active { color: #009900; text-decoration: underline;}

/* 囲い共通
--------------------------------------------*/
#wrapper {
	margin: 0 auto;
	padding: 15px;
	height: 100%;
	width: 290px;
	position: relative;
}

#container {
	margin: 0 auto;
	text-align: left;
	width: 276px;
	overflow: hidden;
}

.corners {
	background: #EAE9DD;
	padding: 7px;
	text-align: center;
	border-radius: 8px;        /* CSS3 */
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;   /* Firefox用 */  
}  

.right {
	float: right;
	clear: right;
	padding-top: 20px;
	position: relative;
}

.left {
	float: left;
	clear: left;
	padding-top: 20px;
	width: 170px;
	line-height: 18px;
	position: relative;
}
.right2 {
	float: right;
	clear: right;
	line-height: 18px;
	width: 130px;
	position: relative;
}

.left2 {
	float: left;
	clear: left;
	width: 100px;
	position: relative;
}

#contentswrap1 h2 {
	background: #CDCBAF;
	color: #333333;
	line-height: 18px;
	padding: 7px;
	text-align: left;
	border-radius: 6px;        /* CSS3 */
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */  
}

section {
	margin: 0;
	padding-top: 20px;
	clear: both;
}

section.topspace {
	margin: 0;
	padding-top: 0px;
}

#contentswrap1 {
	margin: 0;
	padding: 0;
}

#contentswrap2 {
	margin: 0;
	padding: 0;
}

#contents {
	margin: 0;
	padding: 7px;
}

#contents2 {
	margin: 0;
	padding: 20px 0px 0px 0px; 
}

#contents3 {
	margin: 0;
	padding: 15px;
	border: solid 1px #FFFFFF;
	border-top: none;
	overflow: hidden;
}

#contents p {
	line-height: 18px;
}

#contents h3 {
	line-height: 18px;
	padding-top: 7px;
}

#contents2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#contents2 ul li {
	margin: 1px;
	padding: 7px;
	line-height: 18px;
	background: #CDCBAF;
}

#contentswrap2 h2 {
	background: #F3F3ED;
	border: solid 1px #FFFFFF;
	color: #333333;
	line-height: 18px;
	padding: 7px;
	text-align: left;
}

/* Bootstrap Utilities */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }

.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

.ps-0 { padding-left: 0 !important; }
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.fs-1 { font-size: 2.5rem !important; }
.fs-2 { font-size: 2rem !important; }
.fs-3 { font-size: 1.75rem !important; }
.fs-4 { font-size: 1.5rem !important; }
.fs-5 { font-size: 1.25rem !important; }
.fs-6 { font-size: 1rem !important; }

.fw-light { font-weight: 300 !important; }
.fw-normal { font-weight: 400 !important; }
.fw-bold { font-weight: 700 !important; }

/* Bootstrap Utilities ここまで */

/* 文字色
--------------------------------------------*/
.text-red { color: red; }
.text-gray { color: #666666; }


/*QA開閉*/
* {margin:0; padding:0}

#accordion2 {margin:50px auto; border:1px solid #333; border-top:none}
.accordion2 {color:#333}
.accordion2 dt {padding: 7px 10px; line-height: 18px; cursor:pointer; background-color:#CDCBAF; background-position:right center; color:#333; border-top:1px solid #EAE9DD}
.accordion2 dt:hover {background-color:#ff9f00; color: #FFFFFF;}
.accordion2 .open {background-color:#ff9f00; color: #FFFFFF;}
.accordion2 dd {overflow:hidden; background:#EAE9DD}
.accordion2 span {display:block; border-top:none; line-height: 27px; padding: 15px 10px}