@charset "utf-8";
/* ---------------------------------------------------- */
/* CSS Document
/* 
/* 2014.01.30 ver1.0 : ohtsuka
/* 2014.02.06 ver kamemaru : yamaguchi
/* ---------------------------------------------------- */

/*////////////////////////////////////////////////////////

Base Setting

////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
}

img {
	margin:0;
	border:none;
	vertical-align:bottom;
}

p {
	margin-bottom:1em;
}

.none {
	display:none;
}

/* anchor
------------------------------------------------------- */
a {
	color:#e99200;
}

a:hover {
	text-decoration:none;
}

/* clearfix
------------------------------------------------------- */
.clearfix {
	zoom:1;
}

.clearfix:after {
    content:""; 
    display:block; 
    clear:both;
}

.clear {
	clear:both;	
}

/* list
------------------------------------------------------- */
ul {
	list-style: none;
}

/* space
------------------------------------------------------- */
.mb-0 {
	margin-bottom:0 !important;
}

.mb-5 {
	margin-bottom:5px !important;
}

.mb-15 {
	margin-bottom:15px !important;
}

/* text
------------------------------------------------------- */
.text-small {
	font-size:0.9em !important;
}

.text-large {
	font-size:1.2em !important;
}

.text-center {
	text-align:center !important;
}

.text-right {
	text-align:right !important;
}

.text-left {
	text-align:left !important;
}


/* color */
.text-red {
	color:#BE0100;
}

.text-pink {
	color:#ff00ff;
}

.text-blue {
	color:#0066ff;
}

.text-violet {
	color:#CDA6FF;
}

.text-green {
	color:#005914;
}

.text-yellow {
	color:#FFFF55;
}

.f-bold {
	font-weight:bold;
}


/*////////////////////////////////////////////////////////

Base layout

////////////////////////////////////////////////////////*/

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	color:#FFF;
	font-size:14px;
	line-height:140%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*-webkit-text-size-adjust:100%;
    text-size-adjust:100%;*/
/*	background:url(../images/contents/container_bg.jpg);
	background-size:80px auto;*/
	background-color:#002201;
}

#container {
	/*width:100%;
	max-width:480px;*/
	width:320px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -230px;
	/*padding-bottom:50px;*/
	text-align:center;
	background-size:80px auto;
	position:relative;
}

/* header
------------------------------------------------------- */
header {
	margin-bottom:25px;
}

#common-header {
	width:100%;
	margin-bottom:0;
	padding:5px 0 11px;
/*	background:url(../images/contents/header_line.gif) repeat-x bottom, #222;
*/	background-size:9px auto, 100% 100%;
	position:relative;
	overflow:hidden;
}

#common-header h1 {
	float:left;
	width:55%;
	padding-top:5px;
}

#common-header h1 img {
	width:90%;
}

#common-header ul {
	float:right;
	width:45%;
	position:relative;
	overflow:hidden;
}

#common-header ul li {
	float:left;
	width:28%;
	margin:0 0 0 3%;
	text-align:center;
	border:1px solid #666;
	border-radius:5px;
	-webkit-box-shadow:1px 1px 5px #999 inset, -1px -1px 5px #999 inset;
	box-shadow:1px 1px 5px #999 inset, -1px -1px 5px #999 inset;
}

#common-header ul li a {
	display:block;
	padding:5px 0 0;
	color:#FFF;
	font-size:0.5em;
	line-height:13px;
	text-decoration:none;
}

#common-header ul li a img {
	width:40%;
}

/* contents
------------------------------------------------------- */
.contents {
	margin-bottom:10px;
	padding:0 10px;
	text-align:left;
}

.title {
	margin-bottom:25px;
	padding:5px 0 0;
	color:#FFF;
	font-size:1.5em;
	line-height:140%;
	text-align:center;
	text-shadow:1px 1px 5px #F8FF00, -1px -1px 5px #F8FF00;
}

.title a {
	color:#FFF;
}

.subtitle {
	margin-bottom:10px;
	border-bottom:1px solid #FFF;
}

.error-message {
	color:#F00;
}

/* footer
------------------------------------------------------- */
#footer-space {
	height:230px;
	text-indent:-9999px;
	overflow:hidden;
}

footer {
	width:320px;
	/*width:100%;
	max-width:480px;*/
	margin:0 auto;
	text-align:center;
	background:#222;
	position:relative;
	z-index:99;
}

footer ul {
	width:100%;
	padding-top:20px;
	text-align:center;
	padding-bottom:5px;
	/*background:url(../images/contents/footer_line.jpg) repeat-x top;*/
	background-size:5px auto;
	position:relative;
	overflow:hidden;
}

footer ul li {
	float:left;
	width:50%;
	text-align:right;
}

footer ul li:nth-child(even) {
	text-align:left;
}

footer ul li a {
	display:block;
	padding:5px 10px;
	color:#CCC;
	font-size:0.9em;
}

small {
	display:block;
	padding:30px 0 10px;
	color:#FFF;
}


/*////////////////////////////////////////////////////////

Common parts

////////////////////////////////////////////////////////*/

/* carrier login
------------------------------------------------------- */
.carrier-btn {
	margin-bottom:20px;
	position:relative;
	overflow:hidden;
}

.carrier-btn img:first-child {
	margin-bottom:5px;
}

.carrier-btn ul {
	margin-bottom:15px;
	position:relative;
	overflow:hidden;
}

.carrier-btn ul li {
	width:30%;
	display:inline-block;
	margin:0 3px;
}

/* list
------------------------------------------------------- */
/* caution and dot */
.list-caution,
.list-dot {
	margin-bottom:10px;
}

.list-caution li,
.list-dot li {
	padding-left:1.2em;
	position:relative;
}

.list-caution li {
	color:#CCC;
}

.list-caution li span,
.list-dot li span {
	position:absolute;
	top:0;
	left:0;
}

.accordion .list-caution li {
	padding-left:2em;
}

/* form
------------------------------------------------------- */
.form-box {
	padding-bottom:40px;
}

.form-box .form-title {
	margin-bottom:5px;
	border-bottom:1px solid #FFF;
}

.form-box .form-caution {
	margin-bottom:0;
	color:#CCC;
	font-size:0.8em;
}

input,
select,
textarea {
	font-size:16px;
	margin-bottom:20px;
}

input {
	padding:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px;
}

.form-box textarea {
	width:90%;
	height:10em;
	margin:0 auto;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.form-box input[type="radio"] {
	display:none;
	background:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.form-box label {
	display:inline-block;
	margin:0 5px 15px 0;
	padding:5px 25px;
	color:#333;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
	background:-moz-linear-gradient(top, #FFF, #CCC);
}

.form-box label.radio-on {
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E37800));
	background:-moz-linear-gradient(top, #FFF, #E37800);
}

.form-box label.radio-off {
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
	background:-moz-linear-gradient(top, #FFF, #CCC);
}

.form-box .form-btn {
	padding-top:20px;
	text-align:center;
}

.form-box .form-btn p {
	margin-bottom:5px;
	text-align:left;
}

.form-box .form-btn input,
.form-box .form-btn a {
	-webkit-appearance: none;
	appearance: none;
	display:inline-block;
	min-width:10em !important;
	padding:10px 25px !important;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
	text-decoration:none;
	text-shadow:-1px -1px 1px #666;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #333 inset;
	box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #333 inset;
	border:none;
	background:-webkit-gradient(linear, left top, left bottom, from(#B8CFDF), color-stop(49%, #3A7EA3), color-stop(50%, #00588A), to(#00588A));
	background:-moz-linear-gradient(top, #B8CFDF, #3A7EA3 49%, #00588A 50%, #00588A);
}

.input-btn {
	width:90%;
	margin:0 auto;
	text-align:center !important;
}

.input-btn li {
	display:inline-block !important;
	width:42% !important;
	margin:0 2% !important;
}

.input-btn li input {
	width:100% !important;
}

.input-btn li:first-child input{
	background:-webkit-gradient(linear, left top, left bottom, from(#DDD), to(#666));
	background:-moz-linear-gradient(top, #DDD, #666);
}

/* checkbox */
.list-chk input[type="checkbox"] {
	display:none;
	background:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.list-chk label {
	display:block;
	margin:0 10px;
	padding:10px 10px 10px 35px;
	border-radius:0;
}

.list-chk li:first-child label {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.list-chk li:last-child label {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.list-chk label.checked {
	background:url(../img/sp_img/icon/icon_checked.png) no-repeat 10px 13px, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFA037));
	background:url(../img/sp_img/icon/icon_checked.png) no-repeat 10px 13px, -moz-linear-gradient(top, #FFF, #FFA037);
	background-size:15px auto, 100% 100%;
}

.list-chk label.unchecked {
	background:url(../img/sp_img/icon/icon_unchecked.png) no-repeat 10px 13px, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
	background:url(../img/sp_img/icon/icon_checked.png) no-repeat 10px 13px, -moz-linear-gradient(top, #FFF, #CCC);
	background-size:15px auto, 100% 100%;
}

.fortune-search label {
	width:35%;
	margin:0 5px 10px 0;
	padding:3px 10px 3px 25px;
}

.fortune-search label.checked {
	background:url(../img/sp_img/icon/icon_checked.png) no-repeat 5px 7px, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E37800));
	background:url(../img/sp_img/icon/icon_checked.png) no-repeat 5px 7px, -moz-linear-gradient(top, #FFF, #E37800);
	background-size:25px auto, 100% auto;
}

.fortune-search label.unchecked {
	background:url(../img/sp_img/icon/icon_unchecked.png) no-repeat 5px 7px, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
	background:url(../img/sp_img/icon/icon_unchecked.png) no-repeat 5px 7px, -moz-linear-gradient(top, #FFF, #CCC);
	background-size:25px auto, 100% auto;
}

/* button
------------------------------------------------------- */
.btn-blue ,
.btn-yellow {
	display:inline-block;
	min-width:250px;
	margin:0 auto 30px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:2px 2px 5px #000;
	box-shadow:2px 2px 5px #000;
	position:relative;
}

.btn-blue a,
.btn-blue input {
	display:block;
	padding:10px 30px;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-shadow:-1px -1px 0px #225588;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #003451 inset;
	box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #003451 inset;
	background:-webkit-gradient(linear, left top, left bottom, from(#B8CFDF), color-stop(49%, #3A7EA3), color-stop(50%, #00588A), to(#00588A));
	background:-moz-linear-gradient(top, #B8CFDF, #3A7EA3 49%, #00588A 50%, #00588A);
}

.btn-yellow a,
.btn-yellow input {
	display:block;
	padding:10px 30px;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-shadow:-1px -1px 0px #225588;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #57523D inset;
	box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #57523D inset;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(181, 170, 114)),
		color-stop(0.5, rgb(148, 138, 75)),
		color-stop(0.5, rgb(122, 111, 58)),
		color-stop(1, rgb(87, 82, 61))
	);
	background-image: -moz-linear-gradient(bottom, rgb(181, 170, 114) 0%, rgb(148, 138, 75) 50%, rgb(122, 111, 58) 50%, rgb(87, 82, 61) 100%);
	background-image: linear-gradient(to bottom, rgb(181, 170, 114) 0%, rgb(148, 138, 75) 50%, rgb(122, 111, 58) 50%, rgb(87, 82, 61) 100%);
}



.btn-blue input {
	width:100%;
	font-size:1.2em;
	font-weight:bold;
}

.pointer {
	width:20px;
	position:absolute;
	right:20px;
	bottom:-10px;
}

.btn-link {
	margin:0 10px 15px 0;
	text-align:right !important;
}

.btn-link a {
	display:inline-block;
	padding:8px 30px 8px 20px;
	color:#333 !important;
	text-decoration:none;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #666 inset;
	box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #666 inset;
	background:url(../img/sp_img/icon/arrow_gr.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#AAA));
	background:url(../img/sp_img/icon/arrow_gr.png) no-repeat right, -moz-linear-gradient(top, #EEE, #AAA);
	-webkit-background-size:15px auto, 100% auto;
	background-size:15px auto, 100% auto;
	z-index:9;
}

.btn-top {
	margin:0 10px 15px 0;
	text-align:right !important;
}

.btn-top a {
	display:inline-block;
	padding:5px 20px 5px 5px;
	color:#333 !important;
	font-size:0.9em;
	text-decoration:none;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #666 inset;
	box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #666 inset;
	background:url(../img/sp_img/icon/arrow_top.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#AAA));
	background:url(../img/sp_img/icon/arrow_top.png) no-repeat right, -moz-linear-gradient(top, #EEE, #AAA);
	-webkit-background-size:15px auto, 100% auto;
	background-size:15px auto, 100% auto;
	z-index:9;
}

/* tel or mail */
.btn-tel,
.btn-mail,
.btn-mail-master {
	display:inline-block;
	border-radius:5px;
	border:1px solid #666;
	background:-webkit-gradient(linear, left top, left bottom, from(#EEE), to(#AAA));
	background:-moz-linear-gradient(top, #EEE, #AAA);
	-webkit-box-shadow:2px 2px 2px #000, 1px 1px 1px #FFF inset;
	box-shadow:2px 2px 2px #000, 1px 1px 1px #FFF inset;
}

.btn-tel a,
.btn-mail a,
.btn-mail-master a {
	display:block;
	color:#333;
	text-decoration:none;
}

.btn-tel {
	float:left;
	width:74%;
}

.btn-tel a {
	padding:15px 0 13px 40px;
	font-size:1.3em;
	background:url(../img/sp_img/icon/icon_phone.png) no-repeat 10px 5px;
	background-size:auto 80%;
}

.btn-mail {
	float:right;
	width:23%;
	font-size:0.6em;
	text-align:center;
}

.btn-mail a {
	padding:28px 0 0;
	background:url(../img/sp_img/icon/icon_mail.png) no-repeat 50% 10px;
	background-size:auto 20px;
}

.btn-mail-master {
	width:80%;
	margin-bottom:5px;
	font-size:0.9em;
	text-align:center;
}

.btn-mail-master a {
	padding:15px 0 15px 40px;
	background:url(../img/sp_img/icon/icon_mail.png) no-repeat 10px 15px;
	background-size:auto 20px;
}

/* accordion menu
------------------------------------------------------- */
.accordion {
	margin-bottom:30px;
	color:#333;
	/*border-radius:7px;
	border:1px solid #999;*/
}

.accordion dt {
	padding:15px 35px 15px 10px;
	border-bottom:1px solid #999;
	background:url(../img/sp_img/icon/accordion_b.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#D5D5D5));
	background:url(../img/sp_img/icon/accordion_b.png) no-repeat right, -moz-linear-gradient(top, #EEE, #D5D5D5);
	background-size:auto 20px, 100% auto;
	-webkit-box-shadow:1px 1px 1px #FFF inset;
	box-shadow:1px 1px 1px #FFF inset;
}

.accordion dt.close {
	background:url(../img/sp_img/icon/accordion_t.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#D5D5D5));
	background:url(../img/sp_img/icon/accordion_t.png) no-repeat right, -moz-linear-gradient(top, #FFF, #D5D5D5);
	background-size:auto 20px, 100% auto;
}

.single dt {
	background:url(../img/sp_img/icon/accordion_b.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#917917));
	background:url(../img/sp_img/icon/accordion_b.png) no-repeat right, -moz-linear-gradient(top, #FFF, #917917);
	background-size:auto 20px, 100% auto;
}

.single dt.close {
	background:url(../img/sp_img/icon/accordion_t.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#917917));
	background:url(../img/sp_img/icon/accordion_t.png) no-repeat right, -moz-linear-gradient(top, #FFF, #917917);
	background-size:auto 20px, 100% auto;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

.accordion dt:first-child {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.accordion dt.last,
.single dt {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom:none;
}

.accordion dd {
	display:none;
	padding:8px 10px;
	background:#FFF;
	border-bottom:1px solid #999;
}

.accordion dd:last-child {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.accordion-btn {
	padding-top:5px;
}

.accordion-btn li {
	margin-bottom:5px;
	text-align:right;
}

.accordion-btn li a {
	display:inline-block;
	padding:5px 30px 5px 15px;
	color:#333;
	text-decoration:none;
	border:1px solid #999;
	border-radius:5px;
	-webkit-box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #333 inset;
	box-shadow:1px 1px 1px #FFF inset, -1px -1px 1px #333 inset;
	background:url(../img/sp_img/icon/arrow_gr.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#D5D5D5));
	background:url(../img/sp_img/icon/arrow_gr.png) no-repeat right, -moz-linear-gradient(top, #FFF, #D5D5D5);
	background-size:18px auto, 100% auto;
}

/* advertisement
------------------------------------------------------- */
.ad-box {
	margin:0 10px 20px;
	padding:10px;
	border:1px solid #666;
	border-radius:5px;
	background:#111;
	box-shadow:1px 1px 5px #666, -1px -1px 5px #888;
	position:relative;
	overflow:hidden;
}


/*////////////////////////////////////////////////////////

contents parts

////////////////////////////////////////////////////////*/

section.inBox{
	margin:0 0 50px 0;
}

.toplink,
.toplink ul,
.toplink li,
.toplink a
{
	margin:0;
	padding:0;
}


.toplink{
	text-align: center;
	margin: 10px auto;
}

.toplink ul{
	width: 303px;
	margin: 0 auto;
}

.toplink ul:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.toplink li{
	width: 99px;
	height: auto;
	float: left;
	padding:0 ;
	margin-left:0 ;
	text-align: center;
	border-top: 1px #DEB887 solid;
	border-bottom: 1px #DEB887 solid;
	-webkit-box-shadow: 3px 3px 4px rgb(148, 148, 148);
	-moz-box-shadow: 3px 3px 4px rgb(148, 148, 148);
	-ms-box-shadow: 3px 3px 4px rgb(148, 148, 148);
	box-shadow: 3px 3px 4px rgb(148, 148, 148);
	background: #fff;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(255, 255, 255)),
		color-stop(0.4, rgb(230, 218, 159)),
		color-stop(1, rgb(161, 122, 87))
	);
	background-image: -moz-linear-gradient(bottom, rgb(255, 255, 255) 0%, rgb(230, 218, 159) 40%, rgb(161, 122, 87) 100%);
	background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(230, 218, 159) 40%, rgb(161, 122, 87) 100%);
	list-style:none;
}

.toplink li:first-child{
	border:1px #DEB887 solid;
	-moz-border-top-left-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-khtml-border-top-left-radius: 8px;
	-khtml-border-bottom-left-radius: 8px; 
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;	
}

.toplink li:last-child{
	border:1px #DEB887 solid;
	-moz-border-top-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	-khtml-border-bottom-right-radius: 8px; 
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.toplink li a{
	display: block;
	font-size:12px;
	color: #684f0f;
	padding: 8px 0;
	text-decoration: none;
}


/* listBox
------------------------------------------------------- */
.topFortuneLinkImg ul{
	text-align:center;
	margin:0 auto;
	margin-bottom:5px;
}


.topFortuneLinkImg dt{
	padding:0;
}

.topFortuneLinkImg dd,
.topFortuneLinkImg ul li
{
	width:320px;
	display:block;
	background-image:url(../img/sp_img/button/normal.png);
	background-position: center top;
	background-repeat:no-repeat;
	min-height:30px;
	overflow:hidden;
	padding:10px 0 0 0;
	margin:0 auto;
}

.topFortuneLinkImg ul li
{
	margin-bottom:10px;
}

.topFortuneLinkImg dd a,
.topFortuneLinkImg ul li a{
	font-weight:bold;
	color:#fff !important;
	display:block;
	text-decoration:none;
}

.topFortuneLinkImg ul.colom3normal li,
.topFortuneLinkImg ul.colom3img li{
	float:left;
	list-style:none;
	width:105px;
	height:40px;
	overflow:hidden;
	background:none;
	padding:0;
	margin:0;
}

.topFortuneLinkImg ul.colom3normal li{
	background-image:url(../img/sp_img/button/normalShort.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	-webkit-background-size:100% auto;
	background-size:100% auto;
}

.topFortuneLinkImg ul li a{
	display:block;
	text-decoration:none;
}

.topFortuneLinkImg ul.colom3normal li a{
	padding:10px 0 0 0;
}

.topFortuneLinkImg :after {
	content:""; 
	display:block; 
	clear:both;
}

/* messegeBox
------------------------------------------------------- */
.messegeBox{
	width:320px;
	padding:20px 0 0 0; 
	background-image:url(../img/sp_img/bg/messegeBg.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	-webkit-background-size:100% auto;
	background-size:100% auto;
	min-height:130px;
}

.messegeBox dl{
	font-size:14px;
}


.messegeBox dd{
	width:200px;
	padding:10px 0 0 0;
	height:25px;
	text-align:center;
	font-weight:bold;
	text-shadow:0 0 2px #FFFF00;
}

.messegeBox dt{
	width:200px;
	padding:10px 0;
	margin:0 0 0 -10px;
}

.messegeBox .button{
	width:170px;
	display:block;
	background-image:url(../img/sp_img/button/buttongGreen.png);
	-webkit-background-size:100% auto;
	background-size:100% auto;
	background-position: center top;
	background-repeat:no-repeat;
	min-height:38px;
	text-align:center;
	font-weight:bold;
	color:#fff !important;
	text-shadow:0 0 2px #FF33FF;
	padding:10px 0 0 0;
	margin:0 0 0 20px;
}




/* listBox
------------------------------------------------------- */
.listBox{
	padding:8px 10px;
	margin:10px auto;
	color:#630;
	text-align:left;
	background-image:url(../img/sp_img/bg/backTexure2.png);
	background-position:right center;
	background-repeat:no-repeat;
	-webkit-background-size:320px auto;
	background-size:320px auto;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	overflow:hidden;
	box-shadow:0 0 2px #000 inset;
}

.listBox li{
	margin:0 0 1px 0;
	padding:0 0 0 15px;
	font-size:0.75em;
	-moz-box-shadow:0 2px 3px #a29580;
	-webkit-box-shadow:0 2px 3px #a29580;
	box-shadow:0 2px 3px #a29580;
	background-color:#F2EBD7;
	background-position:3px center;
	background-repeat:no-repeat;
	-webkit-background-size:8px auto;
	background-size:8px auto;
}

.listBox li.head{
	padding:4px 0 4px 3px;
	background-image:none;
	font-size:1.1em;
	font-weight:bold;
	background-color:#FFFAEB;
}

.listBox li:last-child{
	-moz-border-radius:0 0 20px 0;
	-webkit-border-radius:0 0 20px 0;
	border-radius:0 0 20px 0;
	box-shadow:-3px -2px 5px -2px #8F8170 inset;
	margin:0;
}


.listBox a{
	display:block;
	padding:3px 15px 3px 0;
	background-image:url(../img/sp_img/icon/nexticonbg2.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:15px auto;
	color:#630;
}


.LBcolor-blue{		background-color:#003864;	}
.LBcolor-red{		background-color:#630005;	}
.LBcolor-violet{	background-color:#361554;	}
.LBcolor-yellow{	background-color:#463e14;	}
.LBcolor-green{		background-color:#005a19;	}

.LBcolor-blue li{	background-image:url(../img/sp_img/icon/icon09.png);}
.LBcolor-red li{	background-image:url(../img/sp_img/icon/icon07.png);}
.LBcolor-violet li{	background-image:url(../img/sp_img/icon/icon05.png);}
.LBcolor-yellow li{	background-image:url(../img/sp_img/icon/icon06.png);}
.LBcolor-green li{	background-image:url(../img/sp_img/icon/icon08.png);}

.LBcolor-blue li.head{	color:#0069d1;	}
.LBcolor-violet li.head{	color:#822d9e;	}
.LBcolor-red li.head{color:#9e2d40;	}
.LBcolor-yellow li.head{color:#87843c;	}
.LBcolor-green li.head{	color:#357b20;	}

.listBox li.bgNone{
	background-image:none;
}

.rightSpace{
	padding:2px 20px 2px 15px !important;
	text-align:right;
}



/* listBox
------------------------------------------------------- */
.readTitBox a{
	display:block;
	background-image: -webkit-gradient(
		linear,
		left center,
		right center,
		color-stop(0.6, rgba(252, 249, 237,1)),
		color-stop(1, rgba(237, 233, 216,0.9))
	);
	background-image: -moz-linear-gradient(left, rgba(252, 249, 237,1) 60%, rgba(237, 233, 216,0.9) 100%);
	background-image: linear-gradient(to right, rgba(252, 249, 237,1) 60%, rgba(237, 233, 216,0.9) 100%);
	color:#000;
}

.readTitBox{
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	margin:10px 2px;
	color:#fff;
	text-align:left;
	background-image:url(../img/sp_img/bg/backTexure.png);
	background-size:160px auto;
	-webkit-background-size:160px auto;
	overflow:hidden;
	padding:0 0 0 12px;
	line-height:120%;
}

.readTitBox a dl{
	background-image:url(../img/sp_img/icon/nexticonbg2.png);
	background-position:right center;
	background-repeat:no-repeat;
	-webkit-background-size:15px auto;
	background-size:15px auto;
	-moz-background-size:15px auto;
}

.readTitBox a:link{
	text-decoration:none !important;
	border:none;
}


.readTitBox dl{
	background-image: -webkit-gradient(
		linear,
		left center,
		right center,
		color-stop(0.6, rgba(252, 249, 237,1)),
		color-stop(1, rgba(237, 233, 216,0.9))
	);
	background-image: -moz-linear-gradient(left, rgba(252, 249, 237,1) 60%, rgba(237, 233, 216,0.9) 100%);
	background-image: linear-gradient(to right, rgba(252, 249, 237,1) 60%, rgba(237, 233, 216,0.9) 100%);
	color:#000;
	padding:8px 0 8px 10px;
}

.readTitBox dt{
	font-size:1.1em;
	font-weight:bold;
}

.readTitBox dd{
	font-size:0.75em;
}


.RTcolor-blue{		background-color:#003864;	}
.RTcolor-red{		background-color:#630005;	}
.RTcolor-violet{	background-color:#361554;	}
.RTcolor-yellow{	background-color:#463e14;	}
.RTcolor-green{		background-color:#005a19;	}

.RTcolor-blue dl{		color:#0069d1;	}
.RTcolor-violet dl{		color:#822d9e;	}
.RTcolor-red dl{		color:#9e2d40;	}
.RTcolor-yellow dl{		color:#87843c;	}
.RTcolor-green dl{		color:#357b20;	}





/* readText  shadowtext
------------------------------------------------------- */
.readText-yellow{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#fff77c;
	text-shadow:0px 0px 5px #bfb400,0px 0px 3px #bfb400;
}

.readText-red{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#ff5555;
	text-shadow:0px 0px 5px #b40000,0px 0px 3px #b40000;
}


.readText-white{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 0px 3px #fff;
}


.readText-skyblue{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#cdfaff;
	text-shadow:0px 0px 5px #00a2ff,0px 0px 3px #00a2ff;
}

p.readText-yellow,
p.readText-red,
p.readText-white,
p.readText-skyblue{
	padding:0;
	margin:0;
	
}

/* linkBox
------------------------------------------------------- */
.linkBox{
	letter-spacing:0;
}

.linkBox a,
.linkBox input[type="submit"]{
	display:block;
	margin:3px 5px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	text-align:center;
	padding:10px 0;
	color:#fff;
	text-decoration:none;
	-webkit-box-shadow: inset -1px -1px 2px #000, inset 1px 1px 1px #ffffff;
	-moz-box-shadow: inset -1px -1px 2px #000, inset 1px 1px 1px #ffffff;
	box-shadow: inset -1px -1px 2px #000, inset 1px 1px 1px #ffffff;
	letter-spacing:1;
}

.half{	text-align:right;}

.half a{
	display:inline-block;
	min-width:40%;
	margin:10px 0;
	padding:10px 5px;
}

.halfArrow{
	display:block;
	background-image:url(../img/sp_img/icon/nexticonbg3.png);
	background-position:right center;
	background-repeat:no-repeat;
	-webkit-background-size:15px auto;
	background-size:15px auto;
	-moz-background-size:15px auto;
	padding:0 15px 0 0;
}

.colom2 a{
	display:inline-block;
	min-width:48%;
	margin:3px 0;
	padding:10px 0;
}


.colom3 a{
	display:inline-block;
	min-width:32%;
	margin:3px 0;
	padding:10px 0;
}

.colom4 a{
	display:inline-block;
	min-width:23%;
	margin:3px 0;
	padding:10px 0;
}

.link-blue{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(114, 145, 168)),
		color-stop(1, rgb(35, 89, 125))
	);
	background-image: -moz-linear-gradient(bottom, rgb(114, 145, 168) 0%, rgb(35, 89, 125) 100%);
	background-image: linear-gradient(to bottom, rgb(114, 145, 168) 0%, rgb(35, 89, 125) 100%);
}
.link-red{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(170, 115, 117)),
		color-stop(1, rgb(125, 35, 39))
	);
	background-image: -moz-linear-gradient(bottom, rgb(170, 115, 117) 0%, rgb(125, 35, 39) 100%);
	background-image: linear-gradient(to bottom, rgb(170, 115, 117) 0%, rgb(125, 35, 39) 100%);
}
.link-violet{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(166, 113, 166)),
		color-stop(1, rgb(101, 69, 112))
	);
	background-image: -moz-linear-gradient(bottom, rgb(166, 113, 166) 0%, rgb(101, 69, 112) 100%);
	background-image: linear-gradient(to bottom, rgb(166, 113, 166) 0%, rgb(101, 69, 112) 100%);
}
.link-yellow{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(166, 163, 115)),
		color-stop(1, rgb(110, 108, 68))
	);
	background-image: -moz-linear-gradient(bottom, rgb(166, 163, 115) 0%, rgb(110, 108, 68) 100%);
	background-image: linear-gradient(to bottom, rgb(166, 163, 115) 0%, rgb(110, 108, 68) 100%);
}
.link-green{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(116, 166, 120)),
		color-stop(1, rgb(79, 110, 68))
	);
	background-image: -moz-linear-gradient(bottom, rgb(116, 166, 120) 0%, rgb(79, 110, 68) 100%);
	background-image: linear-gradient(to bottom, rgb(116, 166, 120) 0%, rgb(79, 110, 68) 100%);
}


/* cornertitle css
------------------------------------------------------- */
.cornertitle{
	background-image:url(../img/sp_img/bg/backTexure.png);
	background-size:160px auto;
	-webkit-background-size:160px auto;
}


.cornertitle h3{
	margin:0 15px;
	background-image: -webkit-gradient(
		linear,
		left center,
		right center,
		color-stop(0, rgba(56, 56, 14,0.8)),
		color-stop(0.5, rgba(89, 89, 22,1)),
		color-stop(1, rgba(56, 56, 14,0.8))
	);
	background-image: -moz-linear-gradient(left, rgba(56, 56, 14,0.8) 0%, rgba(89, 89, 22,1) 50%, rgba(56, 56, 14,0.8) 100%);
	background-image: linear-gradient(to right, rgba(56, 56, 14,0.8) 0%, rgba(89, 89, 22,1) 50%, rgba(56, 56, 14,0.8) 100%);

	padding:15px 0;
	font-weight:bold;
	background-color:rgba(0,0,0,0.8)
}



/* ========先生右左ふきだし======== */
.tellerBox_l a:link,
.tellerBox_r a:link{
	text-decoration:none !important;
	border:none;
}

.tellerBox_l img.teller,
.tellerBox_r img.teller{
	display: inline-block;
	width:43%;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}

.tellerBox_l .textBox,
.tellerBox_r .textBox{
	display: inline-block;
	vertical-align: middle;
	text-align:left;
	width:50%;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	margin:0 3% 0 0;
}

.tellerBox_r .textBox{
	margin:0 0 0 3%;
}

.tellerBox_r .white,
.tellerBox_l .white{
	padding:10px 1%;
	margin:0;
	background-color:#fff;
	box-shadow:0 0 10px #FFF;
	-webkit-box-shadow:0 0 10px #FFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	color:#000;
	letter-spacing:0 !important;
}

.tellerBox_r .white p,
.tellerBox_l .white p{
	margin:10px 0 !important;
	padding:0 !important;
}


.tellerBox_l:after,
.tellerBox_r:after {
	content:""; 
	display:block; 
	clear:both;
}

/* ========先生右左ふきだし：小======== */
.commentBox_l a:link,
.commentBox_r a:link{
	text-decoration:none !important;
	border:none;
}

.commentBox_l .human,
.commentBox_r .human,
.commentBox_l img.human,
.commentBox_r img.human{
	display: inline-block;
	width:20%;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}

.commentBox_l .textBox,
.commentBox_r .textBox{
	display: inline-block;
	text-align:left;
	vertical-align: middle;
	width:70%;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	margin:0 3% 0 0;
}

.commentBox_r .textBox{
	margin:0 0 0 3%;
}

.commentBox_l .gray,
.commentBox_r .gray{
	padding:10px 2%;
	box-shadow:0 0 5px #444;
	background-color:#333;
	color:#fff;
}

.commentBox_r .grad,
.commentBox_l .grad{
	color:#000;
	padding:10px 2%;
	-webkit-box-shadow:0 0 10px #FFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:0 0 10px #FFF;
}


.tellerBox_l .under,
.tellerBox_r .under,
.commentBox_r .under,
.commentBox_l .under{
	text-decoration:underline !important;
}

/* newList css
------------------------------------------------------- */
.loopAbox{
	background-color:#000;
	text-align:left;
	padding:20px 15px;
	-webkit-box-shadow:0 0 7px 7px #002201 inset;
	-moz-box-shadow:0 0 7px 7px #002201 inset;
	box-shadow:0 0 7px 7px #002201 inset;
}

a.newList{
	text-decoration:none !important;
	display:block;
	padding:4px 15px 8px 0;
	background-image:url(../img/sp_img/icon/nexticonbg2.png);
	background-position:right center;
	background-repeat:no-repeat;
	-webkit-background-size:15px auto;
	-moz-background-size:15px auto;
	background-size:15px auto;
	color:#fff;
	border-bottom:1px solid #053807;
	text-align:left;
}

a.newList dl{
}

.newList dd{
	display:inline-block;
	text-align:center;
	min-width:50px;
	padding:5px 10px;
	background-image: -webkit-gradient(
		linear,
		left center,
		right center,
		color-stop(0, rgb(0, 0, 0)),
		color-stop(0.25, rgb(77, 68, 0)),
		color-stop(0.5, rgb(166, 166, 166)),
		color-stop(0.75, rgb(77, 68, 0)),
		color-stop(1, rgb(0, 0, 0))
	);
	background-image: -moz-linear-gradient(left, rgb(0, 0, 0) 0%, rgb(77, 68, 0) 25%, rgb(166, 166, 166) 50%, rgb(77, 68, 0) 75%, rgb(0, 0, 0) 100%);
	background-image: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(77, 68, 0) 25%, rgb(166, 166, 166) 50%, rgb(77, 68, 0) 75%, rgb(0, 0, 0) 100%);	

	color:#FF0;
	font-weight:bold;
	-webkit-box-shadow:0 0 7px 7px #000000 inset;
	-moz-box-shadow:0 0 7px 7px #000000 inset;
	box-shadow:0 0 7px 7px #000000 inset;
}

.blackoutBox{
	padding:0 0 20px 0;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgba(0,0,0,0)),
		color-stop(0.1, rgba(0, 0, 0,1)),
		color-stop(0.9, rgba(0, 0, 0,1)),
		color-stop(1, rgba(0, 0, 0,0))
	);
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,1) 10%, rgba(0, 0, 0,1) 90%, rgba(0, 0, 0,0) 100%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,1) 10%, rgba(0, 0, 0,1) 90%, rgba(0, 0, 0,0) 100%);
}

.turtleList{
	width:90%;
	margin:0 auto;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color:#042d2d;
	-webkit-box-shadow:0 0 10px #04544f inset,0 0 10px #04544f inset;
	box-shadow:0 0 10px #04544f inset,0 0 10px #04544f inset;
	text-align:left;
	
}


.turtleList li{
	padding:5px 5px 5px 45px;
	background-position:5px center;
	background-repeat:no-repeat;
	-webkit-background-size:32px auto;
	background-size:32px auto;
	background-image:url(../img/sp_img/icon/icon11.png);
	border-bottom:1px solid #069;
}

.turtleList li:last-child{
	border:none;
}


.radioBox{
	text-align:left;
	padding:30px 0;
}

.radioBox ul{
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin:10px 0;
	padding:0 15px;
	background-image:url(../img/sp_img/bg/backTexure.png);
	background-size:160px auto;
	-webkit-background-size:160px auto;
	background-color:#0148b3;

}

.radioBox li{
	border:1px solid #666;
	border-top:none;
	background:#000;
}

.radioBox li:last-child{
	border-bottom:none;
}


.radioBox input[type="radio"] {
	display:none;
	background:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.radioBox label{
	display:block;
	cursor: pointer;
	padding:12px 12px 7px 25px;
	background-image:url(../img/sp_img/icon/nocheck.png);
	background-size:20px auto;
	background-position:left center;
	background-repeat:no-repeat;
}
.radioBox input[type=radio]:checked + label{
	background-color:#003030 !important;
	font-weight:bold;
	color:#6C6 !important;
	background-image:url(../img/sp_img/icon/check.png);
	background-size:20px auto;
	background-position:left center;
	background-repeat:no-repeat;
}

.radioBox input[type=submit]{
	display:block;
	margin:0 auto;
	width:80%;
	padding:10px 0;
	font-weight:bold;
	color:#FFF;
}

.loopD-0 .sptitle{
	background-color:#cc0033;
	background-image:url(../img/sp_img/bg/backTexure.png);
	background-size:160px auto;
	-webkit-background-size:160px auto;
	padding:5px 0;
	text-align:center;
}

.loopD-0 .sptitle h3{
	background-color:rgba(65,0,16,0.9);
	padding:5px 0;
	box-shadow:0 0 10px #000000 inset;
}

.loopD-1{
	padding:0 10px 30px 10px;
	margin-bottom:50px;
	background-color:#2d422d;
	box-shadow:0 0 20px #69B369 inset;
	background-image:url(../img/sp_img/other/loopd-2_btm.png);
	background-size:320px auto;
	-webkit-background-size:320px auto;
	background-repeat:repeat-x;
	background-position:bottom center;
	text-align:center;
}

.loopD-1 h3{
	background-image:url(../img/sp_img/other/loopd-2_top.png);
	background-size:320px auto;
	-webkit-background-size:320px auto;
	background-repeat:repeat-x;
	background-position:bottom center;
	padding:0 0 20px 0;
}


.photoImg{
	background-image: -webkit-gradient(
		linear,
		left center,
		right center,
		color-stop(0, rgba(59, 0, 83, 0)),
		color-stop(0.5, rgba(252, 255, 173, 0.8)),
		color-stop(1, rgba(59, 0, 83, 0))
	);
	background-image: -moz-linear-gradient(left, rgba(59, 0, 83, 0) 0%, rgba(252, 255, 173, 0.8) 50%, rgba(59, 0, 83, 0) 100%);
	background-image: linear-gradient(to right, rgba(59, 0, 83, 0) 0%, rgba(252, 255, 173, 0.8) 50%, rgba(59, 0, 83, 0) 100%);
	-webkit-box-shadow:0 0 5px #3B0053 inset,0 0 5px #3B0053 inset;
	-moz-box-shadow:0 0 5px #3B0053 inset,0 0 5px #3B0053 inset;
	box-shadow:0 0 5px #3B0053 inset,0 0 5px #3B0053 inset;
	margin:10px 0;
}

.photoImg img{
	border:3px solid #FFF;
	-webkit-box-shadow:4px 4px 5px #000000,4px 4px 5px #000000;
	-moz-box-shadow:4px 4px 5px #000000,4px 4px 5px #000000;
	box-shadow:4px 4px 5px #000000,4px 4px 5px #000000;
	margin:10px 0 15px 0;
}


.serif{
	box-shadow:0 0 10px #CFF;
	background-color:rgba(255,255,255,0.5);
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding:5px;
	margin:10px;
}

a.serif{
	display:inline-block;
}


/*////////////////////////////////////////////////////////

privacy policy

////////////////////////////////////////////////////////*/

#privacy dt {
	margin-bottom:10px;
	font-weight:bold;
}

#privacy dd {
	margin-bottom:15px;
	padding-left:1em;
}

#privacy ol {
	margin:0 0 20px 40px;
}