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

/*-----------------------------------------------------------
                        ここから指定スタート
-------------------------------------------------------------*/
*{
	margin:0px;
	padding:0px;
	color:#000;
	font-size:17px;
}
body{
	width:auto;
	min-width: 320px;
	text-align:center;
}
#contents{
	text-align:center;
	width:auto;
	background:none;
}
/*--------------------------ヘッター---------------------------*/
#Header h1{
	text-align:center;
	background-color:white;
}
#Header h1 a,#Header h1 a:link,#Header h1 a:visited,#Header h1 a:hover{
	color:#48ab62;
}
#Header{
	text-align:center;
	margin:0px auto 0px;
	background-image:none;
	background-color:#48ab62;
}
#Header h2{
	padding:5px;
	text-align:center;
}
#Header h2 a img,#Header h2 img{
	vertical-align:bottom;
	max-width:250px;
	width:65%;
	height:auto;
}
/*----------------------ページの見出し・フラッシュ----------------------------------*/
h2#TopImage{
	text-align:center;
	padding:20px 0;
	margin:0 auto;
	width:100%;
}
#Topics{
	width:95%;
	height:auto;
	padding:0;
	margin:0 auto;
}
#Topics dl{
	background:rgba(255,255,255,0.8);
	border:3px solid #c00;
	width:auto;
	height:160px;
	overflow:auto;
	margin:0px auto 10px;
	padding:10px;
}
/*------------------------メインナビゲーション----------------------------*/
#menu{
	text-align:center;
	margin:0px auto 0px;
	padding:5px 0;
	width:100%;
	height:auto;
	position:static;
	background:#ffffd6;
}
#menu ul{
	text-align:center;
	height:auto;
}
#menu ul li{
	margin:0px 0 0;
	padding:0px;
	display:inline-block;
	text-align:center;
	float:none;
}

/*----------------------中央のエリア----------------------------------*/
#MainAera,#CenterAera{
	width:auto;
	height:auto;
	margin:0px 0px;
	padding:0px 0px 0px;
	float:none;
	text-align:center;
	background-image:none;
	background-color:white;
}
#MainAera h3{
	margin:10px 10px 10px 10px;
}
#MainAera p{
	text-align:left;
	padding:10px 10px;
	color:#333;
	line-height:150%;
	font-size:15px;
}
#CenterAera p{
	padding:5px 10px;
	margin:0;
	color:#333;
	font-size:17px;
	font-weight:normal;
}
#MainAera p.center{
	text-align:center;
}
#MainAera p.return{
	text-align:right;
	padding:10px;
}
#CenterAera #Return{
	padding:5px;
}
/*-----------------------千葉医院の診療科目〜トップページ（index.html）〜--------------------------*/
ul#ServiceBox{
	margin:0 0 10px;
	padding:0;
	width:auto;
	height:auto;
}
ul#ServiceBox li{
	width:90%;
	float:none;
	list-style:none;
	margin:10px auto;
	padding:0px 0 0;
	border:1px solid #ccc;
}
ul#ServiceBox li h4{
	text-align:center;
}
/*-----------------------トップページ・QRコード--------------------------*/
#QRBox{
	background:url(images/QRcode.gif) no-repeat right 10px;
	padding:10px 80px 10px 0;
}
/*-----------------------更新情報・お知らせ（トップページ）--------------------------*/
#News{
	margin:0px 0px 10px;
	padding:10px 10px 10px 10px;
	background:url(images/news-back_sp.jpg) no-repeat center center;
	clear:both;
}
#News h3{
	width:auto;
	_height:1%;
	padding:4px 15px 4px;
	margin:5px 0 10px;
	text-align:left;
	font-size:16px;
	color:#99b1ff;
	border:1px solid #ccc;
	border-top:3px solid #99b1ff;
	letter-spacing:0.3em;
	background:#f9f8fd url(images/h3-back.jpg) repeat-x;
	clear:both;
	display:block;
}
#News h3 a{
	color:#99b1ff;
	font-size:16px;
	text-decoration:none;
}
#News h3 a:link,#News h3 a:visited,#News h3 a:hover{
	color:#99b1ff;
	text-decoration:none;
}
#News dl{
	margin:0px 0px;
	height:170px;
	overflow:auto;
}
#News dl dt{
	padding:0 0px;
	margin:10px 10px 0px;
	color:#99c;
	font-size:13px;
	font-weight:bold;
	border:none;
}
#News dl dd{
	padding:2px 0px 2px;
	margin:0px 10px 15px;
	color:#999;
	font-size:13px;
	line-height:130%;
	border:none;
}
#Nurse{
	display:none;
}
/*----------------------右のエリア----------------------------------*/
#LeftAera{
	text-align:center;
	margin:10px auto;
	padding:0;
	float:none;
}
#LeftAera h3{
	width:auto;
	padding:3px 10px;
	margin:0px;
	text-align:left;
	font-size:12px;
	color:#5ba0d3;
	clear:both;
}
#LeftAera .RightBox p,#LeftAera .RightBox address{
	text-align:left;
}
/*------------------------サブナビゲーション----------------------------*/
#SubNavi{
	margin:0px 0px;
	padding:0 5px 5px;
	text-align:left;
	clear:both;
	background:url(images/subnavi-back.gif) repeat 0 0;
	width:auto;
	height:auto;
}
#SubNavi ul{
	list-style:none;
	margin:0px 5px 0px;
	padding:0px 0px 0px;
}
#SubNavi ul li{
	margin:0px;
	padding:5px 5px 5px 15px;
	height:auto;
	display:block;
	border-bottom:1px solid white;
	border-right:none;
	text-align:left;
	float:none;
}
#SubNavi ul li a{
	padding:0px;
	margin:0;
	font-size:15px;
	font-weight:normal;
	text-decoration:none;
	display:block;
}
/*------------------------フッター----------------------------*/
div#footer{
	height:auto;
	width:auto;
	background-image:none;
	background-color:#48ab62;
	
}
div#footer p{
	width:auto;
	text-align:center;
	padding:0 0 10px
}
div#footer address{
	width:auto;
	text-align:center;
	padding:0 0 0px
}
div#copyright{
	font-size:12px;
	color:#fff;
	text-align:center;
	margin:0px 0 0;
	padding:0px 0px 0px 0px;
	clear:both;
}
/*------------------------フェイスブック----------------------------*/
#FaceBook{
	position:static;
	margin:10px auto;
	padding:5px;
}
#FaceBook iframe{
	
}
/*-----------------------一般タグ・クラス--------------------------*/
h4{
	letter-spacing:0.1em;
	text-align:left;
}

table{
	width:90%;
	margin:20px auto;
	border:1px solid #ccc;
	border-bottom:none;
}
table caption{
	color:#333;
	text-align:center;
	padding:5px;
	border:1px solid #ccc;
	border-bottom:none;
}
table caption.green{
	background:#d8e4bc;
	color:#333;
}
table caption.blue{
	background:#b8cce4;
	color:#333;
}
table caption.orange{
	background:#fcd5b4;
	color:#333;
}
table tr th,table tr td{
	display:block;
	width:auto;
	border:none;
	border-bottom:1px solid #ccc;
	padding:5px 5px;
	line-height:130%;
}
table tr th span,table tr td span{
	font-size:11px;
	font-weight:normal;
	color:#999;
}
table tr td span.red{
	font-size:13px;
	font-weight:bold;
	color:red;
}
table.CompanyTable{
	width:auto;
	border:none;
	border-collapse:collapse;
	margin:10px auto;
}
table.ScheduleTable { 
        margin:10px 10px;
        width:auto;
        border:none
    }
table.ScheduleTable thead{ 
        display: block; 
        float: left;
    }
table.ScheduleTable tbody{ 
        display: block; 
        width: auto; 
        white-space: nowrap;
    }
table.ScheduleTable 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:12px;
        font-weight:normal;
        line-height:130%;
    }
table.ScheduleTable tbody tr{ 
        display: inline-block; 
        margin: 0 -3px;
    }
table.ScheduleTable tr td{ 
    	display:block;
        text-align:center;
        padding-top:5.5px;
        padding-right:5px;
        padding-bottom:6.5px;
        padding-left:5px;
        font-size:12px;
        line-height:130%;
    }
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%;
    }
textAera{
	width:100%
}
ul{
	text-align:left;
}
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,.RightImage160,.RightImage180,.RightImage200,.RightImage240,.RightImage250,.RightImage300,.RightImage350,.RightImage360,.RightImage400,.RightImage500,.LeftImage110,.LeftImage160,.LeftImage200,.LeftImage250{
	float:none;
	width:auto;
	margin:5px auto;
	/*border:1px solid #000;*/
	padding:0px;
}
dl{
	margin-bottom:30px;
}
dt,dd{
	border-bottom:1px dashed #ccc;
	padding:5px 10px 2px;
	margin:0px 20px;
	text-align:left;
}
dt{
	margin-top:10px;
	color:#036;
	font-weight:bold;
	border:none;
}
dd{
	color:#666;
}
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%;
}
.VariableImage95{
	width:95%;
}
.VariableImage90{
	width:90%;
}
.VariableImage320{
	width:100%;
	max-width:320px;
}
/*------------------------電話番号----------------------------*/
div#TelNumber{
	display:none;
}
/*------------------------スタッフ紹介----------------------------*/
div.StaffBox{
	border:4px dotted pink;
	padding:10px 0;
	margin:10px;
	background:#ffe;
}
/*------------------------サイトマップ----------------------------*/
dl#L_sitemap,dl#R_sitemap{
	width:auto;
}
dl#L_sitemap{
	float:none;
}
dl#R_sitemap{
	float:none;
}
/*-------------ごあいさつ・スタッフ紹介---------------*/
#CenterAera p.StaffBox{
	width:auto;
	height:auto;
	float:none;
	border:1px dashed orange;
	padding:15px;
	margin:10px 5px;
	background:snow;
	font-size:13px;
	text-align:left;
}
/*----------------メールフォームのスタイル---------------*/
table.FormTable{
	width:auto;
}
table.FormTable th{
	width:auto;
}
/* ----------------------------サービス内容----------------------- */
#MainAera .ServiceBox{
	margin:5px 20px;
	padding:5px;
	clear:both;
}
#MainAera .ServiceBox h4{
	text-align:center;
	color:#acd037;
	font-size:16px;
	background:#f1f7df;
	background-image:none;
	margin:0;
	padding:5px 10px 4px;
	border:1px solid #add039;
	border-radius:25px;
}
#MainAera .ServiceBox ul{
	padding-left:0px;
}
#MainAera .ServiceBox ul li{
	margin:0;
	padding:0;
	font-size:13px;
}
/* ----------------------------インタビューページ（interview.html）----------------------- */
#InterviewIntro{
	width:auto;
	margin:10px auto;
}
ul#InterviewReview{
	padding:0px 5px;
	margin:0 auto;
	border:5px double #cccccc;
	letter-spacing:0.1em;
	height:220px;
	width:80%;
	overflow:auto;
	line-height:100%;
	float:none;
	/*position:absolute;
	top:270px;
	left:480px;*/
	list-style:none;
}
/*------------------------アクセス----------------------------*/
#map iframe{
	width:90%;
	height:90%;
	min-height:250px;
}
/*------------------------リンク集----------------------------*/
dl.LinkBox dd img{
	float:none;
	vertical-align:top;
}
#CrayonBanner{
	margin:10px auto;
	padding:0;
	width:auto;
	max-width:450px;
}
#CrayonBanner p{
	text-align:center;
	margin:0;
	padding:10px;
}
#CrayonBanner p.right{
	float:none
}
#BannerSource p{
	text-align:left;
}
/*-----------------------表示切替--------------------------*/
.nonpc{
	display:block;
}
.pc{
	display:none;
}

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

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