@charset "utf-8";
@import url("global.css");

/* ------------------------------
 Index-Page
------------------------------ */

section#main {
	margin: 10px;
}
#title {
	background-color: #EAE7D5;
	color: #4C4638;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFF;
	padding: 6px 12px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;
}
#title span {
	color: #F29920;
	font-weight: inherit;
}
ul.list {
}
ul.list > li {
	margin:10px 0;
	border:1px solid #CCCCCC;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:10px;
	background-color:#FFF;
}
ul.list li h2 {
}
ul.list li h2 a {
	display: block;
	padding:5px 10px;
	background-color:#7E7A6D;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	color:#FFF;
}
ul.list li ul {
	margin: 10px 0;
}
ul.list li ul li {
	background-size:60px 18px;
	-webkit-background-size:60px 18px;
	-moz-background-size:60px 18px;
	padding-left:70px;
	margin:5px 0;
	color: #4D4638;
}
ul.list li ul li.kyuyo {
	background:url(../img/icon_kyuyo.png) no-repeat left top;
		background-size:60px 18px;
	-webkit-background-size:60px 18px;
	-moz-background-size:60px 18px;

}
ul.list li ul li.kikan {
	background:url(../img/icon_kikan.png) no-repeat left top;
		background-size:60px 18px;
	-webkit-background-size:60px 18px;
	-moz-background-size:60px 18px;

}
ul.list li ul li.kinmu {
	background:url(../img/icon_kinmu.png) no-repeat left top;
		background-size:60px 18px;
	-webkit-background-size:60px 18px;
	-moz-background-size:60px 18px;

}
ul.list li ul li.jikan {
	background:url(../img/icon_jikan.png) no-repeat left top;
		background-size:60px 18px;
	-webkit-background-size:60px 18px;
	-moz-background-size:60px 18px;

}
ul.list li p.txt {
	border-top:1px dotted #CCCCCC;
	margin-top:10px;
	padding:8px 2px;
	color: #4D4638;
	font-size: 12px;
}
ul.list li p.button {
	background-color:#E98B0E;
	background:-webkit-gradient(linear, left top, left bottom, from(#F5B45A), to(#E98B0E));
	background:-moz-linear-gradient(top, #F5B45A, #E98B0E);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;
}
ul.list li p.button a {
	display: block;
	color:#FFF;
	text-shadow:1px 1px 2px #8A5309;
	padding: 5px 15px;
	font-weight: bold;
	background: url(../img/arrow.png) no-repeat right center;
	background-size: 30px 28px;
	-webkit-background-size: 30px 28px;
	-moz-background-size: 30px 28px;
}

/* ---------- pagilink ---------- */

.page_link {
	text-align: center;
	clear: both;
	margin: 14px 0;
}
.page_link .current_page {
	border: #809551 1px solid;
	background-color: #A9BE78;
	padding: 4px 10px;
	color: #FFF;
	font-weight: bold;
}
.page_link a {
	border: #CCC 1px solid;
	padding: 4px 10px;
}
.page_link a:hover {
	border: #DF853A 1px solid;
	background-color: #F3A843;
	color: #FFF;
}

/* ------------------------------
 Entry-Page
------------------------------ */

.entrytitle {
	background-color: #EAE7D5;
	color: #4C4638;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFF;
	padding: 6px 12px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;
}
#main .main {
	margin:10px 0;
	border:1px solid #CCCCCC;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:10px 6px;
	background-color:#FFF;
}
.main .kodawari {
	margin: 0 0 12px;
	border-top: #FFC71E 1px solid;
	border-bottom: #FFC71E 1px solid;
	padding: 1px 0;
}
.main .kodawari ul {
	padding: 8px 0 2px 5px;
	background-color: #FFF1C8;
	overflow: hidden;
}
.main .kodawari ul li {
	margin: 0 0 6px 8px;
	padding: 0 4px;
	float: left;
	height: 20px;
	line-height: 20px;
	display: inline;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background-color: #F3A843;
	border: #DF853A 1px solid;
}
.main .comment {
	padding: 0 6px;
	font-size: 12px;
	margin-bottom: 10px;
}
#main .image {
	margin: 0 auto 10px;
	width: 240px;
	padding: 1px;
	border: #EAE7D5 1px solid;
}
#main dl.data {
	border-bottom: #CCC 1px dotted;
}
#main dl.data dt {
	display: block;
	background-color: #EAE7D5;
	padding: 5px 10px;
	font-weight: bold;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#main dl.data dd {
	padding: 5px 10px 6px;
}
#main ul.button {
	margin: 16px 0 6px;
}
#main ul.button li {
	text-align: center;
	margin: 10px 0 0 0;
}
#main ul.button li input {
	width: 280px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
}
#main ul.button li input.contact {
	height: 50px;
	background: url(../img/bt_contact.png) no-repeat left top;
	background-size: 280px 50px;
	-webkit-background-size: 280px 50px;
	-moz-background-size: 280px 50px;
}
#main ul.button li input.entry {
	height: 60px;
	background: url(../img/bt_entry.png) no-repeat left top;
	background-size: 280px 60px;
	-webkit-background-size: 280px 60px;
	-moz-background-size: 280px 60px;
}