@charset "utf-8";



/*サブコンテンツ　文字サイズ
---------------------------------------------------------------------------*/

.sub .list p {
	font-size: 14px;
}
/*#top #container #contents .inner .sub .list .submenutext a {
	font-size: 14px;
}
*/


/*リストのスタイル
---------------------------------------------------------------------------*/
	
#container #contents .inner .main .liststyle {
	list-style-type: disc;
	margin-left: 50px;
	margin-bottom: 20px;
}

/*kusunokien.html
---------------------------------------------------------------------------*/

#container #contents .inner .main .list p {
	margin-bottom: 20px;
}

/*FLOW
---------------------------------------------------------------------------*/
/* --- リストエリア --- */
ol.flow {
width: 100%; /* リストエリアの幅 */
margin: 0 0 20px;
padding: 0;
list-style-type: none;
font-size: 100%;
}

/* --- リスト項目 --- */
ol.flow li {
	margin-bottom: 12px; /* リスト項目の下マージン */
	padding-bottom: 28px; /* リスト項目の背景 */
	background-image: url(../images/flow_back.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
/* --- 最後のリスト項目 --- */
ol.flow li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
ol.flow dl {
margin: 0;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
}

/* --- タイトルエリア --- */
ol.flow dt {
	padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
	background-color: #cce6f6; /* タイトルエリアの背景色 */
	border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
	font-weight: bold;
	color: #f28d16;
}
/* --- タイトル --- */
ol.flow dt strong {
margin-left: 3px;
color: #2b2b2b;
}

/* --- 本文エリア --- */
ol.flow dd {
margin: 0;
padding: 15px 10px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */
color: #2b2b2b;
line-height: 150%;

}
ol.flow ul.liststyle{
margin-top:10px;
}
ol.flow ul.liststyle li {
	margin-bottom: 0; /* リスト項目の下マージン */
	padding-bottom:0; /* リスト項目の背景 */
	background-image: none;
}

/*パンくずリスト
---------------------------------------------------------------------------*/
.breadcrumb {
	font-size:12px;
  padding-left:0;
  margin-left:0;
/*  margin-top:20px;
*/  margin-bottom:20px;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

/*1日の流れテーブル
---------------------------------------------------------------------------*/

#timetable {
	float: left;
	width: 50%;
}
#timetableImg{
	float: left;
	width: 40%;
	margin-left:5%;
}

/*A型ページ
---------------------------------------------------------------------------*/
#cleaning {

	float: left;
	width: 40%;
}
#cleaningImg{
	float: left;
	width: 60%;
}
/*訓練ページ
---------------------------------------------------------------------------*/
#kunrenlist{
	list-style:disc;
	padding-left:50px;
	line-height:normal;}

/*画像の右寄せ
---------------------------------------------------------------------------*/

.floatleft {
	float: left;
	width: 45%;
}
.floatright{
	float: left;
	width: 45%;
	margin-left:9%;
}

/*オレンジ太字
---------------------------------------------------------------------------*/
.orange-b{
	color:#FF9900;
	font-weight:bold;
	font-size:1.2em;
	}

/*ページ内リンクがかぶらないように
---------------------------------------------------------------------------*/
a.anchor{
    padding-top: 70px;
    margin-top: -70px;
}

/*移行ページ　フロート
---------------------------------------------------------------------------*/

#container #contents .inner .main .flow .floatleft {
	width: 70%;
}
#container #contents .inner .main .flow .floatright {
	width: 20%;
	padding-top:20px;
}

/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){
.floatleft {
	float:none;
	width:95%;
	margin: 0 auto;
	}
.floatright {
	float:none;
	width:95%;
	margin: 0 auto;
	}


}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){


/*タイムテーブルのフロートなし
---------------------------------------------------------------------------*/

#timetable {
	width: 100%;
}
#timetableImg {
	margin-left:10%;
	width: 80%;
}

#cleaning {
	width: 100%;
}
#cleaningImg {
	margin-left:10%;
	width: 80%;
}


#container #contents .inner .main .imgbottom {
	margin-bottom: 20px;
}

}