@charset "UTF-8";
/* CSS Document */

/*共通========================================*/
.right{
	float:right;
}
#news a:link{
	color:#000000;
}
#news a:hover{
	color:#CCCCCC;
}
#news a:visited{
	color:#000000;
}


/*クラブ案内　club--------------------*/
.instructor_photo{
	margin-bottom:30px;
	float:left;
}
.name{
	margin-top:20px;
	margin-left:30px;
	padding-left:20px;
	border-left:#2C7014 5px solid;
	float:left;
}
#instructor .history{
	border-bottom:#CCCCCC dotted 1px;
	clear:both;
}
#instructor .history:last-child{
	margin-bottom:0px;
	border-bottom:none;
}
.history p{
	margin-bottom:10px;
}
.history dl{
	clear:both;
}
/*練習場所*/
#practicelocation table{
	margin-top:20px;
	margin-bottom:30px;
}
#practicelocation table img{
	margin-right:10px;
}
#practicelocation table p{
	font-size:14px;
}
/*練習日・練習時間*/
#practicetime table{
	margin-left:20px;
	margin-bottom:20px;
}
#practicetime th{
	text-align:left;
	font-weight:100;
	vertical-align:top;
}
#practicetime td{
	vertical-align:top;
}
#practicetime .txt{
	margin-left:22px;
	margin-bottom:30px;
}
/*入会方法*/
#admission h3,
#spirit h3{
	margin-top:30px;
}
#admission h3:first-child,
#spirit h3:first-child{
	margin-top:0px;
}
#admission .txt,
#spirit .txt{
	margin-left:22px;
}
#admission table{
	margin-left:20px;
}
#admission th{
	width:400px;
	text-align:left;
	font-weight:100;
}
/*練習内容　practice--------------------*/
.number{
	margin-right:15px;
	margin-bottom:10px;
	float:left
}
#practice p{
	margin-bottom:10px;
	float:left;
}
#practice .photo_box{
	height:auto;
	margin-bottom:30px;
	clear:both;
}
#practice .photo_box img{
	margin-right:3px;
	margin-bottom:3px;
}
/*色帯の課題　problem--------------------*/
#glossary th{
	font-weight:100;
	text-align:left;
	color:#FFFFFF;
	background-color:#9CB880;
	border-bottom:#999999 1px solid;
}
#glossary td{
	border-bottom:#999999 1px solid;
}
#glossary .table-l{
	border:#999999 1px solid;
}
#glossary .table-r{
	border-top:1px solid;
	border-bottom:1px solid;
	border-right:1px solid;
	border-color:#999999;
}
#glossary table{
	margin-bottom:20px;
	border-collapse:collapse;
	float:left;
}
#glossary p{
	margin-bottom:5px;
	clear:both;
}
#test table{
	border:#999999 1px solid;
	border-collapse:collapse;
	margin-bottom:30px;
	table-layout: fixed;
}
#test th{
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	vertical-align:top;
	border-top:#999999 1px solid;
}
#test td{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
	border-left:#999999 1px solid;
	border-bottom:#999999 1px solid;
	line-height:140%;
}
#test table img{
	padding-top:20px;
}
#test tr td:nth-of-type(1) {
	background-color:#EEEEEE;
}
#test tr td:nth-of-type(2) {
	vertical-align:middle;
}
.yellow{
	background-color:#FFFF00;
}
.green{
	background-color:#008C23;
}
.blue{
	background-color:#3836F4;
}
.red{
	background-color:#D90000;
}
/*よくある質問　qanda--------------------*/
#qanda .q{
	border-bottom:#CCCCCC dotted 1px;
	color:#3F6633;
	font-weight:bold;
	clear:both;
}
#qanda .answer{
	margin-top:5px;
	color:#68A553;
	font-weight:bold;
	float:left;
}
#qanda .a{
	margin-top:5px;
	margin-bottom:50px;
	float:right;
}
/*お問い合わせ　contact--------------------*/
#form p{
	margin-bottom:20px;
}
#form .input-text{
	height:30px;
}
#form th{
	padding-top:10px;
	padding-bottom:5px;
	font-weight:100;
	text-align:left;
}
/*リンク　link--------------------*/
#link .area{
	border-bottom:#CCCCCC dotted 1px;
	color:#3F6633;
	font-weight:bold;
	margin-bottom:10px;
	clear:both;
}
#link ul{
	margin-bottom:30px;
	list-style-type:none;
}
#link li{
	padding-bottom:5px;
}



/*641以上表示========================================*/
@media screen and (min-width: 640px){
	
/*トップページ　index--------------------*/
#news{
	border:#CCCCCC 1px solid;
	margin-bottom:30px;
}
#news dt a{
	padding-bottom:10px;
}
#news dd{
	width:590px;
	padding-bottom:20px;
	border-bottom:#CCCCCC 1px dotted;
}
#news .excerpt a{
	font-size:14px;
	line-height:150%;
}
	
	
	
	
/*ヘッダー*/
header{
	border-top:#204000 10px solid;
	margin-bottom:30px;
}
header .contents p{
	margin-top:30px;
	margin-bottom:20px;
	font-size:12px;
	line-height:120%;
	color:#545454;
	float:left;
}
.contents .top{
	margin-bottom:30px;
}
.contents .top_img{
	margin-top:30px;
}	
/*記事ページ--------------------*/
#list{
	width:650px;
	float:right;
}
.article{
	/*border:#CCCCCC 1px solid;*/
}
.article dl{
	width:590px;
	margin:30px auto;
}
.article dt{
	width:120px;
	font-size:18px;
}
.article dd{
	width:590px;
	margin:0px auto 0px;
	font-size:16px;
}
.article .blog_ttl a{
	width:590px;
	font-size:22px;
	margin-bottom:10px;
}
.article dd.con{
	border-top:#CCCCCC 1px dotted;
	padding-top:10px;
	margin-bottom:30px;
	clear:both;
}
#list a:link,
#list a:visited{
	color:#000000;
}
#list a:hover{
	color:#CCCCCC;
}
.page{
	width:590px;
	margin:0px auto 0px;
}
.next{
	float:right;
}
.prev{
	float:left;
}

#bnr{
	width:650px;
	float:right;
	margin-bottom:30px;
}

/*トップページ　index--------------------*/
.salutation{
	width:650px;
	margin-bottom:30px;
	float:right;
}
#news{
	width:650px;
	float:right;
}
#news dl{
	width:590px;
	margin-left:auto;
	margin-right:auto;
}
#news dt{
	width:120px;
	float:left;
	font-size:16px;
}
#news dd{
	width:470px;
	margin-bottom:10px;
	float:left;
	font-size:16px;
}
#schedule iframe{
	width:600px;
}


/*テコンドーとは　about--------------------*/
#about img{
	float:right;
}
#about p{
	width:400px;
	float:left;
}
#rules p{
	width:600px;
	margin-bottom:30px;
}
#rules h3{
	margin-bottom:10px;
}
#rules .txt{
	width:560px;
	font-size:14px;
	margin-top:10px;
	clear:both;
}
#rules .photo_box{
	width:600px;
}
#rules .photo_box img{
	margin-right:10px;
}
/*クラブ案内　club--------------------*/
/*指導員紹介*/
.name span{
	font-size:18pt;
	font-weight:200;
}
#instructor .history{
	margin-bottom:50px;
	padding-bottom:50px;
}
.history dt,dd{
	padding-bottom:5px;
	font-size:14px;
	float:left;
}
.history dt{
	width:130px;
}
.history dd{
	width:480px;
}
/*練習日・練習時間*/
#practicetime th{
	width:60px;
}
/*入会方法*/
#admission h3,
#spirit h3{
	margin-top:30px;
}
#admission h3:first-child,
#spirit h3:first-child{
	margin-top:0px;
}
#admission .txt,
#spirit .txt{
	margin-left:22px;
}
#admission table{
	margin-left:20px;
}
#admission th{
	width:400px;
	text-align:left;
	font-weight:100;
}
/*練習内容　practice--------------------*/
#practice p{
	width:560px;
}
#practice .photo_box{
	width:620px;
}
/*色帯の課題　problem--------------------*/
#glossary table{
	width:300px;
}
#glossary th{
	width:120px;
	height:25px;
	padding-left:20px;
	font-size:14px;
}
#glossary td{
	width:180px;
	height:25px;
	padding-left:20px;
	font-size:14px;
}
#test table{
	width:600px;
}
#test th{
	width:90px;
	font-size:14px;
}
#test td{
	font-size:14px;
}
#test td span{
	font-size:12px;
}
#test tr td:nth-of-type(1) {
	background-color:#EEEEEE;
}
#test tr td:nth-of-type(2) {
	vertical-align:middle;
}
/*よくある質問　qanda--------------------*/
#qanda{
	width:650px;
	float:right;
}
#qanda .q{
	border-bottom:#CCCCCC dotted 1px;
	color:#3F6633;
	font-weight:bold;
	clear:both;
}
#qanda .answer{
	width:30px;
}
#qanda .a{
	width:620px;
}
/*お問い合わせ　contact--------------------*/
#form{
	width:650px;
	margin-bottom:50px;
	float:right;
}
#form p{
	margin-top:50px;
}
#form th,
#form td{
	display:block;
}
#form textarea,
#form td input{
	width:500px;
}
#form textarea{
	height:200px;
}
input[type="button"]{
	width:100px;
	text-align:center;
}
/*#form .input-text{
	width:500px;
}
#form .input-text-content{
	width:500px;
}*/
/*リンク　link--------------------*/
#link{
	width:650px;
	margin-bottom:50px;
	float:right;
}
/*アルバム　album--------------------*/
#album{
	width:650px;
	margin-bottom:50px;
	float:right;
}
.album_box{
	width:160px;
	margin-right:30px;
	float:left;
}
#album p{
	width:160px;
	height:50px;
	font-size:14px;
	line-height:140%;
	margin-top:5px;
	margin-bottom:30px;
}
}

/*640以下表示========================================*/
@media screen and (max-width:640px){	
/*トップページ*/
.right{
	margin-left:10px;
}

#bnr{
	width:100%;
	margin-bottom:30px;
}
#bnr img{
	width:100%;
	height:auto;
}

/*トップページ　index--------------------*/
#news{
	border:#CCCCCC 1px solid;
	margin-bottom:30px;
}
#news dt a{
	padding-bottom:10px;
}
#news dd{
	width:590px;
	padding-bottom:20px;
	border-bottom:#CCCCCC 1px dotted;
}
#news .excerpt a{
	font-size:14px;
	line-height:120%;
}



header{
	width:100%;
	position:fixed;
	background-color:#204000;
	border-bottom:#488533 10px solid;
	margin-bottom:20px;
}
header .contents{
	width:90%;
	padding:10px 0px 10px;
}
.top,
.top_img{
	width:100%;
	height:auto;
	margin-top:110px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
header .contents p{
	margin-top:30px;
	margin-bottom:15px;
	font-size:20px;
	line-height:120%;
	color:#545454;
}
.salutation{
	width:100%;
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}


#news{
	width:100%;
}
#news dl{
	width:85%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}
#news dt{
	width:100%;
	font-size:20px;
}
#news dd{
	width:100%;
	margin-bottom:10px;
	font-size:20px;
}
#schedule iframe{
	width:100%;
	height:400px;
}
/*テコンドーとは　about--------------------*/
#about .box img{
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:20px;
}
#rules p{
	margin-bottom:20px;
}
#rules h3{
	margin-bottom:10px;
}
#rules .txt{
	font-size:18px;
	margin-top:10px;
	margin-bottom:50px;
	clear:both;
}
#rules .photo_box{
	width:100%;
}
#rules .photo_box img{
	margin-right:10px;
	margin-bottom:10px;
}
/*クラブ案内　club--------------------*/
/*指導員紹介*/
.name{
	font-size:16pt;
}
.name span{
	font-size:20pt;
	font-weight:200;
}
#instructor .history{
	margin-bottom:80px;
	padding-bottom:20px;
}
.history p{
	font-size:16px;
}
.history dt,dd{
	font-size:18px;
}
.history dd{
	line-height:130%;
	margin-bottom:20px;
}
/*練習*/
/*練習場所*/
#practicelocation table{
	width:100%;
}
#practicelocation td img{
	width:100%;
	height:auto;
}
/*練習内容　practice--------------------*/
#practice p{
	width:85%;
}
#practice .photo_box{
	width:100%;
}

/*色帯の課題　problem--------------------*/
#glossary table{
	width:50%;
}
#glossary table:last-child{
	margin-bottom:50px;
}
#glossary th{
	width:50%;
	height:30px;
	padding-left:10px;
	font-size:16px;
}
#glossary td{
	height:30px;
	padding-left:10px;
	font-size:16px;
}
#test{
	clear:both;
}
#test table{
	width:100%;
}
#test th{
	width:90px;
	font-size:16px;
}
#test td{
	font-size:16px;
}
#test td span{
	font-size:14px;
}
#test tr td:nth-of-type(1) {
	width:40%;
	background-color:#EEEEEE;
}
#test tr td:nth-of-type(2) {
	width:60%;
	vertical-align:middle;
}
/*よくある質問　qanda--------------------*/
#qanda{
	width:100%;
}
#qanda .a{
	width:92%;
}

/*お問い合わせ　contact--------------------*/

#form{
	width:100%;
	margin-bottom:50px;
}
#form p{
	margin-bottom:20px;
}
#form th,
#form td{
	display:block;
}
#form textarea,
#form td input{
	width:100%;
}
#form td textarea{
	height:200px;
}
input[type="button"]{
	width:100px;
	text-align:center;
}

/*#form .input-text{
	width:100%;
	height:30px;
}
#form .input-text-content{
	width:100%;
}*/

/*リンク　link--------------------*/
#link{
	width:100%;
	margin-bottom:50px;
	float:right;
}
/*アルバム　album--------------------*/
#album{
	width:100%;
	margin-bottom:50px;
}
.album_box{
	width:40%;
	margin-right:30px;
	float:left;
}
#album p{
	width:100%;
	height:80px;
	font-size:16px;
	line-height:140%;
	margin-top:5px;
	margin-bottom:30px;
}




/*記事ページ--------------------*/
#list{
	width:100%;
}
.article{
	/*border:#CCCCCC 1px solid;*/
}
.article dl{
	width:100%;
	margin:30px auto;
}
.article dt{
	font-size:18px;
}
.article dd{
	width:100%;
	margin:0px auto 0px;
	font-size:16px;
}
.article .blog_ttl a{
	width:100%;
	font-size:22px;
	margin-bottom:10px;
}
.article dd.con{
	border-top:#CCCCCC 1px dotted;
	padding-top:10px;
	margin-bottom:30px;
	clear:both;
	font-size:12px;
}
#list a:link,
#list a:visited{
	color:#000000;
}
#list a:hover{
	color:#CCCCCC;
}
.page{
	width:100%;
	margin:0px auto 30px;
	padding-bottom:30px;
}
.next{
	float:right;
}
.prev{
	float:left;
}








}