hr {
	color  : #CCCCCC;
	width  : 100%;
	height : 0px;
}
a {
	text-decoration:none;
}
ul {
	margin-top : 0px;
}
li {
	margin-left : 0px;
}
img {
    border-style:none;
}

.clear {
	clear : both;
	margin-bottom : 2px;
}
.error_message, .error_message_review{
	color            : #ff3399;
	background-color : rgba(243, 151, 159, 0.21);
	border           : solid 2px #ff0099;
	padding          : 10px;
	margin           : 10px 0px 10px 0px;
	vertical-align   : top;
	font-weight      : bold;
	border-radius    : 5px;
}

@media only screen and (min-width: 641px) {
	* {
		font-size      : 11pt;
		font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
		line-height    : 1.5em;
		letter-spacing : 0em;
	}
	#total {
		width          :950px;
		margin: 0 auto;
		width: 100%;
	}
	#header {
		width          :950px;
	}
	#header a{
		display: block;
		top: 0;
		left: 0;
	}
}
@media only screen and (max-width: 640px) {
	* {
		font-size      : 14pt;
		font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
		line-height    : 1.5em;
		letter-spacing : 0em;
	}
	#total {
		width          :100%;
		margin-left    :auto;
		margin-right   :auto;
		text-align     :left;
	}
	#header {
		width          :100%;
		margin-bottom  : 2px;
		margin-left    :auto;
		margin-right   :auto;
	}
	#header a{
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

@media only screen and (min-width: 641px) {
	#wrapper {
		width:800px;
		margin-left    :auto;
		margin-right   :auto;
		float          :left;
		margin-right   :10px;
	}
	#main_index {
		float          :right;
		width          :648px;
		margin         :1px;
	}
}
@media only screen and (max-width: 640px) {
	#wrapper {
		width       :100%;
		margin-left    :auto;
		margin-right   :auto;
		float          :left;
		margin-right   :10px;
	}
	#main_index {
		float          :right;
		width          :648px;
		margin         :1px;
	}
}
#header_title {
	font-size              : 28px;
	font-weight            : bold;
	/*color                  : #444444;*/
	color                  : #000000;
	margin                 : 0px 0 5px 0;
	background             : #e5a15d;
	background-color       : #FFFFFF;
	border-radius          : 2px;
}


@media only screen and (min-width: 641px) {
	#main {
		width       :798px;
		float       :right;
		margin-left :2px
	}
	#container {
		width       :950px;
		margin      :0 auto;
		_text-align :left;
	}
	#sub1 {
		width       :140px;
		float       :right;
	}
	#sub2 {
		width       :140px;
		float       :left;
	}
	#contents {
		float       :left;
		width       :950px;
	}
	#sub {
		float       :left;
		width       :148px;
		margin      :0px;
	}
	#footer {
		display: block;
		color: #999999;
		padding: 15px 0 0 0;
		background: #e5a15d;
		background-color: #FFFFFF;
		border-radius: 2px;
	}
}
@media only screen and (max-width: 640px) {
	#main {
		width       :100%;
		float       :right;
	}
	#container {
		width       :100%;
		_text-align :left;
	}
	#sub1 {
		width       :140px;
		float       :right;
	}
	#sub2 {
		width       :140px;
		float       :left;
	}
	#contents {
		width       :100%;
		float       :left;
	}
	#sub {
		float       :left;
		width       :148px;
		margin      :0px;
	}
	#footer {
		display: block;
		color: #999999;
		background: #e5a15d;
		background-color: #FFFFFF;
		border-radius: 2px;
	}
}

.menu_h {
	width:140px;
}
.box1 {
	float    : left;
	padding  : 0px;
	margin   : 1px;
	width    : 100%;
	/*border : 1px solid #DBDBDB;*/
}
.box2 {
	float   : left;
	padding : 5px;
	margin  : 2px;
	width   : 47%;
	border: 1px solid #DBDBDB;
}
.box_all {
	float   : left;
	padding : 0px;
	margin  : 1px;
	width   : 798px;
	/*border: 1px solid #DBDBDB;*/
}
.box_half {
	float   : left;
	padding : 5px;
	margin  : 2px;
	width   : 382px;
	border: 1px solid #DBDBDB;
}


#site_title {
	font-size   : 24px;
	font-weight : bold;
	color       : #FFFFFF;
}
#footer_td {
	height           : 33px;
	font-weight      : bold;
	color            : #FFFFFF;
	background-color : #02225D;
}

/* ユーザヘッダ */
#u_header {
	position      :relative ;
	width         :100%;
	height        :30px;
	border-bottom :solid 1px #CCCCCC;
}
#u_user {
	position      :relative;
	float         :right;
	bottom        :-12px;
}
#u_message {
	position      :relative;
	color         :#FF0000;
	font-weight   :bold;
	float         :left;
	bottom        :-6px;
}
/* テーブルセンタリング */
#tbl_center {
	width         :70%;
	margin        :0 auto; /* センター寄せ */
	margin-left   :auto; /* センター寄せ */
	margin-right  :auto; /* センター寄せ */
	_text-align   :center;
}

/****************************/
/* 見出し */
/****************************/
h1 {
	color                  : #444444;
	margin                 : 0;
	padding                : 0px 0px 2px 0px;
	font-size              : 22px;
	font-weight            : bold;
}
h2 {
	margin                 : 0 0 10px 0;
	padding                : 5px 5px;
	font-size              : 22px;
	background             : #FFFFFF;
	color                  : #444444;
	border-radius          : 3px;
}

h3 {
	margin                 : 0 0 10px 0;
	padding                : 5px 5px;
	font-size              : 18px;
	background             : #F1F1F1;
	color                  : #272727;
	border-radius          : 3px;
}
h4 {
	margin                 : 0;
	padding                : 0px 0px 4px 0px;
	font-size              : 18px;
	font-weight            : bold;
	color                  : #444444;
}


/****************************/
/* テーブル */
/****************************/
table.tbl1 {
	width           : 99%;
	margin-top      : 1px;
	margin-bottom   : 1px;
	border-collapse : collapse;
	border          : solid 1px #D8D8D8;
}
table.tbl1 th {
	text-align  :center;
	padding     : 1px;
	border      : 1px solid #D8D8D8;
	background  : #E6E6E6;
}
table.tbl1 td {
	padding : 1px;
	border  : 1px solid #D8D8D8;
}
table.tbl1 .odd {
	background : #DCE9FA;
}
table.tbl1 tr:hover {
	background : #DCE9FA;
}


/****************************/
/* フォーム */
/****************************/
input, option, select {
	font-size : 10pt;
}
textarea {
	font-size : 10pt;
	width     : 98%
}
#submit {
	padding: 5px 30px 5px 30px;
	margin: 10px 10px 10px 0px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	background-color: #f1f1f1;
	border-radius: 4px;
	transition: all 0.5s ease;
	/*background-image: url("./img/button.png");*/
}
#submit:hover{
	background-color : #D8D8D8;
	cursor           : pointer;
}
/* 必須項目 */
#form_mst {
	display     : inline-block;
	_display    : inline;
	color       : #FF0000;
	font-weight : bold;
}

#button_link a {
	font-weight      : bold;
	border           : 1px solid #CCCCCC;
	background-color : #f1f1f1;
	padding          : 12px;
	margin           : 10px 0px 5px 10px;
	border-radius    : 4px;
}
#button_link a:hover{
	font-weight      : bold;
	border           : 1px solid #CCCCCC;
	background-color : #D8D8D8;
	padding          : 12px;
	margin           : 10px 0px 5px 10px;
	border-radius    : 4px;
}


#button_link_index a {
	font-weight: bold;
	border: 1px solid #CCCCCC;
	background-color: #f1f1f1;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	border-radius: 4px;
	transition: all 0.7s ease;
}
#button_link_index a:hover{
	background-color: #D8D8D8;
}


/****************************/
/* 占い結果 */
/****************************/
.uranai_box{
	padding: 10px;
	margin-bottom: 40px;
	border: 1px solid #CCCCCC;
	border-radius: 7px;
}
.uranai_box .uranai_title{
	font-size: 20pt;
}
.uranai_box .uranai_title_sub{
	font-size: 25pt;
}
.uranai_box .uranai_title_keyword{
	margin-bottom: 10px;
}


.uranai_img_box{
	width: 100%;
	margin: 0px 10px 20px 0px;
}
.uranai_img_box .uranai_img{
	float: left;
	margin: 0px 10px 0px 0px;
}
.uranai_img_box .uranai_keyword{
	margin: 0px 0px 0px 10px;
}
.uranai_img_box .uranai_keyword2{
	font-size: 15pt;
	margin: 0px 0px 0px 0px;
}
.uranai_img_box .uranai_keyword_text{
	font-size: 20pt;
	margin: 0px 0px 0px 10px;
}


.uranai_cube_box span{
	float: left;
	display: block;
	font-size: 60pt;
	border: 1px solid #CCCCCC;
}

.uranai_text{
	clear: both;
	margin: 5px 0px 0px 0px;
	/*padding: 1px;*/
	border: 0px solid #CCCCCC;
}

.uranai_text3{
	clear: both;
	margin: 25px 0px 0px 0px;
	/*padding: 1px;*/
	border: 0px solid #CCCCCC;
}

.uranai_keyword3{
	font-size: 20pt;
	margin: 5px 0px 0px 0px;
}
.uranai_keyword_text3{
	font-size: 20pt;
	margin: 10px 0px 0px 0px;
}

.uranai_text4{
	clear: both;
	margin: 25px 0px 0px 0px;
}