@charset "UTF-8";

/*==================================================
	Common Stylesheet
==================================================*/

body {
	background: url(../parts/backpattern.gif);
	font-size: 14px;
	font-family: Meiryo, arial, clean, verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333;
	line-height: 180%;
	text-align: center;
	
	}


p {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	
	}
	
	p.leavealine {
	margin-top: 12px;
	}
	
	p.annotation {
	padding-left: 1em;
	text-indent: -1em;
	}
	
	p.last {
	padding-bottom: 1.5em;
	}

ul.bmargin	{
	padding-bottom: 1em;
	}

	
strong.attention {
	font-weight: bold;
	color: #FF0000;
	}

.attention {
	color: #FF0000;
	}

.blockclear {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 0;
	font-size: 0;
	}

/*右寄せ・左寄せ*/
.blk-left {
	float: left;
	}

.blk-right {
	float: right;
	}

.img-right {
	float: right;
	margin: 0px;
	padding: 0px;
	}

.img-right2 {
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
	}

.clearright	{
	clear: right;
	}


.textcenter	{
	text-align: center;
	}

.textright	{
	text-align: right;
	}
	
.smoll	{
	font-size: 90%;
	}




	
/*-----------------------------------------------
	LINK
-----------------------------------------------*/
a	{
	color: #a47d0a;
	text-decoration: underline;
	}
	
	a:hover	{
	color: #b0a78b;
	text-decoration: none;
	}

	a:hover	img	{
    filter: alpha(opacity=50);/*IE*/
    -moz-opacity:0.50;/*Firefox*/
    opacity:0.50;/*Opera・Safari*/
	}





/*-----------------------------------------------
	HEADER
-----------------------------------------------*/

h1#logo	a{
	display: block;
	float: left;
	width: 200px;
	height: 42px;
	background: url(../parts/majestic_logo.png) no-repeat;
	text-indent: -9999px;
	}

#header	{
	padding: 20px 0;
	background: #170101;
	border-bottom: 2px solid #9f722e;
	text-align: center;
	}
	
	#header	span{
	display: block;
	width: 980px;
	margin: 0 auto;
	}



#mainvisual	{
	border-bottom: 2px solid #9f722e;
	background: #000;
	}


#kasouhead	{
	width: 980px;
	margin: 0 auto;
	}
	
	
	#kasouhead	h2{
	height: 120px;
	color: #fff;
	font-size: 150%;
	font-weight: normal;
	line-height: 120px;
	text-align: left;
	background: url(../img/head.jpg) no-repeat bottom;
	}
	

/*-----------------------------------------------
	パンクズ
-----------------------------------------------*/
#pagerout {
	width: 980px;
	margin: 0px auto 10px auto;
	padding: 3px 0px 12px 11px;
	text-align: left;
	}
	
/*-----------------------------------------------
	フリーダイヤル
-----------------------------------------------*/

#freedial	{
	padding: 10px 0;
	background: #3d4952;
	line-height: 100%;
	}
	

#freedialtext	{
	margin-bottom: 20px;
	padding: 6px 0;
	background: #1b1f20;
	color: #c9ccce;
	font-size: 80%;
	line-height: 100%;
	}


/*-----------------------------------------------
	メインコンテンツ Wrapper
-----------------------------------------------*/

#main	{
	width: 980px;
	margin: 0 auto 20px auto;
	text-align: left;
	overflow: hidden;
	zoom: 100%;
	}


/*-----------------------------------------------
	メインコンテンツ
-----------------------------------------------*/

/*トップページ*/
#maincontents	{
	float: left;
	width: 700px;
	margin: 0 20px 0 0;
	}
/*下層用*/
#mainarea	{
	padding: 17px 8px;
	background:  rgba(255,255,255,0.8);
	background: #fdfbf4;
	/*border: 1px solid #d0bd87;*/
	overflow: hidden;
	zoom: 100%;
	}

/*ブロック*/	
.mainblock {
	margin: 0px 10px 0px 12px;
	}

#mainarea	h2 {
	margin: 20px 0;
	padding: 10px 0 10px 35px;
	height:  100%;
	background: url(../img/h2.png) left no-repeat #e7e5a0;
	color: #6a4517;
	font-size: 120%;
	font-weight: bold;
	line-height: 125%;
	}

#mainarea	h2.third {
	margin: 10px 0 20px 0;
	padding: 0;
	background: none;
	color: #333;
	font-size: 150%;
	font-weight: normal;
	line-height: 125%;
	}
	
	#mainarea	h2	a {
	font-weight: normal;
	}


#mainarea	h3 {
	margin: 0 0 20px 0;
	padding: 4px 0 4px 13px;
	border-left: 5px solid #dcbe77;
	background: #fff;
	font-weight: normal;
	}
	
#mainarea	h3.riyou {
	margin: 0 0 20px 0;
	padding: 4px 0 4px 13px;
	border-left: 5px solid #dcbe77;
	background: #fff;
	}


/*罫線で囲ったエリア*/
ul.withframe1 {
	margin: 0 0px 15px 0px;
	padding:  0 0 15px 0;
	}
	
	ul.withframe1 li {
	margin: 3px 0px;
	padding: 2px 20px;
	list-style-type: none;
	}
	
	ul.withframe1 li.last {
	padding-bottom: 30px;
	}
	
	ul.withframe1 li img.limark01 {
	margin-right: 2px;
	margin-bottom: 1px;
	vertical-align: text-bottom;
	}


/*横並びリストエリア*/
#mainarea	.withframe2 {
	padding: 30px 10px ;
	overflow: hidden;
	zoom: 100%;
	}
	#mainarea	.withframe2 p {
	padding:  0;
	}
	
	#mainarea	.withframe2 p.last {

	}
	
	#mainarea	.withframe2 p img {
	margin-right: 5px;
	verticl-align: bottom;
	}

/*ドットの罫線で囲む*/
.withframe3 {
	margin: 15px 50px 30px 50px;
	padding: 10px;
	border: 1px dotted #d5ca8b;
	}
	
	.withframe3 p {
	padding: 10px;
	}

	.withframe3 p.last {

	}

/*ドットの罫線で囲む（左右マージンなし）*/
.withframe3b {
	margin: 0;
	padding: 10px;
	border: 1px dotted #d5ca8b;
	}
	
	.withframe3b p {
	padding: 10px;
	}

	
/*リンクエリア*/
#localmenu {
	margin: 40px 0 20px 0;
	padding: 15px;
	background: #F7F6E9;
	}
	
	#localmenu ul {
	margin: 0;
	line-height: 1em;
	}
	
	#localmenu ul.nobg {
	background-image: none;
	padding-bottom: 6px;
	}
	
	#localmenu ul li {
	display: inline;
	margin: 3px 0;
	padding: 4px 12px 0px 40px;
	list-style-type: none;
	white-space: nowrap;
	}

	#localmenu ul li img {
	margin-right: 2px;
	vertical-align: text-bottom;
	}


/*詳しくは・・リンク*/
p.linkbtn1 {
	float: right;
	padding:  15px 0 15px 20px;
	background: url(../img/btn01.png) no-repeat  left;
	}
	

/*↓*/
p.arw01  {
	display: block;
	width: 100%;
	overflow: hidden;
	zoom: 100%;
	}	

	p.arw01 img {
	margin-left: 100px;
	}	

/*TABLE*/

table.ryoukin-table {	/*ryokin.html*/
	margin: 6px 0 12px 0;
	background: #996600;
	border: 1px solid #ccc;
	}
	
	table.ryoukin-table th,
	table.ryoukin-table td {
	padding: 6px 12px 5px 12px;
	border: 1px solid #ccc;
	}
	
	table.ryoukin-table th {
	background: #F1E9D6;
	}
	
	table.ryoukin-table td {
	background: #FFFFFF;
	}

/*リスト*/

ul.payment,
ul.onayami {		/*ryokin.html*/
	margin: 6px 0px;
	padding: 0px 0px 0px 2em;
	}
	
	ul.onayami {
	margin-bottom: 18px;
	line-height: 150%;
	list-style-type: square;
	}
	
	ul.onayami li {
	padding: 0px 0px 0px 15px;
	background-image: url(../img/limark01.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	list-style-type: none;
	}

/*赤で強調*/

.redatten	{
	color: #F00; 
	font-size: 115%;
	font-weight:bold;
	}


/*アンカーリンク*/
ul.ankerlink {
	text-align: right;
	}
	
	ul.ankerlink li {
	display: inline;
	padding: 0px 6px;
	border-left: 1px solid #666666;
	}
	
	ul.ankerlink li.last {
	border-right: 1px solid #666666;
	}

/*--リード文--*/

.introduction {
	padding: 66px 0px 0px 60px;
	background-image: url(../img/logom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

/*--右寄せ　マークあり--*/
p.comment {
	float: right;
	margin: 6px 0 12px 0;
	padding: 0 0 0 15px;
	background: url(../img/limark01.gif) no-repeat left;
	}



/*--電話占い料金・お支払い方法--*/
/*銀行1*/
.bankm	{
	width:300px; 
	margin:0px 10px 30px 10px; 
	padding:10px;
	border: double #F00 3px; 
	font-size:16px;
	text-indent: 0;
	}

/*銀行2*/
.bankm2	{
	width:300px;
	margin:0px 10px 10px 10px;
	padding:10px;
	border:  #666 solid 1px;
	font-size:12px;  
	text-indent: 0;
	}


/*--電話占いメニュー--*/

.menutable	{
	margin-bottom: 10px;
	}
	
	.menutable	td{
	width: 48%;
	padding: 0 1%;
	}

/*右寄せ*/
p.menu-detailimg img {
	float: right;
	margin: 0px 0px 6px 12px;
	}

/*--鑑定師のご紹介--*/
	
.teller-list {
	padding: 0 0  30px 0;
	}
	
	.teller-list .blk-left,
	.teller-list .blk-right {
	width: 50%;
	padding: 0 0 20px 0;
	}
	
	/*テーブルをかこむDIV*/
	.teller-list .frame-bottom {
	margin: 0 10px;
	background: #fff;
	border: 1px solid #efefef;
	}
	
	/*レイアウトテーブル*/
	.teller-list table.data {
	width: 100%;
	height: 130px;
	}
	
	.teller-list table.data td {
	padding: 0 10px;
	vertical-align: middle;
	}
	
	/*写真*/
	.teller-list .tphoto	{
	width: 100px;
	text-align: center;	
	}
	
	/*名前*/
	.teller-list p.fortune-teller {
	margin-bottom: 6px;
	font-size: 110%;
	font-weight: bold;
	}
	
	/*名前（リンク）*/
	.teller-list p.fortune-teller a {
	color: #A9A618;
	}

/*--先生詳細--*/

.tellers	{
	border: 1px solid #efefef;
	background: #fff;
	}
	
	.tellers	.photo	{
	padding: 20px;	
	}
	
	.tellers	.text	{
	padding: 20px 20px 20px 0;	
	vertical-align: top;	
	}

	dl.intro-detail {
	}
	
	dl.intro-detail dt {
	margin: 0;
	padding: 6px 0 0 25px;
	height: 21px;
	background: url(../img/h3img.png) no-repeat left;

	font-weight: bold;
	line-height: 1em;
	}
	
	dl.intro-detail dd {
	margin: 0 0 12px 23px;
	line-height: 130%;
	}

/*鑑定師募集 / 特商法*/
table.lawtable,
table.bosyutable {
	border: 1px solid #ccc;
	}
	
	table.lawtable th,
	table.bosyutable th,
	table.lawtable td,
	table.bosyutable td {
	padding: 6px 12px 5px 12px;
	border: 1px solid #ccc;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	vertical-align: top;
	}
	
	table.lawtable th,
	table.bosyutable th {
	width:  20%;
	background: #F1E3B8;
	}

	table.lawtable td,
	table.bosyutable td {
	width:  80%;
	background: #FFFFFF;
	
	}

/*お問い合わせ*/

#otoiawase-table		{
	margin: 0 0 30px 0;
	}
	
	#otoiawase-table		th{
	width: 250px;
	}
	
	#otoiawasetable2		{
	margin: 0 0 10px 0;
	}
	
	#otoiawasetable2	th{
	width: 310px;
	}
	
.hissu	{
	color: #F3070B;
	font-weight: normal;
	}

p#form-button	{
	padding: 25px 0;
	text-align: center;
	}
	
	p#form-button	input	{
	padding: 10px;
	font-size: 120%;
	}

.kiyaku	{
	padding: 30px 10px;
	font-size: 80%;
	line-height: 180%;
	}
	
	
/*メルマガバックナンバー*/

.mmback	{
	border-top: 1px dotted #ccc;
	}

	.mmback	th,
	.mmback	td	{
	border-bottom: 1px dotted #ccc;
	}

	.mmback	th	{
	padding: 10px 10px 10px 0;
	font-weight: normal;
	white-space: nowrap;
	}

	.mmback	td	{
	padding: 10px 10px 10px 0;
	}

/*携帯サイト*/
.info	{
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px dotted #9b8e67;
	}

	.info	img{
	margin: 10px 0;
	}

/*--こんなお悩みもOK お支払い--*/
ul.payment,
ul.onayami {
	margin: 6px 0px;
	padding: 0px 0px 0px 2em;
	}

	ul.onayami {
	margin-bottom: 18px;
	line-height: 150%;
	list-style-type: square;
	}

	ul.onayami li {
	padding: 0px 0px 0px 15px;
	background-image: url(../img/limark01.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	list-style-type: none;
	}

/*--メディアの声--*/
.media-intro	{
	margin-bottom: 30px;
	overflow: hidden;
	zoom: 100%;
	}

/*雑誌掲載欄*/
.media {
	overflow: hidden;
	zoom: 100%;
	}
	
	.media li{
	float: left;
	width: 25%;
	padding: 0 0 20px 0;
	text-align: center;
	}

/*--リンク--*/

p.leavealine {
	margin: 15px　0;
	}

p.bnimg {
	margin: 15px 0;
	padding: 0 0 15px 0;
	}
	p.bnimg img {
	vertical-align: middle;
	}
	p.bntxt {
	margin: 0 0 15px 0;
	padding-left: 4em;
	text-indent: -3.5em;
	}
	
#sogolink {
	margin-top: 10px;
	padding: 10px;
	}	

/*--サイトマップ--*/
.sitemap {
	margin: 0 0 14px 10px;
	padding: 8px 0 0 40px;
	}
	
	.sitemap a {
	text-transform: none;
	}
	
	.sitemap a:link {
	text-decoration: none;
	}
	
	.sitemap a:visited {
	text-decoration: none;
	}
	
	.sitemap a:hover {
	text-decoration: underline;
	}

	.sitemap ul {
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 0px;
	margin-left: 0px;
	background-image: url(../img/s-dot3.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}

	.sitemap ul ul {
	margin: 0px 0px 14px 25px;
	padding-top: 8px;
	}

	.sitemap ul li {
	background-image: url(../img/s-dot.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0px 0px;
	padding: 0px 0px 0px 25px;
	line-height: 20px;
	}

	.sitemap ul li.s-close {
	background-image: url(../img/s-dot2.gif);
	background-repeat:no-repeat;
	height: 20px;
	}

/*--トピックス--*/

#topics2 {
	margin: 0;
	padding 10px 0 0 0;
	}
	
	.topics_detel2 {
	height: 600px;
	margin: 5px;
	padding: 0 10px;
	border: 1px solid #ccc;
	font-size: 1.2em;
	overflow-y: auto;
	}
	
	
	.topics_detel2 ul li {
	padding: 5px 5px 25px 15px;
	background: url(../img/limark01.png) no-repeat;
	background-position: 0 8px;
	line-height: 1.2em;
	}
	
	.topics_detel2 ul {
	overflow: auto;
	text-align: left;
	}

/*--4コマ漫画--*/
.cmcbacknum	{
	padding-top: 20px;
	}

/*--ポイントシステム--*/
.point	a{
	margin-right: 5px;
	}

.playout	{
	border-top: 1px dotted #ccc;
	}
	
	.playout	td{
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
	}
	
	.playout	.photo{
	
	}
	
	.playout	.title{
	display: block;
	margin: 10px 0;
	font-size: 130%;
	}
	
	.playout	img{
	margin: 0;
	border: 3px solid #fff
	}


/*旧ページpagetop*/
.btn-pagetop	{
	margin: 10px 0;
	text-align: right;
	}

/*今月のおまじない*/
.omajinai-info	{
	overflow: hidden;
	}
	
	.omajinai-info .blk-left {
	width: 170px;
	}

	.omajinai-info .blk-right {
	width:500px;
	}


/*-----------------------------------------------
	サイド
-----------------------------------------------*/


#side	{
	float: left;
	width: 240px;
	margin: 0 20px 0 0;
	}


#sidelinks{
	background: #fdfbf4;
	margin: 0 0 20px 0;
	}

.sidebanner	{
	margin: 0 0 20px 0;
	}



/*　サイドリンク
-------------------------*/

#sidelinks	{
	padding: 16px;
	}
	
	#sidelinks	a{
	text-decoration: none;
	}
	
	#sidelinks	h4	a{
	padding: 0 0 0 20px;
	background: url(../parts/sidelink.gif) no-repeat left;
	color: #714312;
	font-weight: normal;
	}
	
	#sidelinks	ul	{
	margin: 0 0 20px 7px;
	padding: 0 0 0 12px;
	border-left: 1px solid #ece1af;
	}

	#sidelinks	ul	li	a{
	font-size: 95%;
	color: #666666;
	}

#sidelinks	h4	a:hover,
	#sidelinks	ul	li	a:hover{
	text-decoration: underline;
	}

ul#otherlink	{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	}
	ul#otherlink	li{
	padding: 0 0 0 12px;
	background: url(../parts/side_link2.gif) no-repeat left;
	}








/*-----------------------------------------------
	footer フリーダイヤル
-----------------------------------------------*/

#footfreedial	{
	margin: 0 0 20px 0;
	text-align: center;
	line-height: 120%;
	}

	#footfreedial	span{
	display: block;
	width: 980px;
	margin: 0  auto;
	text-align: left;
	font-size: 80%;
	}


/*-----------------------------------------------
	PAGE TOP
-----------------------------------------------*/

#pagetop	{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 100%;
	}

	#pagetop	a{
	float: right;
	display: block;
	width: 166px;
	height: 31px;
	background: url(../parts/page_top.gif) no-repeat;
	text-indent: -9999px;
	}
	
	#pagetop	a:hover{
	background: url(../parts/page_top_o.gif) no-repeat;
	}



/*-----------------------------------------------
	FOOTER
-----------------------------------------------*/

#footer	{
	background: #353839;
	border-top: 1px solid #464b4e;
	border-bottom: 1px solid #353839;
	}

#footerlink	{
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
	zoom: 100%;
	}

	#footerlink	ul{
	float: left;
	padding: 0 50px 0 0;
	text-align: left;
	}
	

	#footerlink	a{
	color: #fff;
	text-decoration: none;
	font-size: 90%;
	}
	
	#footerlink	a:hover{
	text-decoration: underline;
	}

/*-----------------------------------------------
	FOOT ADRESS
-----------------------------------------------*/

#footaddress	{
	padding: 15px 0;
	background: url(../parts/footerbackpattern.gif) ;
	color: #fff;
	text-align: center;
	border-top: 1px solid #464b4e;
	border-bottom: 1px solid #353839;
	}
	
	#footaddress	span	{
	display: block;
	width: 980px;
	margin: 0 auto;	
	text-align: left;
	}
	
	#footaddress	h3{
		
	}
	
	#footaddress	a{
	color: #fff;
	}


/*-----------------------------------------------
	COPYRIGHT
-----------------------------------------------*/

#copyright	{
	padding: 20px 0;
	background: #353839;
	border-top: 1px solid #464b4e;
	color: #fff;
	font-size: 90%;
	text-align: center;
	}


/*------------------------

追記151014 navicast廃止のためflashに変更

------------------------*/

#navicast {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
}

#navicast-btn {
	position: fixed;
	bottom: 166px;
	left: 162px;
	z-index: 9999;
}