/* CSS Document */
@charset "utf-8";
/*___________________________________________
Project:  片山歯科クリニック
社名:     片山歯科クリニック
Email:    info@crayon.co.jp
Website:  www.crayon.co.jp
____________________________________________*/

/* common
____________________________________________*/

*{
	margin:0;
	padding:0;
	list-style:none;
	font-style:normal;
}
li{
	list-style:none;
}
body{
	/*background:#fff;*/
	font-size:12px;
	line-height:140%;
	font-family:ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	color:#000;
	background:url(../img/bkimg.gif) repeat-x;
}
img{
	border:0;
	display:block;
}
a{
	text-decoration:none;
	color:#00bfff;
}
a:hover{
	color:#009933;
}
.clear{
	clear:both !important;
	width:0 !important;
	line-height:0 !important;
	height:0 !important;
	margin:0 !important;
	padding:0 !important;
	font-size:0 !important;
	overflow:hidden !important;
	background:none !important;
}
h1{
	font-size:12px;
	font-weight:normal;
	line-height:24px;
	text-align:center;
	margin:0 auto 22px;
}
.top{
	border-top:2px #dfdfdf solid;
	padding-top:3px;
	text-align:center;
	margin:60px 0 30px;
}
.top a{
	color:#3f3f3f;
}
.top a:hover{
	color:#00bae2;
}
/* head
______________________________________________*/
#head{
	background:url(../img/head_bg02.gif) repeat-y;
	width:768px;
	height:225px;
	/*padding:76px 0 0 0;*/
 margin:0 auto;
}
.logo{
	padding:0 0 0 12px;
	float:left;
	width:329px;
	height:99px;
}
.tel{
	float:right;
	width:286px;
	height:63px;
	padding-top:30px;
}
.menubar{
	height:53px;
	background:url(../img/menu_bg1.gif) repeat-x;
	padding:0 0 12px;
	margin-top:15px;
}

.menubar li{
	float:left;	
	font-size:0;
}
/* main
______________________________________________*/
.main_bg{
	/*background:url(../img/body_bg.gif) repeat-x;*/
	width:768px;
	/*padding:0 76px;*/
	margin:0 auto;
}
/*.main_bg */.main{
	width:768px;
	margin:0 auto;
	background:#fff;
	padding-bottom:10px;
}
.banner,
.s_banner{
	height:270px;
	background:url(../img/fl01.jpg) no-repeat;
	padding-bottom:15px;
	background:#fff;
}
.news_contain{
	height:293px;
	line-height:16px;
}
.news{
	padding:15px;
	padding-top:10px;
	width:470px;
	height:225px;
	overflow-y :scroll; 
	line-height:18px;
	background:#fff;
}
.news h1{
	margin:0;
	line-height:16px;
	text-align:left;
	font-weight:bold;
}
.news p{
	/*margin:3px 0 7px;*/
	margin:0;
	padding:0;
}
.news .content{
	margin-bottom:1em;
	margin-top:0;
}

/* 080724--- */
div.news_list{
width			:500px;
height			:215px;
overflow		:auto;
}
div.news_list div.inner{
width			:460px;
margin-left		:15px;
padding-top		:10px;
padding-bottom		:15px;
}
div.news_list h3{
font-size		:100%;
margin			:0;
line-height		:16px;
text-align		:left;
font-weight		:bold;
}
div.news_list p{
margin-bottom		:1em;
margin-top		:0;
}
/* ---080724 */

/* 080807--- */
p.home_textarea{
width			:470px;
margin-left		:20px;
margin-bottom		:15px;
}
div.home_banner{
margin-bottom		:0px;
}
p.home_cpn{
margin-bottom		:15px;
}
p.home_cpnB{
margin			:0;
}
/* ---080807 */

.line{
	width:472px;
	height:1px;
	overflow:hidden;
	border-bottom:1px #bfbfbf solid;
}
.in_main_l{
	float:left;
    background:#fff;
}
.mb{
	float:right;
	width:256px;
}
.mb img{
	padding-bottom:5px;
	background:#fff;
}

/* second page
______________________________________*/
.s_main{
	width:768px;
	margin:0 auto;
	background:url(../img/main_bg.gif) repeat-y;
	padding-bottom:10px;
}
.s_banner{
	height:120px;
}
.s_main_l{
	width:474px;
	float:left;
	padding:26px 38px 0 0;
	overflow:hidden;
}
.s_main_l h2{
	background:url(../img/h2_bg.gif) no-repeat;
	padding:8px 0 0 40px;
	height:24px;
}
.s_main_l h3{
	background:url(../img/ico01.gif) no-repeat;
	padding-left:15px;
	font-size:15px;
	height:22px;
	margin:40px 0 5px 18px;
}
.s_main_l .h3{
	margin-top:15px;
}
.s_main_l h3 span{
	font-weight:normal;
	font-size:12px;
}
.s_main_l h3 span em{
	color:#ff0000;
}
.s_main_l .con_area{
	margin-left:30px;	
}
.img{
	margin:auto;
	margin:20px 0 10px;
}
.img_title{
	margin:40px 0 5px;
}
.img_link{
	margin:30px auto 50px;
}
.p_title{
	background:url(../img/ico02.gif) no-repeat;
	padding-left:20px;
	margin:20px 0 -10px 10px;
}
.p_title1{
	background:url(../img/ico03.gif) no-repeat;
	text-indent:22px;
	padding-left:15px;
	margin:5px 0 5px 12px;
}
.margin_tb_20{
	margin:20px 0;
}
.margin_tb_10{
	margin:10px 0;
}
.margin_top_20{
	margin-top:15px;
}
.posi_rela{
	width:277px;
	position:relative;
	padding-bottom:30px;
}
.posi_rela span{
	position:absolute;
	right:-169px;
	background:#dfdfdf;
	display:block;
	width:156px;
	height:111px;
	top:-30px;
}
.text_r{
	text-align:right;
	margin-top:5px;
}
.border_tb{
	padding:3px 0;
	border-top:#dfdfdf 2px solid;
	border-bottom:#dfdfdf 2px solid;
}
.border_all{
	border:#dfdfdf 1px solid;
	padding:3px;
	margin:15px 0 30px;
}
.border_all em{
	color:#ff0000;
}
.em_ff6d00{
	color:#ff6d00;
	display:block;
	margin-top:3px;
	font-weight:bold;
}
.font_18{
	font-size:18px;
}
.table01{
	width:444px;
	border:1px #80dfff solid;
	border-right:none;
	line-height:18px;
	margin:20px 0 40px;
}
.table01 thead{
	background:#33ccff;
	color:#fff;
}
.table01 thead th{
	font-weight:normal;
}
.table01 .tr_bgc{
	background:#ccf2ff;
}
.table01 td,
.table01 th{
	border-right:1px #80dfff solid;
	width:114px;
	text-align:center;
}
.table01 th{
	width:95px;
}
.border_b{
	border-bottom:#bfbfbf solid 1px;
	line-height:18px;
	color:#ff6d00;
}
.border_b1{
	border-bottom:#dfdfdf solid 2px;
	line-height:18px;
	color:#00bfff;
	padding-bottom:3px;
	margin-bottom:5px;
}
.h5{
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:12px;
	color:#00BFFF;
	background:url(../img/ico02.jpg) no-repeat 180px center;
	border-top:1px dashed #BFBFBF;
	border-bottom:1px dashed #BFBFBF;
}
.mb .imgbox{
	margin-top:50px;
}
.mb .imgbox img{
	padding:0;
}
/* sisyu.html
_________________________________________*/
.sisyu{
	margin-top:20px;
}
.sisyu li{
	padding-top:2px;
	line-height:16px;
	color:#1f5fcf;
	font-size:15px;
	background:#b2ecff;
	text-align:center;
}
.sisyu .li{
	background:#e6f9ff;
	color:#ffaf00;
}
/* concept.html
_______________________________________*/
.concept_img_area{
	margin-top:30px;
}
.concept_img_area img{
	margin-bottom:10px;
}

/* footer
_________________________________________*/
#footer{
	width:768px;
	margin:0 auto 10px;
}
#footer .copyright{
	background:url(../img/copy_bg.gif) repeat-x;
	color:#fff;
	height:29px;
	line-height:18px;
	text-align:center;
}
#footer .menu{
	margin-left:20px;
}
#footer .menu li{
	float:left;
	color:#2f2f2f;
}
#footer .menu li a{
	color:#2f2f2f;
}
#footer .menu li a:hover{
	text-decoration:underline;
}
#footer p{
	text-align:center;
	margin-top:10px;
	color:#3f3f3f;
}
#footer p span{
	display:block;
	font-size:12px;
	border-bottom:1px #bfbfbf solid;
	padding-bottom:3px;
	margin-bottom:3px;
}
#footer .b_logo{
	width:360px;
	margin:10px auto 5px;
}
#footer .b_logo img{
	float:left;
	display:inline;
}
#footer .b_logo .img{
	margin-left:20px;
	margin-top:15px;
}


/* login BOX
_________________________________________*/
.loginBox{
	position:absolute;
	width:180px;
	border:1px solid #06f;
	background:#fff;
	left:360px;
	top:515px;
	z-index:100000;
}
.loginBox li{
	height:30px;
}
.loginBox img{
	float:right;
	margin-right:10px;
}
.loginBox span{
	display:block;
	float:left;
	padding-left:10px;
	width:50px;
	line-height:20px;
	font-weight:700;
}
.loginBox input{
	float:left;
	margin-right:10px;
	padding:1px;
	height:16px;
	line-height:16px;
	width:90px;
	border:1px solid #999;
}
.loginBox button{
	margin-left:55px;
	width:70px;
	font-weight:700;
	background:#CCC;
	border:1px solid #CCC;
}