@charset "utf-8";
/* CSS Document */

/* 下層ページ共通 ----------------------------------------------*/

h2{
	font-size:200%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#554d36;
	line-height:120px;
	text-align:left;
	text-shadow:-1px -1px 1px #ffffff,1px -1px 1px #ffffff,-1px 1px 1px #ffffff,1px 1px 1px #ffffff;
	padding-left:20px;
}

#h2_kaba{
	background:url(../images/common/h2_bg_kaba.jpg) right center no-repeat;
	margin-bottom:20px;
}

#h2_kuma{
	background:url(../images/common/h2_bg_kuma.jpg) right center no-repeat;
	margin-bottom:20px;
}

#h2_tulip{
	background:url(../images/common/h2_bg_tulip.jpg) right center no-repeat;
	margin-bottom:20px;
}

.img{
	float:right;
	margin-left:10px;
	width:30%;
	text-align:right;
}

@media screen and (max-width: 360px){
.img{
	float:none;
	margin-left:0px;
	width:100%;
	text-align:center;
}
}

#content01 .subcon,
#content02 .subcon,
#content03 .subcon,
#content04 .subcon,
#content05 .subcon,
#content06 .subcon,
#content07 .subcon,
#content08 .subcon,
#content09 .subcon,
#content10 .subcon{
	margin-bottom:20px;
}

#content ul,#content ol{
	margin-left:20px;
	margin-bottom:10px;
}

#content li {
	font-size:120%;
	line-height:1.5em;
    margin-bottom:5px;
}

#content table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	font-size:120%;
	line-height:1.5em;
}


/*================================================
　トップページ #index
================================================*/

#index h2{
	font-size:100%;
	line-height:0;
	color:#333;
	text-align:center;
	min-height:0;
	border-bottom:none;
}

/*リンクボタン */

#index #content01 p{
	float:left;
	width:30%;
	margin-right:1%;
	margin-left:1%;
	text-align:center;
}

#index #content01 p:last-child{
	margin-right:0px;
}

@media screen and (max-width: 360px){
#index #content01 p{
	float:none;
	width:100%;
	margin-right:0%;
	margin-left:0%;
	text-align:center;
}
}

/* バナー */
.headLine01 {
	padding-left: 0;
}

.bannerUl {
	margin-left: 0 !important;
	margin-bottom: 40px !important;
}

.bannerUl li {
	list-style: none;
}

/* #content03　新着情報 */

#index #content03{
	width:100%;
}

#index #news{
	text-align:left;
	border:none;
}

#index #news dl{
	margin-bottom:20px;
}

#index #news dl dt{
	color:#ff9600;
	line-height:1.5em;
	margin-bottom:5px;
	text-align:left;
}

#index #news dl dd{
	line-height:1.5em;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:left;
	border-bottom:1px dotted #554e36;
}

#index #news dl dd:last-child{
	border:none;
	padding-bottom:10px;
}


/*================================================
　診療時間・地図　#access
================================================*/

/* フォーム */

#access #content05 table{
	width:100%;
	padding:0px;
	border-top:1px solid #aeaeae;
	border-left:1px solid #aeaeae;
	border-bottom:1px solid #aeaeae;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	font-size:12px;
}

#access #content05 table th{
	padding:5px;
	text-align:left;
	background:#f1f1f1;
	border-right:1px solid #aeaeae;
	border-top:1px solid #aeaeae;
	font-size:120%;
	font-weight:normal;
	margin:0;
}

#access #content05 table td{
	text-align:left;
	padding:5px;
	border-right:1px solid #aeaeae;
	border-top:1px solid #aeaeae;
	margin:0;
}

#access #content05 table td textarea{
	width:90%;
}

/*診療時間*/

#access #content02 table{
	width:100%;
	border:1px solid #bdbdbd;
	margin-bottom:5px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}

#access #content02 table th{
	background:#fbe7ca;
	border-right:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
	padding:5px 0;
	text-align:center;
	font-size:12px;
	color:#666666;
}

#access #content02 table td{
	width:9%;
	border-right:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
	background:#FFFFFF;
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
	font-size:100%;
	color:#ff9600;
}

#access #content02 table td.hour{
	width:28%;
	text-align:center;
	font-size:90%;
	color:#666666;
	line-height:1.5em;
}

#access #content04 dt{
	font-size:120%;
	line-height:1.5em;
	background:url(../images/common/icon_001@2x.png) left center no-repeat;
	background-size:10px;
	padding-left:20px;
}

/*リンク*/

#access #content04 dd{
	font-size:120%;
	line-height:1.5em;
	padding-left:20px;
	margin-bottom:10px;
}

#access #content04 dd a{
	color:#dc6200;
}

#access #content04 dd a:hover{
	color:#ff9600;
	text-decoration:underline;
}

/*================================================
　セレック　#cerec
================================================*/

#cerec #content01 iframe{
	width:90%;
}

#cerec #content02 table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	margin-bottom:20px;
}

#cerec #content02 table td{
	text-align:center;
	padding:5px;
}

#cerec #content03 ul{
	margin-left:25px;
}

#cerec #content03 ul li{
	font-size:140%;
	margin-bottom:10px;
}

#cerec #content05 table{
	border:1px solid #999;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
}

#cerec #content05 table th{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#fef5e9;
	text-align:center;
	padding:5px;
	width:35%;
}

#cerec #content05 table td{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:left;
	padding:5px;
}

#cerec #content06 table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
}

#cerec #content06 table td{
	text-align:center;
	padding:5px;
	vertical-align:middle;
}

#cerec #content07 ul{
	list-style:none;
}

#cerec #content07 ul li{
	float:left;
	width:30%;
	text-align:center;
	margin:0 1%;
	margin-bottom:10px;
}

#cerec #content07 ul li img{
	border:1px solid #ccc;
}


/*================================================
　入れ歯　#denture
================================================*/

#denture #content01 ul{
	margin-left:30px;
}

#denture #content01 ul li{
	font-size:140%;
	line-height:1.5em;
	color:#cd6667;
	margin-bottom:10px;
}

/*================================================
　予防歯科　#prevent
================================================*/

#prevent #content02 .box{
	float:left;
	width:48%;
	margin:1% 1%;
	text-align:center;
}

@media screen and (max-width:360px){
#prevent #content02 .box{
	float:none;
	width:100%;
	margin:0;
	text-align:center;
}
}

/*================================================
　歯周病　#perio
================================================*/

#perio #content03 ul{
	margin-left:30px;
}

#perio #content03 ul li{
	font-size:140%;
	line-height:1.5em;
	margin-bottom:10px;
}

/*================================================
　ホワイトニング　#whitening
================================================*/

#whitening #content01 ul{
	margin-left:30px;
}

#whitening #content01 ul li{
	font-size:140%;
	line-height:1.5em;
	margin-bottom:10px;
}


#whitening #content03 ul{
	margin-left:30px;
	margin-bottom:20px;
}

#whitening #content03 ul li{
	font-size:140%;
	line-height:1.2em;
	margin-bottom:10px;
}
#whitening #content04 ol{
	margin-left:30px;
}

#whitening #content04 ol li{
	font-size:120%;
	line-height:1.5em;
	margin-bottom:10px;
}

/*================================================
　マウスガード　#mouseguard
================================================*/

#mouseguard #content01 .pickup{
	border:2px solid #ccc;
	background:#efefef;
	padding:10px 10px 0 10px;
	font-size:90%;
	margin-bottom:30px;
}

#mouseguard #content01 .pickup h6{
	color:#333;
}

#mouseguard #content01 ol{
	margin-left:25px;
}

#mouseguard #content01 ol li{
	margin-bottom:10px;
}

/*================================================
　医院紹介　#clinic
================================================*/

#clinic #content01 dl{
	margin-bottom:20px;
}

#clinic #content01 dt{
	width:100px;
	float:left;
	background:url(../images/common/icon_001@2x.png) left center no-repeat;
	background-size:10px;
	padding-left:15px;
	font-size:120%;
	line-height:1.5em;
}

#clinic #content01 dd{
	padding-left:100px;
	font-size:120%;
	line-height:1.5em;
}

@media screen and (max-width:360px){
#clinic #content01 dt{
	width:90%;
	float:none;
	background:url(../images/common/icon_001@2x.png) left center no-repeat;
	background-size:10px;
	padding-left:15px;
	font-size:120%;
	line-height:1.5em;
}

#clinic #content01 dd{
	padding-left:15px;
	font-size:120%;
	line-height:1.5em;
}
}

#clinic #content02 .box,
#clinic #content03 .box{
	width:90%;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
}


/*================================================
　初めて　#first
================================================*/

#first #content03 .box{
	border:2px solid #ff9600;
	border-radius:5px;
	background:#fef5e9;
	padding:10px 10px 0 10px;
	font-size:90%;
	margin-bottom:10px;
}

#first #content03 .box h4{
	border-bottom:none;
}

#first #content03 .yajirushi{
	text-align:center;
	margin-bottom:10px;
}


/*================================================
　自費　#price1
================================================*/

#price1 #content02 table{
	margin-bottom:10px;
}

#price1 #content02 table td{
	padding:5px;
	vertical-align:middle;
}

#price1 #content05 ol{
	margin-left:25px;
}

#price1 #content05 ol li{
	font-size:120%;
	color:#cd6667;
	margin-bottom:10px;
}

#price1 #content02 .box{
	border:2px solid #ff9600;
	border-radius:5px;
	background:#fef5e9;
	padding:10px 10px 0 10px;
	font-size:90%;
	margin-bottom:10px;
}

#price1 #content02 .box h4{
	border-bottom:none;
}


/*================================================
　治療料金について　#price2
================================================*/

#price2 #content01 .box{
	border:2px solid #ff9600;
	border-radius:5px;
	background:#fef5e9;
	padding:10px 10px 0 10px;
	font-size:90%;
	margin-bottom:10px;
}

#price2 #content01 .box h4{
	border-bottom:none;
}

#price2 #content01 ul{
	margin-left:25px;
}

#price2 #content01 ul li{
	font-size:120%;
	margin-bottom:10px;
}

#price2 #content02 table,
#price2 #content03 table,
#price2 #content04 table {
	border:1px solid #999;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:99%;
	margin-bottom:10px;
}

#price2 #content02 table th,
#price2 #content03 table th,
#price2 #content04 table th {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#fde4c0;
	text-align:center;
	padding:5px;
}

#price2 #content02 table.type1 th,
#price2 #content01 table.type1 th {
	width:60%;
}

#price2 #content02 table.type4 th,
#price2 #content01 table.type4 th {
	width:25%;
}

#price2 #content02 table td,
#price2 #content03 table td,
#price2 #content04 table td {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:right;
	padding:5px;
}

#price2 #content02 table tr.total th,
#price2 #content02 table tr.total td,
#price2 #content03 table tr.total th,
#price2 #content03 table tr.total td,
#price2 #content04 table tr.total th,
#price2 #content04 table tr.total td {
	color:#fff;
	background:#ff9900;
}



/*ピックアップ*/

#price2 #content02 .pickup{
	border:2px solid #ff9600;
	border-radius:5px;
	background:url(../images/price2/kaba.jpg) right bottom no-repeat;
	min-height:140px;
	padding:10px;
	padding-bottom:150px;
	font-size:100%;
	margin-bottom:10px;
}

#price2 #content02 .pickup h4{
	border-bottom:none;
}

#price2 ul.CtsList {
    list-style-type: none;
    margin: 15px auto 20px;
    overflow: hidden;
    padding: 0;
/*    width: 718px;*/
}

#price2 ul.CtsList li {
    float: left;
    margin: 0 auto;
    padding: 0 15px 0 0;
    width: auto;
}

#price2 ul.CtsList span {
    background-color: #ff7979;
    border: 1px solid #ff7979;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    margin: 0 auto 5px;
    padding: 12px 9px 9px;
    width: auto;
}