@charset "euc-jp";


/*--- basic ---*/
*			 { margin: 0; padding: 0; }
body		 {
	height:100%;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.9;
	color: #444444;
	background-color: #ffffff;
	background-image: url(../img/css/back_dots.png);
	background-attachment: fixed;
	overflow: scroll;
}

a:link		 { color: #1122cc; }
a:visited	 { color: #6611cc; }
a:hover		 { color: #ff6347; }
a:active	 { color: #ff6347; }
.opa:hover	 { opacity: 0.7; }

a img			 { border: none; }
a img:hover		 { opacity: 0.7; }
.opa1 img:hover	 { opacity: 1; }


/*--- img size ---*/
.img50per		 { width: 50%; }
.gallery		 {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 5px;
	width: 170px;
	height: 170px;
	background-size: cover;
}


/*--- img size keeper ---*/
.banner			 { width: 200px; height: 40px; }
.count_day		 { width: 21px; }
.count_all		 { width: 42px; }


/*--- block ---*/
#wrapper		 { width: 820px; margin: 0px auto; text-align: left; }
.nakami			 { margin: 0px 10px; }
p				 { text-indent: 5px; }
.comm			 { text-indent: 5px; }
.commarea		 { background-color: #ffffdd; }


/*--- decoration ---*/
h1				 { color: #40b555; text-indent: 5px; }
h3				 { color: #ff8080; }
.line_slash		 { margin: 0px; text-align: left; background-image: url(../img/css/line_slash.png); background-repeat: repeat-x; background-color: #ffffff; clear:both; }


/*--- sample link ---*/
.sample			 {
		height: 45px;
		width: 160px;
		color: #ffffff;
		font-size: 25px;
		padding-left: 20px;
		border-radius: 10px;
		background-color:#74DF00;
}
.sample:hover	 { color: #74DF00; background-color: #ffffaa; }


/*--- common ---*/
.center			 { text-align: center; }
.right			 { text-align: right; }
.left			 { float: left; }
.clear			 { clear: both; }


/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}