
@charset "UTF-8";

/* CSS Document */
/*////////////////////////////////////////////////////////

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-size: 100%;
	font-family: inherit;
	line-height:130%;
}

img {
	border: none;
	vertical-align:middle;
	margin:0;
}

p {
	margin:0;
	padding:0;
}

ul {
	list-style: none;
}

a:hover {
	text-decoration:none;
}

.clearfix {
	zoom:1;
}

.clearfix:after {
    content:""; 
    display:block; 
    clear:both;
}

/* ========基本設定======== */
html {
	height:100%;
	width:100%;
}

body {
	width:100%;
	height:auto!important;
	height:100%;
	margin:0;
	padding:0;
	font-size: 18px;
	line-height: 20px;
	letter-spacing:1px;
/*	overflow: hidden;*/
}

a:link {
   color: #2f5d50;
   text-decoration: underline;
}

a:visited {
   color: #55295b;
   text-decoration: underline;
}

a:hover {
   color: #f39800;
}

#wrapper,#view{
	margin:0 auto;
	padding:15px 0 0 0;
	color: #180614;
	background-color: #f8f4e6;
	background-image: url(../img/spimg/renewal/bg.jpg);
}

#black {
	margin:0 auto;
	padding:15px 0 0 0;
	color: #ffffff;
	background-color:#000;
}

#mainImages{
	color:#000;
	overflow:hidden;
	margin:15px 0;
}

img{
	max-width:320px;
}

br {
   letter-spacing:normal;
}

h1 img {
	width: 100%;
}

/* ========テキスト配置======== */
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}

/* ===== フロート ===== */
.float_l {
	float : left;
	margin:0 10px 0 0;
}
.float_r {
	float : right;
	margin:0 0 0 10px;
}
.both {clear:both;}


/* ===== 画像設定　横位置 ===== */
img.ic {border : 0;text-align : center;}
img.ir {border : 0;text-align : right;}
img.il {border : 0;text-align : left;}


/* ===== フォント設定 ===== */
.co_1 {color : #ffffff;}/* 白 */
.co_2 {color : #000000;}/* 黒 */
.co_3 {color : #ff0000;}/* 赤 */
.co_4 {color : #0000ff;}/* 青 */
.co_5 {color : #9933cc;}/* むらさき */
.co_6 {color : #ff33cc;}/* ピンク */
.co_7 {color : #ff9999;}/* 黒背景用ピンク */
.co_8 {color : #cc99ff;}/* 黒背景用むらさき */
.co_9 {color : #ffff99;}/* 黒背景用黄色 */
.co_10 {color : #99ffff;}/* 黒背景用水色 */
.co_11 {color : #993333;}/* 茶色 */
.co_12 {color : #259ef8;}/* 黒背景用青 */
.co_13 {color : #d59f00;}/* 黄土色 */

.si_1 {font-size: 9px;}
.si_2 {font-size: 16px;}
.si_3 {font-size: 20px;}
.si_4 {font-size: 24px;}
.si_5 {font-size: 30px;}

/* ===== 影つき文字 ===== */

.shadow{
text-shadow : 2px 2px 6px gray;
font-weight : bold;
}

.shadow2{
text-shadow : 2px 2px 6px white;
font-weight : bold;
}



/* ========会員TOPheader メニュー======== */
#header{
	width:300px;
	margin:10px auto;
	text-align:left;
	overflow:hidden;
}
#header h1{
	width:150px;
	float:left;
	overflow:hidden;
}

#header ul{
	width:140px;
	display:inline-block;
	float:left;
	overflow:hidden;
	margin:15px 0 0 10px;
}

#header ul:after{
	clear:both;
}

#fotterUsermenu{
	background-color:#000;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0.6, rgb(0, 0, 0)),color-stop(1, rgb(150, 3, 99)));
	background-image: -moz-linear-gradient(-90deg,rgb(0, 0, 0) 63%,rgb(150, 3, 99) 100%);
	background-image: linear-gradient(-90deg,rgb(0, 0, 0) 63%,rgb(150, 3, 99) 100%);
}

.userMenuButton li{
	width:60px;
	margin:3px;
	height:auto;
	overflow:hidden;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:inline-block;
background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0.1, rgb(255, 148, 178)),color-stop(0.3, rgb(255, 66, 151)),color-stop(0.6, rgb(217, 21, 77)),color-stop(1, rgb(191, 0, 255)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 148, 178) 13%,rgb(255, 66, 151) 35%,rgb(217, 21, 77) 67%,rgb(191, 0, 255) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 148, 178) 13%,rgb(255, 66, 151) 35%,rgb(217, 21, 77) 67%,rgb(191, 0, 255) 100%);
}

.userMenuButton li img{
	width:100%;
	height:auto;
}




/* ========TOP上部メニュー======== */

.toplink{
	text-align: center;
	margin: 5px 0;
}

.toplink ul{
	position: relative;
	list-style-type: none;
}

.toplink ul:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.toplink li{
	width: 31%;
	height: auto;
	float: left;
	padding:0 ;
	margin-left:0 ;
	text-align: center;
	border-top: 1px #DEB887 solid;
	border-bottom: 1px #DEB887 solid;
	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(-90deg,rgb(255, 255, 255) 0%,rgb(230, 218, 159) 48%,rgb(161, 122, 87) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(230, 218, 159) 48%,rgb(161, 122, 87) 100%);
}

.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: #000;
	padding: 5px 0;
	text-decoration: none;
	text-shadow:0 -1px 0px gray;
}

.clearLeft{
	clear: left; 
}



.day {
	text-align: center;
	font-size: 20px;
	color: #e83929;
	font-weight:bold;
}

.top_teller_r {
	width: 120px;
	margin: 2px;
	float: right;
}

.top_teller_l {
	width: 120px;
	margin: 2px;
	float: left;
}

/* ========日運月運======== */

.topmenu,
.menu3 {
	text-align: center;
	margin: 5px 0;
}

.topmenu ul,
.menu3 ul{
	margin: 0;
	padding:0 ;
	position: relative;
	list-style-type: none;
	display:block;
	text-align: center center;
}

.topmenu ul:after,
.menu3 ul:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.topmenu li{
	width: 31%;
	margin: 2px;
	float: left;
	border: 1px #908f94 solid;
	background-color:#fff;
	-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);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	display: inline;
}

.menu3 li{
	width: 48%;
	margin: 2px;
	float: left;
	border: 1px #908f94 solid;
	background-color:#fff;
	-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);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	display: inline;
}

.topmenu li a,
.menu3 li a{
	text-align: center center;
	display: block;
	padding: 15px 0 ;
	font-size:16px;
	color: #000;
	text-decoration: none;
	text-shadow:0 -1px 0px gray;
}

.topmenu img{
	width: 80%;
}


/* ========リストボックス======== */


.list_box {
	text-align: left;
	width: 95%;
	margin: 0 5px 0 5px;
}

.list_box img {
	width: 100%;
	text-align: center;
}

.list_box ul{
	border:1px solid #8f8667;
	overflow:hidden;
	padding:0 ;
	margin-bottom: 10px;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	background-color:#fbfaf5;
	width: 100%;
}

.list_box ul:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.list_box li{
	list-style:none;
	border-bottom:1px dotted #8f8667;
	padding: 10px 15px;
	background-color: #fbfaf5;
}

.list_box li a{
	color:#000;
	display:block;
	padding:2px 23px 2px 0;
	min-height:22px;
	font-size : 16px;
	text-decoration : none;
	margin:0;
	background-image: url(../img/spimg/icon/nexticonbg.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.list_box li:last-child{
	text-align: right;
	border: none ;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	overflow:hidden;
	background: #eae5e3;
}


/* ========鑑定セッション======== */

.kantei ul{
	border:1px solid #908f94;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	overflow:hidden;
	padding:0 ;
	margin:5px auto;
	-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);
}

.kantei ul:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.kantei li{
	list-style:none;
	border-bottom:1px dotted #908f94;
	padding:5px 10px;
	background-color: #FFF;
}

.kantei li a{
	color:#000;
	display:block;
	padding:2px 23px 2px 0;
	min-height:22px;
	font-size : 16px;
	text-decoration : none;
	margin:0;
}

.kantei li:first-child{
	border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
}

.kantei li:last-child{
	border-bottom:none ;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
}

.kantei .huti_boxbg{
	margin: 10px auto;
	padding: 5px;
	height: auto;
	border: 1px #908f94 solid;
	background-color: #FFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	display: block;
	-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);
}

.kantei p{
	font-size: 14px;
	color: #333;
	line-height: 16px;
	padding-left: 25px;
}

.kantei .title{
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	color: #099;
	padding-left: 15px;
	margin-top: 1px;
	line-height: 26px;
	text-shadow : 1px 1px 4px #CFCFCF;
}

.kantei .title_best{
	font-size: 22px;
	font-weight: bold;
	color: #f0006c;
	padding-left: 15px;
	margin-top: 1px;
	line-height: 26px;
	text-shadow : 1px 1px 4px #CFCFCF;
}

.kantei .all{
	text-align: center;
	float:right;
	display: block;
	margin: 5px auto;
	padding: 5px;
	font-size:16px;
	color: #000;
	text-decoration: none;
	width: 50%;
	height: auto;
	margin: 2px;
	border: 1px #908f94 solid;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(77.5%, #aeaeb2));
	background: -webkit-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: -o-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: -ms-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

/* ========特別鑑定室======== */


.special {
	margin:0 auto;
	padding:0 ;
	text-align: center;
	background-color: #ccc1ce;
}

.special p{
	font-size: 14px;
	color: #000;
	line-height: 16px;
	text-align: left;
}

.special a{
	text-decoration: none;
	text-align: left;
	display: block;
	width: 300px;
	margin-left:10px;
	padding-top: 15px;
}

.special .title{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: #800060;
	padding-left: 15px;
	margin-top: 1px;
	line-height: 22px;
}

.special .warning{
	font-size: 14px;
	color: #333;
	line-height: 16px;
	text-align: left;
}

.special .menu {
	background-repeat: no-repeat;
	width: 100%;
	height: 100px;
	text-align: left;
}


/* ========特別鑑定室（ページ内）======== */

.special_page {
	background: url(../img/spimg/renewal/bg.jpg);
	margin:0 auto;
	padding:0 ;
}

.special_page .banner{
	text-align: center;
	background: url(../img/spimg/renewal/midashi.png) no-repeat;
	background-size: 100%;
	text-align: center;
	line-height: 0;
	margin: 0 4% 0 4%;
	height: 10%;
	padding-top: 7%;
}

.special_page .banner img{
	width: 100%;
}

.special_page img{
	border: none;
	text-align: center;
}

.special_page img .line{
	border: none;
	text-align: center;
	margin: 3px 0;
}

.special_page .teller{
	float : left;
	width: 150px;
	border: none;
	margin: 3px
}

.special_page .auid{
	width: 150px;
	height: 27px;
	border: none;
}

.special_page .kessai{
	width: 200px;
	height: 31px;
	border: none;
}

.special_page p{
	font-size: 16px;
	line-height: 18px;
	margin: 8px 0;
	padding-left: 5px;
	padding-right: 5px;
}

.special_page .caption{
	font-size: 18px;
	line-height: 20px;
	color: #641369;
	margin: 8px 0;
}

.special_page .title{
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #17184b;
	padding: 8px 0;
	margin-top: 1px;
}

.special_page .result_title{
	background-image:url(../img/spimg/icon/icon03_sp.png);
	background-repeat: no-repeat;
	background-size: 40px;
	height: auto;
	font-size: 18px;
	line-height: 20px;
	color: #641369;
	padding: 5px 5px 5px 40px;
}

.special_page .result_date{
	font-size: 22px;
	color: #640125;
	text-align: center;
	padding: 3px 0;
}

.special_page .price{
	font-size: 18px;
	line-height: 20px;
	text-align: right;
	padding-right: 5px;
	margin-top: 5px;
}

.special_page ul{
	margin: 5px;
	list-style-type: none;
}

.special_page ul:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.special_page li{
	background-image:url(../img/spimg/icon/icon03_sp.png);
	background-repeat: no-repeat;
	background-size: 40px;
	height: auto;
	padding: 5px 5px 5px 40px;
	font-size: 16px;
	line-height: 18px;
}


/* ========結果画面======== */

.view img{
	width: 100%;
	border: none;
	text-align: center;
}

.view .matiuke {
	width: 80%;
	border: none;
	text-align: center;
}

.view .bunner {
	width: 80%;
	border: none;
	text-align: center;
}

.view .icon {
	width: 40px;
	border: none;
}

.view .teller{
	float : right;
	width: 150px;
	border: none;
	margin: 3px;
}

.view .teller2{
	width: 200px;
	border: none;
	margin: 3px;
	text-align: center;
}

.view .teller3{
	float : left;
	width: 150px;
	border: none;
	margin: 3px;
}

.view p{
	font-size: 18px;
	color: #180614;
	line-height: 130%;
	padding-left: 5px;
	padding-right: 5px;
}

.view .caption{
	font-size: 16px;
	margin: 8px 0;
	line-height: 18px;
	padding-left: 10px;
	padding-right: 10px;
}

.view .notice {
	font-size: 16px;
	color: #9F3550;
	margin: 8px 0;
	line-height: 18px;
	padding-left: 10px;
	padding-right: 10px;
}

.view .name {
	text-align: center;
	font-size: 20px;
	color: #180614;
	margin: 8px 0;
	line-height: 22px;
}


.view .day,.title{
	font-size: 22px;
	color: #ee7800;
	text-align: center;
	margin: 3px 0 ;
	line-height: 26px;
	padding-left: 25px;
	padding-right: 25px;
	font-weight: bold;
}

.view .title_small{
	font-size: 22px;
	text-align: left;
	font-weight: bold;
	color: #d3381c;
	padding-left: 15px;
	margin-top: 1px;
	line-height: 26px;
}

.view .title_kobetu {
	font-size: 20px;
	text-align: left;
	color: #000000;
	margin-top: 5px;
	line-height: 24px;
}

.view .title_special {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: #2851a3;
	margin-top: 1px;
	line-height: 24px;
	margin: 0;
	padding: 0;
}


/* ========ふちだけボックス======== */

.huti_box{
	margin: 10px auto;
	padding: 5px;
	width: 90%;
	height: auto;
	border: 1px #908f94 solid;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	display: block;
}

/* ========戻るリンク======== */
p.back_box { float:right; margin-right: 6%;}
p.back_box a { width: 120px; height: auto; clear:both; overflow:hidden; margin-bottom:30px;}
.back{
	text-align: center;
	margin-top: 10px;
	margin-left: 10px;
	
	padding: 5px;
	font-size:16px;
	text-decoration: none;
	width: 45%;
	height: auto;
	border: 1px #908f94 solid;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(77.5%, #aeaeb2));
	background: -webkit-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: -o-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: -ms-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	display: block;
}

a.back {
	text-decoration: none;
	color: #000000;
}

.back:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}


/* ========特別鑑定室に戻るリンク======== */

.back_toku {
	text-align: center;
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px;
	font-size:16px;
	color: #2f5d50;
	text-decoration: none;
	width: 60%;
	height: auto;
	border: 1px #908f94 solid;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(77.5%, #aeaeb2));
	background: -webkit-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: -o-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: -ms-linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	background: linear-gradient(top, #fff 0%, #aeaeb2 77.5%);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	display: block;
}

.back_toku:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* ========FOOTER======== */

.foot {
	margin:10px;
	text-align: left;
	line-height: normal;
	font-size: 16px;
	color: #000;
	display: block;
}

.foot ul{
	border:1px solid #DEB887;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	overflow: hidden;
	padding:0 !important;
}

.foot ul:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.foot li{
	list-style: none;
	border-bottom:1px solid #DEB887;
	padding:5px 5px;
	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(-90deg,rgb(255, 255, 255) 0%,rgb(230, 218, 159) 48%,rgb(161, 122, 87) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(230, 218, 159) 48%,rgb(161, 122, 87) 100%);
}

.foot li:first-child{
	border-radius:15px 15px 0 0;
	-moz-border-radius:15px 15px 0 0;
	-webkit-border-radius:15px 15px 0 0;
}

.foot li:last-child{
	border:none !important;
	border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	-webkit-border-radius: 0 0 15px 15px;
}


.foot a{
	color:#24140e;
	font-size:16px;
	display:block;
	letter-spacing : 2px;
	text-decoration : none;
	margin:0;
	padding:8px 8px;
}

address{
	padding:20px 0;
	text-align: center !important;
	color: #000;
	font-style: normal;
	font-size: 16px;
}
.terms { background: #00356b; width: 90%; font-size: 90%; line-height: 1.2em; color: #fffcdd; padding:5%; border: 1px solid #000c1c}

/*-----------------------------------------------------------------*/
.ppv_link_list { width:100%; margin: 0 auto; text-align: center;}
.ppv_link_list ul {
	margin: 0;
  padding: 0;
  list-style-type: none;
}
.ppv_link_list li {
	height: 30px;
	float: left;
	padding-top: 3px;
	margin-left:0 ;
	text-align: center;
	border-top: 1px #DEB887 solid;
	border-bottom: 1px #DEB887 solid;
	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(-90deg,rgb(255, 255, 255) 0%,rgb(230, 218, 159) 48%,rgb(161, 122, 87) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(230, 218, 159) 48%,rgb(161, 122, 87) 100%);
	} 
.ppv_link_list li a{
	display: block;
	font-size: 80%;
	color: #000;
	padding: 5px 22px 5px 22px !important;
	text-decoration: none;
	text-shadow:0 -1px 0px gray;
}


.ppv_link_list 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;	
}
.ppv_link_list 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;
}
.clear{	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
	
.centered {
  position: relative;
  overflow: hidden;
}

.centered ul {
  position: relative;
  left: 50%;
  float: left;
}

.centered ul li {
  position: relative;
  left: -50%;
  float: left;
}
.bottom_01,
.bottom_02 { margin-top:0; padding-top: 0;}

.bottom_01 {		
		background: url(../img/spimg/ppv_title_bottom.png) no-repeat;
		background-size: 100%;
		height: 5%;
	text-align: center;}
	.bottom_02 {		
		background: url(../img/spimg/ppv_bk_bottom.png) no-repeat;
		background-size: 100%;
		height: 5%;
	text-align: center;}


.ppv_bottom { background: url(../img/spimg/ppv_title_bottom.png) repeat-x; height: 30px}
.tokubetsu {
	text-align: center;
	background: url(../img/spimg/renewal/midashi.png) no-repeat;
	background-size: 100%;
	text-align: center;
	line-height: 0;
	margin: 3% 4% 2% 4%;
	height: 10%;
	padding-top: 7%;
}


.topimg_01 {
			background: url(../img/spimg/ppv_top_best.png) no-repeat bottom;
		background-size: 100%;
		height: 16%;
	text-align: center;}
	.topimg_02 {
			background: url(../img/spimg/ppv_top_osusume.png) no-repeat bottom;
		background-size: 100%;
		height: 16%;
	text-align: center;}
	

.tokubetsu_box {
		background: url(../img/spimg/ppv_bk_r.png) center;
		background-size: 100%;
		box-sizing: border-box;
		background-repeat: repeat-y; padding: 2% 10% 2% 10%;

		}

.tokubetsu img { width: 100%;}
.ppv_title { font-size: 70%; line-height: 1.1em; padding: 10px;}
.ppv_title img{ float:right; margin-bottom: 5px;}
.ppv_title p{ clear:both; margin-bottom: 5px;}
.ppv_kantei { background: url(../img/spimg/renewal/tokubetsu_bg2.jpg); margin-bottom:15px; padding-bottom:0px;}
#ppv_top {	background: url(../img/spimg/renewal/bg.jpg);}
#ppv_top .text { font-size: 80%; width: 90%; margin: 0 auto;word-break: break-all;}
.tokubetsu_box a{ display:block; border-bottom: 1px #8A0800 dotted; font-size: 80%; padding: 5px 0; text-decoration: none;}
.tokubetsu_box li	{ padding: 0 1% 0 12%; color: #362500; line-height: 1.1em;}
.tokubetsu_box a:last-child { border-bottom: none;}
.tokubetsu_box li	{ 
	background-image: url(../img/spimg/icon/icon04_sp.png);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 5px center;}
	
.ppv_box { background: url(../img/spimg/renewal/bg7.jpg); padding-top: 10px;}


.sp_kantei {
	margin: 0;
}

.sp_kantei ul{
	margin: 10px auto;
	padding: 0;
	width: 90%;
	height: auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border: 1px #908f94 solid;
	-webkit-box-shadow: 0px 1px 0px rgb(148, 148, 148);
	-moz-box-shadow: 0px 1px 0px rgb(148, 148, 148);
	-ms-box-shadow: 0px 1px 0px rgb(148, 148, 148);
	box-shadow: 0px 1px 0px rgb(148, 148, 148);
	background-color: rgba(255,255,255,0.5);
}


.sp_kantei a{
	display:block;
	background-image: none;
	padding-left:10px;
	border-bottom: 1px #870047 dotted !important;
	padding-bottom:10px;
	padding-right: 10px;
	padding-top:10px !important;
}


.sp_kantei a li{
	text-align: left;
	text-decoration: none;
	background-image: none;
		color: #361900;
}

.sp_kantei a {
		color: #361900;
}
		
.sp_kantei .corner {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	padding:0px !important;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-khtml-border-radius: 8px 8px 0 0;
	border-bottom: none;

}

.sp_kantei a:last-child {
	border-bottom: none !important;
}

.sp_kantei .menu {
	color: #110538;
	font-size: 18px;
	line-height: 20px;
}

.sp_kantei a:hover {
	background: #FAFFCF;
	color:#973300;
	position: relative;
	text-decoration: none;
}




.sp_kantei .title1,
.sp_kantei .title2,
.sp_kantei .title3,
.sp_kantei .title4,
.sp_kantei .title5 {	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5); padding: 5px 0 !important; font-size: 90%; font-weight: bold; border-bottom: none !important;}
.sp_kantei .title1 { background-color: rgba(0,12,70,0.5);}	
.sp_kantei .title2 { background-color: rgba(0,138,196,0.5);}	
.sp_kantei .title3 { background-color: rgba(200,0,130,0.5);}
.sp_kantei .title4 { background-color: rgba(0,95,52,0.5);}	
.sp_kantei .title5 { background-color: rgba(255,174,0,0.5);}	

.sp_kantei a,.sp_kantei ul,.sp_kantei li { line-height: 1.0em !important; font-size: 90%; text-decoration: none; }
.ppv_box { margin-top: 20px; margin-bottom: 10px; padding-bottom: 10px;}
#ppv ul.form { width: 90%; margin-top:5px}
#ppv ul.form li { width: 97%; margin-left: 3px;}
 
 
 /* ========middle LIST======== */

.middle {
	margin:10px;
	text-align: left;
	line-height: normal;
	font-size: 11px;
	color: #993333;
	display: block;
}

.middle ul{
	border:1px solid #DEB887;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	overflow:hidden;
	padding:0 !important;
	background-color:#81143b;
}

.middle li{
	list-style:none;
	border-bottom:1px dotted #DEB887;
	padding:5px 5px;
}


.middle li:last-child{
	border:none !important;
}


.middle a{
	color:#24140e;
	font-size:14px;
	display:block;
	letter-spacing : 2px;
	text-decoration : none;
	margin:0;
	padding:10px 10px;
	background-position:right center;
	background-repeat:no-repeat;
}

address{
	padding:20px 0;
	text-align:center;
	color:#c89ead;
	font-style:normal;
	font-size:10px;
	
}


.center {
	margin: 0 auto;
	padding: 0 auto;
	text-align:center;
}

.red {
	color: #F30;
}

/* ========ボタン======== */

.btn {
    color: #050505 ;
    padding: 10px 20px;
    background: -moz-linear-gradient(
        top,
        #ffffff  0%,
        #c7d95f  50%,
        #add136  50%,
        #6d8000 );
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ffffff ),
        color-stop(0.50, #c7d95f ),
        color-stop(0.50, #add136 ),
        to(#6d8000 ));
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    border: 1px solid #d6c13a ;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.4);
    text-align: center;
    margin: 10% 6% 6% 6%;
    font-weight: 100 !important;
}
.btn:hover {
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ffffff ),
        color-stop(0.50, #FD8B8D ),
        color-stop(0.50, #F06769 ),
        to(#E33437 ));
    border: 1px solid #D9A35D ;
    color: #FFD6BB ;
}


