@charset "utf-8";
* {
	font-family: "ＭＳ Ｐゴシック"
}

/*　共通 */

h1, h2, h3, h4, h5, p, div, ul, li, dl, dt, dd, img {
	margin: 0px;
	padding: 0px;
}

body {
	font: 12px;
	margin: 0px;
	padding: 0px;
}

h1{
	font-size:18px;
	font-weight:900;
}

h2{
	font-size:16px;
	font-weight:900;
}

h3{
	font-size:12px;
	font-weight:800;
	color:#333333;
}

/*　無料占い用　2019年6月 */

#headbody1906{	
	width:100%;
	max-width:860px;
	margin:0px auto;
}

#headers1906{
	font-size:10px;
	color:#FFFFFF;
	width:100%;
	height:100%;
	max-width:860px;
	margin:0px auto;	
}

#topkokoku1906{
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	text-align:center;
	max-width:860px;
	margin:0px auto;
}

#menu1906{
	background-color:#FFFFFF;
	width:100%;
	height:30px;
	padding-top:20px;
	padding-left:20px;
	max-width:840px;
	margin:0px auto;
}

#mainbody1906{
	background-color:#FFFFFF;	
	width:100%;
	max-width:860px;
	margin:0px auto;
}

.centerbody19061{
	background-color:#BBFFFF;
	width:430px;
	margin:0px auto;
}

.centerbody19062{
	background-color:#FFFFFF;
	width:430px;
	margin:0px auto;
}




/*　無料占い用　2016年5月 */

#headers1605{
	background-color:#D2691E;
	font-size:10px;
	color:#FFFFFF;
	padding-top:5px;
	padding-left:20px;
	width:100%;
	height:25px;
	max-width:840px;
	margin:0px auto;	
}

#topkokoku1605{
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	text-align:center;
	max-width:860px;
	margin:0px auto;
}

#topkokoku160502{
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	text-align:center;
	max-width:860px;
	margin:0px auto;
}

#topkokoku160503{
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	text-align:center;
	max-width:860px;
	margin:0px auto;
}

#bottomkokoku1605{
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	text-align:center;
	max-width:860px;
	margin:0px auto;
}

#menu1605{
	background-color:#FFFFFF;
	width:100%;
	height:30px;
	padding-top:20px;
	padding-left:20px;
	max-width:840px;
	margin:0px auto;
}

#headbody{	
	width:100%;
	max-width:860px;
	margin:0px auto;
}

#mainbody1605{
	background-color:#000077;	
	width:100%;
	max-width:860px;
	margin:0px auto;
}

#mainbody1703{
	background-color:#FFFFFF;	
	width:100%;
	max-width:860px;
	margin:0px auto;
}

#leftbody1605{
	background-color:#BBFFFF;
	float:left;		
	width:100%;
	max-width:215px;
	height:100%;
	max-height:610px;
}

#centerbody1605{
	background-color:#BBFFFF;
	width:430px;
	margin:0px auto;
}

#rightbody1605{
	background-color:#BBFFFF;
	float:left;
	width:100%;
	max-width:215px;
	height:100%;
	max-height:610px;
	text-align:center;
	margin:0px;
}

#footer1605{	
	width:100%;
	height:45px;
	max-width:860px;
	background-color:#D2691E;
	margin:auto;
	padding-top:10px;
	text-align:center;
}

/*　中央の項目　2016年5月 */

.center_komoku1605 {
	width: 100%;
	margin: auto;
	max-width: 430px;
}

.center_komoku1605 .td1  {
	color:#000044;
	font-size: 16px;
	line-height: 150%;
	background-image: url(../img/mark4ko.gif);
	background-repeat: no-repeat;
	background-position: left 11px;
	padding-left: 30px;
	padding-top: 8px;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000080;
	border-bottom-style:dotted;
	border-bottom-width: 2px;
	border-bottom-color:#000080;
}

/*　セルの上のみにラインが入る　*/
.center_komoku1605 .td2  {
	color:#000044;
	font-size: 16px;
	line-height: 150%;
	background-image: url(../img/mark4ko.gif);
	background-repeat: no-repeat;
	background-position: left 11px;
	padding-left: 30px;
	padding-top: 8px;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000080;
}

/*　セルの左に縦のラインが入る　*/
.center_komoku1605 .td3 {
	background-color:#EEFFFF;
	font-size: 16px;
	font-weight:600;
	height: 15px;
	max-width: 415px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #daa520;
	margin: 0px;
}

.center_komoku1605 .td4 {
	font-size: 14px;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right:10px;
}




/*　生年月日入力用　*/
.center_komoku1605 .td5 {
	max-width: 430px;
	padding-top:10px;
	padding-left:10px;
	margin: 0px;
}

.center_komoku1605 .td6 {
	max-width: 430px;
	padding-top:10px;
	padding-left:40px;
	margin: 0px;
}

/*　生年月日入力用　*/

.center_komoku1605 .td7 {
	background-image: url(../img/markkb.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 14px;
	font-weight:600;
	height: 15px;
	max-width: 415px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	margin: 0px;
}

/* 占い結果ページ　*/

#outheaders1605{
	background-color:#000055;
	font-size:10px;
	color:#FFFFFF;
	padding-top:5px;
	padding-left:20px;
	width:100%;
	height:20px;
	max-width:840px;
	margin:0px auto;	
}
#outmenu2016{
	background-color:#FFFFFF;
	width:100%;
	height:25px;
	font-size:16px;
	font-weight:600;
	color:#000066;	
	text-align:center;
	padding-top:10px;
	max-width:860px;
	margin:0px auto;
}

#outmain2016{
	background-color:#FFFF99;	
	width:100%;
	max-width:860px;
	margin:0px auto;
}

#outleft2016{
	background-color:#FFFFFF;
	float:left;		
	width:100%;
	max-width:430px;
	height:100%;
}

#outright2016{
	background-color:#FFFFFF;
	float:left;
	width:100%;
	max-width:420px;
	padding-right:10px;
	height:100%;
	margin:0px;
}

#outfooter2016{	
	width:100%;
	height:25px;
	max-width:860px;
	background-color:#000055;
	margin:auto;
	padding-top:10px;
	text-align:center;
}


/* 占い結果 詳細　生年月日　性別を出力　*/

.outhidari {
	width: 100%;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	margin: auto;
	max-width: 410px;
}

.outmy_table {
	width: 100%;
	max-width: 430px;
	border-collapse: collapse;
	border:1px solid #888888;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 13px;
}

.outmy_table th {
	width:30px;
	background-color: #0000AA;
	color: #FFFFFF;
	padding: 5px;
}

.outmy_table td {
	text-align: center;
	font-size:14px;
}

/* 占い結果 相性用　生年月日　性別を出力　*/

.outaisyo_main{
	background-color:#FFFFFF;	
	width:100%;
	height:auto;
	max-width:860px;
	margin:0px auto;
}
.outaisyo_left{
	background-color:#CCFFFF;
	float:left;		
	width:100%;
	max-width:410px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	height:auto;
	margin:0px auto;
}

.outaisyo_right{
	background-color:#CCFF99;
	float:left;
	width:100%;
	max-width:410px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	height:auto;
	margin:0px auto;
}

.outaisyohidari {
	width: 100%;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	margin: auto;
	max-width: 410px;
}

.outaisyomy_table {
	width: 100%;
	max-width: 350px;
	border-collapse: collapse;
	border:1px solid #888888;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 13px;
}

.outaisyomy_table th {
	text-align: center;
	background-color: #0000AA;
	color: #FFFFFF;
}

.outaisyomy_table td {
	text-align: center;
	font-size:14px;
}

/* 四柱　*/
.outmeishiki_tb {
	empty-cells: show;
	border-collapse: collapse;
	border:1px solid #888888;
	font-size: 14px;
	margin-right:0px;
	margin-bottom: 10px;
	width: 150px;
}

.outmeishiki_tb th {
	border: 1px solid #888888;
	background-color: #000077;
	font-weight: normal;
	text-align: center;
	height: 2em;
	color: #FFFFFF;
	padding: 10px;
}

.outmeishiki_tb td {
	border: 1px solid #888888;
	text-align: center;
	width: 15px;
	height: 3em;
	padding: 12px;
	vertical-align: bottom;
}

/* 大運と流年（行運）　*/
.outkoun_tb {
	border-collapse: collapse;
	border:1px solid #888888;
	font-size: 14px;
	margin-right:0px;
	margin-bottom: 10px;
	width: 50px;
}

.outkoun_tb th {
	border: 1px solid #888888;
	background-color: #000077;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:0px;
}

.outkoun_tb td {
	border: 1px solid #888888;
	text-align: center;
	width: 15px;
	height: 50px;
	padding: 10px;
	vertical-align: bottom;
}

/* 大運と流年（行運）2　*/
.outkoun {
	empty-cells: show;
	border-collapse: collapse;
	border:1px solid #888888;
	font-size: 14px;
	margin-right:0px;
	margin-bottom: 10px;
	width: 150px;
}

.outkoun th {
	border: 1px solid #888888;
	background-color: #000077;
	font-weight: normal;
	text-align: center;
	height: 2em;
	color: #FFFFFF;
	padding: 10px;
}

.outkoun td {
	border: 1px solid #888888;
	text-align: center;
	width: 15px;
	height: 3em;
	padding: 12px;
	vertical-align: bottom;
}

/* 流年　*/
.outryunen_tb {
	empty-cells: show;
	border-collapse: collapse;
	border:1px solid #888888;
	font-size: 14px;
	margin-right:0px;
	margin-bottom: 10px;
	width: 40px;
}

.outryunen_tb th {
	border: 1px solid #888888;
	background-color: #000077;
	font-weight: normal;
	text-align: center;
	height: 20px;
	color: #FFFFFF;
	padding: 5px;
}

.outryunen_tb td {
	border: 1px solid #888888;
	text-align: center;
	width: 15px;
	height: 50px;
	padding: 5px;
	vertical-align: bottom;
}

/* 流年No2　*/
.outryunen2_tb {
	font-size: 14px;
	border-collapse: collapse;
	border:1px solid #888888;	
	margin-bottom: 10px;
	width: 50px;
}

.outryunen2_tb th {
	border: 1px solid #888888;
	background-color: #FFFFAA;
	font-weight: normal;
	text-align: center;
	padding: 5px;
}

.outryunen2_tb td {
	border: 1px solid #888888;
	text-align: center;
	width: 15px;
	height: 2em;
	padding: 10px;
	vertical-align: bottom;
}

/* 大運　*/
.outdaiun_table {
	empty-cells: show;
	border-collapse: collapse;
	border-bottom: 1px solid #555555;
	border-right:  1px solid #555555;
	border-top:    1px solid #888888;
	border-left:   1px solid #888888;
	font-size: 13px;	
	margin-bottom: 30px;
}

.outdaiun_table th {
	border: 1px solid #888888;
	background-color: #FFFFAA;
	font-weight: normal;
	width: 5px;
	padding: 2px;
}

.outdaiun_table td {
	width: 5px;
	border: 1px solid #888888;
	text-align: center;
	vertical-align: bottom;
}



/* 四柱または大運、流年の表　特に例題で使う　*/

.sityu_table {
	font-size: 14px;
	border-collapse: collapse;
	border:1px solid #888888;	
	margin-bottom: 10px;
	width: 150px;
}

.sityu_table th {
	border: 1px solid #888888;
	background-color: #00ffff;
	font-weight: normal;
	text-align: center;
	color: #0000ff;
	padding: 10px;
}

.sityu_table td {
	border: 1px solid #888888;
	text-align: center;
	width: 15px;
	height: 2em;
	padding: 10px;
	vertical-align: bottom;
}


/*　運勢表示 */
.sentence_table2016 {
	clear: both;
	margin: auto;
	background-color:#FFFFCC;
	border-collapse: collapse;
	border-bottom: 1px solid #555555;
	border-right:  1px solid #555555;
	border-top:    1px solid #AAAAAA;
	border-left:   1px solid #AAAAAA;
	margin-bottom: 0px;
	width: 100%;
}
.sentence_table2016 th {
	border: 1px solid #888888;
	background-color: #88BBDD;
	color: #FFFFFF;
	padding: 3px;
	font-weight: normal;
}

.sentence_table2016 .td1 {
	font-size: 16px;
	line-height: 150%;
	background-image: url(../img/markkb.gif);
	background-repeat: no-repeat;
	background-position: left 11px;
	padding-left: 20px;
	padding-top: 8px;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 5px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #0000FF;
}

.sentence_table2016 .td2 {
	font-size: 14px;
	margin: 0px;
	padding-top: 5px;
	padding-left: 30px;
	padding-right:10px;
	padding-bottom:20px;
}

.sentence_table2016 .td3{
	padding :5px;
}

.outkokoku2018{
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	text-align:center;
	max-width:860px;
	margin:0px auto;
}

/*　その他 */
.clear{
	clear:both;
}

.left {
	float: left;
}

.right {
	float: right;
	margin-left: 15px;
}



/*　入力　ボタン */
input.button {
	width: 150px;
}

input.nenbutton {
	width: 60px;
	height:25px;
}

select.tukibutton {
	width: 50px;
	height:25px;
}

select.jikanbutton {
	width: 60px;
	height:25px;
}

select.seibetubutton {
	width: 50px;
	height:25px;
}

select.uranautoshi {
	height:25px;
}

div#err_box {
	font-size: 13px;
	color: #FF0000;
}

div.line_button {
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}


.subtitle {
	font-size: 16px;
	color:#5555DD;
	margin-bottom:15px;
}



div.mini_title {
	font-size: 17px;
	font-weight: bold;
	color: #0000dd;
	margin-bottom: 10px;
}

div.info_box {
	width: 100%;
	max-width: 530px;
	margin:auto;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 1.5;
}

div.info_box p {
	padding:0;
	margin:0;
}

div.info_box p.normal {
	padding:0;
	margin:0;
}

div.info_box p.indent {
	text-indent:7.3em;
	padding: 0;
	margin: 0;
}

div.info_left {
	width:185px;
	float: left;
	margin-left: 50px;
}

div.info_right {
	float: right;
	margin-top: 25px;
	margin-right: 40px;
}

span.right {
	float: right;
}