@charset "UTF-8";

#calender h2{
	display:none;
}

#calender h3 {
	color:#469ec9;
	margin:0px 0px 5px 0px;
	padding:0px;
}

/*メイン説明*/
#calender .maintitle_box{
	display:block;
	width:180px;
	margin:10px 0px 0px 0px;
	padding:0px;
	float:left;
}

#calender .cal_image{
	display:block;
	width:435px;
	margin:10px 0px 0px 0px;
	padding:0px;
	float:left;
}


/*-------------------------
　h2タイトル画像
---------------------------*/
#calender .maintitle{
	display:block;
	width:157px;
	height:57px;
	margin:0px;
	padding:0px 0px 5px 0px;
		background-image: url(../image/calender/cal_maintitle.gif);
		background-repeat: no-repeat;
		background-position: 0px 0%;
		background-attachment: scroll;
}

#calender .package_title{
	display:block;
	width:292px;
	height:42px;
	margin:0px;
	padding:0px;
		background-image: url(../image/calender/package_title.gif);
		background-repeat: no-repeat;
		background-position: 0px 0%;
		background-attachment: scroll;
}

#calender .illust_title{
	display:block;
	width:615px;
	height:20px;
	margin:30px 0px 10px 0px;
	padding:0px;
		background-image: url(../image/calender/illust_title.gif);
		background-repeat: no-repeat;
		background-position: 0px 0%;
		background-attachment: scroll;
}

#calender .point_title{
	display:block;
	width:575px;
	height:20px;
	margin:0px;
	padding:0px 0px 5px 0px;
		background-image: url(../image/calender/point_title.gif);
		background-repeat: no-repeat;
		background-position: 0px 0%;
		background-attachment: scroll;
}


/*-------------------------
　ハートリストの設定
---------------------------*/
#calender ul.b_heart , #calender ul.cover_cyui{
	display:block;
	list-style-type:none;
	margin: 0px;
	padding:0px;
}

#calender ul.b_heart li , #calender ul.cover_cyui li{
	display:block;
	text-align: left;
	margin: 0px;
	padding:0px 0px 0px 15px;
	background-image: url(../image/calender/b_heart.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		background-attachment: scroll;
	line-height:1.5em;
}

/*-------------------------
　写真＋説明文
---------------------------*/
#calender .explain01{
	display:block;
	width:190px;
	margin: 0px 22px 0px 5px;
	padding:0px;
	float:left;
}

#calender .explain02{
	width:205px;
	display:block;
	margin: 0px 22px 0px 0px;
	padding: 0px;
	float:left;
}

#calender .explain03{
	display:block;
	width:140px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float:left;
}


/*-------------------------
　イラストならべの設定
---------------------------*/
#calender .illist_box .back_button{
	display:block;
	width:42px;
	margin: 0px 11px 0px 0px;
	padding:0px;
	float:left;
}

#calender .illist_box .more_button{
	display:block;
	width:42px;
	margin: 0px;
	padding:0px;
	float:left;
}

#calender .illist_box .illust_image{
	display:block;
	width:120px;
	margin: 0px 10px 0px 0px;
	padding:0px;
	float:left;
}

#calender .illist_box a.image_back{
	display:block;
	width:42px;
	height:67px;
	margin: 28px 0px 0px 0px;
	padding: 0px;
	background-image: url(../image/calender/illust_back.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0%;
		background-attachment: scroll;
}

#calender .illist_box a:hover.image_back{
	display:block;
	width:42px;
	height:67px;
	margin: 28px 0px 0px 0px;
	padding: 0px;
	background-image: url(../image/calender/illust_back.jpg);
		background-repeat: no-repeat;
		background-position: 0px 100%;
		background-attachment: scroll;
}

#calender .illist_box a.image_more{
	display:block;
	width:42px;
	height:67px;
	margin: 28px 0px 0px 0px;
	padding: 0px;
	background-image: url(../image/calender/illust_more.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0%;
		background-attachment: scroll;
}

#calender .illist_box a:hover.image_more{
	display:block;
	width:42px;
	height:67px;
	margin: 28px 0px 0px 0px;
	padding: 0px;
	background-image: url(../image/calender/illust_more.jpg);
		background-repeat: no-repeat;
		background-position: 0px 100%;
		background-attachment: scroll;
}


/*-------------------------
　ＰＯＩＮＴの設定
---------------------------*/
#calender .cover_box{
	display:block;
	width:153px;
	margin: 5px 0px 0px 0px;
	padding:0px 15px 20px 0px;
	background-image: url(../image/calender/cover_bg.gif);
		background-repeat: repeat-y;
		background-position: 0px 0%;
		background-attachment: scroll;
	float:left;
}

#calender .spec_box img{
	margin: 0px 0px 3px 0px;
	padding:0px;
}

#calender .spec_box{
	display:block;
	width:392px;
	margin: 5px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	float:left;
}

#calender .spec_division{
	display:block;
	width:124px;
	margin: 0px 7px 5px 0px;
	padding:0px;
	float:left;
}

#calender .spec_division_noblank{
	display:block;
	width:124px;
	margin: 0px 0px 5px 0px;
	padding:0px;
	float:left;
}


/*-------------------------
　ドットの枠設定
---------------------------*/
#container .dot_foot{
	display:block;
	width:615px;
	margin: 0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
	background-image: url(../com_image/dot_foot.gif);
		background-repeat: no-repeat;
		background-position: 0px 100%;
		background-attachment: scroll;
}

#container .dot_head{
	display:block;
	width:615px;
	margin: 0px;
	padding:15px 0px 0px 0px;
	background-image: url(../com_image/dot_head.gif);
		background-repeat: no-repeat;
		background-position: 0px 0%;
		background-attachment: scroll;
}

#container .dot_bg{
	display:block;
	width:575px;
	margin: 0px;
	padding:0px 20px 0px 20px;
	background-image: url(../com_image/dot_bg.gif);
		background-repeat: repeat-y;
		background-position: 0px 0%;
		background-attachment: scroll;
}

/*ドットの仕切り線*/
#calender .bottom_dotted{
	display:block;
	margin: 0px 0px 5px 0px;
	padding:0px 0px 15px 0px;
	background-image: url(../com_image/partition.gif);
		background-repeat: no-repeat;
		background-position: 0px 100%;
		background-attachment: scroll;
}

/*-------------------------
　追加
---------------------------*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.margin01 {
	margin-bottom: 5px;
}


.backcolor01 {
	padding: 3px;
	padding-bottom: 0;
	background-color: #ddd;
}

#calender .spec_box p {
	margin: 0;
	padding: 0;
}

/* サムネイル設定 */
.thumbnail_area{
	width:605px;
	padding:7px 0px 0px 7px;
	margin:3px 0px 10px 0px;
	border:1px solid #aaa;
}

.thumbnail_area img{
	float:left;
	padding:0px 7px 7px 0px;
	margin:0px;
}

.tempthumbnail_area {
	width:605px;
	padding:7px 0px 0px 7px;
	margin:0px 0px 20px 0px;
	border-bottom:1px dashed #ccc;
}

.tempthumbnail_area_img {
	float:left;
	font-size: 0.9em;
	padding:0px 0px 0px 0px;
	margin:0px 6px 7px 0px;
}

.tempthumbnail_area_img img {
	border:solid 1px #aaa;
	padding: 1px;
}