@charset "utf-8";

/* ------------------------------------------------------



初期設定



------------------------------------------------------ */

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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%;

	vertical-align:baseline;

}

body {

	line-height: 1;

	color:#3d3d3d;

}

ol, ul {

	list-style: none;

}

img {

	vertical-align:bottom;

	font-size:0px;

	border:0;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

/* remember to define focus styles! */



:focus {

	outline: 0;

}

/* remember to highlight inserts somehow! */



ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */



table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* Link */







a:link {

	color:#3584a5;

}

a:visited {

	color:#3584a5;

}

a:hover {

	color:#333;

	/* background-color: #E8EDEE; */

}

/* ------------------------------------------------------



共通スタイル



------------------------------------------------------ */



body {

	background-color:#fff;

	font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;

}

.ImgTop {

	margin:0;

	padding:0;

	border:0;

	vertical-align:top;

}

.Img {

	margin:0;

	padding:0;

	border:0;

	vertical-align:bottom;

}

#Container {

	background-repeat:repeat-x;

}

/* ---------------



ポップアップ　ロールオーバー



-----------------*/



.box_hover {

	background: #E8D7E1;

	cursor:pointer;

}

.box_hover2 {

	background: #E8D7E1;

	cursor:pointer;

}

/* ---------------



パンくず



-----------------*/



ul#TopicPath {

	overflow:hidden;

}

ul#TopicPath li.TopicPatHome {

	background-image:url(/images/common/topic-path-home.gif);

	text-indent:16px;

}

ul#TopicPath li {

	float:left;

	font-size:12px;

	margin-right:10px;

	background-image:url(/images/common/topic-path.gif);

	background-repeat:no-repeat;

	text-indent:12px;

	line-height:16px;

}



/* ---------------



パンくず_プロフィールページ



-----------------*/



ul#TopicPathProfile {

	overflow:hidden;

	margin:0 0 10px 0;

	padding:0 0 10px 0;

	border-bottom:1px solid #EFEFEF;

}



ul#TopicPathProfile li.TopicPatHome {

	background-image:url(/images/common/topic-path-home.gif);

	text-indent:16px;

}



ul#TopicPathProfile li {

	float:left;

	font-size:12px;

	margin-right:10px;

	background-image:url(/images/common/topic-path.gif);

	background-repeat:no-repeat;

	text-indent:12px;

	line-height:16px;

}



/* ------------------------------------------------------



Header



--------------------------------------------------------*/



#Header {

	position:relative;

	height:76px;

	width:1000px;

	margin:0 auto;

}

#Header #TopNavi ul {

	clear:both;

	overflow:hidden;

	height:38px;

}

#Header #TopNavi ul li {

	float:left;

}

/* ---------------



navi1



-----------------*/



#Header #TopNavi ul li#Navi1 {

	width:150px;

	height:38px;

	line-height:38px;

	background-image:url(/images/common/navi1_rollout.gif);

	text-align:center;

}

#Header #TopNavi ul li#Navi1 a {

	display:block;

	width:150px;

	height:38px;

	line-height:38px;

	text-decoration:none;

}

#Header #TopNavi ul li#Navi1 a:link {

	color:#333;

}

#Header #TopNavi ul li#Navi1 a:visited {

	color:#333;

}

#Header #TopNavi ul li#Navi1 a:hover {

	color:#333;

	background-image:url(/images/common/navi1_rollover.gif);

}

#Header #TopNavi ul li#Navi1 a:active {

	color:#333;

}

/* ---------------



navi2



-----------------*/



#Header #TopNavi ul li#Navi2 {

	width:145px;

	height:38px;

	line-height:38px;

	background-image:url(/images/common/navi2_rollout.gif);

	text-align:center;

	text-indent:15px;

}

#Header #TopNavi ul li#Navi2 a {

	display:block;

	width:160px;

	height:38px;

	line-height:38px;

	text-decoration:none;

}

#Header #TopNavi ul li#Navi2 a:link {

	color:#333;

}

#Header #TopNavi ul li#Navi2 a:visited {

	color:#333;

}

#Header #TopNavi ul li#Navi2 a:hover {

	color:#333;

	background-image:url(/images/common/navi2_rollover.gif);

}

#Header #TopNavi ul li#Navi2 a:active {

	color:#333;

}

/* ---------------



navi3



-----------------*/



#Header #TopNavi ul li#Navi3 {

	width:150px;

	height:38px;

	line-height:38px;

	background-image:url(/images/common/navi3_rollout.gif);

	text-align:center;

	text-indent:10px;

}

#Header #TopNavi ul li#Navi3 a {

	display:block;

	width:160px;

	height:38px;

	line-height:38px;

	text-decoration:none;

}

#Header #TopNavi ul li#Navi3 a:link {

	color:#333;

}

#Header #TopNavi ul li#Navi3 a:visited {

	color:#333;

}

#Header #TopNavi ul li#Navi3 a:hover {

	color:#333;

	background-image:url(/images/common/navi3_rollover.gif);

}

#Header #TopNavi ul li#Navi3 a:active {

	color:#333;

}

/* ---------------



navi4



-----------------*/



#Header #TopNavi ul li#Navi4 {

	width:160px;

	height:38px;

	line-height:38px;

	background-image:url(/images/common/navi4_rollout.gif);

	text-align:center;

}

#Header #TopNavi ul li#Navi4 a {

	display:block;

	width:160px;

	height:38px;

	line-height:38px;

	text-decoration:none;

}

#Header #TopNavi ul li#Navi4 a:link {

	color:#333;

}

#Header #TopNavi ul li#Navi4 a:visited {

	color:#333;

}

#Header #TopNavi ul li#Navi4 a:hover {

	color:#333;

	background-image:url(/images/common/navi4_rollover.gif);

}

#Header #TopNavi ul li#Navi4 a:active {

	color:#333;

}

/* ---------------



navi5



-----------------*/



#Header #TopNavi ul li#Navi5 {

	width:176px;

	height:38px;

	line-height:38px;

	background-image:url(/images/common/navi5_rollout.gif);

	text-align:center;

	text-indent:10px;

}

#Header #TopNavi ul li#Navi5 a {

	display:block;

	width:186px;

	height:38px;

	line-height:38px;

	text-decoration:none;

}

#Header #TopNavi ul li#Navi5 a:link {

	color:#333;

}

#Header #TopNavi ul li#Navi5 a:visited {

	color:#333;

}

#Header #TopNavi ul li#Navi5 a:hover {

	color:#333;

	background-image:url(/images/common/navi5_rollover.gif);

}

#Header #TopNavi ul li#Navi5 a:active {

	color:#333;

}

/* ---------------



navi6



-----------------*/



#Header #TopNavi ul li#Navi6 {

	width:161px;

	height:38px;

	line-height:38px;

	background-image:url(/images/common/navi6_rollout.gif);

	text-align:center;

	text-indent:10px;

}

#Header #TopNavi ul li#Navi6 a {

	display:block;

	width:161px;

	height:38px;

	line-height:38px;

	text-decoration:none;

}

#Header #TopNavi ul li#Navi6 a:link {

	color:#333;

}

#Header #TopNavi ul li#Navi6 a:visited {

	color:#333;

}

#Header #TopNavi ul li#Navi6 a:hover {

	color:#333;

	background-image:url(/images/common/navi6_rollover.gif);

}

#Header #TopNavi ul li#Navi6 a:active {

	color:#333;

}

/* ---------------



Contents



-----------------*/



#Contents {

	overflow:hidden;

	width:1000px;

	background-repeat:repeat-x;

	margin:24px auto 0 auto;

	padding:0 0 20px 0;

}

/* ---------------



占い師一覧



-----------------*/



#UranaishiList {

	width:770px;

	overflow:hidden;

	padding:6px 0 0 2px;

}

.UranaishiBox {

	float:left;

	width:144px;

	height:158px;

	overflow:hidden;

	margin:0 6px 6px 0;

	padding:1px;

	border:1px solid #CCC;

}

.UranaishiBox .State img {

	vertical-align:baseline;

}

.UranaishiBox .UranaishiThum {

	float:left;

	margin:6px 6px 4px 6px;

	padding:1px;

	border:1px solid #CCC;

}

.UranaishiBox ul.stateIcon {

	margin:6px 0 0 0;

}

.UranaishiBox ul.stateIcon li {

	margin:0 0 4px 0;

	padding:0;

	height:13px;

	font-size:0px;

}

.UranaishiBox ul.stateIcon li img {

	margin:0;

	padding:0;

	vertical-align:bottom;

}

.UranaishiBox p.Name {

	clear:both;

	display:block;

	background-image: url(/images/common/bg_stripe.gif);

	text-align: center;

	font-size:0.8em;

	font-weight:bold;

	line-height:20px;

}

.UranaishiBox p.Name a:link {

	color:#333;

	text-decoration:none;

}

.UranaishiBox p.Name a:visited {

	color:#333;

	text-decoration:none;

}

.UranaishiBox p.Name span.New {

	margin:0 5px 0 0;

	font-size:0.8em;

	color:#F00;

	line-height:20px;

}

/* ---------------



ランキング一覧



-----------------*/



#Main #RankingList {

	overflow:hidden;

}

.UranaishiRankBox {

	float:left;

	width:148px;

	margin:0 6px 6px 0;

}

.UranaishiRankBox div.Rank {

	text-align:center;

	height:32px;

}

/* ------------------------------------------------------



左カラム



--------------------------------------------------------*/



#Left {

	float:left;

	width:218px;

}

/* ---------------



マイメニュー



-----------------*/



#Left #MyMenu {

	padding:10px;

	background-image: url(/images/common/bg_stripe.gif);

}

#Left #MyMenu #MyMenuContent {

	padding:8px 0 8px 0;

	background-color:#FFF;

}

#Left #MyMenu #MyMenuContent .UserName {

	text-align:center;

	font-size:0.75em;

}

#Left #MyMenu #MyMenuContent ul.error_view {

	font-size:13px;

	color:red;

	padding-left:10px;

}

/* ---------------



マイメニューログイン後



-----------------*/



#Left #MyMenuLogin {

	border:1px solid #CCC;

	background-image:url(/images/common/mymenu/navi_top.gif);

	background-repeat:no-repeat;

}

.MymenuLoginPT {

	text-align:center;

	font-size:12px;

	margin:0 0 5px 0;

	line-height:30px;

}

.MymenuLoginPT .Point {

	font-size:18px;

	font-weight:bold;

	color:#BE1D69;

}

p.MyMenuLoginNeme {

	text-align:center;

	font-size:12px;

	color:#FFF;

	height:28px;

	padding: 40px 0 0 0;

}

span.LoginUserName {

	font-size:14px;

	font-weight:bold;

	margin:0 2px 0 2px;

}

#Left #MyMenuLogin ul#MyMenuList li {

	text-align:center;

}

#Left #MyMenuLogin ul#MyMenuList li a {

	display:block;

	height:34px;

	width:216px;

	font-size:14px;

	font-weight:bold;

	line-height:34px;

	text-decoration:none;

}

#Left #MyMenuLogin ul#MyMenuList li a:link {

	color:#333;

	background-image:url(/images/common/mymenu/navi_rollout.gif);

}

#Left #MyMenuLogin ul#MyMenuList li a:visited {

	color:#333;

	background-image:url(/images/common/mymenu/navi_rollout.gif);

}

#Left #MyMenuLogin ul#MyMenuList li a:hover {

	background-image:url(/images/common/mymenu/navi_rollover.gif);

	color:#FFF;

}

#Left #MyMenuLogin ul#MyMenuList li a:active {

	color:#333;

	background-image:url(/images/common/mymenu/navi_rollout.gif);

}

#Left #MyMenuLogin #MyMenuContent .UserName {

	text-align:center;

	font-size:0.75em;

}

/* ---------------



ログインID Pass



-----------------*/







#Left #MyMenu #MyMenuContent dl#Id_Pass {

	margin:10px 0 0px 10px;

}

#Left #MyMenu #MyMenuContent dl#Id_Pass img {

	vertical-align:bottom;

}

 #Left #MyMenu #MyMenuContent dl#Id_Pass 9 {

 margin:0 0 0 0;

}

/* ---------------



パスワードを保存



-----------------*/



#Left #MyMenu #MyMenuContent .Hozon {

	margin:0 0 0 10px;

	font-size:0.75em;

}

/* ---------------



ログイン



-----------------*/



#Left #MyMenu #MyMenuContent #Login {

	width:184px;

	margin:15px auto 0 auto;

}



#Left #MyMenu #MyMenuContent #Login .LoginBtn{

	width:184px;

	margin:0 auto;

}



#Left #MyMenu #MyMenuContent #Login .PassForgets {

	margin-left:8px;

	font-size:0.75em;

	line-height:16px;

	text-indent:4px;

}

/* ---------------



みんなの声



-----------------*/



#Left #Voice {

	position:relative;

	margin:6px 0 0 0;

	background-image: url(/images/common/voice_bg.gif);

}

#Left #Voice h3 {

	width:219px;

	height:79px;

	background-image: url(/images/common/voice_head.jpg);

	text-indent:-9999px;

}

/* ---------------



みんなの声 件数



-----------------*/



#Left #Voice #VoiceNumber {

	position:absolute;

	display:block;

	width:90px;

	height:30px;

	z-index:10;

	top:10px;

	left:122px;

	line-height:30px;

	color:#FFF;

	font-size:12px;

	text-align:center;

}

#Left #Voice #VoiceNumber span#Number {

	font-size:18px;

	font-weight:bold;

}

#Left #Voice #VoiceDetail {

	width:188px;

	height:140px;

	margin:0 auto;

}



.VoiceSupplementary{

	display:block;

	border:1px dotted #F5F5F5;

	background-image:url(/images/common/ico_warning.png);

	background-repeat:no-repeat;

	background-position:10px 10px;

	background-color:#FFC;

	padding:10px 10px 0 10px;

	font-size:12px;

	text-indent:20px;

	line-height:150%;

}



.VoiceSupplementary span.head{

	margin:4px 4px 0 0;

	font-size:14px;

	font-weight:bold;

	color: #B61067;

}



.VoiceSupplementary span.sub{

	font-weight:bold;

	color: #386B7E;

}



/* ---------------



スライド



-----------------*/







#Left #Voice .slides {

	height:140px;

	width:198px;

	margin:0 auto;

}

#Left #Voice .slides .VoiceBox {

	position:relative;

	height:130px;

	width:196px;

	margin:0 auto;

	padding:10px 0px 0px 0px;

}

#Left #Voice .slides .VoiceBox .VoiceThum {

	position:absolute;

	z-index:10;

	top:0px;

	left:12px;

	width:30px;

	height:40px;

	padding:4px;

	background-color:#FFF;

	border:1px solid #CCC;

}

#Left #Voice .slides .VoiceBox h4 {

	padding:0 0 0 64px;

	color:#555555;

	font-size:0.80em;

}

#Left #Voice .slides .VoiceBox p.VoiceDate {

	padding:0 0 0 64px;

	color:#8C4F82;

	font-size:0.65em;

}

#Left #Voice .slides .VoiceBox p.VoiceText {

	display:block;

	margin:2px 0 0 0;

	padding:16px 4px 4px 4px;

	color:#555555;

	border:1px solid #DFD2D7;

	background-color:#f4edef;

	font-size:0.75em;

	line-height:160%;

}

#Left #Voice .slides .VoiceBox p.VoiceText a:link {

	color:#555555;

	text-decoration:none;

}

#Left #Voice .slides .VoiceBox p.VoiceText a:visited {

	color:#555555;

	text-decoration:none;

}

#Left #Voice .slides .VoiceBox p.VoiceText a:hover {

	color:#555555;

	background-color:#f4edef;

}

#Left #Voice .slides .VoiceBox p.VoiceUserName {

	display:block;

	margin:2px 0 0 0;

	background-repeat:no-repeat;

	text-indent:15px;

	color:#8e4c67;

	font-size:10px;

	text-align:right;

	line-height:12px;

}

#Left #Voice .slides .VoiceBox p.VoiceUserName img {

	vertical-align: baseline;

	margin:0 2px 0 0;

}

#Left #Voice img {

	vertical-align:bottom;

}

#Left #Voice #VoiceBottom {

	font-size:0px;

}

/* ---------------



twitter



-----------------*/







#Left #Twitter {

	position:relative;

	margin:20px 0 0 0;

	padding:0;

}

#Left #Twitter #TwitterBg {

	margin:0;

	padding:10px 10px 10px 10px;

	background-image: url(/images/common/bg_stripe.gif);

}

#Left #Twitter h3 {

	position:absolute;

	display:block;

	width:219px;

	height:43px;

	padding:0px 0 0 0;

	margin:-6px 0 0 0;

	z-index:10;

	top:0px;

	left:0px;

	background-image:  url(/images/common/top3.png);

	text-indent:-9999px;

}

#Left #Twitter #TwitterContents {

	background-color:#FFF;

	padding:5px;

}

#Left #Twitter #TwitterBody {

	margin:32px 0 0 0;

}

#Left #TwitterContents dl {

	margin:0 0 4px 0;

	border:1px solid #EFEFEF;

}

#Left #TwitterContents dl dt {

	float:left;

}

#Left #TwitterContents dl img {

	margin:4px;

	padding:3px;

	border:1px solid #CCC;

}

#Left #TwitterContents dl dd strong {

	color:#247386;

	line-height:200%;

	font-size:14px;

	font-weight:bold;

}

#Left #TwitterContents dl dd {

	font-size:0.7em;

	line-height:140%;

}

#Left #TwitterContents dl dd span {

	display:block;

	text-align:right;

	padding:0 2px 0 0;

	font-size:10px;

	line-height:140%;

	color:#247386;

}

/* ---------------



サイドメニュー



-----------------*/



#Left #SideMenu {

	background-image: url(/images/common/voice_bg.gif);

	margin:18px 0 0 0;

}

#Left #SideMenu ul {

	display:block;

	width:208px;

	margin:0 auto;

}

#Left #SideMenu li {

	padding:0 0 0 0px;

	border-bottom:1px dotted #CCC;

	font-size:0.8em;

	line-height:28px;

}

#Left #SideMenu li a:link {

	padding:0 0 0 20px;

	display:block;

	width:188px;

	height:28px;

	background-image:url(/images/common/arrow4.png);

	background-repeat:no-repeat;

	background-position:10px 10px;

	background-color:#FFF;

}

#Left #SideMenu li a:visited {

	padding:0 0 0 20px;

	display:block;

	width:188px;

	height:28px;

	background-image:url(/images/common/arrow4.png);

	background-repeat:no-repeat;

	background-position:10px 10px;

	background-color:#FFF;

}

#Left #SideMenu li a:hover {

	display:block;

	width:188px;

	height:28px;

	background-image:url(/images/common/arrow4.png);

	background-repeat:no-repeat;

	background-position:10px 10px;

	background-color: #E8EDEE;

}

#Left #SideBanner {

	margin:20px 0 0 0;

}

#Left #SideBanner li {

	margin:0 0 10px 0;

}

/* ---------------



サブページ



-----------------*/



#Main {

	float:right;

	width:770px;

}

#PageTitle {

	position:relative;

	overflow:hidden;

	width:755px;

	height:62px;

	margin:10px 0 0 0;

	padding:0 0 0 15px;

	/*background-image: url(/images/common/title_bg2.gif);*/

	background-repeat:repeat-x;

	background-position:0 10px;

	line-height:68px;

}

#PageTitle h3 {

	font-size:22px;

	color:#333;

	text-indent:60px;

}

#PageTitle .Icon {

	position:absolute;

	z-index:10;

	height:30px;

	width:30px;

	top:4px;

	left:10px;

}

#PageTitle2 {

	position:relative;

	overflow:hidden;

	width:755px;

	height:62px;

	margin:10px 0 0 0;

	padding:0 0 0 15px;

	/*background-image: url(/images/common/title_bg2.gif);*/

	background-repeat:repeat-x;

	background-position:0 10px;

	line-height:68px;

}

#PageTitle2 h3 {

	font-size:22px;

	color:#333;

	text-indent:80px;

}

#PageTitle2 .Icon {

	position:absolute;

	z-index:10;

	height:60px;

	width:82px;

	top:4px;

	left:10px;

	text-align:center;

}

/* ---------------



中央揃え



-----------------*/



.EntryBtn {

	width:184px;

	margin:0 auto 10px auto;

	padding:0 0 10px 0;

	border-bottom:1px solid #e3e3e3;

}





/* ---------------



登録ボタン



-----------------*/



#MyMenuContent .EntryBtn{

	width:184px;

}



/* ---------------



ポイント購入ボタン



-----------------*/



.PointBuyBtn{

	width:193px;

	margin:0 auto;



}



/* ---------------



CSS tooltip



-----------------*/



div#title-tip {

	margin: 0 1em 0 0;

	border: solid #ccc 1px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	padding: .3em .5em;

	background-color:#000;

	-moz-opacity:0.70;

	opacity:0.7;

	filter: alpha(opacity=70);

	color:#FFF;

	font-size: 12px;

	font-weight:bold;

}

/* ---------------



Footer



-----------------*/



#Footer {

	/*background-image:url(/images/common/footer_bg.gif);*/

	background-position:0 23px;

	background-repeat:repeat-x;

}

#Footer #FooterContents {

	overflow:hidden;

	width:1000px;

	margin:0 auto;

}

#Footer #FooterContents #UpBtn {

	width:130px;

	margin:0 0 0 auto;

}

/* ---------------



Footer 左カラム



-----------------*/







#Footer #FooterContents #FooterLeft {

	width:725px;

	float:left;

	padding:40px 0 0 0;

}

#Footer #FooterContents .FooterLink {

	margin:0 0 0 0;

}

#Footer #FooterContents ul.FooterLink {

	overflow:hidden;

	display:block;

	margin:10px 0 0 0;

}

#Footer #FooterContents .FooterLink li {

	float:left;

	background-image:url(/images/common/arrow6.png);

	background-repeat:no-repeat;

	background-position:0 1px;

	text-indent:10px;

	line-height:12px;

	font-size:10px;

	margin-right:25px;

	color:#333;

}

#Footer #FooterContents .FooterLink li a:link {

	color:#555555;

	text-decoration:none;

}

#Footer #FooterContents .FooterLink li a:visited {

	color:#555555;

}

#Footer #FooterContents .FooterLink li a:hover {

	color:#177391;

	text-decoration: underline;

}

#Footer #FooterContents #FooterSec {

	clear:both;

	margin:20px 0 0 0;

	padding:20px 0 0 0;

	background-image:url(/images/common/line_bg.gif);

	background-repeat:repeat-x;

}

#Footer #FooterContents #FooterSec .AdobeImg {

	float:left;

	width:176px;

}

#Footer #FooterContents #FooterSec p.Adobe {

	display: block;

	float:left;

	width:300px;

	margin:10px 0 0 10px;

	font-size:10px;

	line-height:150%;

	color:#666;

}

#Footer #FooterContents #FooterSec .AdobeSub {

	clear:both;

	display:block;

	padding:10px 0 10px 10px;

	font-size:0.65em;

	color: #666;

}

#Footer #FooterContents #FooterCopy {

	margin:30px 0 40px 0;

	font-size:10px;

	color:555555;

	text-align: center
}

/* ---------------



Footer 右カラム



-----------------*/







#Footer #FooterContents #FooterRight {

	width:250px;

	float:right;

}

#Footer #FooterContents #FooterRight .Hajimete {

	padding:20px 0 20px 0;

	text-align:center;

}

/* ---------------



各ページの見出し部分



-----------------*/



#Title_bg {

}

/*--- 検索数　検索結果 ---*/







.NumberArea {

	overflow:hidden;

	width:770px;

	height:28px;

	margin:10px 0;

}

.NumberArea .NumberTextArea {

	width:200px;

	margin:0 0 0 0px;

	padding:0 0 0 15px;

	float:left;

	font-size:12px;

}

.NumberArea .NumberTextArea span.Large {

	font-size:20px;

	font-weight:bold;

	color:#6F3C66;

}

.NumberArea .NumberTextArea span.Middle {

	font-size:14px;

	margin:0 4px 0 2px;

}

.NumberArea .NumberTextArea span.Bold {

	font-weight:bold;

}

ul.Number {

	display:block;

	overflow:hidden;

	float:right;

	margin:0;

}

ul.Number li {

	float:left;

	margin:0 5px 0 0;

}

ul.Number span,  ul.Number a {

	display:block;

	padding:4px;

	border:1px solid #CCC;

	text-align:center;

	font-size:12px;

	font-weight:bold;

}

ul.Number a:link {

	background-color:#FFF;

}

ul.Number a:visited {

	background-color:#FFF;

}

ul.Number a:hover {

	background-color:#6F3C66;

	color:#FFF;

}

ul.Number a:active {

	background-color:#FFF;

}

/*--- ページ共通 ---*/



.Introduction {

	display:block;

	margin:15px auto 15px auto;

	padding:15px;

	width:728px;

	background-color:#EEF3F7;

	border:1px solid #ddd;

	font-size:0.85em;

	line-height:150%;

	font-weight:bold;

}

#Static .Midashi {

	position:relative;

	margin:55px 0 10px 0;

	height:66px;

}

#Static h4 {

	display:block;

	font-size:1.35em;

	font-weight:bold;

	text-indent:60px;

	line-height:66px;

	background-image:url(/images/common/midashi_bg1.gif);

}

#Static .StaticList li {

	margin:0 40px 8px 30px;

	padding:0 0 0 12px;

	background-image:url(/images/common/blog_icon_arrow.gif);

	background-repeat:no-repeat;

	background-position:0 6px;

	font-size:0.75em;

	line-height:140%;

}

.StaticListNumber {

	list-style-type: decimal;

}

.StaticListNumber li {

	margin:0 0 8px 30px;

	font-size:0.75em;

	line-height:140%;

}

#Static h5.StaticH5 {

	display:block;

	margin:40px 40px 10px 40px;

	padding:0 0 0 0;

	font-size:1.2em;

	font-weight:bold;

	border-bottom:1px dotted #CCC;

	border-left:2px solid #47749C;

	color: #278FBC;

	text-indent:14px;

}

#Static h5.StaticH5 .Yomi {

	margin:0 0 0 15px;

	font-size:0.7em;

	font-weight:normal;

	color:#386B7E;

}

#Static ul.DivinationList {

	display:block;

	width:690px;

	overflow:hidden;

	margin:40px auto 50px auto;

}

#Static .DivinationList li {

	display:block;

	float:left;

	width:310px;

	height:40px;

	line-height:40px;

	margin:0px 20px 20px 0;

	padding:0px 0 0 0px;

	font-size:1.2em;

	font-weight:bold;

	text-indent:20px;

	border:1px solid #CCC;

	line-height:150%;

}



#Static .DivinationList li a:hover {

	background-color:#CFE6E9;

}



#Static dl.ListDL {

	display:block;

	overflow:hidden;

	width:690px;

	margin:0 auto;

	border-bottom:1px dotted #CCC;

}

#Static .DivinationList li a:link {

	display:block;

	font-size:0.9em;

	height:40px;

	line-height:40px;

	color:#333;

	background-repeat:no-repeat;

	background-position:10px 18px;

	background-image: url(/images/common/voice_arrow.gif);

	text-decoration:none;

}

#Static .DivinationList li a:visited {

	display:block;

	font-size:0.9em;

	height:40px;

	line-height:40px;

	color:#333;

	background-repeat:no-repeat;

	background-position:10px 18x;

	background-image: url(/images/common/voice_arrow.gif);

	text-decoration:none;

}

#Static .DivinationList li a:visited {

	text-decoration:none;

}

.DivinationListHosoku {

	margin-left:8px;

	font-weight:normal;

	font-size:0.7em;

	color:#893659;

	text-decoration:none;

}

#Static .ListDL dt {

	clear:both;

	display:block;

	float:left;

	width:200px;

	padding:10px;

	font-size:0.75em;

	font-weight:bold;

	line-height:22px;

	border-top:1px dotted #CCC;

	color:#386B7E;

}

#Static .ListDL dd {

	display:block;

	width:446px;

	padding:10px;

	margin-left:222px;

	font-size:0.7em;

	line-height:22px;

	border-top:1px dotted #CCC;

	border-left:1px dotted #CCC;

}

#Static .Midashi img.Normal {

	position:absolute;

	z-index:10;

	top:20px;

	left:20px;

}

#Static .Midashi img.Q {

	position:absolute;

	z-index:10;

	top:1px;

	left:18px;

}

#Static ul.List1 {

	margin:0 0 0 15px;

}

#Static ul.List1 li {

	font-size:0.85em;

	line-height:150%;

	margin:0 0 4px 0;

	background-image:url(/images/common/arrow.gif);

	background-repeat:no-repeat;

	background-position:0 8px;

	text-indent:20px;

	font-weight:bold;

}

#Static ul.List1 li .Color1 {

	color:#F00;

}

#Static .Color2 {

	color:#06F;

	font-weight:bold;

}

#Static .Color3 {

	color:#F36;

	font-weight:bold;

}

#Static p {

	font-size:0.9em;

	line-height:150%;

	margin:0 20px 4px 20px;

}

#Static p.NormalText {

	margin:20px 40px 10px 40px;

}

#Static .AlertText {

	display:block;

	background-color:#FFEEDF;

	border:1px solid #FCBCA7;

	margin:20px 40px 10px 40px;

	padding:20px;

	color:#F30;

	font-size:1em;

	font-weight:bold;

	line-height:150%;

	text-align:center;

}

#Static .TextNotes {

	font-size:0.75em;

	color:#B61067;

	margin:0 40px 4px 40px;

}

#Static .Price {

	overflow:hidden;

	width:770px;

	height:82px;

	margin:0 0 10px 0;

}

#Static .Price img {

	float:left;

	margin:0 10px 0 30px;

	vertical-align: middle;

	line-height:82px;

}

#Static .Price p {

	width:590px;

	line-height:82px;

	overflow:hidden;

}

#Static .Price span.Text1 {

	display:block;

	width:200px;

	float:left;

	border-right:1px solid #ddd;

	font-size:18px;

	font-weight:bold;

	margin:0 20px 0 10px;

	color:#427CBD;

}

#Static .Price span.Text2 {

	display:block;

	float:left;

	width:115px;

	font-size:18px;

	font-weight:bold;

	color:#B61067;

}

#Static .Price span.Text2_Long {

	display:block;

	float:left;

	width:350px;

	font-size:18px;

	font-weight:bold;

	color:#B61067;

}

#Static .FormBtn {

	display:block;

	margin:40px auto;

	padding:5px 10px 5px 10px;

	font-size:1em;

	font-weight:bold;

	cursor:pointer;

}

.TitleSub {

	/*background-image:url(/images/common/title_bg.gif);*/

	background-repeat:no-repeat;

	padding:0 0 0 20px;

	line-height:34px;

}

.Text3 {

	font-size:0.75em;

	line-height:160%;

	width:700px;

	margin:10px 40px;

	font-weight:bold;

}

.Text4 {

	font-size:0.5em;

	line-height:200%;

	width:700px;

	margin:10px 40px;

}

ul.Card {

	display:block;

	width:480px;

	overflow:hidden;

	margin:40px auto 40px auto;

}

ul.Card li {

	float:left;

	margin-right:16px;

}

/* ---------------



戻るアイコン



-----------------*/



.ArrowBack {

	width:180px;

	margin:0 auto;

	background-image:url(/images/common/arrow_back.png);

	background-repeat:no-repeat;

	background-position:0 6px;

	text-indent:20px;

	font-size:14px;

	font-weight:bold;

	line-height:140%;

}

.PageTop {

	margin:10px 0 0 0;

	text-align:right;

}

/* ---------------



エラー表記



-----------------*/



ul.error_view {

	margin:20px 0 20px 0px;

	font-size:12px;

}



ul.error_view li.errorbox {

	padding-left:20px;

	background-image:url("/images/common/ico_warning.png");

	background-repeat:no-repeat;

	background-position:0px 0px;

	color:#F00;

	line-height:140%;

	font-size:11px;

}



#Static .AlertText ul.error_view .errorbox{

	font-size:14px;

}





.CompText ul.error_view{

	display:block;

	margin:50px 0;

}



.CompText ul.error_view li.errorbox{

	font-size:18px;

	text-align:center;

	font-weight:bold;

	line-height:150%;

}



.InputBuckBtn{

	display:block;

	cursor:pointer;

	width:200px;

	margin:0 auto;

	padding:4px;

	font-size:14px;

	font-weight:bold;

}



/* ---------------

会員登録エラー

-----------------*/

.FormBox ul.error_view {

	display:block;

	border:1px solid #F00;

	margin:4px 25px 10px 28px;

	padding:4px;

}



.FormBox ul.error_view li.errorbox {

	padding-left:20px;

	background-image:url("/images/common/ico_warning.png");

	background-repeat:no-repeat;

	background-position:0px 0px;

	color:#F00;

	line-height:140%;

	font-size:14px;

	font-weight:bold;

}





ul.error_view li.reportbox {

	padding-left:15px;

	background-repeat:no-repeat;

	background-position:0px 0px;

	line-height:140%;

	font-size:1.45em;

	text-align:center;

	font-weight:bold;

}

.FormBox ul.result_view {

	display:block;

	margin:4px 25px 10px 28px;

	padding:4px;

}

ul.result_view li.reportbox {

	padding-left:15px;

	background-repeat:no-repeat;

	background-position:0px 0px;

	line-height:140%;

	font-size:1.2em;

	text-align:center;

	font-weight:bold;

}

#error_view_box {

	margin-left:auto;

	margin-right:auto;

	width : 80%;

	margin-top:10px;

	padding: 10px;

	border: 2px #FF0000 solid;

	background-color: #FFFFFF;

}

#result_box ul.error_view li {

	background-image:none;

}



#content_alart{

	border:1px solid #F33;

	margin:0 0 18px 0;

	padding:10px;

	text-align:center;

	background-color: #FFF5DF;

	font-weight:bold;

	font-size:14px;

	color:#F33;

}



.AlartMin{

	border:1px solid #F33;

	margin:0 0 18px 0;

	padding:10px;

	text-align:center;

	background-color: #FFF5DF;

	font-weight:bold;

	font-size:14px;

	color:#F33;

}



/* ---------------



お気に入り登録



-----------------*/



.FavoriteSubText{

	margin:12px 20px;

	font-size:0.8em;

	font-weight:bold;

	line-height:145%;

	color:#6F3C66;

}



ul.FavoriteSubList{

	margin:0 0 0 40px;

}



ul.FavoriteSubList li{

	font-size:0.7em;

	line-height:200%;

	background-image:url(/images/common/arrow5.gif);

	background-repeat:no-repeat;

	background-position:0 6px;

	text-indent:20px;

}





/* ------------------------------------------------------



サイドメニューなし



--------------------------------------------------------*/



#MainFull {

	width:770px;

	margin:0 auto;

}

/* ---------------



リストスタイル



-----------------*/







ul.NormalList li {

	margin:0 0 15px 66px;

	font-size:0.75em;

	line-height:28px;

	background-image:url(/images/common/arrow.gif);

	background-repeat:no-repeat;

	background-position:0 10px;

	text-indent:17px;

	font-weight:bold;

}

/* ---------------



ベリサイン



-----------------*/







.Veri {

	overflow:hidden;

	padding:20px;

}

.Veri img {

	float:left;

	display:block;

	border:1px solid #CCC;

	padding:14px;

}

.Veri p {

	float:left;

	display:block;

	width:570px;

}





/* ---------------

ポイント購入ページ

-----------------*/

.PointBuy li{

	display:block;

	overflow:hidden;

	padding:0 30px;

	border-bottom:1px solid #CCC;

}



.PointBuy li .PointRate{

	float:left;

	width:405px;

}



.PointBuy li .PointPrice{

	float:right;

	width:270px;

	margin:50px 0 0 0;

}





/* ---------------------------------------------------

　文字関連

------------------------------------------------------*/



.Comp_Masse{

	margin:50px 0;

	}



.Comp_Masse p{

	font-size:0.80em;

	line-height:145%;

	margin:304;

}





p.P_Normal{

	font-size:0.85em;

	font-weight:bold;

	line-height:145%;

	margin:30px;

}



p.P_Attention{

	font-size:0.75em;

	font-weight:normal;

	border:1px solid #CC9ACD;

	line-height:150%;

	margin:30px;

	padding:4px;

	color: #453843;

}



.CompText .error_view{

	margin:20px 0;

	padding:20px;

	color:#B61067;

	border:1px solid #EDD6E8;

}



.CompText ul.error_view li.reportbox{

	font-size:20px;

}



/* ---------------------------------------------------

　その他、部分的な共通スタイル

------------------------------------------------------*/

.Center{

	text-align:center;

}





/* --------------------

　キャンペーンページ

-----------------------*/

.CamRegBtn{

	margin:20px 0;

}





.PointBanner{

	margin:20px 0 5px 0;

	text-align:center;

}





/* --------------------

　予約注意事項

-----------------------*/

dl.Notes{

	color:#F00;

	background-color:#FFC;

	padding:10px;

	margin:10px 30px;

	border:1px solid #F00;

}



dl.Notes dt{

	font-weight:bold;

	line-height:180%;

}



dl.Notes dd{

	line-height:140%;

	font-size:0.8em;

}





/* --------------------

　予約から鑑定の流れページ

-----------------------*/



.ReserveFlow{

	text-align:center;

}





.ReserveFlow img{

	display:block;

	margin:0 auto;

}





/* --------------------

　鑑定評価の登録ページ

-----------------------*/



.kanteiPoint{

	width:730px;

	margin:10px 0 0 10px;

	background-color:#FFC;

	font-size:12px;

	padding:10px;

	line-height:150%;

}



.kP_lead{

	font-size:16px;

	font-weight:bold;

	line-height:200%;

}



.kP_catch{

	font-size:14px;

	font-weight:bold;

	color:#cf0f67;

}



.kP_caution{

	margin-bottom:0.7em;

	text-indent:1em;

}







/* ----------

　ランキング

------------*/



ul.Grade{

	background-image:url(/images/common/ranking/ranking_grade.gif);

	background-repeat:no-repeat;

	background-position:14px 0;

}



ul.Grade li{

	display:block;

	padding-left:20px;

}





/* --------------------

　新規会員　登録規約

-----------------------*/

.kiyakuBox{

	overflow:auto;

	width:600px;

	height:100px;

	margin:20px auto 0 auto;

	padding:10px;

	background-color:#FFF;

	line-height:150%;

}



.kiyakuBox h3{

	text-align:center;

	margin:14px 0px;

}



.kiyakuBox h4{

	border-top:1px solid #EAEAEA;

	margin:10px 0;

	padding:10px 0;

}



.kiyakuBox ul li{

	font-size:0.75em;

}



#stylized .kiyakuBox p{

	border:none;

}







/* ---------------



無料メール鑑定左カラム



-----------------*/



#Left #Mail {

	position:relative;

	margin:6px 0 0 0;

	overflow:hidden;

	background-image: url(/images/common/voice_bg.gif);

}

#Left #Mail h3 {

	text-indent:-9999px;

}



#Left #Mail .MailBox {

	margin:0 0 0 10px;

	height:36px;

	background-image: url(/images/common/user_silhouette.gif);

	background-repeat: no-repeat;

}



#Left #Mail ul{

	overflow:hidden;

}



#Left #Mail li{

	float:left;

}





#Left #Mail .MailBox p {

	width:160px;

	padding:10px 5px;

	border: 1px #dfd2d7 solid;

	background-color:#f4edef;

	margin:0 0 0 22px;

	font-size:12px;

}



#Left #Mail .MailUser {

	font-size:10px;

	margin:0 0 5px 10px;

	color:#a24570;

}



#Left #Mail .free_bt{

	margin:5px 0 5px 35px;

}



#Left #Mail .MailBottom {

	width:219px;

	float:left;

}



.MailSupplementary{

	display:block;

	border:1px dotted #F5F5F5;

	background-image:url(/images/common/ico_warning.png);

	background-repeat:no-repeat;

	background-position:10px 10px;

	background-color:#FFC;

	padding:10px 10px 0 10px;

	font-size:12px;

	text-indent:20px;

	line-height:150%;

}



.MailSupplementary span.head{

	margin:4px 4px 0 0;

	font-size:14px;

	font-weight:bold;

	color: #B61067;

}



.MailSupplementary span.sub{

	font-weight:bold;

	color: #386B7E;

}



/* ---------------



ポップアップ　ロールオーバー



-----------------*/



.box_hover {

	background: #ffffde;

	cursor:pointer;

}

.box_hover2 {

	background: #ffffde;

	cursor:pointer;

}









/* ---------------

box new

-----------------*/





.UranaishiBox3 {

	float:left;

	width:174px;

	overflow:hidden;

	padding:3px 3px 0 3px;

	margin:0 10px 10px 0;

	border:1px solid #CCC;

}

.UranaishiBox3 .State img {

	vertical-align:baseline;

}

.UranaishiBox3 .UranaishiThum {

	width:82px;

	float:left;

	margin:0 7px 5px 2px;

	padding:1px;

	border:1px solid #CCC;

}





.UranaishiBox3 ul.uKind {

	margin:6px 0 0 0;

	width:78px;

	float:left;

}

.UranaishiBox3 .uKind li {

	padding:0;

	display:block;

	font-size:10px;

	height:14px;

	width:78px;

	margin:0;

	line-height:14px;

	overflow:hidden;

}





.UranaishiBox3 p.Name {

	clear:both;

	display:block;

	background-color:#ffe3ee;

	text-align: center;

	font-size:15px;

	font-weight:bold;

	margin-bottom:7px;

	padding:3px 0;

}

.UranaishiBox3 p.Name a:link {

	color:#333;

	text-decoration:none;

}

.UranaishiBox3 p.Name a:visited {

	color:#333;

	text-decoration:none;

}

.UranaishiBox3 p.Name span.New {

	margin:0 5px 0 0;

	font-size:0.8em;

	color:#F00;

	line-height:20px;

}





.hText{

	color:#333;

	font-size:10px;

}



.UranaishiBox3 p.price{

	clear:both;

	color:#c06680;

	text-align: center;

	margin-top:5px;

	font-size:10px;

	height:10px;

}



.appeal{

	clear:both;

	color:#3284a9;

	text-align: center;

	margin-top:2px;

	font-size:14px;

	font-weight:bold;

	line-height:180%;

	border-top:solid 1px #ededed;

}



.UranaishiBox3 .boxBottom{

	clear:both;

	width:174px;

	padding-bottom:3px;

}



.UranaishiBox3 .boxBottom ul{

	margin-right: -4px;

	margin-left:4px;

    overflow: hidden;

    _zoom: 1;

}



.UranaishiBox3 .boxBottom li{

	width:38px;

	height:14px;

	float:left;

	margin-right:5px;

	line-heigth :0;

	font-size:1px;

}



.UranaishiBox3 .boxBottomC{

	clear:both;

	width:174px;

	padding-bottom:3px;

}



.UranaishiBox3 .boxBottomC ul{

	margin-right: -5px;

	margin-left:5px;

    overflow: hidden;

    _zoom: 1;

}



.UranaishiBox3 .boxBottomC li{

	width:50px;

	height:14px;

	float:left;

	margin-right:8px;

	line-heigth :0;

	font-size:1px;

}



.bannerBox{

	clear:both;

	margin:50px 0 30px 0;

}



.bannerBox img{

	width:245px;

	margin-right:7px;

}









/*-----------------------------------------------------------------------------------------------*/

/*                                         TOOLTIP STYLES                                        */

/*-----------------------------------------------------------------------------------------------*/









.tipsy {

	line-height:110%;

	margin-left:30px;

	background-repeat: no-repeat;

}



.tipsy-head {

	width:250px;

	background-image:url(/images/common/tipTop.png);

	background-repeat:no-repeat;

	background-position:top left;



}



.tipsy-inner {

	color:#333;

	width: 210px;

	font-size:12px;

	padding:5px 20px;

	background-image:url(/images/common/TipMid.png);

	background-repeat:repeat-y;

	margin-bottom:34px;

}



.tipsy-south {

	width:250px;

	background-image:url(/images/common/tipBtm.png);

	background-position:bottom center;

}









.FormListZ {

    border-bottom: 1px dotted #CCCCCC;

    border-left-style: none !important;

    border-right-style: none !important;

    overflow: hidden;

    padding: 12px 0;

    width: auto !important;

}



/* clearfix */

.clearfix:before,

.clearfix:after {

    content:"";

    display:table;

}

.clearfix:after {

    clear:both;

}



.clearfix {

    zoom:1;

}



dl.price {

	margin:0 0 0 20px;

	font-size: 12px;

}

dl.price dt {

	float:left;

	color:#427cbd;

	padding:10px;

	font-size: 16px;

	font-weight:bold;

}

dl.price dd {

	float:left;

	padding:10px;

}

dl.price dd > strong {

	color:#B61067;

	font-size: 16px;

}



h5.pay {

	margin:20px;

	padding:7px 7px 7px 10px;

	border:1px solid #ddd;

	background-color: #f8f8f8;

}