@charset "utf-8";


/* --------------------------------------------------
	■共通
	■TextPage
	■News
-------------------------------------------------- */


/* --------------------------------------------------
	共通
-------------------------------------------------- */




/* --------------------------------------------------
	TextPage
-------------------------------------------------- */
.TextPage #MainArea .Case{width:660px;}
.TextPage #MainArea .Case h3{position:relative;}
.TextPage #MainArea .Case h3 span{
	width:100%;
	height:16px;
	display:block;
	font-size:12px;
	text-align:right;
	position:absolute;
	top:17px;
}

.TextPage #MainArea .Case .Bdr h4{padding:8px 25px 6px;}
.TextPage #MainArea .Case .Bdr .Box{padding:20px 30px 20px 40px;}
.TextPage #MainArea .Case .Bdr .Box p{
	padding:3px 0 7px;
	line-height:1.75em;
}

.TextPage #SideArea #GNV li a{
	background-repeat:no-repeat;
	background-position:20px 50%;
}

.TextPage #FooterArea{min-width:700px;}
.TextPage #HeaderArea{min-width:880px;}


/* --------------------------------------------------
	News
-------------------------------------------------- */
#News #MainArea .Case .Bdr{margin-bottom:40px;}
#News #MainArea .Case .Bdr .Box{padding:20px 25px;}
#News #MainArea .Case .Bdr .Date{
	padding:10px 25px;
	color:#EE8100;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	text-indent:20px;
	border-top:1px solid #CCCCCC;
	background:url(/img/Common_Icon04.png) no-repeat 20px 50%;
}
#News #MainArea .Case #Pager{
	width:180px;
	margin:0 auto;
	padding:0 0 40px;
}
#News #MainArea .Case #Pager .Block{
	width:30px;
	height:30px;
}
#News #MainArea .Case #Pager a.Block:hover{background-position:50% 50%;}
#News #MainArea .Case #Pager span.Block{background-position:0 0;}
#News #MainArea .Case #Pager #Prev{background-image:url(/img/Common_Btn08.png);}
#News #MainArea .Case #Pager #Next{background-image:url(/img/Common_Btn09.png);}
#News #MainArea .Case #Pager p{
	width:120px;
	text-align:center;
}
#News #MainArea .Case #Pager p *{
	color:#212121;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:0.2em;
	text-decoration:none;
}
#News #MainArea .Case #Pager p a:hover{text-decoration:underline;}
#News #MainArea .Case #Pager p span{color:#CCCCCC;}


/* --------------------------------------------------
	Rules
-------------------------------------------------- */
#Rules #MainArea .Case .Bdr .Box{padding:20px 50px; line-height:1.8em;}
#Rules #MainArea .Case .Bdr .Box h5{padding:10px 0; font-size:16px;}
#Rules #MainArea .Case .Bdr .Box ol{
	margin:0 20px; 
	padding:3px 0;
}
#Rules .Box ol li {
	position: relative;
}
#Rules .Box h5 ~ ol > li {
	list-style-type:decimal;
}
#Rules .Box h5 ~ ol > li > ol,
#Rules .Box h5 ~ ul > li > ol {
	list-style-type: none;
	counter-reset: count;
}
#Rules .Box h5 ~ ol > li > ol > li,
#Rules .Box h5 ~ ul > li > ol > li {
	text-indent: -2em;
}
#Rules .Box h5 ~ ol > li > ol > li::before,
#Rules .Box h5 ~ ul > li > ol > li::before {
	content: "（"counter(count)"）";
	counter-increment: count;
	padding: 0 0.2em;
}


/* --------------------------------------------------
	Privacy
-------------------------------------------------- */
#Privacy #MainArea .Case .Bdr .Box{padding:20px 50px; line-height:1.8em;}
#Privacy .Box h5 {
	font-size: 16px;
	background: #222;
	color: #fff;
	padding: 2px 4px;
	margin-top: 4px;
}
#Privacy #MainArea .Case .Bdr .Box ol{
	margin:0 20px; 
	padding:3px 0;
}
#Privacy .Box ol li {
	position: relative;
}
#Privacy .Box h5 ~ ol {
	list-style-type: none;
	counter-reset: count1;
}
#Privacy .Box h5 ~ ol > li {
	text-indent: -3em;
	padding-left: 1em;
}
#Privacy .Box h5 ~ ol > li::before {
	content: "（"counter(count1)"）";
	counter-increment: count1;
	padding: 0 0.2em;
}
#Privacy .Box h5 ~ ol > li.decimal {
	list-style-type:decimal;
	text-indent: 0em;
	padding-left: 0em;
}
#Privacy .Box h5 ~ ol > li.decimal::before {
	content: none;
}
#Privacy .Box h5 ~ ol > li > ol,
#Privacy .Box h5 ~ ul > li > ol {
	list-style-type: none;
	counter-reset: count2;
}
#Privacy .Box h5 ~ ol > li > ol > li,
#Privacy .Box h5 ~ ul > li > ol > li {
	text-indent: -2em;
}
#Privacy .Box h5 ~ ol > li > ol > li::before,
#Privacy .Box h5 ~ ul > li > ol > li::before {
	content: counter(count2);
	counter-increment: count2;
	padding: 0 1em;
	font-size: 10px;
}

#Privacy .Box h5 ~ ol > li > ol > li::after {
	content: '';
	position: absolute;
	display: block;
	top: 14px;
	left: -24px;
	transform: translateY(-50%);
	width: 1.2em;
	height: 1.2em;
	border: 1px solid #000;
	border-radius: 50%;
}