@charset "utf-8";
/* CSS Document */
/* 季節ごとに変える色　更新時は旧シーズンのdiv#news、div#footerをコメントアウト、新シーズン分のコメントを外す */
div#information,
/* 春　3/1から掲載 */
/* div#news{
	background: #EB8793;
}
div#footer{
	background: #EF9FA8;
} */
/* 夏　6/1から掲載 */
/* div#news{
	background: #FF7D12;
}
div#footer{
	background: #FF974D;
} */
/* 秋　9/1から掲載 */
/*div#news{
	background: #D75500;
}
div#footer{
	background: #DF7734;
} */
/* 冬　12/1から掲載 */
 div#news{
	background: #8D9AAB;
}
div#footer{
	background: #AFB8C5;
}
/*ボックス中央配置用のしかけ*/
html, body {
	position: relative;
	height: 100%;
}
body {
	position: relative;
	min-width: 980px;  /*中央配置するボックスの横幅*/
	min-height: 853px;  /*中央配置するボックス縦幅*/
}


div#wrap{
	position: absolute;
	width: 980px;
	height: 876px;
	top: 50%;
	left: 50%;
	margin: -426px 0 0 -490px;
	background: rgba(255,255,255,0.6);  /*背景半透明　60％*/
	padding: 10px;
}
/*ボックス中央配置用のしかけ　終*/

div#content{
	width: 980px;
	height: 853px;
}

div#top_left{
	width: 222px;
	padding: 9px 34px 14px 28px;
	background: #FFFFFF;
	float: left;
}

div#top_left img.logo{
	vertical-align: bottom;
}

div#top_left ul{
	line-height: 0px;
	font-size:0px;
	margin-top: 9px;
}

div#mainimage{
	width: 668px;
	height: 510px;
	padding: 9px 28px 37px 0;
	background: #FFFFFF;
	float: left;
}

div#information{
	width: 222px;
	height: 222px;
	padding: 30px 34px 29px 28px;
	float: left;
}

div#information p.postage{
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	text-align: center;
	padding: 8px 0;
	font-size: 14px;
}

div#information div.payment{
	margin-top:11px;
	background: #FFFFFF;
	padding: 15px 11px 8px;
}

div#information div.payment p{
	font-size: 12px;
}

div#news{
	width: 654px;
	height: 222px;
	padding: 30px 28px 29px 14px;
	float: left;
}

div#news img.news_title{
	float: left;
}

div#news .newsbox {
	width: 546px;
	margin-left: 34px;
	font-size: 12px;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 100%;
	overflow-y: auto;
}

div#news .newsbox h3 {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 14px;
}

div#news .newsbox p {
	margin-bottom: 1.5em;
}

div#news p a,
div#news p a:hover,
div#news p a:active,
div#news p a:focus,
div#news p a:visited{
    color: #fff;
}

div#footer{
	width: 952px;
	height: 29px;
	clear: both;
	padding-left: 28px;
	padding-top: 11px;
}

div#footer img,div#footer ul li,div#footer p{
	float: left;
	color: #FFFFFF;
}

div#footer img{
	margin-right: 10px;
}

div#footer ul li{
	text-indent: -5px;
	margin-top: 1px;
	padding-left: 10px;
	font-size: 12px;
}

div#footer ul li a:link{
	text-decoration: none;
	color: #FFFFFF;
}

div#footer ul li a:visited{
	text-decoration: none;
	color: #FFFFFF;
}

div#footer ul li a:hover{
	text-decoration: none;
	color: #FFFFFF;
}

div#footer ul li a:active{
	text-decoration: none;
	color: #FFFFFF;
}


div#footer ul li a:hover span{
	text-decoration: none;
	color: #F84399;
}

div#footer p{
	font-size: 12px;
	margin-left: 20px;
}