/*■初期設定***************************/	
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
    height:100%;
}


body {
	color: #736357;
	font: 12px/1.4em "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background: url(../images/common/top_bg.jpg) no-repeat center top;
	text-align: center;
}


img {
	border-width: 0;
	margin: 0;
	padding: 0;
}


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, img {
	vertical-align: bottom;
}


ul {
	list-style: none;
}

a {
	overflow: hidden;
	color: #736357;
}


/*------------------------------------------------
	clearfix
------------------------------------------------*/
.clearfix:after {/*for modern browser*/
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { 
	display: inline-block; 
	zoom:normal;/*for IE 5.5-7*/
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */



/*■背景画像設定***************************/
#deco {
	margin: 0 auto;
	background: url(../images/common/deco_bg.jpg) no-repeat center 520px;
	min-width: 960px;
}

*html #deco {
	background: url(../images/common/deco_bg02.jpg) no-repeat center 520px;
}


#bottom {
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/common/bottom_bg.jpg) no-repeat center bottom;
	min-width: 960px;
}

*html #bottom {
	background: url(../images/common/bottom_bg02.jpg) no-repeat center bottom;
}



/*■wrapper設定***************************/
#wrapper {
	margin: 0 auto;
	width: 968px;
}


/*■contents設定***************************/
#contents01 {
	float: left;
	margin: 0 auto;
	width: 968px;
	height: 473px;
	background: url(../images/common/header_bg.jpg) no-repeat center top;
}

#contents02 {
	float: left;
	margin: 0 auto;
	width: 932px;
	padding: 20px 18px 0;
	background: url(../images/common/contents02_bg.png) repeat-y;
	text-align: left;
}




/*■カラムの設定***************************/

/*左カラム*/
#left_column {
	float: left;
	width: 220px;
}


/*中央カラム*/
#center_column {
	float: left;
	width: 470px;
}

#center_column a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/*右カラム*/
#right_column {
	float: right;
	width: 230px;
	padding-left: 10px;
}

*html #right_column {
	width: 240px;
}


#right_columnn a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}




/*■header設定***************************/
#header {
	margin: 0 auto;
	width: 968px;
	height: 243px;
	overflow: hidden;
	position: relative;
}

/*ロゴ*/
h1 {
	width: 394px;
	height: 164px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 25px;
}
h1 a {
	width: 394px;
	height: 164px;
	display: block;
	background: url(../images/common/logo.png) no-repeat;
}


/*グローバルナビゲーション*/
#header ul {
	width: 424px;
	height: 58px;
	position: absolute;
	top: 135px;
	left: 530px;
}


#g_navi01 {
	float: left;
	width: 69px;
	height: 58px;
}
#g_navi01 a {
	width: 69px;
	height: 58px;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/g_navi01.png) no-repeat;
}
#g_navi01 a:hover {
	background: url(../images/common/g_navi01_o.png) no-repeat;
}


#g_navi02 {
	float: left;
	width: 184px;
	height: 58px;
}
#g_navi02 a {
	width: 184px;
	height: 58px;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/g_navi02.png) no-repeat;
}
#g_navi02 a:hover {
	background: url(../images/common/g_navi02_o.png) no-repeat;
}


#g_navi03 {
	float: left;
	width: 71px;
	height: 58px;
}
#g_navi03 a {
	width: 71px;
	height: 58px;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/g_navi03.png) no-repeat;
}
#g_navi03 a:hover {
	background: url(../images/common/g_navi03_o.png) no-repeat;
}


#g_navi04 {
	float: left;
	width: 100px;
	height: 58px;
}
#g_navi04 a {
	width: 100px;
	height: 58px;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/g_navi04.png) no-repeat;
}
#g_navi04 a:hover {
	background: url(../images/common/g_navi04_o.png) no-repeat;
}


/*■top設定***************************/
#top {
	float: left;
	width: 910px;
	height: 230px;
	padding: 0 29px;
}


/*FLASH部分*/
#top h2 {
	float: left;
	width: 670px;
	height: 275px;
}

#flash {
	float: left;
	width: 670px;
	height: 230px;
}
* html #flash {
	width: 690px;
}



/*バナー*/
/*
#top h3 {
	float: right;
	width: 220px;
	height: 275px;
	xxtext-indent: -9999px;
	display: inline;
}


#top h3 a {
	width: 220px;
	height: 275px;
	xxtext-indent: -9999px;
	display: block;
}

#top h3 a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
*/

#top_bn {
	float: right;
	width: 220px;
	height: 230px;
	display: inline;
}

#top_bn01 {
	width: 220px;
	height: 100px;
	margin-bottom: 10px;
}

#top_bn02 {
	width: 220px;
	height: 120px;
}

#top_bn01 a {
	width: 220px;
	height: 100px;
	display: block;
}

#top_bn02 a {
	width: 220px;
	height: 120px;
	display: block;
}


#top_bn01 a:hover img,
#top_bn02 a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}







/*■■パンくずリストの設定■■***************************/

/*パンくず*****/
#topic_path {
}

#topic_path li {
}

#topic_path a {
}

#topic_path a:hover {
}


/*■左カラム***************************/

/*ナビゲーション*****/
/*目的で選ぶ*/
#l_navi_object {
	float: left;
	width: 220px;
	padding-bottom: 30px;
	margin-bottom: 10px;
	background: url(../images/common/l_navi_bgBottom02.png) no-repeat 0 bottom;
}

#l_navi_object h3 {
	float: left;
	width: 220px;
	height: 61px;
	text-indent: -9999px;
	background: url(../images/common/l_navi_object_title.png) no-repeat 0 0;
}


/*占術で選ぶ*/
#l_navi_type {
	float: left;
	width: 220px;
	padding-bottom: 29px;
	margin-bottom: 10px;
	background: url(../images/common/l_navi_bgBottom02.png) no-repeat 0 bottom;
}

#l_navi_type h3 {
	float: left;
	width: 220px;
	height: 61px;
	text-indent: -9999px;
	background: url(../images/common/l_navi_type_title.png) no-repeat 0 0;
}


/*占い師で選ぶ*/
#l_navi_teller {
	float: left;
	width: 220px;
	padding-bottom: 29px;
	margin-bottom: 10px;
	background: url(../images/common/l_navi_bgBottom02.png) no-repeat 0 bottom;
}

#l_navi_teller h3 {
	float: left;
	width: 220px;
	height: 61px;
	text-indent: -9999px;
	background: url(../images/common/l_navi_teller_title.png) no-repeat 0 0;
}


/*ナビ共通設定*/
.navi_bgM {
	float: left;
	width: 220px;
	background: url(../images/common/l_navi_bgMid.png) repeat-y 0 0;
}
.navi_bgT {
	float: left;
	width: 220px;
	background: url(../images/common/l_navi_bgTop.png) no-repeat 0 top;
}

.navi_bgT ul {
	float: left;
	width: 220px;
	background: url(../images/common/l_navi_bgBottom01.png) no-repeat 0 bottom;
	padding-top: 5px;
}

.navi_bgT ul li {
	float: left;
	width: 130px;
	padding: 3px 0 2px 45px;
	text-indent: 18px;
}

.navi_bgT ul li a {
	display: block;
	background: url(../images/common/l_navi_icon.png) no-repeat 0 0;
	color: #0075a9;
	text-decoration: none;
}

.navi_bgT ul li a:hover {
	text-decoration: underline;
}


/*メルマガ*****/
#mailmaga {
	float: left;
	width: 220px;
	height: 95px;
	margin-bottom: 15px;
}

#mailmaga a {
	width: 220px;
	height: 95px;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/mailmaga.png) no-repeat 0 0;
}


#mailmaga a:hover {
	background: url(../images/common/mailmaga_o.png) no-repeat 0 0;
}



/*ブログ*****/
#blog {
	float: left;
	width: 220px;
	padding-bottom: 40px;
	margin-bottom: 20px;
	background: url(../images/common/blog_bgBottom.png) no-repeat 0 bottom;
}

* html #blog {
	padding-bottom: 39px;
}


#blog h3 {
	float: left;
	width: 220px;
	height: 102px;
	text-indent: -9999px;
	background: url(../images/common/blog_title.png) no-repeat 0 0;
}

#blog ul {
	float: left;
	width: 190px;
	background: url(../images/common/blog_bgMid.png) repeat-y 0 0;
	padding-left: 30px; 
}


#blog ul li.date {
	float: left;
	width: 162px;
	padding-top: 5px;
	color: #550b09;
	font-weight: bold;
}

#blog ul li a {
	float: left;
	width: 162px;
	padding-bottom: 8px;
	background: url(../images/common/blog_line.gif) no-repeat 0 bottom;
}

#blog ul li a:hover {
	color: #550b09;
}


/*ショッピング*****/
#shopping {
	float: left;
	width: 220px;
	margin-bottom: 30px;
	background: url(../images/common/shopping_bgBottom.png) no-repeat 0 bottom;
}

#shopping h3 {
	float: left;
	width: 220px;
	height: 106px;
	text-indent: -9999px;
	background: url(../images/common/shopping_title.png) no-repeat 0 0;
}

#shopping dl {
	float: left;
	width: 170px;
	padding: 5px 25px;
	background: url(../images/common/shopping_bgMid.png) repeat-y 0 0;
}


#shopping dt {
	float: left;
	width: 65px;
	height: 65px;
	border: 1px solid #c9c8c8;
	margin-right: 5px;
}

#shopping dd {
	color: #ed1c24;
}


#shopping p {
	float: left;
	display: block;
	width: 200px;
	color: #550b09;
	text-align: right;
	padding: 5px 0 12px;
}

* html #shopping p {
	padding: 6px 0 10px;
}


#shopping p a {
	color: #550b09;
}


/*マナカードブログ*****/
#myContent {
	float: left;
	width: 200px;
	margin: 0 0 30px 10px;
}



/*リンクバナー*****/
#link_bnr {
	float: left;
	width: 200px;
	padding-left: 10px;
}




/*■フッター設定***************************/
#footer {
	float: left;
	margin: 0 auto;
	width: 968px;
	height: 250px;
	overflow: hidden;
	position: relative;
	display: inline;
}

*html #footer {
	margin-right: -3px;
}

#footer ul {
	margin: 0 auto;
	width: 968px;
	height: 175px;
	overflow: hidden;
	padding-top: 76px;
}


#footer ul li {
	display: -moz-inline-box;  
	display: inline-block;
	padding: 0 10px;
}
* html #footer li {
	display: inline; /* Hack for Win IE6 */
}
* +html #footer li {
	display: inline; /* Hack for Win IE7 */
}


#footer a {
	text-decoration: none;
	display: block;
	color: #736357;
}


#footer a:hover {
	text-decoration:underline;
}

#add {
	position: absolute;
	top: 165px;
	left: 600px;
}

address {
	font-style: normal;
	text-align: right;
}