@charset "utf-8";

.font-size11{font-size: 85%;}
.font-size12{font-size: 90%;}
.txt-red{color:#F00;}
.txt-pink{color:#FF3366;}
.txt-green{color:#093;}
.txt-blue{color:#03C;}
.txt-aqua{color:#09F;}
.txt-yellow{color:#FC0;}
.txt-orange{color:#F93;}
.txt-yellowgreen{color:#9C3;}
.txt-black{color:#000000;}
.txt-purple{color:#63C;}
.mb30{ margin-bottom:20px;}

div {   zoom: 1;/*for IE 5.5-7*/}
div:after {
/*for modern browser*//*  content: ".";*/
clear: both;
display: block;
line-height: 0;
height: 0;
visibility: hidden;
} 

 body{
	
	 background: url(../img/bg.gif) left top repeat !important;
	 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}



/* wrapper						##################################### */
section#wrapper{
	margin: 12px auto 0;
	width: 990px;
	overflow:hidden;
}


/* h1						##################################### */
h1#topic-anacal{
	height: 316px; width: 988px;
	background: url(../img/title.png) left center no-repeat;
	text-indent: -9999px;
	overflow:hidden;
}


/*topicPath						##################################### */
	ol#topicPath {
		height:  15px;
		margin: 10px 0 15px 0;
		padding: 0;
		list-style: none;
		overflow:hidden;
	}

	ol#topicPath li {
		float: left;
		padding-right: 7px;
		padding-left: 10px;
		background: url(../img/path_icon.gif) left center no-repeat;
	}
		ol#topicPath li.home {
			margin-top: -5px;
			padding-left: 0;
			background: none;
		}
		ol#topicPath li.path{
			 font-size: 80%;
		}
/* main-calendar						##################################### */		
	div#main-calendar{
		padding-top:20px;
		overflow:hidden;
		width: 990px;
	}


/* contents-left						##################################### */
		div#contents-left{
			width: 685px;	
			float:left;
			overflow:hidden;
		}


		/*ブログの角丸*/
		div#calendar-diary-box{
			background:#FFF;
			border:1px solid #eee8d3;

		}

			h2.calendar-content-title{
				color:#9f7765; 
				font-size:19px;
			}
			p.reported-name{
				font-size:13px;
				font-weight:normal;
				margin-top:10px;
				margin-bottom:0;
				padding-bottom:0;
			}
			p.reported-name a{ font-size:100%;}
			div#contents-left div#calendar-diary{
				width: 625px;
				margin: 20px 0 0 30px;
				padding-bottom:35px;
				line-height: 1.7;
			}
			
			div#contents-left div#calendar-diary p{
				line-height: 1.7;
			}
		
				div#contents-left h2.calendar-content-title{
					font-size:20px;
					padding-bottom: 20px;
					background: url(../img/title_br.jpg) left bottom repeat-x;
					margin-bottom: 30px;
					text-align:center;
				}
			
	
					div#calendar-topic-title p{
						margin: 0 0 0 0;
						padding-top: 8px;
						color:#F36;
						font-size:18px;
						font-weight:bold;
					}
	
	

	
	p.phot-center{
		border-radius: 0px;
		text-align:center;
		font-size: 12px;
	}
	
	.sp div#contents-left h2.calendar-content-title{
		width: 90% !important;
		padding: 10px 10px 20px 10px !important;
		margin: 10px auto 0 !important;
		font-size: 16px !important;
	}

 	ul.phot-center li{
		font-size: 12px;
		float:left;
		text-align:center;
		margin:0 auto;
	}

		span.pa100{ padding-left:100px;}	
		span.pa90{ padding-left: 90px;}		
		span.pa80{ padding-left: 80px;}	
		span.pa70{ padding-left: 70px;}
		span.pa60{ padding-left: 60px;}
		span.pa50{ padding-left: 50px;}
		span.pa40{ padding-left: 40px;}
		span.pa30{ padding-left: 30px;}
		span.pa20{ padding-left: 20px;}
		span.pa10{ padding-left: 10px;}	
		
		
		div.border-box{border: #F9F solid 1px; padding:20px;}
		

/* contents-right						##################################### */

	div#contents-right{
		width: 263px;
		float:right;
		overflow:hidden;
		display:block;
		padding-right:2px;
	}

			ul.cal2015-banner-list li.au-banner{
				margin-top:20px;
			}

		/*バックナンバー*/	
		h1#title-bk{
			width:263px;
			height: 38px;
			background: #d4cabb;
			color:#FFFFFF;
			text-align:center;
			vertical-align:middle;
			display: table-cell;
		}	
		
		#box-bk-inner{
			border:1px solid #d4cabb;
			background:#FFF;
			margin-bottom:30px;
		}


		article#article-box div.content-box{
			width: 235px;
			padding: 5px 0 6px 0;
			margin-left: 15px;
			overflow: hidden;
		}	
			article#article-box img.topic-title {
				border:0;
				vertical-align:bottom;
			}
			ul#list_more {
				padding:0 10px;
			}
			ul#list_more li{
				border-bottom: 1px dotted #cda966;
				padding: 10px 0;
			}
			ul#list_more li span.date{ font-size:12px;}
			ul#list_more li.box-txt-end{
				border-bottom:none;
			}


			
			/*パーソナルリンクアイコン*/
				span.column-icon{
					background:url(../img/column_icon.gif) left bottom no-repeat;
					padding-left:20px;
				}
				span.fs85{ font-size:85%; padding-left:5px;}
				
			/*情報ボックス*/
			div.info-box-cal{
				overflow:hidden;
				background:#FFF;
				width:216px;
				border:#ff82c8 2px solid;
				border-radius:5px;
				padding:20px;
				margin-bottom:20px;
			}
				div.info-box-cal ul li{
					color:#ff42ac;
					font-weight:bold;
				}
			



/*　動画可変						##################################### */

		.video-wrapper {
			height:100%;
			margin: 0 auto;
			width: 560px;
			max-width: 100%;
			padding:10px 0;
			text-align:center;
		}
			.video-container {
				position: relative;
				padding-bottom: 56.25%;
				height: 0;
				overflow: hidden;
			}
				.video-container iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}

/*　sp表示バナー削除						##################################### */

li.wall-cal{
	text-align:center;
	margin: 0 auto;
}
.sp ul.cal2016-banner-list{ display:none;}

div.sp-banner{
	text-indent: -9999px;
	font-size:0;
	height:0px;
	width:0px;
}
	ul.cal2015-banner-list-sp li img{ width:100%; }

/*　pagetop						##################################### */

div#pagetop {clear: both;
	float:right;
	margin: 20px 0 20px 0;
}
div#pagetop a{
	height: 13px; width: 126px;
	background:  url(../img/btn_top.png)  left top no-repeat;
	text-indent: -9999px;
	display:block;}
	
	


/* footer						##################################### */
	
	div#footer_cal{
		background: url( ../img/footer_br.gif) left top no-repeat;
		padding-top: 20px;
		width: 990px;
		clear: both;
		text-align: center;
		
	}




/* 吹き出し						##################################### */

/*.balloon-blue{
	margin:auto 0;
	width:675px;
}*/


/* ########左吹き出し########*/
div.ana-phot-left{
	float:left;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	font-weight:normal;	
}

#textarea-left{
	float: right;
/*	margin-top:10px;*/
    width:460px;
/*	margin-left: 130px;*/
    margin-bottom:20px;
    position:relative;
}


.balloon-blue ,
.balloon-aqua ,
.balloon-red,
.balloon-green,
.balloon-orange,
.balloon-violet,
.balloon-pink {
	margin-top:10px;
	overflow:hidden;
}

/* 吹き出し枠 */
.balloon-blue .textinner,
.balloon-aqua .textinner,
.balloon-red .textinner,
.balloon-green .textinner,
.balloon-orange .textinner,
.balloon-violet .textinner,
.balloon-pink .textinner{
    padding:15px 20px 15px 20px;
    /* 【角丸】　*/
    border-radius:5px;/* CSS3 */
    -webkit-border-radius:5px;/* Safari,Google Chrome */
    -moz-border-radius:5px;   /* Firefox */
	behavior: url(js/PIE.htc);
	}

.balloon-blue .textinner{ border:2px solid #3450fe;}
.balloon-aqua .textinner{ border:2px solid #39F;}
.balloon-red .textinner{border:2px solid #F33;}
.balloon-green .textinner{border:2px solid #0C6;}
.balloon-orange .textinner{border:2px solid #F90;}
.balloon-violet .textinner{border:2px solid #836BD1;}
.balloon-pink .textinner{border:2px solid #F69;}

	.balloon-blue .textinner p{ color:#3450fe;}
	.balloon-aqua .textinner p{ color:#39F;}
	.balloon-red .textinner p{color:#F33;}
	.balloon-green .textinner p{color:#0C6;}
	.balloon-orange .textinner p{color:#F90;}
	.balloon-violet .textinner p{color:#836BD1;}
	.balloon-pink .textinner p{color:#F69;}


/* 吹き出し三角 */
.balloon-blue  .triangle ,
.balloon-aqua  .triangle ,
.balloon-pink .triangle,
.balloon-red .triangle,
.balloon-green .triangle,
.balloon-violet .triangle,
.balloon-orange .triangle{
content: '';
position: absolute;
width:26px; height:13px;
top: 10px;
left:-24px;

}
.balloon-blue  .triangle{background: url(../img/triangle/blue.gif) left bottom no-repeat;}
.balloon-aqua  .triangle{background: url(../img/triangle/aqua.gif) left bottom no-repeat;}
.balloon-pink .triangle{background: url(../img/triangle/pink.gif) left bottom no-repeat;}
.balloon-red .triangle{background: url(../img/triangle/red.gif) left bottom no-repeat;}
.balloon-green .triangle{background: url(../img/triangle/green.gif) left bottom no-repeat;}
.balloon-violet .triangle{background: url(../img/triangle/violet.gif) left bottom no-repeat;}
.balloon-orange .triangle{background: url(../img/triangle/orange.gif) left bottom no-repeat;}



/* ########右吹き出し########*/

#textarea-right{
/*	margin-top:10px;*/
	float:left;
    width:455px;
/*	margin-right: 150px;*/
    margin-bottom:20px;
    position:relative;
	text-align:center;
	font-weight:normal;
}
div.ana-phot-right{
	float:right;
	
	overflow:hidden;
}

.balloon-blue02,
.balloon-aqua02,
.balloon-red02,
.balloon-green02,
.balloon-orange02,
.balloon-violet02,
.balloon-pink02 {
	margin-top:10px;
	overflow:hidden;
}

/* 吹き出し枠 */
.balloon-blue02 .textinner,
.balloon-aqua02 .textinner,
.balloon-red02 .textinner,
.balloon-green02 .textinner,
.balloon-orange02 .textinner,
.balloon-violet02 .textinner,
.balloon-pink02 .textinner{
    padding:15px 20px 15px 20px;
    /* 【角丸】　*/
    border-radius:5px;/* CSS3 */
    -webkit-border-radius:5px;/* Safari,Google Chrome */
    -moz-border-radius:5px;   /* Firefox */
	behavior: url(js/PIE.htc);
	}

.balloon-blue02 .textinner{ border:2px solid #3450fe;}
.balloon-aqua02 .textinner{ border:2px solid #39F;}
.balloon-red02 .textinner{border:2px solid #F33;}
.balloon-green02 .textinner{border:2px solid #0C6;}
.balloon-orange02 .textinner{border:2px solid #F90;}
.balloon-violet02 .textinner{border:2px solid #836BD1;}
.balloon-pink02 .textinner{border:2px solid #F69;}

	.balloon-blue02 .textinner p{ color:#3450fe;}
	.balloon-aqua02 .textinner p{ color:#39F;}
	.balloon-red02 .textinner p{color:#F33;}
	.balloon-green02 .textinner p{color:#0C6;}
	.balloon-orange02 .textinner p{color:#F90;}
	.balloon-violet02 .textinner p{color:#836BD1;}
	.balloon-pink02 .textinner p{color:#F69;}


/* 吹き出し三角 */
.balloon-blue02  .triangle ,
.balloon-aqua02  .triangle ,
.balloon-pink02 .triangle,
.balloon-red02 .triangle,
.balloon-green02 .triangle,
.balloon-violet02 .triangle,
.balloon-orange02 .triangle{
content: '';
position: absolute;
width:26px; height:13px;
top: 10px;
right:-24px;

}
.balloon-blue02  .triangle{background: url(../img/triangle/blue02.gif) left bottom no-repeat;}
.balloon-aqua02  .triangle{background: url(../img/triangle/blue02.gif) left bottom no-repeat;}
.balloon-pink02 .triangle{background: url(../img/triangle/pink02.gif) left bottom no-repeat;}
.balloon-red02 .triangle{background: url(../img/triangle/red02.gif) left bottom no-repeat;}
.balloon-green02 .triangle{background: url(../img/triangle/green02.gif) left bottom no-repeat;}
.balloon-violet02 .triangle{background: url(../img/triangle/violet02.gif) left bottom no-repeat;}
.balloon-orange02 .triangle{background: url(../img/triangle/orange02.gif) left bottom no-repeat;}



div.textinner p{ margin-bottom: 0;}




/* font						##################################### */	

.marugo{ font-family:"HG丸ｺﾞｼｯｸM-PRO", "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
.gothicm{ font-family:"HGｺﾞｼｯｸM", "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
.minchom{ font-family:"HGP明朝E", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.eikakupop{ font-family:"HGS創英角ﾎﾟｯﾌﾟ体", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}




.gothic-m-pro{
	font-family:'HG丸ｺﾞｼｯｸM-PRO', 'ＭＳ ゴシック', 'Osaka－等幅', Osaka-mono, monospace; 
}
.gothic-e{
	font-family:'HGPｺﾞｼｯｸE', 'ＭＳ ゴシック', 'Osaka－等幅', Osaka-mono, monospace; 
}
.gothic-ub{
	font-family:'HGP創英角ｺﾞｼｯｸUB', 'ＭＳ ゴシック', 'Osaka－等幅', Osaka-mono, monospace; 
}
.gothic-m{
	font-family:'HGPｺﾞｼｯｸM', 'ＭＳ ゴシック', 'Osaka－等幅', Osaka-mono, monospace; 
}
.eikakupop{ font-family:"HGS創英角ﾎﾟｯﾌﾟ体", "メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
div.normal a,
div.gothic-e a{ font-size: 14px;}
/*p.phot-center img,
ul.phot-center li img{
	border-radius: 10px;
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px; 
	behavior: url(../../common/js/PIE.htc);
}*/
.sp p.phot-center img{ padding-top: 0;}

.photo-center{
	text-align:center;
	margin:20px auto !important;
}



div.more_image {
    background: none repeat scroll 0 0 #d4cabb;
    border: 1px solid #d4cabb;
	color:#FFF;
    box-sizing: border-box;
    font-size: 90%;
    text-align: center;
    width: 100%;
	height: 40px;

}
.sp div#contents-left{border-bottom: dotted 2px #d4cabb!important;}
ul#list_more05,
ul#list_more{
	margin-left: 15px;
    overflow: hidden;
    padding: 5px 0 6px;
    width: 235px;
}
	ul#list_more05 li,
	ul#list_more li{
		border-bottom: 1px dotted #d5d5d5;
		overflow: hidden;
		padding-bottom: 10px;
		padding-top: 5px;
		width: 220px;
	}
	ul#list_more li.box-txt-end{
		border: none;
	}
	.more_image p{
		height: 20px;
		color:#FFF;
		font-size: 16px;
		font-weight:bold;
	}
.sp img {
    max-width: 100% !important;
}
.sp  .balloon-aqua  .triangle{ background: none;}