@charset "utf-8";

/*-----------------------------------------------------
    10px = 77%     11px = 85%     12px = 93%     13px = 100%
    14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
    18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
    22px = 167%    23px = 174%    24px = 182%    25px = 189%
    26px = 197%
------------------------------------------------------*/
/*-----------------------------------------------------
about
------------------------------------------------------*/

.ml23{
	margin-left:23px;
}

.about_l{
	width: 180px;
	float: left;
	margin: 0 30px 20px 0;
}

.about_r{
	width: 750px;
	float: left;
	padding-top: 18px;
}

/*----------------------------------
main_area
-----------------------------------*/
#main_area{
	width:960px;
	margin:0 auto;
}

.box{
	width:286px;
	height:380px;
	float:left;
	margin-bottom:21px;
	padding:10px 10px 0;
	box-shadow: 1px 2px 5px 1px rgba(175,128,6,0.2);
	text-align:center;
}

.box img{
	margin-bottom:10px;
}

.boxcenter_margin{
	margin:0 21px;
}

.box p{
	padding:0 5px;
	text-align:left;
	color:#333 !important;
}

.day{
	margin-bottom: 3px;
	text-align: center !important;
	font-weight: bold;
}

.day_num{
	font-size: 123.1%;
}

.day_sat{
	color: #00a0e9 !important;
}

.day_sun{
	color: #ff0000 !important;
}

.daytime{
	font-size: 77%;
}

.yugure_subtitle{
	margin-bottom: 10px;
	text-align: center !important;
	font-weight: bold;
}

.yugure_title{
	padding: 5px 10px;
	background: #c30d23;
	text-align: center !important;
	color:#fff !important;
	font-size:108%;
	font-weight:bold;
	letter-spacing:-1px;
}

.cyamisen {
	margin-top: 5px;
	padding: 5px;
	background: #841116 !important;
}

.cyamisen p {
	color: #fff !important;
}