/*
Theme Name: AKG
Theme URI: http://akg-iinaa.sakura.ne.jp
Author: TNG
Author URI: http://akg-iinaa.sakura.ne.jp
Version: 1.0
*/

body {
	font-size: 14px;
	font-family: Arial, Verdana;
}

a {
	text-decoration: none;
}

p {
	padding-bottom: 14px;
	margin: 0;
	line-height: 1.8;
}

p.small {
	font-size: 10px;
}

.container {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}

#top-image {
	margin: 5px auto 0;

}

h3 {
	clear: both;
	font-size: 26px;
	color: #FFFFFF;
	background: #3333CC;
	border: 3px solid #3333CC;
	margin: 10px auto;
	text-indent: 10px;
	background-image: -moz-linear-gradient(top, #55e 0%, #44d 50%, #33c 50%, #44d 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55e), color-stop(0.50, #44d), color-stop(0.50, #33c), color-stop(1, #44d));
	border:1px solid #11a;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
				 -1px 0px 0px rgba(225,225,225,0.3) inset,
				  0px 1px 1px rgba(0,0,0,0.1) inset,
				  0px -1px 1px rgba(0,0,0,0.3) inset,
				  0px 1px 3px #33c;
}

	span {
			display:block;
			border-bottom:solid 3px #FFFFFF;
		}

h4 {
	font-size: 32px;
	font-style: italic;
	font-weight: bold;
	clear: both;
	margin: 12px 0 0 0;
	border-left: 5px solid #FFCC00;
	text-indent: 8px;
}

h5 {
	font-size: 24px;
	margin: 3px 0 0 0;
	color: #1F497D;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* header */
#header {

}
	h1 {
		font-size: 38px;
		padding: 0;
	}

	h1 a:link {
		color: #33c;
	}

	h1 a:visited {
		color: #33c;
	}

	p#sub_title {
		margin: 0;
		padding: 0;
		font-size: 14px;
		line-height: 1em;
	}

	div#top-left {
		float: left;
	}

	div#top-right {
		width:260px;
		float: right;
	}

/* タイトルの右のバナー */
	#top-idai {
		width: 130px;
		height: 75px;
		margin: 15px;
		text-align: center;
		font-weight: bold;
		display: block;
		color: #fff;
		font-size: 36px;
		background: #33c;
		line-height: 1em;
		float:left;
	}

	#top-idai a:visited {
		color: #fff;
	}

	#top-idai p {
		width: 110px;
		margin: 0 auto;
		padding: 5px;
		text-align: center;
		font-size: 12px;
		line-height: 1em;
	}

	img.itioshi {
		float:right;
	}
/* バナーここまで */

/* menu */
.menu {
	clear: both;
	width: 900px;
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

	.menu > li {
		float: left;
		width: 150px;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.menu a {
		width: auto;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-shadow: 0 -1px 0px #22b, 0 1px 0px #33c;
		padding: 10px 0;
		text-decoration: none;
		display: block;
		background: #33C;
		background-image: -moz-linear-gradient(top, #55e 0%, #44d 50%, #33c 50%, #44d 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55e), color-stop(0.50, #44d), color-stop(0.50, #33c), color-stop(1, #44d));
		border-left:1px solid #11a;
		box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
					 -1px 0px 0px rgba(225,225,225,0.3) inset,
					  0px 1px 1px rgba(0,0,0,0.1) inset,
					  0px -1px 1px rgba(0,0,0,0.3) inset,
					  0px 1px 3px #33c;
	}

	.menu li:first-child a {
		border-radius: 5px 0 0 5px;
		border-left:0;
		box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
					  0px 1px 1px rgba(0,0,0,0.1) inset,
					  0px -1px 1px rgba(0,0,0,0.3) inset,
					  0px 1px 3px #33c;
	}

	.menu li:last-child a {
		border-radius: 0 5px 5px 0;
		box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
					  0px 1px 1px rgba(0,0,0,0.1) inset,
					  0px -1px 1px rgba(0,0,0,0.3) inset,
					  0px 1px 3px #33c;
	}

	.menu a:hover {
		background: #22b;
		background-image: -moz-linear-gradient(top, #22b 0%, #11a 50%, #009 50%, #11a 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #22b), color-stop(0.50, #11a), color-stop(0.50, #009), color-stop(1, #11a));
		box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
					 -1px 0px 0px rgba(225,225,225,0) inset,
					  0px 1px 1px rgba(0,0,0,0.1) inset,
					  0px -1px 1px rgba(0,0,0,0.3) inset,
					  0px 1px 3px #33c;
	}

/* posts */
#posts {
	float:left;
	width: 600px;
}

div#posts.teachers {
	width: 900px;
}

	.post {
		/*margin-bottom: 30px;*/
	}

		.post-header {
			/*margin-bottom: 15px;*/
		}

			.post-header h2 {
				font-size: 16px;
				font-weight: bold;
			}

			.post-meta {
				font-size: 12px;
				padding: 7px 0;
				color: #555;
			}

		.post-content {
			overflow: hidden;
		}

		.informations {
			background: #ffe5f2;
			border: solid 1px;
			height: 300px;
			overflow: auto;
		}

		.information {
			font-size: 12px;
			margin: 5px;
			padding: 0px;
		}

		.information p {
			margin: 5px;
			padding: 0px;
		}

		.teachers .post {
			margin: 5px;
			border: solid 2px #33c;
			height: 120px;
			width: 420px;
			float: left;
		}

		.teacher-image {
			float: left;
			width: 110px;
			height: 120px;
		}

		.teacher-image img {
			margin: 10px 5px;
		}

		.teacher-data {
			float: right;
			width: 300px;
			height: 120px;
		}

		.teacher-data p {
			padding: 0;
		}

			.post-content .attention {
				color: red;
				font-size: 26px;
				text-align: center;
			}

			.post-image {
				float: left;
				width: 180px;
			}

			.post-body {
				
			}

			.post-body ul {
				float: right;
				width: 420px;
			}

			.interview-intro {
				font-weight: bold;
				font-style: italic;
			}

			.interview-last {
				clear: both;
				font-weight: bold;
				font-style: italic;
			}

			.interview-q {
				clear: both;
				font-weight: bold;
				font-style: italic;
			}

			table.price {
				font-size:20px;
				width: 580px;
				border: solid 3px;
				margin: 0 auto;
			}

			table.price .akg {
				color: red;
			}

			table.price th.akg {
				color: #FFD700;
				background: #4169E1;
			}

			table.price th {
				text-align: center;
				color: #333;
				background-color: #eee;
				border: 1px solid #b9b9b9;
			}
	
			table.price td {
				text-align: center;
				background-color: #fff;
				border: 1px solid #b9b9b9;
			}

			table.price_hour {
				font-size:20px;
				width: 400px;
				border: solid 3px;
				margin: 0 auto;				
			}

			table.price_hour th {
				text-align: center;
				color: #FFFFFF;
				background: #1E90FF;
				border: 1px solid #b9b9b9;
			}
	
			table.price_hour td {
				text-align: center;
				color: #FFD700;
				background: #4169E1;
				border: 1px solid #b9b9b9;
			}

			table.schedule {
				width: 420px;
				border: solid 2px;
			}

			table.schedule th {
				text-align: center;
				border: solid 1px;
				background: #ffe5f2;
			}

			table.schedule td {
				text-align: center;
				border: solid 1px;
			}

			.wpcf7 {
				border: 3px solid;
			}

			span.wpcf7-list-item {
				float: left;
			}

/* sidebar */
#sidebar {
	float:right;
	width: 280px;
	margin-left: 20px;
}
	#sidebar img.wp-post-image {
		border: solid 3px #33c;
	}

	#sidebar #information p {
		font-size: 18px;
		font-weight: bold;
	}

	.widget {
		margin-bottom: 25px;
	}

		.widget h3 {
			font-weight: bold;
			padding-bottom: 7px;
		}

		.widget li {
			line-height: 1.8;
		}

	#sidebar h5 {
		font-size: 18px;
		clear: both;
	}

	.arrow {
		margin: 0 auto 20px;
		height: 30px;
		width: 200px;
		border: solid 3px #33c;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}

	/*右向き矢印*/
	.arrow-left{
		margin-left: 16px;
		margin-top: 8px;
		float: left;
	  position: relative;
	  width: 0;
	  height: 0;
	  border: 8px solid transparent;
	  border-left-color: #33c;
	}

	.arrow-left:after{
	  position: absolute;
	  content: '';
	  top: -4px;
	  left: -16px;
	  width: 8px;
	  height: 8px;
	  background: #33c;
	}

	p.arrow-right {
		margin: 0;
		padding: 0;
		float: left;
		width: 150px;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
	}

/* footer */
#footer {

}

	#footer p {
		margin: 15px 0;
		font-size: 12px;
		color: #aaa;
		border-top: 1px solid #ccc;
	}