@charset "utf-8";

/*--------------------------------------------------
930px Ver
--------------------------------------------------*/

/* パンくずリスト・タイトル
--------------------------------------------------*/
ol#path {
	margin: 0 0 5px;
	font-size: 84.6%;
	line-height: 1.335;
	text-align: left;
}
ol#path li {
	display: inline;
	line-height: 110%;
	list-style-type: none;
}
ol#path li a {
	padding-right: 12px;
	background: url(../common_img/path.gif) no-repeat right center;
}

/*タイトル*/
.title {
	margin: 0 auto 15px;
}
.title01 {
	margin: 0 auto 8px;
}
.stitle01 {
	text-align: left;
	font-weight: bold;
	color: #666;
	padding: 5px 0 5px 15px;
	margin: 0 auto 5px;
	border-left: 10px solid #008601;
	border-bottom: 1px solid #008601;
	clear: both;
}
.stitle02 {
	margin: 0 auto 5px;
}
.stitle03 {
	text-align: left;
	font-weight: bold;
	color: #FFF;
	padding: 5px 0 5px 10px;
	margin: 0 auto 15px;
	clear: both;
	background: #008601;
}


/* リスト
--------------------------------------------------*/
/*ノーマル*/
ul.list {
	margin: 5px 0 5px 5px;
}
ul.list li {
	margin: 0 0 5px 10px;
}

dl.list {
	margin: 5px 0 5px 5px;
}
dl.list dt {
	margin: 8px 0 3px;
}
dl.list dd {
	margin: 0 0 3px 10px;
}


/*ポイント*/
ul.point {
	margin: 0 0 5px 5px;
}
ul.point li {
	background: url(../common_img/point01.jpg) no-repeat 2px 5px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
}
dl.point {
	margin: 5px 0 5px 5px;
}
dl.point dt {
	background: url(../common_img/point01.jpg) no-repeat 2px 5px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
}
dl.point dd {
	margin: 0 0 3px 35px;
}

/*内部リンク用*/
ul.greenpoint {
	margin: 0 0 5px 5px;
}
ul.greenpoint li {
	background: url(../common_img/point02.jpg) no-repeat 2px 5px;
	margin: 0 0 5px 10px;
	padding: 0 0 0 20px;
}

dl.greenpoint {
	margin: 0 0 5px 5px;
}
.greenpoint dt {
	background: url(../common_img/point02.jpg) no-repeat 2px 5px;
	margin: 0 0 5px 10px;
	padding: 0 0 0 20px;
}
.greenpoint dd {
	margin: 0 0 5px 10px;
	padding: 0 0 0 20px;
}
caption.greenpoint{
	text-align:left;
	background: url(../common_img/point02.jpg) no-repeat 10px 5px;
	padding: 0 0 5px 28px;
}

ul.spacepoint{
	margin: 0 0 5px 5px;
}
ul.spacepoint li{
	margin: 0 0 5px 10px;
	padding: 0 0 0 20px;
}
.greenpoint_sp {
	background: url(../common_img/point02.jpg) no-repeat 2px 5px;
	margin: 0 0 5px 10px;
	padding: 0 0 0 20px;
}




/*内部リンクリスト以外*/
.linkgreen {
	background: url(../common_img/point02.jpg) no-repeat 2px 5px;
	margin: 0 0 5px 10px;
	padding: 0 0 0 5px;
}
.greendot {
	background: url(../common_img/point01.jpg) no-repeat 2px 5px;
	margin: 0 0 5px 10px;
	padding: 0 0 0 15px;
}


/*外部リンク用*/
ul.orengepoint {
	margin: 0 0 5px 5px;
}
ul.orengepoint li {
	background: url(../common_img/point03.jpg) no-repeat 2px 5px;
	margin: 0 0 5px 10px;
	padding: 0 0 0 20px;
}
/*外部リンクリスト以外*/
.linkorenge {
	background: url(../common_img/point03.jpg) no-repeat 2px 5px;
	margin: 0 0 5px 10px;
	padding: 0 0 0 5px;
}


/*年月日付き*/
dl.month {  
    width: 640px;
    padding: 10px;  
    overflow: hidden;
}  
dl.month dt {  
    float: left;
    margin-left: 10px;
    padding: 5px 0 5px 15px;
    text-align: right;
    background: url(../common_img/point02.jpg) no-repeat 2px .8em;
}  
dl.month dd {  
    padding: 5px 0 5px 100px;
}
@media screen and (max-width: 768px){
	dl.month {  
		width: 95%;
		padding: 0;  
		overflow: hidden;
		margin: 0 auto 0.5em;
	}
}

dl.month02 {  
    width: 640px;
    padding: 10px;  
    overflow: hidden;
}  
dl.month02 dt {  
    float: left;
    margin-left: 10px;
    padding: 5px 0 5px 0;
    text-align: right;
}  
dl.month02 dd {  
    padding: 5px 0 5px 100px;
}

dl.month03 {  
    display:inline-block;
	padding: 10px; 
}  
dl.month03 dt {  
    float:left;
    width:130px;
    padding: 5px 0 5px 15px;
	background: url(../common_img/point02.jpg) no-repeat 2px .8em;
}  
dl.month03 dd {  
    margin-left:130px;
    padding: 5px 0 5px 15px;
}



/* 本文
--------------------------------------------------*/
.textbox {
	width: 660px;
	margin: 0 auto 20px;
	overflow: hidden;
}
.textbox p {
	margin-bottom: 8px;
	text-indent: 0.8em;
}
@media screen and (max-width: 768px){
	.textbox {
		width: 96%;
	}
}

/*各課トップ2カラム*/
.sectiontbox {
	width: 100%;
	margin: 0 auto 20px;
	overflow: hidden;
}
.section_left {
	width: 325px;
	float: left;
	display: block;
	overflow: hidden;
	border: solid 1px #DBDBDB;
	padding: 0 0 5px;
}
.section_left02 {
	width: 325px;
	float: left;
	display: block;
	overflow: hidden;
	border: solid 1px #DBDBDB;
	padding: 0 0 5px;
}
.section_right {
	width: 325px;
	float: right;
	display: block;
	overflow: hidden;
	border: solid 1px #DBDBDB;
	padding: 0 0 5px;
}
.section_right02 {
	width: 325px;
	float: right;
	display: block;
	overflow: hidden;
	border: solid 1px #DBDBDB;
	padding: 0 0 5px;
}
@media screen and (max-width: 768px){
	.section_left {
		width: 90%;
		float: none;
		margin: 0 auto 0.5em;
	}
	.section_left h3 {
		background: #E4E0C5;
	}
	.section_left02 {
		width: 90%;
		float: none;
		margin: 0 auto 0.5em;
	}
	.section_left02 h3 {
		background: #E4E0C5;
	}
	.section_right {
		width: 90%;
		float: none;
		margin: 0 auto 0.5em;
	}
	.section_right h3 {
		background: #E4E0C5;
	}
	.section_right02 {
		width: 90%;
		float: none;
		margin: 0 auto 0.5em;
	}
	.section_right02 h3 {
		background: #E4E0C5;
	}
}

/*各課トップ用リスト*/
.sectiontitle {
	background: url(../common_img/point04.jpg) no-repeat 2px 5px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	font-weight: normal;
}
ul.sectionpoint {
	margin: 0 0 5px 5px;
}
ul.sectionpoint li {
	width: 90%;
	background: url(../common_img/point04.jpg) no-repeat 2px 5px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
}
dl.sectionpoint {
	margin: 0 0 5px 5px;
}
dl.sectionpoint dt {
	width: 90%;
	background: url(../common_img/point04.jpg) no-repeat 2px 5px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
}
dl.sectionpoint dd {
	width: 90%;
	margin: 0 0 5px 30px;
}



/*2カラム*/
.column_left {
	width: 48%;
	float: left;
	display: block;
	overflow: hidden;
}
.column_right {
	width: 48%;
	float: right;
	display: block;
	overflow: hidden;
}
@media screen and (max-width: 768px){
	.column_left {
		width: 95%;
		float: none;
		margin: 0 auto 1em;
	}
	.column_right {
		width: 95%;
		float: none;
		margin: 0 auto 1em;
	}
}

/*写真*/
.photo_right {
	float: right;
	display: block;
	overflow: hidden;
	padding: 0 5px;
	text-align: center;
}

.photo_left {
	float: left;
	display: block;
	overflow: hidden;
	padding: 0 5px;
	text-align: center;
}

.photo_center {
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

.photo_right dt {
	margin: 0 0 5px;
}

.photo_left dt {
	margin: 0 0 5px;
}

.photo_center img {
	margin: 0 5px 0;
}
@media screen and (max-width: 768px){
	.photo_right {
		float: none;
		margin: 0 auto 0.5em;
	}

	.photo_left {
		float: none;
		margin: 0 auto 0.5em;
	}
}

/*写真3列*/

dl.photo_follow {
	width:210px;
	margin:0 10px 10px 0;
	float: left;
}
.photo_follow dt{
	margin-bottom:5px;
}


/*Table用ボックス*/
.tablebox {
	width: 660px;
	margin: 0 auto 15px;
	overflow: hidden;
}
.tablebox p {
	margin-bottom: 8px;
	text-indent: 0.8em;
}

.tablebox table {
	width: 98%;
	margin: 5px auto 10px;
	border-collapse: collapse;
	border: 1px solid #999;
	font-size: 100%;
}
.tablebox table th {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
}
.tablebox table td {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
	vertical-align: top;
}
@media screen and (max-width: 768px){
	.tablebox {
		width:96%;
		margin: 0 auto 1em;
	}
	.tablebox table {
		width: 95%;
	}
	.tablebox table th,.tablebox table td {
		word-wrap: break-all;
	}
}

.course {
	width:660px;
	margin-bottom:15px;
	overflow: hidden;
	text-align: left;
}
.course caption {
	text-align: left;
	margin: 0;
	padding: 0 0 10px;
}
.course p {
	margin-bottom: 8px;
	text-indent: 0.8em;
}
.course table {
	width: 100%;
	margin: 5px auto 10px;
	border-collapse: collapse;
	border: 1px solid #999;
	font-size: 100%;
}
.course table th {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
}
.course table td {
	padding: 8px;
	border-collapse: collapse;
	border: 1px solid #999;
	vertical-align: top;
}
@media screen and (max-width: 768px){
	.course {
		width:96%;
		margin: 0 auto 1em;
	}
	.course table {
		width: 95%;
		overflow: hidden;
	}
}



/* 共通
--------------------------------------------------*/
/*文字ぞろえ*/
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.tleft {
	text-align: left;
}
/*トップへ*/
.topback01 {
	width:250px;
	float: left;
	background: url(../common_img/topback01.jpg) no-repeat 2px 5px;
	margin: 0 0 5px;
	padding: 0 0 0 15px;
}
.topback02 {
	float: right;
	background: url(../common_img/topback02.jpg) no-repeat 2px 5px;
	margin: 0 0 5px;
	padding: 0 0 0 15px;
}
.topback03 {
	float: left;
	background: url(../common_img/topback01.jpg) no-repeat 2px 5px;
	margin: 0 0 5px;
	padding: 0 0 0 15px;
}

.topback a:link {
	color: #666;
	text-decoration: underline;
}
.topback a:visited {
	color: #666;
	text-decoration: underline;
}
.topback a:hover {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}
.topback a:active {
	color: #666;
	text-decoration: underline;
}

/* キャプション
--------------------------------------------------*/
.cap_style{
	text-align: left;
	font-weight: bold;	
	font-size: 130%;
	color: #009966;
}



/* ライン
--------------------------------------------------*/
.border_under {
	border-bottom: 1px solid #999;
}
.border_top {
	border-top: 1px solid #999;
}

/*ドット*/
.dotborder_under {
	border-bottom: 1px dotted #999;
}
.dotborder_top {
	border-top: 1px dotted #999;
}




/* イメージ画像
--------------------------------------------------*/
.imgright {
	float: right;
	margin: 0 0 10px 10px;
}
.imgleft {
	float: left;
	margin: 0 10px 5px 0;
}
@media screen and (max-width: 468px){
	.imgright {
		float: none;
		margin: 0 auto 0.5em;
	}
	.imgleft {
		float: none;
		margin: 0 auto 0.5em;
	}
}

/* 問い合わせ
--------------------------------------------------*/
.sectionaddress {
	width: 630px;
	border: solid 1px #666;
	padding: 10px;
	margin: 0 auto 20px;
}
.sectionaddress .linkgreen,.linkorenge{
	text-indent: 0.8em; 
}
@media screen and (max-width: 768px){
	.sectionaddress {
		width:90%;
		margin: 0 auto 1em;
	}
	table input[type="text"], input[type="tel"], input[type="number"], input[type="email"] {
		width: 90%;
	}
	textarea {
		width: 90%;
	}
	input[type="radio"] {
		width: 20px;
		height: 20px;
		vertical-align: middle;
	}
	.toi_th table tr th {
		width: 5em;
	}
}