/*共通css*/
body{
	padding: 0;
	margin: 0;
	background-color: #FFF;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN;
	color: #333;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height:0;
  visibility: hidden;
}

.clearfix { *zoom:1; }/*IE6/7*/

/*ヘッダー*/
#header {
	width: 100%;
	background: url(../img/header/header_back.gif) left top repeat-x;
}
	#header_text {
		margin:0 auto;
		width: 1031px;
		height: 98px;
		cleat:both
	}
		#index #header_text h1,
		#under #header_text div.toptitle{
			float:left;
			font-size:12px;
			margin-top:18px;
		}
		#header_text #header_logo img{
			float:left;
			width:89px;
			height:89px;
			padding-left:53px;
			padding-right:7px;
			margin-top: 4px;
		}
		#header_text #contact_block {
			float:right;
			line-height: 1.9em;
			font-size: 10px;
			margin-right:103px;
			margin-top:16px;
			color: #333
		}
			#header_text #contact_block a{
				font-size: 12px;
			}
			#header_text #contact_block a {
				text-decoration: none;
			}
			#header_text #contact_block a:link,
			#header_text #contact_block a:visited {
				color: #000;
			}
			#header_text #contact_block a:active,
			#header_text #contact_block a:hover {
				color: #e90d46;
			}
	#nav{
		height:35px;
		background-color:#21374F;
		width:100%;
		margin:0 auto;
	}
		#nav ul{
			width:1031px;
			margin:0 auto;
		}
		#nav ul li{
			background:#21374F;
			float:left;
			text-align:center;
			font-size:80%;
			line-height:150%
		}
			#nav ul li a{
				color: #ffffff;
				display: block;
				width:171px;
				padding:8px 0
			}
			#nav ul li:hover{
				background: #87898B;
			}
/*コンテンツ*/
#contents_wrap {
	width: 1031px;
	margin: 0 auto;
	line-height:1.2em
}
	#contents_contact {
		width: 100%;
		text-align:right;
		padding:0;
		overflow:hidden;
		margin-top:15px
	}
		#contents_contact a {
			display:inline-block;
			padding:7px 12px;
			text-align: center;
			text-decoration: none;
			font-size: 14px;
			background-color: #f87403;
			margin-right: 300px;
		}
			#contents_contact a:link,
			#contents_contact a:visited {
				color: #FFF;
			}
			#contents_contact a:active,
			#contents_contact a:hover {
				color: #152C5F;
			}
	#contents{
		width: 1010px;
		margin:0 auto
	}
		#under h1{/*下層ページ*/
			margin-bottom:30px;
			margin-top:50px;
			font-size: 20px;
			font-weight:bold;
			line-height:120%
		}
			#under h1.top{/*下層ページ*/
				margin-top:30px;	
			}
			#under h1 span{/*下層ページ*/
				color:#6C6;
				padding-right:3px;
				font-size:28px	
			}
		h2{
			margin-bottom:30px;
			margin-top:50px;
			font-size: 20px;
			font-weight:bold;
			line-height:120%
		}
			h2.top{
				margin-top:30px;	
			}
			h2 span{
				color:#6C6;
				padding-right:3px;
				font-size:28px	
			}
		h3{
			margin-bottom:30px;
			margin-top:50px;
			font-size: 20px;
			font-weight:bold
		}
		#contents_main{
			float:left;
			width: 690px;
			font-size: 13px;
			margin-right: 22px;
			margin-bottom: 20px;
		}
			#index #contents_main .text_block{
				line-height:1.4em
			}
			#under #contents_main .text_block{
				line-height:1.5em
			}
				#contents_main .text_block p {
					margin-bottom: 1em;
				}
					#index #contents_main .text_block .coursemenu{
						background-color:#ffffff;
						width: auto;
						padding:10px;
						margin-top:20px;
						padding-bottom:auto;
						overflow:hidden;
						border-bottom:1px #CCC solid;
						font-size: 13px;
					}
					#under #contents_main .text_block .coursemenu{
						background-color:#ffffff;
						width: auto;
						padding:10px;
						margin-top:20px;
						padding-bottom:auto;
						overflow:hidden;
						border-bottom:2px #CCC dotted;
						font-size: 13px;
					}
						#under #contents_main .text_block .style01{
							border-bottom:0;
						}
						#index #contents_main .text_block .coursemenu img{/*トップページ画像*/
							float:left;
							margin-right:10px;
						}
						#under #contents_main .text_block .coursemenu img{/*下層ページ画像*/
							float:left;
							margin-right:10px;
							width:115px;
							height:auto
						}
						#index #contents_main .text_block .coursemenu .title{
							font-size: 15px;
						}
						#under #contents_main .text_block .coursemenu .title{
							font-size: 14px;
						}
						#contents_main .text_block .coursemenu .title a{
							text-decoration:none
						}
						#index #contents_main .text_block .coursemenu .coursemenu_disc{
							font-size: 12px;
						}
						#under #contents_main .text_block .coursemenu .coursemenu_disc{
							font-size: 12px;;
							margin:0 15px
						}
						#contents_main .text_block .coursemenu .coursemenu_disc02{
							font-size: 10px; color: #E2B699;
						}
						#under #contents_main .text_block .coursemenu .table{
							width:90%;
						}		
							#under #contents_main .text_block .coursemenu table{
							margin:0 5%;
								width:90%;
								border:1px solid #09C;
								border-collapse: separate;
							}		
								#under #contents_main .text_block .coursemenu table td{
									width:33%;
									border:1px solid #09C;
									padding:9px;
									text-align:center
								}						
			#under #contents_main h3 {
				margin-bottom: 20px;
				font-size: 18px;
				font-weight: bold;
				margin-left:0;
				padding:7px;
				color:#069;
				border-left:7px solid #069;
				line-height:1.3em;
				clear:both;
			}
			#index #contents_main h3 {
				margin-bottom: 20px;
				font-size: 18px;
				font-weight: bold;
				margin-left:35px;
				padding:7px;
				color:#069;
				border-left:7px solid #069;
				line-height:1.3em;
				clear:both;
			}

			#contents_main .h3text_block{
				margin-left:35px;
				overflow:hidden;
				margin-bottom:30px
			}
			/*h3のタイトルがある箇所の画像を右に配置　画像（img要素にclassを設定してください）*/
			#contents_main .h3text_block .photo{
				margin-left:20px;
				float:right
			}
			#contents_main .h3text_block p a{
				text-decoration:none	
			}
			#contents_main .h3text_block p a.link{
				text-decoration:underline	
			}
		#contents_right {
			width: 280px;
			float: right;
		}
			#contents_right h2{
				text-align:center;
			}
			#contents_right .info_block {
				width: auto;
				margin-bottom:0;
				padding:8px;
				background-color:#fff8f1;	
				border:#CCC 1px solid; 
			}
				#contents_right .info_block .info_block_left{
					float:left;
					width:60%	
				}
					#contents_right .info_block .info_block_left .title {
						line-height: 1.2em;
						padding: 4px 0 0;
						margin-bottom: 10px;
						font-size: 15px;
						color:#036;
						font-weight:bold
					}
					#contents_right .info_block .info_block_left .text {
						font-size: 13px;
					}
						#contents_right .info_block .info_block_left .text a{
							text-decoration: none;
						}
						#contents_right .info_block .info_block_left .text a:hover{
							text-decoration: underline;
						}
				#contents_right .info_block .info_block_right{
					float:right;
					width:39%	
				}
					/*右バナーの写真を挿入すると自動的に現在表示されているサイズ（幅100%縦横1:1）に変更します*/
					#contents_right .info_block .info_block_right img{
						width:100%;
						height:auto
					}
			#contents_right .all_plan{
				text-align:right;
				font-size:13px;
				margin-top:20px
			}
			#contents_right #banner_otoiawase{
				margin-top:20px;
				text-align:center;
				margin-bottom:30px;
			}
			.news{
				width: auto;
				padding:15px;
				border: solid 1px gray;
				background-color: white
			}
				.news p{
					font-size: 11px; 
					line-height:160%
				}
					.news_layout p.type01 img{
						float:left	
					}
					.news_layout p.type02{
						float:right;
						padding-top:20px;
						padding-right:90px;
						margin-bottom:5px;
						font-size: 16px;
					}
					.news_layout p.type03{
						clear:both;
					}
			/*編集者よりの右下画像の配置をこの箇所で設定*/		
			.news02{
				position:relative;
				width: auto;
				padding:15px 15px 90px;
				border: solid 1px gray;
				background-color: white;
				margin-bottom:80px;
				margin-top:25px;
				background: url(../img/top/img_ph_33.jpg) right bottom no-repeat;
				
			}
				.news02 p{
					font-size: 11px; 
					line-height:160%
				}
					/*編集者よりの右上画像の配置*/
					.news02 p.type01 img{
						float:left	
					}
					.news02 p.type02{
						clear:both;
						padding-top:10px	
					}
/*フッター*/			
#footer {
	clear: both;
	width: 100%;
	background-color: #757373;
}
	#pagetop {
		width: 100%;
		height: 21px;
		background-color: #21374F;
	}
	#footer_menu {
		position: relative;
		width: 1031px;
		padding-bottom:40px;
		padding-top: 10px;
		margin: 0 auto 10px;
		font-size: 12px;
		background-color: #757373;
		overflow:hidden;
	}
		#footer_menu ul {
			width: auto;
			margin-left: 40px;
		}
			#footer_menu ul li {
				line-height: 2em;
				float:left;
				margin-right:20px
			}
			#footer_menu ul li a:link,
			#footer_menu ul li a:visited{
				color: #fffdfd;
			}
			#footer_menu ul li a:active,
			#footer_menu ul li a:hover{
				color: #0050a0;
			}
		#cut_bird {
			position: absolute;
			top: 79px;
			left: 903px;
		}
	#copyright {
		clear: both;
		width: 100%;
		margin: 0 auto;
		font-size: 12px;
		color: #020202;
		background-color:#fff
	}
		#copyright .copy {
			display:inline;
			margin-right:37px;
			margin-left:50px;
			line-height: 70px;
		}
		#copyright address{
			display:inline;
			font-style:normal
		}
		#copyright .siteurl {
			margin-right:15px;
		}

		#copyright a:link,
		#copyright a:visited {
			color: #020202;
		}
		#copyright a:active,
		#copyright a:hover {
			color: #0050a0;
		}
		
/*その他共通スタイル*/
.allstyle{
	width:1031px;
	margin:0 auto	
}
a:link {
	color: #333;
}



/*下層ページスタイル*/

#breadcrumb {
	width: 100%;
	font-size: 12px;
}

/*パンくずの指定、パンくずトップ*/
#breadcrumb{
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
	position:relative;
	overflow:hidden;
	line-height:190%
}
	#breadcrumb a span{
		font-size:1em;
	}
	#breadcrumb span{
		color:#333333;
	}
	#breadcrumb div{
		float:left;
		margin-left:3px;
		margin-right:5px;
		padding:0
	}
		#breadcrumb a span:hover{
			color: #0b65be;
		}
	#breadcrumb .arrow{
		position:relative;
		top:0px;
		padding-left:8px
	}
		#breadcrumb a.pantop span:visited{
			color: #e90d46;
		}
		#breadcrumb a.pantop span:hover{
			color: #0b65be;
		}

@media screen and (max-width:480px) {
/********************************************
*** コンテンツ
********************************************/
#header {
	background: url(../img/header/header_back.gif) left top repeat;
}
	#header_text {
		width: 100%;
		height: auto;
	}
		#index #header_text h1,
		#under #header_text div.toptitle{
			font-size:12px;
			margin-top:18px;
		}
		#header_text #header_logo img{
			margin-top: 0;
			padding-left:5px;
			padding-right:0;
			margin-top: 5px;
		}
		#header_text #contact_block {
			padding-left:10px;
			margin-right:10px;
			margin-bottom:5px;
			padding-right:7px;
		}
#nav{
	clear:both;
	height:auto;
	width: 100%;
	overflow:hidden
}
	#nav ul{
		width:100%;
		margin:0 auto;
	}
		#nav ul li{
			width:33%;
		}
			#nav ul li a{
				text-decoration:none;
				width:auto;
			}
			#nav ul li:nth-child(-n+3){
					border-bottom:1px solid #ddd;
			}
				#nav ul li:nth-child(2),
				#nav ul li:nth-child(5){
					 border-left:1px solid #ddd;
					border-right:1px solid #ddd;
				}
#contents_wrap {
	width: auto;
	margin-right:10px;
	margin-left:10px;
}
	#contents_contact {
		margin:15px auto 0;
		text-align:center;
	}
	#contents_contact a {
		margin-right: 0;
		padding:7px 18px
	}
	#contents{
		width: 100%;
	}
	#contents_main{
		float:none;
		width: 100%;
		margin-right: 0;
	}
		#contents_main h2 {
			margin-left:5px;
		}
		#contents_main .h3text_block{/*追加*/
			margin:0 10px;
			margin-bottom:30px
		}
		/*h3のタイトルがある箇所の画像を右に配置　画像（img要素にclassを設定してください）*/
		#contents_main .h3text_block .photo{
			width:50%;
			height:auto;
			margin-left:10px;
			margin-bottom:5px
		}
		/*#under #contents_main .text_block .coursemenu img{下層ページ画像
			float:left;
			margin-right:10px;
			width:35%;
			height:auto
		}*/
#contents_right {
	width:100%;
	float: none;
}
	#contents_right .info_block {
		clear:none; 
		height: 180px;
		margin-bottom: 20px; 
		padding:2%;
		float:left;
		width:25%;
		background-color:#fff8f1;	
		border:#FFD6C1 1px solid;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px; 
		margin-left:3%;
	}
		#contents_right .info_block .info_block_left{
			float:none;
			width:auto
		}
			#contents_right .info_block .info_block_left .text {
				font-size: 11px;
				line-height:130%;
				margin:0 5px
			}
			#contents_right .info_block .info_block_left .text a{
				text-decoration:underline	
			}
		#contents_right .info_block .info_block_right{
			display:none	
		}
	#contents_right .all_plan{
		clear:both;
		margin-bottom:40px
	}
	#contents_right #banner_otoiawase{
		display:none !important
	}
.news_layout p.type02{
	padding-right:120px;
}
	.news_layout p.type03{
		clear:both;
	}
	/*編集者よりの右下画像の配置をこの箇所で設定*/		
	.news,
	.news02{
		margin-right:10px;
		margin-left:10px
		
	}
	#footer_menu {
		width: 100%;
		padding-bottom:10px
	}
		#footer_menu ul {
			width:100%;
			margin-left: 20px;
		}
			#cut_bird {
				display:none;
			}
#copyright {
	padding-top: 10px;
	margin:0 auto;
}
	#copyright .copy {
		display:block;
		margin-right:0;
		margin-left:0;
		line-height: 20px;
		text-align:center
	}	
		#copyright address{
			display:block;
			margin:0 auto;
			text-align:center
		}
		#copyright .siteurl {
			margin-right:0;
		}
			
/*共通スタイル*/
.allstyle{
	width:100%;
	margin:0 auto	
}

}