@charset "UTF-8";

/* style.css */
/*
	1.common layout
	2.mypage layout
*/

/* --------------------------------------------------
1.common layout
-------------------------------------------------- */

div#header,
div#body,
#footer ul,
#footer p.copy {
	max-width: 630px;
	width: 94%;
}

div#header {
	padding-bottom: 10px;
}

div#header p.logo,
div#header p.tagline {
	margin-bottom: 0;
}

div#body {
	margin: 0 auto 20px;
}

div#footer {
	border-top: 2px solid #f00;
}

div#body div.section {
	padding: 10px 0;
	background: url(../../common/image/brd-dotted.gif) repeat-x 0 0;
}

div#body div.section.start,
div#body div.section div.section {
	padding-top: 0;
	background: none;
}

div#body h1 {
	margin: 0 0 10px;
}

div#body div.section h2 {
	padding-bottom: 10px;
	font-size: 115%;
	font-weight: bold;
}

div#body div.section h3 {
	font-weight: bold;
	font-size: 120%;
}

div#body p.button {
	margin-top: 10px;
	padding: 10px 0 20px;
	background: url(../../common/image/brd-dotted.gif) repeat-x 0 0;
	text-align: right;
}

div#body div.section p {
	padding-bottom: 10px;
}

div#body div.section p.note {
	padding-bottom: 0;
}
div#body div.section p span.ind{
	text-indent: -3em;
    padding-left: 3em;
    display: inline-block;
}

div#body a.txtbtn{
	text-decoration: none;
	font-style: normal;
	color: #379cb9;
}
div#body div.section small{
	color: #999;
}
div#body div.section strong{
	font-weight: bold;
	display: block;
	margin-top: 5px;
}
div#body div.section ol {
	padding-bottom: 10px;
}

div#body div.section ul li {
	list-style: outside disc;
	margin-left: 1.5em;
}

div#body div.section ol li {
	list-style: outside decimal;
	margin-left: 2em;
	margin-top: 5px;
}
div#body div.section ol li dl{
	list-style: outside decimal;
}
div#body div.section ol li dl dd{
	list-style: outside decimal;
	border:1px solid #000;
	padding-left:10px;
	display: list-item;
}
div#body div.section ol li dl dd.number{
	counter-reset: my-badass-counter;
}
div#body div.section ol li dl dd.number:before{
	 content: counter(my-badass-counter);
     counter-increment: my-badass-counter;
}

/* --------------------------------------------------
ClearFix
-------------------------------------------------- */

div#header:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}

div#header {
	display: inline-block;
}

div#header {
	display: block;
}

/* ---------------------------------------------------
2.mypage layout
---------------------------------------------------- */
.mypage h1{
    font-weight: bold;
    font-size: 14px;
    padding: 6px 15px;
    background: #EEE;
    border-radius: 5px;
}
.mypage .text-right-b {
    text-align: right;
}

/* ---------------------------------------------------
3.mypage layout
---------------------------------------------------- */
/* .custom-listクラスを使って、特定のリストにスタイルを適用 */
div#body div.section_h1 h1 {
    padding-bottom: 10px;
    font-size: 115%;
    font-weight: bold;
}
div#body div.section_h1 h1 {
    padding-bottom: 10px;
    font-size: 140%;
    font-weight: bold;
    padding: 1% 0 1% 2%;
    background-color: #F0F0F0;
}


div#body div.section_h1 h1 {
    padding-bottom: 10px;
    font-size: 140%;
    font-weight: bold;
    padding: 1% 0 1% 2%;
  background-color: #F0F0F0;
    border-radius: 5px;
}

div#body div.section_h1 h2 {
    padding-bottom: 10px;
    font-size: 120%;
    font-weight: bold;

}

.custom-list {
    list-style-type: disc;   /* 黒丸のリストマーカー */
    padding-left: 20px;      /* 左側の余白（黒丸が左に出ないように） */
}

.custom-list li {
    font-size: 14px;         /* リストアイテムの文字サイズ */
}

.align_right {
    text-align: right;
	font-weight: 600;
}

.sp_m_b {
margin: 0 0 3% 0;
}


/* EOF */