@charset "UTF-8";

/* ********************************
* 
* リセット
* body
* 画像
* リンクテキスト
* #container
* 	#head 
*   	#headwrap
*			p#keywd
*			p#headimg
*	#main
*		#left
*			#mainnav
*				ul li
*			#subnav
*				p#mailkantei
*				p#happybox
*			#banner
*		#right
*	#foot
*		#footwrap
*			address
*			p#copyright
*
*
* 文字装飾
* 
 
* *********************************
 */
 
 
 
/* リセットスタイル */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, 
ul, ol, li, dl, dt, dd, table, th, td, form, filedset {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family:
		Verdana, 
		Meiryo, 
		"メイリオ", 
		Arial, 
		"Hiragino Kaku Gothic Pro W3", 
		"ヒラギノ角ゴ Pro W3", 
		Osaka, 
		"MS P Gothic", 
		"ＭＳ Ｐゴシック", 
		sans-serif;
	line-height: 1.5em;
	background-color: transparent;
	font-size: 14px;
	text-align: left;
	}

	/* Win IE6向けハック */
	* html * {
		font-family: Verdana;
		}
body {
	text-align: center;
	margin: 5px auto;
	background: #f5f5f5;
	}
/* container */
#container {
	width: 98%;
	margin: 0 auto;
	text-align: center;
	background: #ffffff;
	}


/* 画像 */
img {
	border: 0;
	}

/* リンクテキスト */
a:link, a:visited {
	color: #cc8080;
	}
a:hover, a:focus, a:active {
	color: #999999;
	}

/* リストスタイルSquareの箇条書き 「占いの種類」で使用 */
ul.sq {
	margin-left: 1em;
	margin-bottom: 1em;
	}
ul.sq li {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 0;
	font-size: 12px;
	}

/*トップキーワード*/
h1#topkeywd,
p#keywd {
	height: 28px;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #cccc99;
	background: url(../share/keywdbg.jpg) repeat-x;
	font-weight: normal;
	}


/* header部分 */
	#head {
		height: 200px;
		text-align: center;
		}
	.salonhead {
		background: url(../salon/headbg.jpg) repeat-x;
	}
	.schoolhead {
		background: url(../school/headbg.jpg) repeat-x;
	}
	.cereshead {
		background: url(../ceres/headbg.jpg) repeat-x;
	}

	
	#headwrap {
		width: 800px;
		height: 200px;
		margin: 0 auto;
		}

	/*IE6用*/
	* html #headwrap {
		margin-left: -2px;
		background: url(../share/leftbg.jpg) no-repeat left bottom;
		}



/*main部分*/
	#main {
		width: 800px;
		text-align: center;
		margin: 0 auto;
		}
		
	* html #main {
		width: 802px;
		text-align: center;
		margin: 0 auto;
		}
		
		/* left */
		#left {
			float: left;
			width: 200px;
			background:  #ffffff url(../share/leftbg.jpg) repeat-y;
			text-align: center;
			}

			#mainnav,
			#subnav,
			#banner {
				width: 150px;
				margin: 1em auto 3em;
			}
				ul li {
					margin-bottom: 0.2em;
					list-style-type: none;
					}
				
				#mailkantei {
					background: url(../share/mailkantei.jpg) no-repeat;
					}
				#happybox {
					background: url(../share/happybox.jpg) no-repeat;
					}
				#mailkantei,
				#happybox {
					width: 150px;
					height: 100px;
					margin-bottom: 1em;
					padding: 1.8em 0.2em 0;
					}
				#mailkantei p a,
				#happybox p a{
					color: #000000;
					font-size: 12px;
					line-height: 125%;
					text-decoration: none;
					}
				p.subnavlink {
					text-align: right;
					margin-right: 0.5em;
					}
		/* right */
		#right {
			float: right;
			width: 580px;
			}
		/* 左列下の影終端 */
		#left_asi {
			text-align: left;
			}

	#foot {
		clear: both;
		background: #ffffff url(../share/footbg.jpg) repeat-x;
		text-align: center;
		margin: 0 auto;
		padding-top: 20px;
		}
		#footwrap {
			width: 800px;
			margin: 0 auto;
			}

			address,
			p#copyright {
				text-align: right;
				font-size: 10px;
				font-style: normal;
				color: #aaaa80;
				}


/* 段落 */
.gyoukan p,
p.gyoukan {
	margin-bottom: 1em;
	}
.right {
	text-align: right;
	}
.center {
	text-align: center;
	}


/* 文字装飾 */
.f12 {font-size: 12px;}
.bold {font-weight: bold;}
.f_wh {color: #ffffff;}
.f_kuro {color: #000000;}
.f_red {color: #ff3333;}
.f_violet {color: #9933cc;}
.f_blue {color: #3380cc;}