body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: top;
	border-top: 3px #3D9CFA solid;
}
h1{
	color:#ffffff;
	margin:0px;
	text-shadow: 1px 1px 1px #CCCCCC;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.img-responsive-overwrite{
	margin: 0 auto;
}
#wrapper {
	width:auto;
	max-width: 820px;
	margin: 0 auto;
	padding: 0px;
}
#header-container {
	height: 74px;
	width: auto;
	text-align: left;
	margin: 0px auto;
	padding: 10px 30px 0px 30px;
	color:#ffffff;
	letter-spacing:10px;
	background-image: url(../images/main_title_bg.png);
	background-repeat:no-repeat;
	-moz-background-size:auto;
	background-size:auto;
}
#in {
	float: left;
	width: 276px;
	margin: 0px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	height:auto;
	padding-right: 0px;
	text-align: left;
}
#exbtn {
	width:auto;
	float: left;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height:auto;
}
#result {
	width: 340px;
	float: left;
	height: auto;
	float: left;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
}
#resulttbl {
	width: 330px;
	border: 1px solid #000000;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells:show;
	margin-right: auto;
	margin-left: auto;
	display: none;
	height: auto;
}
#resulttbl th {
	border: 1px solid #000000;
	padding: 4px;
	width: 65px;
	background-image: url(../images/tbl_th_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#resulttbl td {
	border: 1px solid #000000;
	padding: 3px;
	width: 265px;
	background-image: url(../images/tbl_td_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#footer {
	margin: 10px auto;
	padding-top: 15px;
	height: 38px;
	width:auto;
	clear: both;
	font-size:small;
	background-image: url(../images/footer_bg.png);
	background-repeat:no-repeat;
	-moz-background-size:auto;
	background-size:auto;
}
#day {
	display:none;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right:0;
	padding-top: 10px;
	width:auto;
	clear: both;
}
.indate {
	margin-top: 9px;
	margin-left: 5px;
	padding-left: 4px;
	clear: both;
}
.grad {
	text-align: left;
	display: inline;
	width: 65px;
	float: left;
}
#sentencetop {
	height: auto;
	width:auto;
	text-align: left;
	margin-bottom: 10px;
	line-height: 1.4em;
	margin-right: auto;
	margin-left: auto;
}
#sentencetop li {
	list-style-position: outside;
	list-style-image: url(../images/list.png);
	list-style-type: none;
	line-height: 1.1em;
	margin-left:-10px;
}
.sentencetbl {
	font-size: 80%;
}
.daybtn {
	float: left;
	width: 220px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#loading {
	display:none;
	background: url(../images/ajax-loader.gif) no-repeat center top;
	height: 32px;
	width: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}
#dayreturntop {
	display:none;
	width:auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	clear: both;
}
img {
	vertical-align: top;
}
.indatetitle {
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 21px;
	width: 250px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 25px;
	text-align: left;
	padding-top: 4px;

}
#googlead {
	margin-top: 25px;
	padding-top:10px;
	clear: both;
}

#daycontents {
	width:auto;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/day_bg.png);
	background-repeat: repeat-y;
	background-position : left center;
	background-color: #FFFFFF;
	background-size:100%;
}
#dayheader {
	background-image: url(../images/day_header.png);
	height: 14px;
	width:auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	background-size:100% 14px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#dayfooter {
	background-image: url(../images/day_footer.png);
	height: 34px;
	width:auto;
	background-repeat: repeat-y;
	background-position : left center;
	-moz-background-size:auto;
	background-size:100% 34px;
}
#daytitle {
	background-image: url(../images/day_title_bar.png);
	height: 52px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding-left: 120px;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	-moz-background-size:99% auto;
	background-size:99% auto;
	text-align: left;
	font-size: 150%;
	font-weight: bold;
}
#daydescription {
	height: auto;
	width:auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0px;
	padding:0 10px;
	line-height: 1.2em;
}
#daytanjyoubi {
	text-align: left;
	height: auto;
	width:auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left:5px;
}
#daykinenbi {
	text-align: left;
	height: auto;
	width:auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-left:5px;
}
#daydekigoto {
	text-align: left;
	height: auto;
	width:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-left:5px;
}
#dayimibi {
	height: auto;
	width:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-left:5px;

}
.daykoumoku {
	font-size: 120%;
	font-weight: bold;
	background-image: url(../images/day_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;

}
.dayline {
	background-image: url(../images/day_line.png);
	background-repeat: no-repeat;
	height: 2px;
	width:auto;
	margin-right: auto;
	margin-left: auto;
	background-position: left;
	background-size:auto;
	text-align: left;
}
.daytext {
	height: auto;
	width:auto;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-top: 5px;
	line-height: 1.2em;
}
.daytext ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1em;
}
.daytext li{
	list-style-position: outside;
	list-style-image: url(../images/day_list.png);
	list-style-type: none;
	line-height: 1.2em;
	margin-left:6px;
}
dd {
	padding-left: 20px;
}
dt {
	margin-top: 5px;
	font-weight: bold;
}
#infoarea{
	text-align: left;
	height: auto;
	width:80%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
#infoarea p{
	margin-left:10px;
	margin-top:0px;
}
#infoarea h2{
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-top: 4px;
	font-size: 115%;
	font-weight: bold;
	color:#006699;
}
#infoarea h3{
	background-image: url(../images/list.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 5px;
	padding-left: 20px;
	font-size: 100%;
	font-weight: bold;
}
#infoarea li{
	list-style-position: outside;
	list-style-image: url(../images/list.png);
	list-style-type: none;
	line-height: 1.5em;
	margin-left:-10px;
}
.ex{
	padding-left:20px;
}

@media screen and (max-width: 815px){
	#exbtn{
		width:100%;
	}
	#result {
		width:100%;
	}
	#in {
		text-align:center;
		width:100%;
	}
	#daytitle {
		padding-left: 80px;
		padding-top: 0px;
		background-image: url(../images/day_title_bar_s.png);
	}
	#infoarea{
		width:95%;
	}
	#infoarea p{
		margin-left:5px;
	}
	.indatetitle{
		clear:both;
		margin-left:auto;
		margin-right:auto;
	}
	.daybtn{
		text-align:center;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	#birthday{
		padding-left:150px;
	}
	#calday{
		padding-left:150px;
	}
}