@charset "utf-8";
body {
	color: #333;
/*
	background: url("../bg.gif");
*/
}

.wrapper {
	/*max-width: 960px;
	min-width: 725px;*/
	width: 960px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0px 0px 20px 5px #121212;
	font-size: small;
}

header {
	padding: 5px 0 10px 2%;
}

header h1 span {
	display: block;
	text-indent: -9999em;
}

a {
	overflow: hidden;
	text-decoration: underline;
}

footer {
	min-width: 725px;
	text-align: center;
	background-color: #ddd;
	margin: 0 auto;
	padding-top: 10px;
}

footer a {
	margin: 0 5px;
}

h1 {
	height: 120px;
/*
	background: url("../logo.png") top left no-repeat;
*/
	width: 320px;
	box-shadow: 2px 2px 10px 0px #999;
	-webkit-box-shadow: 2px 2px 10px 0px #999;
	float: left;
}

header p {
	height: 120px;
/*
	background: url("../catch.png") top left no-repeat;
	text-indent: -9999px;
	width: 360px;
*/
	margin: 0 auto;
	position: relative;
	left: 160px;
}

nav {
	background: #ddd;
	min-width: 725px;
	margin: 0 auto;
}

nav ul {
	height: 42px;
	min-width: 725px;
}

nav ul li {
	width: 16.6%;
/*
	min-width: 145px;
*/
	float: left;
	text-align: center;
	background: url("../navi.png") top left repeat-x;
}

nav ul li a {
	display: block;
	padding: 10px 0;
	color: #555555;
	text-decoration: none;
	border-right: solid 1px rgba(0,0,0,0.1);
}

nav ul li a:nth-child(5) {border-right:none}

nav ul li a:visited {color: #555555;}
nav ul li a:hover {color: #f12;}

form {
	padding: 0 2%;
}

form input, form textarea {
	margin: 0 2% 0 5%;
}


/* --- index(index) --- */

#index div#intro {
	padding: 0 2%;
}

#index div#intro section {
	width: 40%;
	margin: 0 1.8% 10px 0;
	float: left;
	border: solid 1px #666;
	position: relative;
}

#index div#intro section:nth-child(1) {
	background: url("../intro1.png") no-repeat;
	background-position: 2%;
	background-size: 120px;
}

#index div#intro section:nth-child(2) {
	background: url("../intro2.png") no-repeat;
	background-position: 2%;
	background-size: 120px;
}

#index div#intro section:nth-child(3) {
	background: url("../intro3.png") no-repeat;
	background-position: 1%;
	background-size: 120px;
}

#index div#intro section:nth-child(4) {
	background: url("../intro4.png") no-repeat;
	background-position: 0%;
	background-size: 120px;
}

#index div#intro section:nth-child(2n) {
	margin-right: 0%;
	clear: right;
}

#index div#intro dt {
	width: 25%;
	float: left;
	margin: 1.8%;
}

#index div#intro dt img {
	width: 100%;
	min-width: 110px;
}

#index div#intro dd {
	padding: 0 2%;
	float: right;
	width: 62%;
	position: relative;
}

#index div#intro h2 {
	font-size: 116%;
	margin: 2px 5px 2px 125px;
}

#index div#intro h2 a {
	color: #F06C98;
	text-decoration: none;
}

#index div#intro p {
	font-size: 100%;
	line-height: 1.3em;
	margin: 2px 5px 2px 125px;
	min-height: 3.9em;
}

#index div#intro p + p {
	min-height: 40px;
}

#index div#intro p a {
	width: 170px;
	text-indent: -9999px;
	background: url("../button2.gif") top center no-repeat;
	position: absolute;
	bottom: 8px;
	right: 2px;
}

#index article {
	/* width: 60%; */
	padding: 0 2%;
}

#index article dl {
	width: 32%;
	margin-right: 1.55%;
	float: left;
	border: solid 1px #666;
}

#index article dl:nth-child(3n) {
	margin-right: 0%;
	clear: right;
}

#index article dt {
	width: 100%;
}

#index article dt img {
	width: 100%;
	border-bottom: solid 1px #666;
}

#index article dd {
	height: 180px;
	padding: 0 1%;
	position: relative;
}

#index article dd h2 {
	font-size: 116%;
	text-align: center;
	padding-bottom: 4px;
}

#index article dd p {
	font-size: 100%;
	line-height: 1.3em;
	height: 7.7em;
	overflow: hidden;
}

#index article dd p + a {
	width: 170px;
	text-indent: -9999px;
	background: url("../button.gif") top center no-repeat;
	float: right;
	margin: 0.5em 0 2px;
}

.index #searchTable {
	width: 100%;
}

.index #searchTable th {
/*
	border-top: solid 1px #cca;
	border-bottom: solid 1px #cca;
*/
	padding: 5px 0;
}

/* --- index(index) --- */

#index div#intro_2 {
	padding: 0 2%;
}

#index div#intro_2 section {
	width: 48.7%;
	margin: 0 1.8% 10px 0;
	float: left;
	border: solid 1px #666;
	position: relative;
}

#index div#intro_2 section:nth-child(1) {
	background: url("../intro1.png") no-repeat;
	background-position: 2%;
	background-size: 120px;
}

#index div#intro_2 section:nth-child(2) {
	background: url("../intro2.png") no-repeat;
	background-position: 2%;
	background-size: 120px;
}

#index div#intro_2 section:nth-child(3) {
	background: url("../intro3.png") no-repeat;
	background-position: 1%;
	background-size: 120px;
}

#index div#intro_2 section:nth-child(4) {
	background: url("../intro4.png") no-repeat;
	background-position: 0%;
	background-size: 120px;
}

#index div#intro_2 section:nth-child(2n) {
	margin-right: 0%;
	clear: right;
}

#index div#intro_2 dt {
	width: 25%;
	float: left;
	margin: 1.8%;
}

#index div#intro_2 dt img {
	width: 100%;
	min-width: 110px;
}

#index div#intro_2 dd {
	padding: 0 2%;
	float: right;
	width: 62%;
	position: relative;
}

#index div#intro_2 h2 {
	font-size: 116%;
	margin: 2px 5px 2px 125px;
}

#index div#intro_2 h2 a {
	color: #F06C98;
	text-decoration: none;
}

#index div#intro_2 p {
	font-size: 100%;
	line-height: 1.3em;
	margin: 2px 5px 2px 125px;
	min-height: 3.9em;
}

#index div#intro_2 p + p {
	min-height: 40px;
}

#index div#intro_2 p a {
	width: 170px;
	text-indent: -9999px;
	background: url("../button2.gif") top center no-repeat;
	position: absolute;
	bottom: 8px;
	right: 2px;
}

/* --- branch --- */

.branch .main {
	width:960px;
}

.branch article, .branch section {
	padding: 0 2%;
}

.branch h2 {
	color: #444;
	font-size: 146.5%;
	text-align: center;
	padding: 5px 0;
	background: #d3d3d3;
	background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), color-stop(48%, #eeeeee), color-stop(50%, #d3d3d3), to(#d3d3d3));
	background: -moz-linear-gradient(top, #d3d3d3 0%, #eeeeee 48%, #d3d3d3 50%, #d3d3d3);
	background: linear-gradient(top, #d3d3d3 0%, #eeeeee 48%, #d3d3d3 50%, #d3d3d3);
}

.branch #preface {
	border: double;
}

.branch #preface p {
	margin: 5px;
}


#site #preface {
	border: none;
}

#site #preface p {
	margin: 5px 50px 5px 5px ;
	float: right;
}

#site header p {
	height: 120px;
	background: none;
	text-indent: -9999px;
	width: 45%;
	position: relative;
	left: 10px;
}


/* --- 初めての方へ(page beginner) --- */

.branch #beginner {
	width: 680px;
	float: left;
}

/* --- 初めての方へ(page description) --- */

.branch #description {
	width: 680px;
	float: left;
}

.branch #description h2 {
	margin-bottom: 5px;
}

.branch #description p {
	margin-bottom: 5px;
}

.branch #description h3 + p {
	margin: 0 2% 5px;
}

/* --- 占術について(page type of ft) --- */

.branch #toft {
	width: 680px;
	float: left;
}

.branch #toft h2 {
	margin-bottom: 5px;
}

.branch #toft p {
	font-size: 120%;
	margin: 5px 0;
}

.branch #toft h3 + p {
	margin: 0 2% 5px;
}

.branch #toft .color01 {
	color: #F7819F;
}

.branch #toft .color02 {
	color: #58ACFA;
}


/* --- 電話占い一覧(list index) --- */

.branch #ListPage {
	width: 68%;
	float: left;
}

.branch #ListPage dl {
	width: 46%;
	float: left;
	border: solid 1px #666;
}

.branch #ListPage dl:nth-child(3n+2) {
	margin-right: 0%;
	clear: right;
}

.branch #ListPage dt {
	width: 100%;
}

.branch #ListPage dt img {
	width: 100%;
	border-bottom: solid 1px #666;
}

.branch #ListPage dd {
	height: 180px;
	position: relative;
}

.branch #ListPage dd h2 {
	font-size: 116%;
	text-align: center;
	padding-bottom: 4px;
}

.branch #ListPage dd p {
	font-size: 100%;
	padding: 0 1%;
	line-height: 1.3em;
	height: 7.7em;
	overflow: hidden;
}

.branch #ListPage dd p + a{
	width: 160px;
	text-indent: -9999px;
	background: url("../button.gif") top center no-repeat;
	position: absolute;
	bottom: 3px;
	right: 1%;
}

.branch #ListPage + div {
	min-width: 725px;
	margin: 0 auto;
}

.branch #ListPage dd h3 {
	font-size: 116%;
	text-align: center;
	padding-bottom: 4px;
}

.branch #ListPage dd h3 span {
	font: 60% normal;
	margin-left: 1%;
}

.branch #ListPage h4 {
	background-color: #ddf;
	margin-bottom: 6px;
	padding: 3px 0;
}

.branch #pg_box{
}

.branch #pagination {
	width: 350px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	clear: both;
}

.branch #pagination a {
	text-decoration: none;
	color: #555555;
}

.branch #pagination div {
	width: 30px;
	height: 30px;
	background: url("../pagination.png");
	margin: 5px 10px;
	text-align: center;
	line-height: 30px;
	float: left;
}

.branch #pagination div a {
	display: block!important;
	width: 30px!important;
	height: 30px!important;
	text-indent: 0!important;
}

.branch .prev {
	width: 30px;
	height: 30px;
	background: url("../pagination.png");
	text-align: center;
	line-height: 30px;
}
.branch .next {
	width: 30px;
	height: 30px;
	background: url("../pagination.png");
	text-align: center;
	line-height: 30px;
}

.branch .prev a, .next a {
	display: block;
	width: 30px;
	height: 30px;
}

.branch #pagination div.current, #pagination ul li:hover, .prev:hover, .next:hover {
	background: url("../pagination-h.png");
}

.branch #pagination div.current {
	color: #fdfdfd;
	font-weight: 900;
}

/* --- 電話占いランキング(page rank-t) --- */

.branch #rank-t {
	width: 67%;
	float: left;
}

.branch #rank-t dl {
	width: 100%;
	border: none;
}

.branch #rank-t h3 {
	font-size: 131%;
	padding-top: 8px;
}

.branch #rank-t dt {
	float: left;
	margin-right: 2%;
	border-right: solid 1px #666;
}

.branch #rank-t a {
	position: relative;
	z-index: 2;
}

.branch #rank-t dt img {
	position: relative;
	top: 1px;
	left: 1px;
	height: 120px;
	border-right: solid 1px #666;
	border-bottom: none;
}

.branch #rank-t h3 img {
	width: 30px;
	vertical-align: -2px;
}

.branch #rank-t dd {
	padding: 0;
	border: solid 1px #666;
	position: relative;
	height: 120px;
}

.branch #rank-t dd h4 {
	font-size: 116%;
	padding-bottom: 4px;
}

.branch #rank-t dd h4 span {
	color: gold;
	font-size: 93%;
	margin-left: 1em;
}

.branch #rank-t dd p {
	font-size: 100%;
	line-height: 1.3em;
	height: 3.9em;
	overflow: hidden;
	margin-bottom: 2px;
}

.branch #rank-t dd p + a {
	width: 160px;
	text-indent: -9999px;
	background: url("../button.gif") top center no-repeat;
	position: absolute;
	bottom: 3px;
	right: 1%;
}


/* --- 占い師一覧(page fortuneteller) --- */

.branch #fortuneteller p {
	font-size: 108%;
}

.branch #fortuneteller hr {
}


/* --- 占い師ランキング(page rank-f) --- */

.branch #rank-f {
	width: 68%;
	float: left;
}

.branch #rank-f dl {
	width: 100%;
	border: none;
}

.branch #rank-f h3 {
	font-size: 131%;
	padding-top: 8px;
}

.branch #rank-f p {
	font-size: 108%;
}

.branch #rank-f h3 span {
	color: gold;
	font-size: 93%;
	margin-left: 1em;
}


/* --- サイト情報(site index) --- */

.branch #SitePageMain {
	width: 680px;
	float: right;
}

.branch h2 + img {
	width: 100%;
}

.branch #introduction {
	width: 100%;
}

.branch #introduction {
	width: 100%;
/*
	border: solid 1px #ddd;
*/
}

.branch #introduction p {
	margin: 5px;
}

.branch #siteData {
	width: 100%;
}

.branch #siteData th {
	background-color: #ffc;
	border-top: solid 1px #cca;
	border-bottom: solid 1px #cca;
	padding: 5px 0;
}

.branch #introduction + table {
	width: 100%;
}

.branch #introduction + table td {
	display: block;
}

.branch .sidebar {
	width: 230px;
	float: left;
	margin-left: 10px;
	padding: 0;
}

.branch .sidebarborder {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.branch .sidebarborder form{
	margin-top: 10px;
}

.branch .sidebarborder p{
	padding: 4px;
}

.branch .sidebarborder_nmb {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.branch .sidebarborder_nmb h3 {
	background-color: #ddf;
	padding: 3px 0;
	text-align: center;
	margin-bottom: 0;
}

.ssrankh4 {
	height: 30px;
	line-height: 30px;
}

.ssranknum {
	padding: 4px;
	display: inline;
	margin-left: 3px;
}

.ssrankstar {
	color: #FF8C00;
}

.newbbs {
	border: 1px solid #ccc;
}

.newbbs p{
	padding: 4px;
	font-size: small;
}

.newbbs h3 {
	background-color: #bf7fff;
	border-bottom: 1px solid #ccc;
	padding: 3px 0;
	text-align: center;
	margin-bottom: 0;
}

.newbbs h4 {
	padding: 3px;
}

.newbbs .tbox {
	border-bottom: 1px solid #ccc;
}

.branch .sidebar dl {
	width: 100%;
	margin: 0;
	border: none;
}

.branch .sidebar h3, .branch .sidebar h4 {
	font-size: 100%;
}

.branch .sidebar h3 {
	background-color: #ddf;
	padding: 3px 0;
	text-align: center;
}

.branch .sidebar h4 img {
	width: 12%;
	margin-top: 5px;
}

.branch .sidebar h4 span {
	color: gold;
	font-size: 93%;
	margin-left: 0.6em;
}

.branch .sidebar dt img {
	width: 96%;
	padding: 0 2%;
	margin-top: 2px;
}

.branch .sidebar dd p {
	font-size: 93%;
	line-height: 1.1em;
}

.clistborder {
	margin-bottom: 10px;
}

.clistborder h3{
	border: 1px solid #ccc;
	border-bottom: 0px;
}

.branch #choice dl {
	width: 100%;
	border: none;
}

.branch #choice h3 {
	font-size: 131%;
	padding-top: 8px;
}

.branch #choice dt {
	width: 300px;
	float: left;
	margin-right: 2%;
	border-right: solid 1px #666;
}

.branch #choice a {
	position: relative;
	z-index: 2;
}

.branch #choice dt img {
	position: relative;
	top: 1px;
	left: 1px;
	height: 116px;
	width: 296px;
	border-bottom: none;
	padding: 2px;
}

.branch #choice h3 img {
	width: 30px;
	vertical-align: -2px;
}

.branch #choice dd {
	padding: 0;
	border: solid 1px #666;
	position: relative;
	height: 120px;
}

.branch #choice dd h4 {
	font-size: 116%;
	padding-bottom: 4px;
}

.branch #choice dd h4 span {
	color: gold;
	font-size: 93%;
	margin-left: 1em;
}

.branch #choice dd p {
	font-size: 100%;
	line-height: 1.3em;
	height: 3.9em;
	overflow: hidden;
	margin-bottom: 2px;
}

.branch #choice dd p + a {
	width: 160px;
	text-indent: -9999px;
	background: url("../button.gif") top center no-repeat;
	position: absolute;
	bottom: 3px;
	right: 1%;
}

.branch #searchTable {
	width: 100%;
}

.branch #searchTable th {
	padding: 5px 0;
}

/* --- 鑑定師情報(contents) --- */

.branch #ContentsIndex, .branch #ContentsDetail, .branch #ContentsForm {
	margin: 0 auto;
}

.branch #ContentsDetailMain {
	width: 680px;
	float: right;
}

.branch #ContentsIndex table {
	width: 100%;
	font-size: 108%;
}

.branch #ContentsIndex table td {
	border: 2px ridge #ddd;
}

.branch #ContentsDetail table {
	width: 100%;
}

.branch #ContentsDetail table.mb15 {
	width: 96%;
	margin: 0 2%;
}

.branch #ContentsDetail table.mb10 td {
	border: 2px ridge #ddd;
}

.branch #ContentsForm h3 {
	color: #c83;
	font-size: 131%;
	text-align: center;
	padding: 3px 0;
	background: #fff9bd;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff9bd), color-stop(48%, #ffffff), color-stop(50%, #fff9bd), to(#fff9bd));
	background: -moz-linear-gradient(top, #fff9bd 0%, #ffffff 48%, #fff9bd 50%, #fff9bd);
	background: linear-gradient(top, #fff9bd 0%, #ffffff 48%, #fff9bd 50%, #fff9bd);
}

.branch #ContentsForm table {
	width: 96%;
	margin: 0 2%;
}

.branch #ContentsForm table ul.notice {
	color: #c30;
	margin-left: 20px;
	padding: 10px;
	list-style-type: disc;
}

.branch #ContentsForm table ul.notice li {
	font-size: 93%;
}

.branch #ContentsForm table input[type="submit"] {
	display: block;
	margin: 0 auto;
}

/* --- 占い師一覧(clist) --- */
/* --- 追加 --- */
.branch #clist {
	width: 68%;
	float: left;
}
/* --- 追加 --- */

.branch #clist table {
	width: 100%;
	border: solid 1px #999;
}

.branch #clist table tr {
	border-bottom: solid 1px #ddd;
}

.branch #clist table tr:nth-child(6n) {
	border-bottom: none;
}

.branch #clist table th, .branch #clist table td {
	padding: 5px 5px 5px 10px;
}

.branch #clist table th {
	text-align: left;
	font-size: 123%;
}

.branch #clist table th a {
	color: #E01B5D;
}

.branch #clist .clistList {
	width: 5em;
	text-align: right;
	padding-right: 0.5em;
	border-right: solid 1px #ddd;
}

.branch #clist .clistList2 {
	padding-right: 0.5em;
	border-right: solid 1px #ddd;
}

/* ---------------------------------------
				side-secondary
---------------------------------------- */

#side-secondary{
	width: 260px;
	float: left;
}

#side-secondary .ad{
	margin: 4px 0 0;
	text-align: center;
}

#side-secondary .side-menu + .ad{
	margin: 15px 0 0;
	text-align: center;
}

#side-secondary a{
	color: #ffc9c9;
}

.side-obi {
	background: #ffffff url(/image/pc/img/side-obi-bg.png) no-repeat;
	color:#333;
	font-weight: 900;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
}

.side-menu + .side-ranking h2.side-obi {
}

.side-obiy {
	padding:0 10px;
	background: #ffffff url(/image/pc/img/side-obiy-bg.png) no-repeat;
	color:#333;
	font-weight: 900;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
}
.side-obit {
	padding:0 10px;
	background: #ffffff url(/image/pc/img/side-obit-bg.png) no-repeat;
	color:#333;
	font-weight: 900;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
}
.side-obipr {
	padding:0 10px;
	background: #ffffff url(/image/pc/img/side-obipr-bg.png) no-repeat;
	color:#333;
	font-weight: 900;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
}
.side-obif {
	padding:0 10px;
	background: #ffffff url(/image/pc/img/side-obif-bg.png) no-repeat;
	color:#333;
	font-weight: 900;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
}
.side-obik {
	padding:0 10px;
	background: #ffffff url(/image/pc/img/side-obik-bg.png) no-repeat;
	color:#333;
	font-weight: 900;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
}
.side-obis {
	padding:0 10px;
	background: #ffffff url(/image/pc/img/side-obis-bg.png) no-repeat;
	color:#333;
	font-weight: 900;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
}
.side-obis + form {
	padding: 10px;
}
.side-obis + form input[type=submit] {
	width: 60px;
	padding: 1px 0;
}
.side-obim {
	padding:0 10px;
	background: #ffffff url(/image/pc/img/side-obim-bg.png) no-repeat;
	color:#333;
	font-weight: 900;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
}
.side-menu {
	margin-left: 10px;
}
.side-menu ul{
	margin-bottom: 5px;
	background-color: #fff;
	padding: 0;
	margin: 0;
}
.side-menu li {
	width: 240px;
	list-style: none;
	height: 40px;
	text-align: center;
	display: block;
	padding: 0;
	margin: 0;
}
.side-menu li:hover {
	background: url(/image/pc/img/side-menu-bgh.png);
}
.side-menu li a{
	width: 240px;
	display: block;
		color: #ffffff!important;
		padding-top: 10px;
		text-decoration: none;
}

.side-menu table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}
.side-menu td {
	border: solid 1px #aaa;
}
.side-menu td a {
	padding: 10px 0;
	display: block;
	text-decoration: none;
}
.side-menu td a:hover {
	background: url(/image/pc/img/side-menu-half.png);
}

.page{
padding: 5px;
}

#pr{
width: 100%;
padding: 5px 0;
text-align: center;
background-color:#573d38;
color: #ffffff;
}

.side-ranking {
	width: 240px;
	background-color: #573d38;
	margin: 0 10px;
	color: #fff;
	text-align: center;
}

#side-ranking-1, #side-ranking-2 {
	border-bottom: solid 2px #d1bfbc;
}

.side-ranking a {
	opacity: 1 !important;
	position: relative;
}

.side-ranking p img {
	width: 80%;
	margin-top: 15px;
}

.side-ranking h3 {
	font-size: 120%;
	font-weight: bold;
}

.side-thumbnail {
	text-align: left;
	padding: 5px 5px 10px;
}

.side-thumbnail img {
	float: left;
	width: 72px;
	margin: 0 5px 0 0;
}

.side-thumbnail span img {
	float: left;
	width: 240px;
	padding: 5px;
	background-color: #fff;
	visibility: hidden;
	top: -10px;
	left: -230px;
	position: absolute;
}

.side-thumbnail a:hover span img {
	visibility: visible;
}

.side-twitter {
	margin-bottom: 5px;
}

.side-twitter .scroll {
	height: 250px;
	overflow-y: scroll;
}

.side-twitter .side-thumbnail {
	padding: 10px 5px 5px;
}

.side-twitter .side-thumbnail h3 {
	font-weight: bold;
	color: #acc;
}

.side-twitter .side-thumbnail img {
	float: left;
	width: 32px;
	margin: 0 5px 0 0;
}

.side-twitter .side-thumbnail p {
	padding-bottom: 10px;
	border-bottom: solid 1px;
}

/* ---------------------------------------
			plus renewal ver.a(index)
---------------------------------------- */

#width_box_a {
	width: 100%;
}

#left_box_a {
	float: left;
	width: 24%;
}

#left_box_b {
	float: left;
}

.hdng2a {
	border-bottom: #60C dotted 2px;
	margin-left: 4px;
	font-size: 146.5%;
	font-weight: bold;
}

.hdng3a {
	background-color: #ddf;
	margin-bottom: 6px;
	padding: 3px 0;
	text-align: center;
	font-size: 100%;
}

.txtsa1 {
	font-size: 80%;
	color: #333;
	padding: 6px;
}

#right_box_a {
	float: left;
	width: 76%;
}

#right_box_b {
	float: left;
	width: 76%;
}

.mini3boxa {
	width: 30%;
	border: solid 1px #0a0809;
    margin: 5px 1% 5px 1%;
	float: left;
}

.mini3boxb {
	width: 30%;
	border: solid 1px #ff7ad7;
    margin: 5px 1% 5px 1%;
	float: left;
	overflow: hidden;
}

.mini3boxc {
	width: 30%;
	border: solid 1px #ff7400;
    margin: 5px 1% 5px 1%;
	float: left;
}

.mini3boxd {
	width: 30%;
	border: solid 1px #388235;
    margin: 5px 1% 5px 1%;
	float: left;
}

.mini3boxe {
	width: 30%;
	border: solid 1px #3690f0;
    margin: 5px 1% 5px 1%;
	float: left;
}

.minihda {
	text-align: center;
	font-weight: bold;
	padding: 6px auto;
	color: #0a0809;
	border-bottom: solid 1px #0a0809;
	background-color: #dcdcdc;
}

.minihdb {
	text-align: center;
	font-weight: bold;
	padding: 6px auto;
	color: #cf026c;
	border-bottom: solid 1px #ff7ad7;
	background-color: #f5cce6;
}

.minihdc {
	text-align: center;
	font-weight: bold;
	padding: 6px auto;
	color: #ff7400;
	border-bottom: solid 1px #ff7400;
	background-color: #fefac8;
}

.minihdd {
	text-align: center;
	font-weight: bold;
	padding: 6px auto;
	color: #285c2f;
	border-bottom: solid 1px #388235;
	background-color: #dbffbd;
}

.minihde {
	text-align: center;
	font-weight: bold;
	padding: 6px auto;
	color: #1a62db;
	border-bottom: solid 1px #3690f0;
	background-color: #99dff5;
}

.minitxa {
	padding: 4px 10px;
}

.halfboxa {
	float: left;
	width: 47%;
	margin: 5px 1%;
	border: solid 1px #a80077;
}

.halfboxb {
	float: left;
	width: 47%;
	margin: 5px 1%;
	border: solid 1px #c7c8ca;
}

.halfboxc {
	float: left;
	width: 47%;
	margin: 5px 1%;
	border: solid 1px #c7c8ca;
}

.txtsa2 {
	font-size: 90%;
	padding: 4px;
}

.txtsb2 {
	font-size: 90%;
	padding: 4px;
	color: #e41;
}

.txtsc2 {
	font-size: 90%;
	padding: 4px;
	color: #ffd700;
}

.minihdf {
	text-align: center;
	font-weight: bold;
	width: 100%;
}


/* --- タイトルバータイプa(index) --- */

#title-bar_a {
	letter-spacing: 0.3em;
	height: 38px ;
	line-height: 38px ;
	border-top: 1px #fd8ad7 solid ;
	border-bottom: 1px #fd8ad7 solid ;
	color: #F39;
	text-align: center ;
	font-size: 120% ;
	margin: 6px;
	background: #fd8ad7;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbe8fc), to(#fd8ad7));
	background: -moz-linear-gradient(top, #fbe8fc 0%, #fd8ad7);
	background: linear-gradient(top, #fbe8fc 0%, #fd8ad7);
}

#title-bar_b {
	width: 96%;
	color: #444;
	font-size: 146.5%;
	text-align: center;
	padding: 5px 0;
	background: #d3d3d3;
	background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), color-stop(48%, #eeeeee), color-stop(50%, #d3d3d3), to(#d3d3d3));
	background: -moz-linear-gradient(top, #d3d3d3 0%, #eeeeee 48%, #d3d3d3 50%, #d3d3d3);
	background: linear-gradient(top, #d3d3d3 0%, #eeeeee 48%, #d3d3d3 50%, #d3d3d3);
}


}

/* --- リストバータイプa(index) --- */

#list_bar_a nav li {
	width: 100%;
	background-position:right center;
	background-color: #FCF;
	-webkit-background-origin: content;
	text-decoration: none ;
	text-align: left;
	padding-left: 10px;
	display: block ;
	border: 1px solid #ef007c;
    font-size: 90%;
	float: left;
	color: #EF007C;
}

#list_bar_a nav li a {
	color: #EF007C;
}

.alignR{
	padding-right: 6px;
 }

/* --- 最新口コミボックス(index) --- */


/* --- ボックス --- */
.new-kuchibox {
/* width: 48%; ボックスの幅 */
/* height: 360px; 本文領域の高さ */
background-color: #ffffff; /* ボックスの背景色 */
/* border: 1px #c0c0c0 solid; ボックスの境界線 */
font-size: 90%; /* ボックスの文字サイズ */
/* margin-bottom: 10px; */
}


/* --- 見出し --- */
.new-kuchibox h3 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px; /* 見出しのパディング（上下、左右） */
/* background-color: #CFC; 見出しの背景色 */
border-top: 1px #c0c0c0 solid; /* 見出しの上境界線 */
/* border-bottom: 1px #c0c0c0 solid; 見出しの下境界線 */
font-size: 110%; /* 見出しの文字サイズ */
}

/* --- 本文領域 --- */
.new-kuchibox div.textArea {
/* height: 320px; */ /* 本文領域の高さ */
/* overflow: auto; */
}

/* --- 見出し --- */
.new-kuchibox-kai {
margin: 0; /* 見出しのマージン */
/* padding: 5px 10px; 見出しのパディング（上下、左右） */
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typA {
height: 320px; /* 本文領域の高さ */
overflow: auto;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typA h3{
    padding: 2px;
    border-left: 30px solid #F60;
	border-bottom: 1px solid #F60;
	margin-right: 4px;
	margin-bottom: 10px;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typA p{
    padding: 10px;
	font-size: 90%;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typB {
height: 320px; /* 本文領域の高さ */
overflow: auto;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typB h3{
    padding: 2px;
	border-bottom: 1px solid #F60;
	margin-right: 4px;
	margin-bottom: 10px;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typB p{
    padding: 10px;
	font-size: 90%;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typC {
height: 320px; /* 本文領域の高さ */
overflow: auto;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typC h3{
    padding: 2px;
	border-bottom: 1px solid #F60;
	margin-right: 4px;
	margin-bottom: 10px;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typD {
overflow: auto;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typD h3{
    padding: 2px 10px;
	border-left: 5px solid #F60;
	border-bottom: 1px solid #CCC;
	margin-right: 4px;
	margin-bottom: 10px;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typE {
overflow: auto;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typE h3{
    padding: 2px;
	border-bottom: 3px double #090;
	margin-right: 4px;
	margin-bottom: 10px;
}

/* --- 本文領域 --- */
.someone_com{
	border: 0px solid #333;
	background: url("../someone.png") no-repeat;
	background-position: 10px 34px;
	background-size: 70px;
}

/* --- 本文領域 --- */
.someone_txt{
    padding: 10px;
	padding-left: 90px;
	font-size: 90%;
	line-height: 1.7em;
}

/* --- 本文領域 --- */
.new-kuchibox-kai div.textArea_typC p{
    padding: 10px;
	font-size: 90%;
}

/* --- 本文領域 --- */
.new-kuchibox div.textAreaSmall {
/* height: 240px; 本文領域の高さ */
overflow: auto;
}

.linelimit {
	height: 98px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.textline {
	padding: 10px 0;
	line-height: 1.7em;
}

/* --- 本文領域 --- */
.new-kuchibox div.textAreaSmall h3 {
	background-color: #FFF;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	padding: 10px;
	text-align: left;
	font-size: 130%;

/*
	margin: 0px 10px;
	border-bottom: 3px double #F60;
	border-top: 3px double #F60;
	text-align: center;
*/
}

/* --- 本文領域 --- */
.new-kuchibox div.textAreaSmallB {
/* height: 240px; 本文領域の高さ */
overflow: auto;
}

/* --- 本文領域 --- */
.new-kuchibox div.textAreaSmallB h3 {
	background-color: #FFF;
	border-top: 3px double #090;
	border-bottom: 3px double #090;
	margin: 5px 10px;
	text-align: center;
}

/* --- 本文領域内の段落 --- */
.new-kuchibox div.textArea p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* --- 本文領域内の段落 --- */
.new-kuchibox div.textAreaSmall p {
margin: /*1em*/0 10px; /* 段落のマージン（上下、左右） */
}

/* --- 本文領域内の段落 --- */
.new-kuchibox div.textAreaSmallB p {
margin: /*1em*/0 10px; /* 段落のマージン（上下、左右） */
}

/* --- 下部の流し用バー(index) --- */

/*
.branch #choice h2 {
	color: #444;
	font-size: 146.5%;
	text-align: center;
	padding: 5px 0;
	background: #d3d3d3;
	background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), color-stop(48%, #eeeeee), color-stop(50%, #d3d3d3), to(#d3d3d3));
	background: -moz-linear-gradient(top, #d3d3d3 0%, #eeeeee 48%, #d3d3d3 50%, #d3d3d3);
	background: linear-gradient(top, #d3d3d3 0%, #eeeeee 48%, #d3d3d3 50%, #d3d3d3);
}
*/

/* --- 見出しバー(index) --- */

.header-type01 {
    padding-left: 5px;
    border-left: 4px solid #666;
	border-bottom: 1px solid #666;
	font-size: 120%;
	margin: 10px 0;
}

.header-type02 {
    color: #666;
/*
    padding-left: 5px;
    background-color: #FF9;
    border-left: 6px solid #FF0;
*/
	font-size: large;
	margin: 5px;
	height: 24px;
}

.header-type05 {
    color: #666;
	font-size: large;
	margin: 5px;
	height: 24px;
	text-align: left;
}

.header-type05 img {
	display: inline;
	vertical-align: top;
}

.stg-tb {
	color: #000;
	font-size: 140%;
}

.header-type03 {
    padding-left: 5px;
    border-bottom: 4px solid #333;
	font-size: 140%;
	margin-bottom: 5px;
	font-family: "ＭＳ Ｐ明朝";
	font-weight: bold;
    }

.header-typexx {
	background: url("../heading4.png") no-repeat;
    padding-left: 30px;
	font-size: 140%;
	font-family: "ＭＳ Ｐ明朝";
	font-weight: bold;
	color:#f39;
	height: 35px;
	line-height: 35px;
    }

.stg-t {
	color: #F39;
	font-size: 140%;
}

.header-typex1 {
	background: url("../h2-01.png") no-repeat;
    padding-left: 5px;
	vertical-align: top;
	font-size: 140%;
	margin-bottom: 5px;
	font-family: "ＭＳ Ｐ明朝";
	font-weight: bold;
    }

.header-typex2 {
	background: url("../h2-02.png") no-repeat;
    padding-left: 5px;
	vertical-align: top;
	font-size: 140%;
	margin-bottom: 5px;
	font-family: "ＭＳ Ｐ明朝";
	font-weight: bold;
    }

.header-typex3 {
	background: url("../heading3.png") no-repeat;
    padding-left: 20px;
	font-size: 140%;
	margin-bottom: 5px;
	font-family: "ＭＳ Ｐ明朝";
	font-weight: bold;
    }

.header-type03sml {
    padding-left: 5px;
	margin-top: 10px;
    border-bottom: 4px solid #333;
	font-size: 110%;
    }


.header-type03sml2 {
	width: 30%;
    padding: 5px auto;
	margin: 5px auto;
	text-align: center;
	border: 3px double #999;
	font-size: 110%;
    }

.header-type_hd03 {
    background-color: #3690f0;
    color: #FFF;
    padding-left: 5px;
    border: 2px solid #1a62db;
    border-radius: 5px;
	margin-bottom: 5px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	font-size: 140%;
    }

.header-type04 {
	width:96%;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 4px double #666;
	font-size: 130%;
    }

.top_exp {
	background: url("../intro4.png") no-repeat;
	background-position: right bottom;
	background-size: 120px;
	border: 0px double #666;
	font-size: 110%;
	padding: 10px;
	margin-bottom: 5px;
}

.top_dsc {
	background-position: right bottom;
	background-size: 120px;
	border: 0px double #666;
	font-size: 110%;
	padding: 10px;
	margin-bottom: 5px;
}

/* --- サイトリスト通常(index) --- */

.sitelist ul{
	border: 3px solid #333;
	margin-bottom: 10px;
	display:block;
	}

.sitelist ul li{
	padding: auto;
	width: 100%;
		}

.sitelist ul li a{
	margin: 0px;
		}

.sitelist ul li img{
	padding: 5px;
	float: left;
	width: 180px;
	height: 180px;
		}

.sitelist ul li h4{
	font-size: 140%;
	padding: 4px;
		}

.sitelist ul li p{
	padding: 6px;
		}

/* --- サイトリスト小サイズ(index) --- */

.sitelistsmall{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.sitelistsmall ul{
	margin-bottom: 5px;
	}

.sitelistsmall ul li{
	border: 1px solid #DDD;
	padding: auto;
	width: 24%;
	display:block;
	float: left;
		}

.sitelistsmall ul li p{
	text-align: center;
		}

.sitelistsmall ul li img{
	width: 150px;
	height: 180px;
	display: block;
	margin-left: auto;
	margin-right: auto;
		}

/* --- 小リスト(index) --- */

/* --- ボックス --- */
div.smalllist {
width: 33%; /* ボックスの幅 */
float: left;
}

/* --- 見出しエリア --- */
div.smalllist div.heading {
	margin: 10px 20px 0;
}

/* --- 見出し --- */
div.smalllist h3 {
	margin-bottom: 10px;
/*
	border-bottom: 1px #333 solid;
*/
	text-align: center;
	font-size: 140%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.smalllist p {
	text-align: center;
	padding: 5px;
}

/* --- 小リスト交互に並べる(index) --- */

    div.turns{
    width:100%;
    padding:10px;
    text-align:left;
    }

    div.turns ul {
    width:100%;
    }

    div.turns ul li{
    margin:0 15px 10px 0;
    display:inline-block;
    /display:inline;/*IE7*/
    /zoom:1;/*IE7*/
    background-position:0 0.2em;
    zoom:1;
	width: 46%;
    }

/* --- 詳細ページ --- */

.siteinfo {
	width: 100%;
	padding: 10px;
	text-align: left;
	margin-bottom: 10px;
}

.siteinfo ul{
	width: 48%;
	float: left;
}

.siteinfo ul li{
	padding-left: 5px;
	margin: 0 4px;
}

.siteinfotest {
	width: 90%;
	padding: 10px;
	text-align: left;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.siteinfotest ul{
}

.siteinfotest ul li{
	width: 43%;
	padding-left: 5px;
	margin: 0 4px;
	float: left;
}

.siteinfoC {
	width: 100%;
	padding: 0 10px 10px 10px;
	text-align: left;
	margin-bottom: 10px;
}

.siteinfoC ul{
	float: left;
}

.siteinfoC ul li{
	padding-left: 5px;
	margin: 0 4px;
}

.t_bold{
	font-weight: bold;
	color: #000;
}

.t_thin{
	color: #666;
	padding-bottom: 10px;
}

.t_thin_nb{
	color: #666;
}

/* --- プロフィールページ --- */

.profinfoL {
	width: 24%;
	padding: 10px;
	text-align: left;
	float: left;
}

.profinfoL ul{
	float: left;
}

.profinfoL ul li{
	padding-left: 5px;
	margin: 0 4px;
}

.pt_bold{
	font-weight: bold;
	color: #000;
}

.pt_thin{
	color: #666;
	padding-bottom: 10px;
}

.pt_thin_nb{
	color: #666;
}

.profinfoR {
	width: 69%;
	padding: 10px;
	text-align: left;
	float: left;
}

.profinfoR ul{
	float: left;
}

.profinfoR ul li{
	padding-left: 5px;
	margin: 0 4px;
}

.pt_bold{
	font-weight: bold;
	color: #000;
}

.pt_thin{
	color: #666;
	padding-bottom: 10px;
}

.pt_thin_nb{
	color: #666;
}

.profinfoT {
	width: 96%;
	float: left;
	padding: 10px;
	text-align: left;
}

.profinfoT ul{
}

.profinfoT ul li{
	padding-left: 5px;
	margin: 0 4px;
	float: left;
	width: 31%;
}

.profinfoB {
	float: left;
	padding: 10px;
	text-align: left;
}

.profinfoB ul{
	width: 100%;
}

.profinfoB ul li{
	padding-left: 5px;
	margin: 0 4px;
}

/* --- サイト詳細ページ --- */

.InfoTbl {
	width:100%;
	margin-bottom: 10px;
	padding:0px;
	border-collapse:collapse;
}

.InfoTblTop {
	color: #FFF;
	background-color: #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #666;
}

.InforTbl_th01 {
	width: 5%;
	text-align: left;
	padding-left: 2px;
	vertical-align: middle;
	color:#333;
	background-color:#EEE;
	border: 1px solid #999;
}

.InforTbl_td01 {
	width: 20%;
	text-align: left;
	padding:4px 2px 2px 4px;
	background-color:#FFF;
	border:1px solid #999;
}

.InforTbl_th02 {
	width: 10%;
	text-align: left;
	padding-left: 2px;
	vertical-align: middle;
	color:#333;
	background-color:#EEE;
	border:1px solid #999;
	border-left:5px solid #999;
}

.InforTbl_td02 {
	width: 15%;
	text-align: left;
	padding:4px 2px 2px 4px;
	background-color:#FFF;
	border:1px solid #999;
}

.InfoTbl_cl4_01 {
	text-align: left;
	padding-left: 2px;
	vertical-align: middle;
	color:#333;
	background-color:#EEE;
	border:1px solid #999;
	font-weight: bold;
}

.InfoTbl_cl4_02 {
	text-align: left;
	padding-left: 2px;
	vertical-align: middle;
	color:#333;
	background-color:#FFF;
	border:1px solid #999;
}

.contentsmeter p {
	margin: 5px;
}

.thermometer-outer {
/*
  margin: 20px auto;
*/
  float: left;
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
}
.thermometer-outer-h {
  height: 14px;
  width: 80%;
}
.thermometer-outer-v {
  height: 200px;
  width: 20px;
}
.thermometer-inner {
  background: #ff1493;
}
.thermometer-inner-h {
  height: 14px;
}
.thermometer-inner-v {
  width: 14px;
}

/* --- フキダシ --- */

.fukidashi {
	background-color:#fff;
	border:1px solid #000;
	border-radius:5px;
	position:relative;
	width: 80%;
	float: right;
	padding: 10px;
}

.fukidashi:before {
	border:10px solid transparent;
	border-right-color:#fff;
	border-left-width:0;
	left:-9px;
	content:"";
	display:block;
	top:10px;
	position:absolute;
	width:0;
	z-index:1;
}

.fukidashi:after {
	border:10px solid transparent;
	border-right-color:#000;
	border-left-width:0;
	left:-10px;
	content:"";
	display:block;
	top:10px;
	position:absolute;
	width:0;
}

/* --- フキダシ2 --- */

.fukidashi2 {
	background-color:#fff;
	border:1px solid #000;
	border-radius:5px;
	position:relative;
	width: 600px;
	padding: 10px;
	margin: 0 auto;
}

/* --- フキダシ３ --- */

.fukidashi3 {
	background-color:#fff;
	position:relative;
	width: 80%;
	float: right;
	padding: 10px;
}

/* --- ボタン --- */

.btn1 p a{
    width:300px;
    padding:10px;
    background:#8fff8f;
    color:#060;
    text-align:center;
    display:block;
    text-decoration:none;
	border: 1px #8fff8f solid;
	border-radius:5px;
}

.btn1 p a:hover{
    text-decoration:none;
    background:#e2f2e5;
}

.btn2 p a{
    width:62%;
    padding:10px;
    background:#ff9b6a;
    color:#F30;
    text-align:center;
    display:block;
    text-decoration:none;
	border: 1px #ff9b6a solid;
	border-radius:5px;
}

.btn2 p a:hover{
    text-decoration:none;
    background:#f2debd;
}

.btn3 p{
    padding: 4px;
    background: #F0F8FF;
    color: #000000;
    text-align: center;
    display: block;
    text-decoration: none;
	border: 1px #000000 solid;
	border-radius: 3px;
	margin: 4px;
	float: left;
}

.btn4 p{
    padding: 4px;
    background: #4747ff;
    color: #fff;
    text-align: center;
    display: block;
    text-decoration: none;
	border: 1px #4747ff solid;
	border-radius: 3px;
	margin: 4px;
	float: left;
	font-size: 12px;
}

.btn4 a{
    display: block;
    text-decoration: none;
	color: #FFF;
}

.btn5 p{
    padding: 4px;
    background: #666;
    color: #FFF;
    text-align: center;
    display: block;
    text-decoration: none;
	border: 1px #666 solid;
	border-radius: 3px;
	margin: 4px;
	float: left;
	font-size: 12px;
}

.btn5 a{
    display: block;
    text-decoration: none;
	color: #FFF;
}

.site_notice {
	background: url("../mark2.png") no-repeat;
	background-position: right top;
}

.btn6 a{
    width:300px;
    padding:10px;
    background: #c1ffa4;
    color:#090;
    text-align:center;
    display:block;
    text-decoration:none;
	border: 1px #090 solid;
	border-radius:5px;
	float: left;
	margin: 4px;
}

.btn6 a:hover{
    text-decoration:none;
    background: #eaffdf;
}

.btn6c a{
    width:300px;
    padding:10px;
    background: #c1ffa4;
    color:#090;
    text-align:center;
    display:block;
    text-decoration:none;
	border: 1px #090 solid;
	border-radius:5px;
	margin: 4px auto;
	font-weight: bold;
	font-size: 120%;
}

.btn6c a:hover{
    text-decoration:none;
    background: #eaffdf;
}

.btn7 a{
    width:300px;
    padding:10px;
    background: #e1ffa4;
    color: #690;
    text-align:center;
    display:block;
    text-decoration:none;
	border: 1px #690 solid;
	border-radius:5px;
	float: left;
	margin: 4px;
}

.btn7 a:hover{
    text-decoration:none;
    background: #f4ffdf;
}

.btn7c a{
    /*width: 600px;*/
	height: 2em;
	line-height: 2em;
	font-size: large;
    padding:10px;
    background: #FF9;
    color: #8c3f8c;
    text-align:center;
    display:block;
    text-decoration:none;
	border: 1px #8c3f8c solid;
	border-radius:5px;
	margin: 4px auto;
}

.btn7c a:hover{
    text-decoration:none;
    background: #FFC;
}

.btn7 img{
	display: inline;
	vertical-align: middle;
}

.btn8c a{
    /*width: 600px;*/
	height: 2em;
	line-height: 2em;
	font-size: large;
    padding:10px;
    background: #e1ffa4;
    color: #690;
    text-align:center;
    display:block;
    text-decoration:none;
	border: 1px #690 solid;
	border-radius:5px;
	margin: 4px auto;
}

.btn8c a:hover{
    text-decoration:none;
    background: #f4ffdf;
}

.btn9 a{
	font-size: 90%;
    background: #ffcce9;
    color: #F3C;
    text-align:center;
	vertical-align: middle;
    display: inline;
    text-decoration:none;
	border: 1px #ff98cc solid;
	border-radius: 4px;
	float: right;
	padding: 0 4px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

.btn9 a:hover{
    text-decoration:none;
}

.btn10{
border:1px solid #ff2596; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #ff5db1; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5db1), to(#ef007c));
 background-image: -webkit-linear-gradient(top, #ff5db1, #ef007c);
 background-image: -moz-linear-gradient(top, #ff5db1, #ef007c);
 background-image: -ms-linear-gradient(top, #ff5db1, #ef007c);
 background-image: -o-linear-gradient(top, #ff5db1, #ef007c);
 background-image: linear-gradient(to bottom, #ff5db1, #ef007c);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff5db1, endColorstr=#ef007c);
}

.btn10:hover{
 border:1px solid #f60080;
 background-color: #ff2a98; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2a98), to(#bc0062));
 background-image: -webkit-linear-gradient(top, #ff2a98, #bc0062);
 background-image: -moz-linear-gradient(top, #ff2a98, #bc0062);
 background-image: -ms-linear-gradient(top, #ff2a98, #bc0062);
 background-image: -o-linear-gradient(top, #ff2a98, #bc0062);
 background-image: linear-gradient(to bottom, #ff2a98, #bc0062);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff2a98, endColorstr=#bc0062);
}

.btn11 a{
    width:300px;
    padding:10px;
    background: #ffc6e2;
    color:#ff1489;
    text-align:center;
    display:block;
    text-decoration:none;
	border: 1px #ff1489 solid;
	border-radius:5px;
	margin: 4px auto;
	font-weight: bold;
	font-size: 120%;
}

.btn11 a:hover{
    text-decoration:none;
    background: #ffeaf4;
}

/* --- 占い師リスト通常(index) --- */

.tlrlist ul{
	border: 3px solid #333;
	margin-bottom: 10px;
	display:block;
	}

.tlrlist ul li{
	padding: auto;
	width: 100%;
		}

.tlrlist ul li a{
	margin: 0px;
		}

.tlrlist ul li img{
	padding: 0 5px;
	float: left;
		}

.tlrlist ul li h4{
	font-size: 140%;
	padding: 4px;
		}

.tlrlist ul li p{
	padding: 6px;
		}

/* --- 占い師ランキング通常(page) --- */

.tlrrank ul{
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	display:block;
	}

.tlrrank ul li{
	padding: auto;
	width: 100%;
		}

.tlrrank ul li a{
	margin: 0px;
		}

.tlrrank ul li h4{
	font-size: 140%;
	padding: 4px;
		}

.tlrrank ul li p{
	padding: 6px;
		}

/* --- パンくずリスト(bclist) --- */

.bclist {
	min-width: 725px;
	margin: 0 auto;
}

.bclist a {
	padding: 10px;
	color: #555555;
/*
	text-decoration: none;
*/
}

/*
.bclist a:nth-child(5) {border-right:none}
*/
.bclist a:visited {color: #555555;}
.bclist a:hover {color: #f12;}

#qrcode1,#qrcode2,#qrcode3 {
	text-align: center;
}
#qrcode1 img,#qrcode2 img,#qrcode3 img {
	width: 180px;
	height: 180px;
	margin: auto;
}
/* ----- 相談内容別 人気の占い師ランキング ページ ----- */

.colorline01 {
	background: linear-gradient(transparent 60%, #F7819F 60%);
	font-weight: bold;
/*
	color: #000 !important;
*/
}

.colorline02 {
	background: linear-gradient(transparent 60%, #58ACFA 60%);
	font-weight: bold;
/*
	color: #000 !important;
*/
}

.branch #rank-f .rankingblock01 {
    color: #FFFFFF;
    background: #6495ED;
    padding: 5px;
    border: 1px dashed rgba(255,255,255,0.8);
    box-shadow: 0 0 0 5px #6495ED;
    -moz-box-shadow: 0 0 0 5px #6495ED;
    -webkit-box-shadow: 0 0 0 5px #6495ED;
}

.branch #rank-f .rankingblock02 {
    color: #FFFFFF;
    background: #DDA0DD;
    padding: 5px;
    border: 1px dashed rgba(255,255,255,0.8);
    box-shadow: 0 0 0 5px #DDA0DD;
    -moz-box-shadow: 0 0 0 5px #DDA0DD;
    -webkit-box-shadow: 0 0 0 5px #DDA0DD;
}

.block01 {
	  width:500px;
    border: #010101 solid 1px;
    border-left: #010101 solid 10px;
    padding: 10px 10px;
    background: #EEEEEE;
}

.block02 {
    padding: 10px 20px;
    margin: 10px;
    background: #ffe4e1;
    box-shadow: #ffe4e1 0 0 10px 10px;
    -webkit-box-shadow: #ffe4e1 0 0 10px 10px;
    -moz-box-shadow: #ffe4e1 0 0 10px 10px;
}

.rankingblock03 {
    color: #FFFFFF;
    background: #66cdaa;
    padding: 5px;
    border: 1px dashed rgba(255,255,255,0.8);
    box-shadow: 0 0 0 5px #66cdaa;
    -moz-box-shadow: 0 0 0 5px #66cdaa;
    -webkit-box-shadow: 0 0 0 5px #66cdaa;
}

.senjutu01 {
    color: #FFFFFF;
    background: #66cdaa;
    padding: 5px;
    border: 1px dashed rgba(255,255,255,0.8);
    box-shadow: 0 0 0 5px #66cdaa;
    -moz-box-shadow: 0 0 0 5px #66cdaa;
    -webkit-box-shadow: 0 0 0 5px #66cdaa;
}

.block {
    padding: 10px 10px;
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #010101;
    -moz-box-shadow: 0 2px 3px 0 #010101;
    -webkit-box-shadow: 0 2px 3px 0 #010101;
}

.background01 {
		background:#FFFFF0;
}

.box01 p{
    padding: 4px;
    background: #fff;
    color: #000000;
    text-align: center;
    display: block;
    text-decoration: none;
	border: 1px #000000 solid;
	border-radius: 3px;
	margin: 4px;
	float: left;
}

.rankbox01 {
    padding: 20px;
    border: #DC143C dashed 1px;
    background: #f5f5f5;
}

.rankbox02 {
    padding: 20px;
    border: #0000FF dashed 1px;
    background: #f5f5f5;
}

.rankmoji {
	font-size:11px;
	color: #333;
	text-align: left;
	font:24pt;
	font-style:oblique;
}
.rankmoji02 {
	font-size:13px;
	color: #696969;
	text-align:left;
	font:24pt;
	font-style:oblique;
}

.junistyle {
		width:60px;
		font-size:15px;
		float:left;
		padding:4px;
		border:1px
		solid #333;
		text-align:center;
		border-radius:4px;
		background-color:#fff;
}
.namestyle {
		width:100px;
		font-size: 15px;
		float:left;
		padding: 4px 4px 4px 10px;
		text-align:left
}
.namestyle02 {
		width:200px;
		font-size: 15px;
		float:left;
		padding: 4px 4px 4px 10px;
		text-align:left
}
.sodanstyle {
	font-size:13px;
	text-align: left;
}
.yoyaku {
	color: #F08080;
	font-size: 130%;
	font-weight: bold;
}

.site-name {
  color: #666;
	font-size: 16px;
	margin: 1px;
	padding-bottom: 7px;
	padding-top: 1px;
	text-align: left;
}

div.div2{
     font-family:'Goudy Bookletter 1911',Georgia,serif;
     font-weight: bold;
     border: 1px solid #ddd;
     padding:10px 10px;
     background:rgba(0,0,0,.1);
     border-radius: 3px;
     color:#666;
     margin: 10px 0px;
     width: auto;
     height:auto;
}

.line-box {
    border: 1px dotted gray;
		padding: 20px;
		background: #f5f5f5;
}

.line-box02 {
    border: 1px dotted gray;
		padding: 20px;
		background: #fff;
}

.title-box03{
width: 80%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.title-box03 th{
width:25%;
padding:4px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #E6E6FA;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.title-box03 td{
width:75%;
padding:4px;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.title-box04{
width: 80%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.title-box04 th{
width:25%;
padding:4px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #feedf3;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.title-box04 td{
width:75%;
padding:4px;
background-color: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.mojistyle01{
	color: #000;
	font-size: 16px;
	padding:1px 5px 2px 5px;
}
.mojistyle {
  color: #000;
	font-size: 14px;
	margin-top: 10px;
}
.mojistyle03{
	padding: 1px 1px 1px 1px;
}

a.blue:link {
text-decoration : underline;
color : #6495ED;
}
a.blue:visited {
text-decoration : underline;
color : #6495ED;
}
a.blue:active {
text-decoration : underline;
color : #ffffff;
}
a.white:hover {
text-decoration : underline;
color : #ffffff;
}

.dot-line{
	border-bottom:dotted 1px #000;
	width:
}
.mojistyle02 {
	padding-bottom: 5px;
	padding-top: 5px;
}

.float {
	float:left;
}
.text-photo {
	overflow:auto; zoom:1;
}
.branch #rank-t star{
	color: gold;
}

.button01 {
	position:relative;
  width:300px;
	height:30px;
  color:#ffffff;
	text-decoration-color: #fff;
  background:#DCC2FF;
  font-size:17px;
	line-height: 1.5em;
  font-weight:bold;
  text-align:center;
  border:1px solid #225588;
  padding:12px 0 8px 0;
  border-radius:5px;
}
.button01 a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:12px 0 10px 0;
}