@charset "Shift_JIS";
@import url("./index.css");

* {
    margin: 0;
    padding: 0;
}

img,p {
    border: 0;
}

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #000000;
	background:#FFF;
    font-size:90%;
    line-height:18px;
    letter-spacing:1px;
}

li {
    list-style-type: none;
}

select {
    border: solid 1px #ccc;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	overflow: visible;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*PHOTO*/
.picture {
    border: 1px solid #ccc;
}
/* フロート回り込み解除
----------------------------------------------- */
br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}
/* リンク指定
----------------------------------------------- */
a { text-decoration: underline; }
a:link { color: ##863B16; }
a:visited { color: ##863B16; }
a:hover { color: ##863B16; }
/* フォント
----------------------------------------------- */
h1,h2,h3,h4,h5 {
    font-size: 100%;
    line-height: 150%;
}
.price { color: #ff0000; font-weight: bold; }
.attention { color: #ff0000; }
.mini { font-size: 100%; }
em {
    font-style: normal;
    color: #F8F495;
}
/* テーブル共通指定
----------------------------------------------- */
table.common  {
    margin: 15px auto 0 auto;
    border-top: 1px solid #BA6D47;
    border-left: 1px solid #BA6D47;
    border-collapse: collapse;
    text-align: left;
}
table.common th {
    padding: 8px;
    border-right: 1px solid #BA6D47;
    border-bottom: 1px solid #BA6D47;
    font-weight: normal;
	background-color:#C27A56;
}
table.common td {
    padding: 8px;
    border-right: 1px solid #BA6D47;
    border-bottom: 1px solid #BA6D47;
	background-color:#FAEFDA;
}
td input {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	border: solid 1px #ccc;
}
td textarea {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	border: solid 1px #ccc;
}
table em {
    color: #ff0000;
}

div.tblareabtn {
    clear: both;
    margin: 15px 0 0 0;
    text-align: center;
}
.phototd {
    width: 75px;
    text-align: center;
}
.centertd {
    text-align: center;
}
.pricetd {
    text-align: right;
}
.pricetd em {
    font-weight: bold;
}
div#completetext {
    width: 480px;
    margin: 15px auto 0 auto;
    padding: 15px;
    /*border: 5px solid #ccc;*/
}
div#completetext em {
    font-weight: bold;
}
div#completetext p{
    padding: 20px 0 0 0;
    text-align: left;
}


/* ヘッダー
------------------------------------------------ */
div#header {
    background: url("/member/images/bg_header.jpg") no-repeat;
    width: 900px;
	height:415px;
	margin: 0 auto;
}

div#header h1{
	width:890px;
	height:13px;
	float:left;
	display:inline;
	font-size:10px;
	font-weight:normal;
	color:#CAA44A;
	line-height:13px;
	margin:0px;
	padding:5px 0px 0px 10px;
        text-indent:-9999px;
}


div#header h2{
    width:187px;
    height:107px;
	float:left;
	display:inline;
    margin:12px 0px 0px 355px;
	padding:0px;
}

div#header h2 a {
	width:187px;
    height:107px;
    float: left;
    display: block;
	text-indent:-100000px;
	overflow:hidden;

}
div#header em {
    /*display: none;*/
}

/* レフトバナー
----------------------------------------------- */

.leftbnr{margin-top:10px;}


/* メニュー
----------------------------------------------- */

#information{
	width:900px;
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
}

#information p{
	width:900px;
	height:36px;
	float:left;
	display:inline;
	text-indent:-10000px;
	overflow:hidden;
	
}

#information ul{
	width:900px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	
}

#information ul li {
	float:left;
	display:inline;
	width:150px;
	height:31px;
	line-height:31px;
	list-style-type:none;
	text-indent:-100000px;
	overflow:hidden;
}

#information ul li a{
	width:150px;
	height:31px;
	line-height:31px;
	float:left;
	display:block;
}

#menu1 {margin:0px 0px 0px 265px;}
#menu2 {margin:0px 0px 0px 84px;}
#menu3 {margin:54px 0px 0px 108px;}
#menu4 {margin:54px 0px 0px 405px;}
#menu5 {margin:62px 0px 0px 265px;}
#menu6 {margin:62px 0px 0px 84px;}


#menu1 a:hover{background: url(/member/images/bg_menu1_over.jpg) no-repeat;}
#menu2 a:hover{background: url(/member/images//bg_menu2_over.jpg) no-repeat;}
#menu3 a:hover{background: url(/member/images/bg_menu3_over.jpg) no-repeat;}
#menu4 a:hover{background: url(/member/images/bg_menu4_over.jpg) no-repeat;}
#menu5 a:hover{background: url(/member/images/bg_menu5_over.jpg) no-repeat;}
#menu6 a:hover{background: url(/member/images/bg_menu6_over.jpg) no-repeat;}



#mainimg{
/*	float:left;
	display:inline;*/
	position:absolute;
	top:182px;
}

* html #mainimg{
	float:left;
	display:inline;
	position:static;
}


/* 運命波学サブメニュー
----------------------------------------------- */

#menu1 ul {
	width: 241px;
	border-top: #51260D 1px solid;
	font-size:12px;
}

#menu1 ul li {
	width: 239px;
	height: 30px;
	border: solid 1px #51260D;
	border-top: 0;
	background: #D0AF62;
}

#menu1 ul li a {
	width: 234px;
	margin-left: 5px;
	text-decoration: none;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size:12px;
	line-height: 29px;
	color: #51260D;
}

#menu1 ul li a:hover {
	width: 234px;
	background: #D0AF62;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size:12px;
	line-height: 29px;
	color: #F8F495;
}


/* フレーム
----------------------------------------------- */
div#container {
    width: 868px;
    margin: 0 auto;
    padding: 15px 16px;
    background: url("/user_data/packages/namigaku/img/common/bg_container.jpg") repeat-y;
    text-align: left;
}
#container:after {/* firefox背景色表示用 */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

* html div#container {
	width: 900px;
}

div#leftcolumn {
	float: left;
	width: 190px;
	text-align: left;
}

div#two_maincolumn {
	float: right;
	width: 663px;
	text-align: center;
}


/* バナー
----------------------------------------------- */
#banner {
	width:190px;
	height:80px;
	float:left;
	display:inline;
	margin-top:10px;

}

.sidebutton{
	width:190px;
	height:50px;
	float:left;
	display:inline;
	margin-bottom:10px;

}


/* 会員
----------------------------------------------- */
#signin{
	width:190px;
	height:125px;
	float:left;
	display:inline;
	background:url(/user_data/packages/namigaku/img/side/bg_signin.jpg) no-repeat;
}

#signin p{
	width:165px;
	height:30px;
	float:left;
	display:inline;
	text-indent:-100000px;
	overflow:hidden;
	margin:19px 0px 0px 12px;
}

#signin p a{
	width:165px;
	height:30px;
	float:left;
	display:block;
}

#signin ul{
	width:160px;
	float:left;
	display:inline;
	margin:6px 0px 0px 15px;
}

#signin ul li{
	width:160px;
	height:25px;
	float:left;
	display:inline;
	line-height:25px;
	text-indent:-100000px;
	overflow:hidden;
	margin-bottom:4px;
}

#signin ul li a{
	width:160px;
	height:25px;
	display:block;
}

#menberlogin{
	float:left;
	display:inline;
	margin-top:10px;
}

#menbercomtents{
	width:190px;
	/*height:175px;*/
	height:205px;
	float:left;
	display:inline;
	background:url(/user_data/packages/namigaku/img/side/menbercontents.jpg) no-repeat;
	margin-top:10px;
}

#menbercomtents h3{
	width:190px;
	height:55px;
	float:left;
	display:inline;
	text-indent:-100000px;
	overflow:hidden;
	margin-bottom:15px;
}

#menbercomtents ul{
	width:164px;
	float:left;
	display:inline;
	margin:0px 0px 0px 11px;
}

#menbercomtents ul li{
	width:164px;
	height:24px;
	float:left;
	display:inline;
	line-height:24px;
	margin-bottom:8px;
}

#menbercomtents ul li a{
	width:164px;
	height:24px;
	display:block;
	text-indent:-100000px;
	overflow:hidden;
}

/* テキストフィールド
----------------------------------------------- */
input[type='text'] {
    border: solid 1px #ccc;
}

/* ボタン
----------------------------------------------- */
input[type='image'] {
    border: none;
}

input[type='image'].box190 {
    width: 190px;
    height: 30px;
}

input[type='image'].box180 {
    width: 180px;
    height: 30px;
}

input[type='image'].box150 {
    /*width: 150px;
    height: 30px;*/
}

input[type='image'].box140 {
    width: 140px;
    height: 30px;
}

input[type='image'].box130 {
    width: 130px;
    height: 30px;
}

input[type='image'].box51 {
    width: 51px;
    height: 22px;
}

/* フッター
----------------------------------------------- */

#pagetop {
    width: 590px;
	float:left;
	display:inline;
    margin:0px 0px 0px 22px;
    padding: 30px 20px 30px 0px !important;
    text-align: right;
	background:url(/user_data/packages/namigaku/img/common/icon_pagetop.jpg) no-repeat right 31px;
}

#pagetop a{color:#863B16; text-decoration:none;}

#footer {
    width:900px;
	height:75px;
    margin: 0 auto;
	background:url(/user_data/packages/namigaku/img/footer/bg_footer.jpg) repeat-x left 10px;
}

#footer div{
	width:900px;
	height:75px;
	margin:0px auto;
}

#bg_pagebottom{
	width:900px;
	height:10px;
	float:left;
	display:inline;
    margin:0px;
}

#footmenu{
    width:900px;
    float:left;
	display:inline;
	margin:0px;
	padding:10px 0px;
    font-size:12px;
    text-align:center;
	color:#C7A671;
}

#footmenu a{color:#C7A671;}

#copyright {
    width:900px;
	float:left;
	display:inline;
	margin:0px;
    font-size:12px;
    text-align:center;
	color:#FFCC00;
	font-weight:bold;
}
