@charset "UTF-8";

/*--------------------------------------------------------------------
index.html
top.css
--------------------------------------------------------------------*/
div#Global {
	position: absolute;
	top: 0px;
	z-index: 1000;
}

/*--------------------------------------------------------------------最上部*/
div#TopSce {
	padding: 100px 0 0;
	background: url(../../img/top/title.jpg) no-repeat center 100px;
}
div#TopSce div#TopTitle h2 {
	height: 500px;
	line-height: 0;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0;
}
div#TopSce div#TopTitle p { display: none; }
div#TopSce div.InBox {
	width: 900px;
	margin: 0 auto;
	padding: 10px;
	background: #fff none;
}
div#TopSce div#TopComment {
	width: 880px;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px;
	border-top: 2px solid #f4ebd0;
	border-bottom: 2px solid #f4ebd0;
}
div#TopSce div#TopComment div#NewsT {
	width: 230px;
	height: 300px;
	background: url(../../img/top/message_t.jpg) no-repeat left top;
	float: left;
}
div#TopSce div#TopComment div#NewsT h2 {
	height: 192px;
	line-height: 0;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0;
}
div#TopSce div#TopComment div#NewsT div#TwitBtn,
div#TopSce div#TopComment div#NewsT div#BlogBtn {
	width: 40px;
	margin: 10px auto 0;
}
div#TopSce div#TopComment div#NewsT div#TwitBtn a,
div#TopSce div#TopComment div#NewsT div#BlogBtn a {
	display: block;
	height: 40px;
	line-height: 0;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0;
}
div#TopSce div#TopComment div#NewsText {
	width: 620px;
	float: right;
}
div#TopSce div#TopComment div#NewsText iframe { position:relative; z-index:50; }
div#TopSce div#TopComment div#NewsText iframe * { position:relative; z-index:50; }

/*--------------------------------------------------------------------共通２*/
div#Wrap {
	width: 900px;
	margin: 0 auto;
	background: url(../../img/top/center_line.gif) repeat-y center top;
}
div.Side {
	width: 440px;
	float: left;
}
div.Main {
	width: 440px;
	float: right;
}
div.Main div.InBox {
	width: 360px;
	margin: 0 auto;
}

/*--------------------------------------------------------------------占術*/
div#Fortune {
	width: 100%;
	overflow: hidden;
}
div#Fortune div.Side {
	height: 526px;
	background: url(../../img/top/fortune_t01.png) no-repeat center top;
}
div#Fortune div.Side h2,
div#Fortune div.Side p { display: none; }
div#Fortune div.Main h2 {
	height: 80px;
	margin-bottom: 20px;
	background: url(../../img/top/sub_t01.gif) no-repeat left top;
	line-height: 0;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0;
}
div#Fortune div.Main p#FortTop {
	margin-bottom: 30px;
	font-size: 120%;
}
div#Fortune div.Main ul li {
	list-style: none;
	margin-top: 20px;
	padding: 0.1em 0 0.1em 21px;
	background: url(../../img/arrow.gif) no-repeat left 0.2em;
	color: #ed85ad;
}

/*--------------------------------------------------------------------プロフィール*/
div#Profile {
	width: 100%;
	padding-top: 50px;
	overflow: hidden;
}
div#Profile div.Side div#ProfSide01 {
	height: 240px;
	background: url(../../img/top/profile_t.png) no-repeat center top;
}
div#Profile div.Side div#ProfSide02 {
	height: 350px;
	margin-top: 335px;
	background: url(../../img/top/fortune_t02.png) no-repeat center top;
}
div#Profile div.Side h2,
div#Profile div.Side p { display: none; }
div#Profile div.Main div#Photo {
	height: 315px;
	background: url(../../img/top/photo.jpg) no-repeat center top;
}
div#Profile div.Main div#Photo * { display: none; }
div#Profile div.Main h2 {
	height: 50px;
	margin-top: 20px;
	background: url(../../img/top/sub_t02.gif) no-repeat left top;
	line-height: 0;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0;
}
div#Profile div.Main ul {
	list-style: none;
	margin: 20px 0 25px;
}
div#Profile div.Main ul li {
	padding: 0.1em 0 0.1em 21px;
	background: url(../../img/arrow.gif) no-repeat left 0.2em;
}
div#Profile div.Main div#Media {
	padding-bottom: 20px;
	background: url(../../img/top/media_btm.jpg) no-repeat center bottom;
}
div#Profile div.Main div#Media h3 {
	height: 75px;
	background: url(../../img/top/media_top.jpg) no-repeat center top;
	line-height: 0;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0;
}
div#Profile div.Main div#Media table {
	width: 340px;
	margin: 25px auto 0;
	border-collapse: collapse;
}
div#Profile div.Main div#Media table tr th {
	width: 22%;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
div#Profile div.Main div#Media table tr td {
	width: auto;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
div#Profile div.Main div#Media table tr td ul { margin: 0; }
div#Profile div.Main div#Media table tr td ul li {
	padding: 0 0 0 1.3em;
	background: none;
	text-indent: -1.3em;
	line-height: 1.4;
}
div#Profile div.Main div#Media table tr td ul li:before { content: "● "; }
div#Profile div.Main div#Media p#MediaEnd {
	width: 340px;
	margin: 0 auto;
	text-align: right;
}
div#Profile div.Main div#Media div#MediaBtn {
	width: 230px;
	margin: 25px auto 0;
}
div#Profile div.Main div#Media div#MediaBtn a {
	display: block;
	height: 40px;
	background: url(../../img/top/media_btn.jpg) no-repeat left top;
	line-height: 0;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0;
}
div#Profile div.Main div#Media div#MediaBtn a:hover { background-position: left bottom; }

/*--------------------------------------------------------------------鑑定*/
div#Judgment {
	width: 100%;
	padding-top: 50px;
	overflow: hidden;
}
div#Judgment div.Side div#JudgSide01 {
	height: 526px;
	background: url(../../img/top/judgment_t.png) no-repeat center top;
}
div#Judgment div.Side div#JudgSide02 {
	height: 140px;
	margin-top: 80px;
	background: url(../../img/top/essence_t.png) no-repeat center top;
}
div#Judgment div.Side h2,
div#Judgment div.Side p { display: none; }
div#Judgment div.Main h2 {
	height: 75px;
	margin-bottom: 20px;
	background: url(../../img/top/sub_t03.gif) no-repeat left top;
	line-height: 0;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0;
}
div#Judgment div.Main table {
	width: 100%;
	margin: 30px 0 20px;
	border-collapse: collapse;
}
div#Judgment div.Main table tr th {
	width: 23%;
	padding: 5px 0;
	border-top: 1px solid #e3dfdf;
	border-bottom: 1px solid #e3dfdf;
	text-align: left;
	vertical-align: top;
}
div#Judgment div.Main table tr td {
	width: auto;
	padding: 5px 10px;
	background: #e9e1d0;
	border-top: 1px solid #e3dfdf;
	border-bottom: 1px solid #e3dfdf;
	text-align: left;
	vertical-align: top;
}
div#Judgment div.Main table tr.Bg01 td { background: #fae2e5; }
div#Judgment div.Main table tr td span { color: #e9e1d0; }
div#Judgment div.Main table tr.Bg01 td span { color: #fae2e5; }
div#Judgment div.Main table tr td div#JudgDetail {
	width: 230px;
	margin: 5px auto 0;
}
div#Judgment div.Main table tr td div#JudgDetail a {
	display: block;
	height: 40px;
	background: url(../../img/top/media_btn.jpg) no-repeat left top;
	line-height: 0;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0;
}
div#Judgment div.Main table tr td div#JudgDetail a:hover { background-position: left bottom; }
div#Judgment div.Main table tr td a { color: #662d8d; }
div#Judgment div.Main table tr td a.ExpertOpinion { color: #00009d; }
div#Judgment div.Main table tr td a.LSp01 { margin-left: 1em; }

/*--------------------------------------------------------------------ブログ*/
div#Blog {
	width: 100%;
	padding-top: 50px;
	overflow: hidden;
}
div#Blog div.Side {
	height: 210px;
	background: url(../../img/top/blog_t.png) no-repeat center top;
}
div#Blog div.Side h2,
div#Blog div.Side p { display: none; }
div#Blog div.Main h2 {
	height: 75px;
	margin-bottom: 20px;
	background: url(../../img/top/sub_t04.gif) no-repeat left top;
	line-height: 0;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0;
}
div#Blog div.Main ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#Blog div.Main ul li {
	width: 80px;
	float: left;
}
div#Blog div.Main ul li span,
div#Blog div.Main ul li a {
	display: block;
	height: 90px;
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 0;
	overflow: hidden;
	text-indent: -99999px;
	font-size: 0;
}
div#Blog div.Main ul li a:hover { background-position: left bottom; }
div#Blog div.Main ul li#Twit a { background-image: url(../../img/top/ext_b01.jpg); }
div#Blog div.Main ul li#Blog span,
div#Blog div.Main ul li#Blog a { background-image: url(../../img/top/ext_b02.jpg); }
div#Blog div.Main ul li#Mail a { background-image: url(../../img/top/ext_b03.jpg); }
div#Blog div.Main ul li#Rese a { background-image: url(../../img/top/ext_b04.jpg); }
div#Blog div.Main p { margin-top: 15px; }