/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){

/*-----------------------------------------------------------
                        ここから指定スタート
-------------------------------------------------------------*/

body{
	width:auto;
	min-width: 320px;
	background:none;
	text-align:center;
}
#contents{
	text-align:center;
	width:auto;
	margin:0px auto 0px;
	padding:0;
}
/*--------------------------ヘッター---------------------------*/
h1{
	float:none;
	height:auto;
	padding:0px 0px 0px;
	text-align:center;
	display:none;
}
header{
	vertical-align:top;
	height:auto;
	width:100%;
	max-width:768px;
	min-width:300px;
	padding:5px 0px 0;
	text-align:center;
	margin:0px auto 0px;
	background:none;
}
ul.bxslider{
	margin:0px auto 0px;
	text-align:center;
	padding:0px 0 0px;
	background:url(images/mainimage-back.jpg) no-repeat left bottom;
	height:auto;
}

ul.bxslider li img{
	width:100%;
	max-width:768px;
	min-width:300px;
	margin:0;
}
/*------------------------電話・メール----------------------------*/
#TelNumber{
	display:block;
	margin:0;
	padding:10px 0 10px;
}
/*------------------------メインナビゲーション----------------------------*/
#menu{
	width:auto;
	height:auto;
	margin:0px auto;
	position:static;
}
#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	width:auto;
	max-width:764px;
	min-width:300px;
}
#menu ul li{
	margin:3px 0;
	padding:0px 0;
	display:inline-block;
	float:none;
	border:1px solid #ccc;
}
#menu ul li a{
	padding:15px 10px;
	margin:0;
	width:auto;
	height:auto;
	color:white;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background:url(images/footer-back.gif) repeat;
}
#menu ul li a:link,#menu ul li a:visited{

}
#menu ul li a:hover{
	
}
/*----------------------中央のエリア----------------------------------*/
main{
	width:auto;
	height:auto;
	margin:0px auto;
	float:none;
	text-align:center;
}
main p{
	padding:10px;
}
/*-----------------------事業紹介〜トップページ（index.html）〜--------------------------*/
#CategoryBox ul{
	width:auto;
	text-align:center;
}
#CategoryBox ul li{
	width:auto;
	padding:10px 0;
	margin:0px auto;
}
#CategoryBox ul li img{
	width:90%;
	max-width:450px;
	min-width:280px;
}
#CategoryBox ul li.MiniList img{
	width:300px;
}
/*-----------------------PICKUP〜トップページ（index.html）〜--------------------------*/
#PickUpBox{
	padding:0;
}
#PickUpBox ul{
	width:auto;
}
#PickUpBox ul li{
	width:90%;
	max-width:390px;
	min-width:250px;
	margin:5px;
}

#PickUpBox ul li h4{
	
}
#PickUpBox ul li p{
	font-size:12px;
	color:#666;
	letter-spacing:0;
	line-height:200%;
	padding:0 0px;
	margin:0 0;
	text-align:center;
}
#PickUpBox ul li p img{
	width:100%;
}

/*-----------------------更新情報・お知らせ--------------------------*/
#News{
	width:auto;
	height:auto;
	max-width:764px;
	min-width:300px;
	margin:-50px 10px 20px;
	text-align:left;
}
#News h3{
	display:block;
}
#News ul{
	height:180px;
	margin:0 5px;
}
/*-----------------------トップページ・MessageBox--------------------------*/
#MessageBox{
	padding:10px;
	height:auto;
}
#MessageBox p{
	text-align:left;
	margin:0 auto;
	font-size:17px;
	color:black;
	line-height:150%;
	letter-spacing:0.1em;
}
/*-----------------------NPOつばさどらいぶ・TaxiBox--------------------------*/
#TaxiBox01,#TaxiBox02,#TaxiBox03{
	width:auto;
	height:auto;
	float:none;
	margin:0px auto;
	padding-bottom:150px;
}

#TaxiBox03 table tr td{
	background:white;
}
/*-----------------------NPOつばささぽーと・SupportBox--------------------------*/
#SupportBox01,#SupportBox02{
	width:auto;
	height:auto;
	float:none;
	margin:0px auto;
}
/*-----------------------シニアサロンつばさ・SeniorSalonBox--------------------------*/
#SeniorSalonBox{
	background:url(images/seniorsalon-img01.jpg) no-repeat center top;
	padding-left:0;
	padding-top:400px;
	margin:30px auto 0;
}
#SeniorSalonBox h3{
	text-align:center;
}
/*------------------------イベントレポート・ReportBox----------------------------*/
.ReportBox{
	border:5px dotted #866d59;
	margin:20px 10px;
	padding:10px 10px;
}
/*------------------------サブナビゲーション----------------------------*/
#SubNavi{
	margin:0px 0px;
	padding:0px;
	text-align:left;
	clear:both;
	background:url(images/subnavi-back.jpg) repeat 0 0;
	width:auto;
	float:none;
}
#SubNavi ul{
	list-style:none;
	margin:0px 5px;
	padding:0px 0px 0px;
}
#SubNavi ul li{
	
}
/*------------------------フッター----------------------------*/
footer{
	height:auto;
}
#FooterBox{
	width:auto;
}
footer img{
	float:none;
}
footer address{
	text-align:center;
	background-position:center 0px;
	margin:0 auto;
}
/*------------------------サイトマップ----------------------------*/
#SitemapBox{
	width:auto;
	height:auto;
}
#SitemapBox dl{
	width:auto;
	float:none;
	margin:0px;
}
#SitemapBox dl dt,#SitemapBox dl dd{
	margin:10px 0px;
	padding:5px;
	border-bottom:1px dotted #ccc;
}
#SitemapBox dl dd{
	display:none;
}
/*-----------------------一般タグ・クラス--------------------------*/
h2#TopImage{
	padding: 40px 0 20px;
}
h3{
	margin:10px;
}
h3 a{
	font-size:24px;
	letter-spacing:0.1em;
}
h4{
	letter-spacing:0.1em;
	margin:10px;
}
h5{
	letter-spacing:0.1em;
	margin:10px;
}
table,table.ProfileTable{
	width:95%;
	margin:20px auto;
	border:1px solid #ccc;
	border-bottom:none;
}
table tr th,table tr td{
	display:block;
	width:auto;
	border:none;
	border-bottom:1px solid #ccc;
	padding:5px 5px;
}
table tr th{
	background:#eee;
	white-space:normal;
}
table.PriceTable { 
        margin:10px auto ;
        width:auto;
        border:none;
    }
table.PriceTable thead{ 
        display: block; 
        float: left;
    }
table.PriceTable tbody{ 
        display: block; 
        width: auto; 
        white-space: nowrap;
    }
table.PriceTable tr th{ 
        display: block;
        width:auto;
        text-align:center;
        padding-top:5.5px;
        padding-right:5px;
        padding-bottom:6.5px;
        padding-left:5px;
        font-size:11px;
        font-weight:normal;
        line-height:130%;
    }
table.PriceTable thead tr{ 
        display: inline-block; 
        margin: 0 0px 0 0;
    }
table.PriceTable tbody tr{ 
        display: inline-block; 
        margin: 0 -2px 0 -2px;
    }
table.PriceTable tr td{ 
    	display:block;
        text-align:center;
        padding-top:5.5px;
        padding-right:5px;
        padding-bottom:6.5px;
        padding-left:5px;
        font-size:11px;
        line-height:130%;
    }
ul.number{
	list-style-type:decimal;
	margin:20px 20px 20px 30px;
}
ul.number li{
	margin:10px 20px 0px 20px;
	line-height:130%;
	color:#006;
	text-align:left;
}
.RightImage,.RightImage120,.RightImage150,.RightImage200,.RightImage240,.RightImage250,.RightImage300,.RightImage350,.RightImage360,.RightImage400,.RightImage450,.RightImage500,.LeftImage250{
	float:none;
	width:auto;
	margin:5px auto;
	/*border:1px solid #000;*/
	padding:0px;
}
.RightImage300,.RightImage350,.RightImage360,.RightImage400,.RightImage450,.RightImage500{
	width:90%;
	max-width:350px;
}
.RightImage360{
	max-width:360px;
}
.RightImage400{
	max-width:400px;
}
.RightImage450{
	max-width:450px;
}
.RightImage500{
	max-width:500px;
}
dl{
	margin-bottom:30px;
}
dt,dd{
	
	text-align:left;
}
dt{
	
}
dd{
	
}
dt a{
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#006;
	text-decoration:none;
}
dd a{
	color:#006;
	text-decoration:none;
}
.VariableImage{
	width:100%;
}
.VariableImage330{
	width:100%;
	max-width:330px;
	min-width:280px;
}
.VariableImage500{
	width:100%;
	max-width:500px;
}
/*------------------------スタッフ紹介----------------------------*/
div.StaffBox{
	border:4px dotted pink;
	padding:10px 0;
	margin:10px;
	background:#ffe;
}
/*--------------------------アルバム--------------------------*/
ul.AlbumBox,ul.PastAlbumBox{
	border-spacing:0px;
	margin:0;
}
ul.AlbumBox li,ul.PastAlbumBox li{
	padding:2px;
	margin:4px 2px;
	width:120px;
}
ul.AlbumBox li img,ul.PastAlbumBox li img{
	width:120px;
	height:90px;
	vertical-align:bottom;
}
/*------------------------サイトマップ----------------------------*/
dl#L_sitemap,dl#R_sitemap{
	width:auto;
}
dl#L_sitemap{
	float:none;
}
dl#R_sitemap{
	float:none;
}
/*-----------------------googleマップ--------------------------*/
iframe#map{
	width:100%;
	height:300px;
}
/*-----------------------メールフォーム--------------------------*/
div#PrivacyPolicy{
	width:auto;
	height:300px;
	overflow:auto;
	margin:0 auto;
	padding:10px;
	border:1px solid #333;
}
/*-----------------------表示切替--------------------------*/
.nonpc{
	display:block;
}
.pc{
	display:none;
}

/*-----------------------------------------------------------
                        ここで指定終了
-------------------------------------------------------------*/

}/*@media screen and (max-width: 768px)終了*/