@charset "utf-8"; /*utf-8*/

/*************************
  Common
*************************/

* {
margin:0;
padding:0;
letter-spacing:0;
}

html {
height:100%;
font-size:100.01%;
}

body {
background-color:#8d9eaf;
color:#ffffff;
font-size:12px;
line-height:1.8;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

/*
h1,h2,h3,h4,h5 {
font-size:1em;
font-weight:normal;
}
*/

/* for safari */
/*\*/
html:\66irst-child body {
font-size:100%;}
/* end */

/* for MacIE */
/* \*//*/
body {
font-size:100%;
font-size:14px;}
/**/

ul li {
list-style:none
}

a {
color:#ffff00;
text-decoration:none;
}

a:visited {
color:#ffff00;
text-decoration:none;
}

a:hover {
color:#ffffff;
text-decoration:none;
}

img {
border:0;
}

p {
margin-bottom:1em;
}

h2,h3 {
font-weight:normal;
margin-bottom:1em;
}

/*************************
  Class
*************************/

.italic {
font-style:italic;
}

.left1em {
margin-left:1em;
}

.left {
text-align:left;
}

.center {
text-align:center;
}

.right {
text-align:right;
}

.larger {
font-size:larger;
}

.clear {
clear:both;
}

.hide {
display:none;
}

.right25 {
margin-right:25px;
}

.smaller {
font-size:0.8em;
}

.mb1em {
margin-bottom:1em;
}

.mb5 {
margin-bottom:5px;
}

.mb15 {
margin-bottom:15px;
}

.mb25 {
margin-bottom:25px;
}

.mb30 {
margin-bottom:30px;
}

.mb50 {
margin-bottom:50px;
}

.mt30 {
margin-top:30px;
}


.ml15 {
margin-left:15px;
}

.mr15 {
margin-right:15px;
}

.width155 {
width:155px;
}

.padbtm15 {
padding-bottom:15px;
}


.padall15 {
padding:15px;
}

td.pad15{
padding:0 15px;
}

.hidepage {
display:none;
}

/*************************
  Color
*************************/

.greengray {
color:#99aa99;
}

.blue {
color:#006699;
}


/*************************
  Contents
*************************/

#wrapper {
width:900px;
height:100%;
min-height:100%;
margin:0 auto;
overflow:hidden;
vertical-align:top;
}

#wrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


/*************************
  Toppage
*************************/

#topimg {
width:900px;
margin-top:50px;
}

#topnavi {
text-align:center;
padding-left:10px;
margin-bottom:50px;

}

#topnavi ul li {
display: inline;
margin-right:15px;
}

#topnavi ul li.right {
display: inline;
margin-right:0px;
}

#topnavi a {
color:#ffffff;
text-decoration:none;
}

#topnavi a:visited {
color:#ffffff;
text-decoration:none;
}

#topnavi a:hover {
color:#ffff00;
text-decoration:none;
}

#topnews {
float:left;
width:580px;
line-height:2.5em;
}

#topnews h3{
letter-spacing:0.5em;
}


#topnews p {
margin:0 0 0 0px;;
}

#toplink {
text-align:right;
float:right;
width:270px;
}

/*************************
  Header
*************************/

#header {
position:relative;
width:900px;
margin-top:25px;
}

#navi img {
margin:0;
padding:0;
}

#logo h1 {
margin-left:10px;
margin-bottom:25px;
}

#mainnavi {
padding-left:10px;
margin-bottom:0px;
}

#mainnavi ul li {
display: inline;
margin-right:20px;
letter-spacing : 1px;
}

#mainnavi ul li.right {
display: inline;
margin-right:0px;
}

#mainnavi a {
color:#ffffff;
text-decoration:none;
}

#mainnavi a:visited {
color:#ffffff;
text-decoration:none;
}

#mainnavi a:hover {
color:#ffff00;
text-decoration:none;
}




#mainnavi2 {
padding-left:10px;
margin-bottom:0px;
}

#mainnavi2 ul li {
display: inline;
margin-right:20px;
letter-spacing : 1px;
}

#mainnavi2 ul li.right {
display: inline;
margin-right:0px;
}

#mainnavi2 a {
color:#8d9eaf;
text-decoration:none;
}

#mainnavi2 a:visited {
color:#8d9eaf;
text-decoration:none;
}

#mainnavi2 a:hover {
color:#fffff;
text-decoration:none;
}

#salonlink a {
color:#8d9eaf;
text-decoration:none;
}

#salonlink a:visited {
color:#8d9eaf;
text-decoration:none;
}

#salonlink a:hover {
color:#fffff;
text-decoration:none;
}


/*************************
  Main
*************************/

#main {
width:900px;
text-align:center;
overflow:hidden;
}

/*************************
  about us
*************************/

#about {
width:660px;
margin:0 auto;
text-align:left;
}

#about h3 {
font-size:1em;
}

#about p {
line-height:1.8;
margin-left:0;
margin-bottom:1.7em;
}

/*************************
  magazine
*************************/

#magazine {
width:900px;
margin:0 auto;
text-align:left;
}

#mm001 {
position:relative;
float:left;
width:435px;
height:200px;
background-image:url(../images/common/waku01.png);
background-repeat : no-repeat ;
margin-right:15px;
margin-bottom:15px;
}

#mm001 a {
display:block;		
color:#ffffff;
}

#mm002 {
position:relative;
float:left;
width:435px;
height:200px;
background-image:url(../images/common/waku02.png);
background-repeat : no-repeat ;
margin-bottom:15px;
}

#mm002 a {
display:block;		
color:#ffffff;
}

#mm003 {
position:relative;
float:left;
width:435px;
height:200px;
background-image:url(../images/common/waku03.png);
background-repeat : no-repeat ;
margin-right:15px;
margin-bottom:15px;
}

#mm003 a {
display:block;		
color:#ffffff;
}

#mm004 {
position:relative;
float:left;
width:435px;
height:200px;
background-image:url(../images/common/waku04.png);
background-repeat : no-repeat ;
margin-bottom:15px;
}

#mm004 a {
display:block;		
color:#ffffff;
}

.face {
position:absolute;
width:150px;
height:150px;
background-color:#ffffff;
top:18px;
left:23px;
}

.mtitle {
position:absolute;
width:200px;
height:20px;
top:22px;
left:200px;
}

.mtitletext {
position:absolute;
width:210px;
height:160px;
top:75px;
left:201px;
font-size:smaller;
}

.mtitletext2 {
position:absolute;
width:210px;
height:160px;
top:20px;
left:201px;
}



#magazine_left {
float:left;
width:660px;
margin-bottom:25px;
padding-right:19px;
margin-right:20px;
text-align:left;
}

#magazine_left p {
margin-left:1em;
font-size:larger;
}

#magazine_right {
float:right;
width:200px;
margin-bottom:25px;
text-align:left;
font-size:smaller;
}

#magazine_right h3{
font-weight:bold;
}

.waku {
width:620px;
height:46px;
padding:20px 20px 0 20px;
background-image:url(../images/manacard/title_waku.png);
background-repeat : no-repeat ;
}

#horoinfo {
width:620px;
padding:0 20px;
background-image:url(../images/common/infomid.png);
background-repeat : repeat-y ;
}

#infobtm {
width:620px;
height:50px;
background-image:url(../images/common/infobtm.png);
background-repeat : no-repeat;
}


#libtop {
width:620px;
height:25px;
background-image:url(../images/common/infotop.png);
background-repeat : no-repeat;
margin-left:20px;
}

#libinfo {
width:620px;
padding:0 20px 0 20px;
background-image:url(../images/common/infomid.png);
background-repeat : repeat-y ;
margin-left:20px;
}

#libbtm {
width:620px;
height:50px;
background-image:url(../images/common/infobtm.png);
background-repeat : no-repeat;
margin-left:20px;
}

#lib_photo {
float:left;
width:140px;
}

#lib_text {
float:left;
width:400px;
margin:0 48px 0 20px;
}

#lib_text2 {
float:left;
width:180px;
margin:0 48px 0 20px;
}

#lib_text h3 {
font-size:larger;
}

#lib_text_nor p {
margin:0;
}

#pagejump {
text-align:center;
margin-bottom:30px;
}

#lib_index_top {
padding:0 10px;
margin-left:8px;
}

#lib_index_cont {
float:left;
width:130px;
height:320px;
padding:0 13px;
text-align:center;
}

#lib_index_cont img{
margin-bottom:8px;
}


.ditto_paging {
    padding: 10px;
    font-size: 86%;
    color: #fff;
}
#ditto_pages .ditto_currentpage {
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #fff;
}
#ditto_pages .ditto_off {
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {

    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #ffff00;
}
#ditto_pages a:hover {
    color: #fff;
}




#forecast_back {
margin:0 auto;
text-align:left;
width:660px;
padding:0;
background-image:url(../images/astrology/2014forecast_back.png);
background-repeat : repeat-y ;
}

#forecast_back p {
text-align:left;
padding:30px 50px 20px 50px;;
margin:0;
line-height:2;
}




/*************************
  holoscope
*************************/

#horoscope_list ul li{
float:left;
display:inline;
margin-right:17px;
margin-bottom:30px;
text-align:center;
}

#horoscope_list ul li img {
margin-bottom:5px;
}

#holo_list ul li {
padding-right:30px;
}

#holo_prof {
width:260px;
text-align:left;
padding-bottom:30px;
}

#horo_text {
width:550px;
text-align:left;
margin:0 auto;
line-height:2.2;
padding-bottom:30px;

}

#horo_text h3 {
font-size:1em;
}

#horoscope_list a {
color:#ffffff;
text-decoration:none;
}

#horoscope_list a:visited {
color:#ffffff;
text-decoration:none;
}

#horoscope_list a:hover {
color:#ffff00;
text-decoration:none;
}

#holo_waku {
float:left;
}

#holo_waku1 {
width:510px;
margin-top:25px;
margin-bottom:30px;
text-align:left;
background-image:url(../images/holoscope/star01.png);
background-position:right;
background-repeat:no-repeat;
min-height:194px;
}

#holo_waku1 h2{
font-size:1.3em;
}

.ml80{
}

#holo_text1 {
text-align:left;
width:500px;
margin-left:2em;
}

#holo_waku2 {
width:460px;
margin-top:80px;
text-align:left;
background-image:url(../images/holoscope/star02.png);
background-position:left;
background-repeat:no-repeat;
min-height:153px;

margin-left:2em;
}

#holo_text2 {
text-align:left;

}

#holo_text2 h4 {
margin-bottom:15px;
}

#holo_waku4 {

width:400px;
width:950px;
padding-top:50px;
text-align:center;
margin:0 auto;
}

#holo_waku4 ul {
width:480px;
margin:0 auto;
}

#holo_list ul li {
float:left;
width:100px;
margin-left:10px;
height:140px;
margin-bottom:30px;
text-align:center;
display:inlinel;
}

#side_l {
float:left;
width:400px;
text-align:left;
background-color:#4a0a00;
padding-bottom: 32768px;
margin-bottom: -32768px;
}


/*************************
  interview
*************************/

#interview {
width:660px;
margin:0 auto;
text-align:left;
}

#interview h3 {
font-size:1em;
}

#interview p {
line-height:1.8;
margin-left:0;
margin-bottom:1.7em;
}

#waku {
width:655px;
height:278px;
padding:30px 80px 15px 30px;
background-image:url(../images/interview/001_waku.png);
background-repeat:no-repeat;
}

#waku2 {
width:655px;
height:278px;
padding:30px 80px 15px 30px;
background-image:url(../images/interview/001_waku.png);
background-repeat:no-repeat;
}

#waku2 p {
margin-right:50px;}

/*************************
  self heling
*************************/

#self {
width:900px;
margin:0 auto;
text-align:left;
}

#selfmini {
width:200px;
margin:0 auto;
text-align:left;
}

#sh001 {
float:left;
width:435px;
height:190px;
margin-right:15px;
margin-bottom:15px;
}

#sh001 a {
display:block;		
color:#ffffff;
}

#self ul li {
margin-bottom:15px;
}

#selfmini ul li {
margin-bottom:15px;
}


#selftext p {
margin-left:4em;
margin-right:2em;
}

#selftext h4 {
margin-top:30px;
margin-bottom:2em;
color:#ffdd77;
margin-left:2em;
}


#selftext table {
margin-bottom:1em;
margin-left:4em;
}

#selftext table tr td {
font-size:0.9em;
width:176px;
vertical-align : top;
padding:10px;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
}

#selftext table tr td.topb {
border-top: solid 1px #fff;
}

#selftext table tr td.color {
}


#selftext table tr td.leftb {
border-left: solid 1px #fff;
}



/*************************
  information
*************************/

#info {
width:700px;
margin:0 auto;
text-align:left;
font-size:larger;
}

#info dl {
width:700px;
margin: 0 0 1em 0;
padding:0;
border-bottom: 1px solid #fff;
}

#info dl dt {
margin: 0;
padding: 5px 0 5px 5px;
width:160px;
}

#info dl dd {
width:540px;
padding: 0 5px 9px 10px;
	margin-top: -2em;
margin-left: 160px;
}

#case4 dl {
	margin: 0 0 0 0;
	border: 1px solid #999;
	padding: 0;
	width: 300px;
	background: url(http://www.webbibo.com/assets/images/tips/dtdd_dot.gif) 5em top repeat-y;
	font-size: 0.8em;
}
#case4 dl dt {
	margin: 0;
	padding: 5px 0 5px 5px;
	width: 5em;
	font-weight: bold;
}
#case4 dl dd {
	padding: 5px 5px 5px 10px;
	margin-left: 5em;
	line-height: 1.4em;
}




#pro dl dt {
float:left;
width:450px;
}

#pro dl dd {
float:right;
width:430px;
padding-right:20px;
}



/*************************
  Footter
*************************/

#footer {
width:900px;
margin:0 auto;
margin-top:30px;
text-align:center;
}

#footer address {
text-decoration:none;
font-size:0.8em;
font-style:normal;
padding-bottom:30px;
}

#navi_footer {
text-decoration:none;
font-style:normal;
font-size:smaller;
}

#navi_footer ul li {
display:inline;
margin:0 5px;
}

#navi_footer a {
color:#ffffff;
text-decoration:none;
}

#navi_footer a:visited {
color:#ffffff;
text-decoration:none;
}

#navi_footer a:hover {
color:#ffff00;
text-decoration:none;
}






dl#sample3 {
	border-top: none;
	width: 880px;
	margin-left:30px;
}

dl#sample3 dt{
	float: left;
		text-align:left;
	width: 270px;
		margin-bottom:30px;
}

dl#sample3 dd{
	text-align:left;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 270px;
	
	margin-bottom:30px;
}


dl#sample4 {
	border-top: none;
	width: 880px;
	margin-left:30px;
	overflow:hidden;
}

dl#sample4 dt{
	float: left;
		text-align:left;
	width: 270px;
		margin-bottom:30px;

}

dl#sample4 dd{
	float: right;
	text-align:left;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 270px;
	
	margin-bottom:30px;
}

dl#sample5 {
	border-top: none;
	width: 880px;
	margin-left:30px;
	overflow:hidden;
}

dl#sample5 dt{
	float: left;
		text-align:left;
	width: 550px;
		margin-bottom:10px;
	margin-left: 50px;
}

dl#sample5 dd{
	float: right;
	text-align:left;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-right: 50px;
	
	margin-bottom:10px;
}

dl#sample6 {
	border-top: none;
	width: 880px;
	margin-left:30px;
	overflow:hidden;
}

dl#sample6 dt{
	float: left;
		text-align:left;
	width: 150px;
		margin-bottom:10px;
	margin-left: 50px;
}

dl#sample6 dd{
	float: right;
	text-align:left;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-right: 50px;
	width: 600px;
	margin-bottom:10px;
}


dl#sample7 {
	border-top: none;
	width: 880px;
	margin-left:30px;
	overflow:hidden;
}

dl#sample7 dt{
	float: left;
		text-align:left;
	width: 450px;
		margin-bottom:10px;
	margin-left: 50px;
}

dl#sample7 dd{
	float: right;
	text-align:left;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-right: 50px;
	
	margin-bottom:30px;
}


dl#sample8 {
	border-top: none;
	width: 880px;
	margin-left:30px;
}

dl#sample8 dt{
	float: left;
		text-align:left;
	width: 580px;
		margin-bottom:30px;
}

dl#sample8 dd{
	text-align:left;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 550px;
	margin-bottom:30px;
}

dl#sample9 {
	border-top: none;
	width: 830px;
	margin-left:30px;
}

dl#sample9 dt{
	float: left;
		text-align:left;
	width: 320px;
		margin-bottom:30px;
}

dl#sample9 dd{
	text-align:left;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 270px;
	
	margin-bottom:30px;
}



#itemtable td.table1 {
width:170px;
vertical-align:top;
padding-bottom:30px;
}

#itemtable td.table2 {
width:50px;
vertical-align:top;
padding-bottom:30px;
}

#itemtable td.table3 {
width:580px;
vertical-align:top;
padding-bottom:30px;
}

.konyu {
margin-left:20px;
}


/*************************
  Form
*************************/

#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}