/* header start */
/*---------------------------------------

	body

---------------------------------------*/

body {
	background: #FFF;
	color: #333;
	text-align: center;
}


/*---------------------------------------

	header

---------------------------------------*/

#Header {
	width: 760px;
	height: 111px;
	margin:0 auto;
	text-align:left;
}
#Header .siteId{
	display:inline;
	float:left;
	width:311px;
	height:50px;
	margin:20px 24px 8px 5px;
}

#Header .siteId h1{
	font:normal 10px "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	color:#000;
	width:300px;
	height:17px;
	overflow:hidden;

}
#Header p.link{
	display:inline;
	float:left;
	margin:30px 0 8px 0;
}
#Header .contact{
	display:inline;
	float:right;
	background:url(/files/img/header/wall-header-contact.gif) 0 0 no-repeat;
	width:240px;
	height:55px;
	margin:30px 0 8px;
	padding:5px;
}
#Header .contact ul{
	width:240px;
	height:21px;
	margin-bottom:5px;
}
#Header .contact ul li{
	display:inline;
	float:left;
	width:68px;
	height:21px;
	margin:0 4px 0 0;
}
#Header .contact ul li.end{
	width:93px;
	margin:0;
}
#Header .contact ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#Header .contact p{
	clear:both;
	margin:0;
	}

#Header:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*---------------------------------------

	BREADCRAMB

---------------------------------------*/

/* -- breadcrumb -- */

ol#breadcrumb {
	padding: 11px 0 10px;
	margin-left: -0.5em;
}

ol#breadcrumb li {
	display: inline;
	padding-left: 0.5em;
}

ol#breadcrumb li a {
	margin-right: 0.6em;
}

/*---------------------------------------

	content

---------------------------------------*/

#Navi{
	background:#ee8719;
	clear:both;
	width:757px;
	margin:0 auto 11px;
	padding:4px 0 4px 3px;
}
#Navi ul{
	width:757px;
	height:30px;
}
#Navi ul li{
	display:inline;
	float:left;
	width:124px;
	margin:0 2px 0 0;
	font-size:0;
}
#Navi ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#Container {
	clear: both;
	width: 760px;
	margin: 0 auto 20px;
	text-align:left;
}

/* -- MAIN -- */

#Main {
	display:inline;
	float:left;
	width:585px;
}

.contentsBox{
	clear:both;
	margin-bottom:20px;
	}
#Main .contentsBox h2{margin-bottom:10px;}
.contentsBox:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.wrap{clear:both;}
.wrap:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.contentsBox.appli ul{
	width:488px;
	height:76px;
	margin:0 0 15px 50px;
}
.contentsBox.appli ul li{
	display:inline;
	float:left;
	margin:0 5px 0 0;
}
.contentsBox.appli ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.contentsBox.appli p{
	clear:both;
	text-align:center;
}


/* -- SUB --*/

#menu {
	display:inline;
	float:right;
	width:165px;
}
#menu .subMenu{
	width:165px;
	margin-bottom:25px;
}
#menu .subMenu.wall01{
	background:url(/files/img/sub/wall-submenu01.gif) left bottom no-repeat;
	width:165px;
	padding-bottom:5px;
}
#menu .subMenu h2{ margin-bottom:10px;}

#menu .subMenu .subcontent{margin:0 8px;}
#menu .subMenu#OtherBox{
	background:url(/files/img/sub/wall-submenu02.gif) left bottom no-repeat;
	padding-bottom:5px;
}
#menu .subMenu#OtherBox ul{margin:0 10px;}
#menu .subMenu#OtherBox ul li a{ color:#1771bd;}
#menu  ul{
	margin-bottom:20px;}
#menu  ul li{
	margin-bottom:10px;
	vertical-align:bottom;
	}
#menu .subMenu#ContactBox h3{ margin-bottom:3px;}

#menu .subMenu#ContactBox dl{
	margin-bottom:10px;
	font-size:10px;
	}
#menu .subMenu#ContactBox dl dt{ font-weight:bold;}
#menu .subMenu#ContactBox p.more{
	background:url(/files/img/sub/ico-arrow-orange.jpg) left center no-repeat;
	padding-left:8px;
}
#menu .subMenu#LinkBox01 p{ font-size:10px;}

#menu .subMenu#LinkBox02 p.more{
	background:url(/files/img/sub/ico-arrow-blue.jpg) left center no-repeat;
	padding-left:8px;
}
#menu .subMenu#LinkBox03,
#menu .subMenu#VelisignBox{text-align:center;}



/*---------------------------------------

	footer 

---------------------------------------*/

#footer{
	clear: both;
	width: 760px;
	margin:0 auto;
	padding:15px 0;
	text-align:left;
	border-top:2px solid #e7770b;
	position:relative;
	overflow:hidden;
}
#footer ul{
	float:left;
	position:relative;
	left:50%;
}
#footer ul li{
	border-right:1px solid #e7770b;
	float:left;
	position:relative;
	left:-50%;
	font-size:10px;
	padding:0 5px;
	line-height:1.2;
}
#footer ul li.end{ border:0;}
#foote rul li a{
	display:block;
	padding:0 5px;
	color:#e7770b;
}
#copyright{
	text-align:center;
	font-size:10px;
	color:#999999;
}
#copyright a{ color:#999999;}
#footer:after,
#foote rul:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}


/*---------------------------------------

	ʐݒ

---------------------------------------*/


/* navigation end */




/* main start */



#regist{
	margin-bottom: 8px;
	background-image: url(../img/side_entry_frm_bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#regist p{
	padding: 14px 20px 8px;
	font-size: 12px;
	background-color: transparent;
	line-height: 150%;
	letter-spacing: 0.1em;
	}

#regist a{	line-height: 150%;}

.menu_box{
	margin-bottom: 12px;
	background: url(../img/side_entry_frm_top.gif) no-repeat top left;
	}

.menu_btm{
	background: url(../img/side_member_frm_btm.gif) no-repeat bottom;
	padding-bottom: 10px;
	}

.menu_bk{
	width: 149px;
	padding: 2px 8px;
	background: url(../img/side_member_bg.jpg) repeat-y top left;
	}

.menu_text{
	padding: 6px;
	line-height: 150%;
	}

#pref_serach{
	font-size: 10px;
	margin-bottom: 6px;
	}

.menu_arrow{
	height: 14px;
	background: url(../img/side_m_icon.jpg) no-repeat top left;
	padding-left: 8px;
	margin-top: 4px;
	margin-bottom: 10px;
	}

.menu_bluearrow{
	height: 14px;
	background: url(../img/side_m_blue-icon.jpg) no-repeat top left;
	padding-left: 8px;
	margin: 2px 0px 10px;
	}


#ssl{
	width: 165px;
	}

#ssl p{
	font-size: x-small;
	padding: 8px;
	line-height: 150%;
	color: #666;
	letter-spacing: 0.1em;
	}
	
#ssl a:link{
	font-size: x-small;
	color: 000;
	}
	
#ssl a:hover{
	font-size: x-small;
	color: 888;
	}
	
	
/* right start */
#about_smileweb{
	width: 579px;
	min-height: 118px;
	padding: 0px;
	margin-bottom: 10px;
	}
	
#about_smileweb img{
	float: left;
	}


#whats_new{
	float: right;
	width: 350px;
	padding: 0px;
	margin: 0px;
	}

#whats_new ul{
	width: 340px;
	float: left;
	font-size: 12px;
	list-style-image:url(../img/whats_new_arrow.jpg);
	padding-top:1px;
	padding-left:15px;
	}

#whats_new li{
	text-align:left;
	line-height:18px;
	}
	
.wn_plus_blog{
	background:url(../img/icon_blog.gif) right no-repeat; margin-top:1px; 
	}
.wn_plus_research{
	background:url(../img/icon_research.gif) right no-repeat; margin-top:1px; 
	}	
		

#clinic_search{
	width: 585px;
	marign: 0px;
	padding: 0px 0px 0px;
	/*background: url(../img/ocaj_frm_top.jpg) no-repeat top left;*/
	margin-bottom: 10px;
	}

#clinic_contents{
	width: 585px;
	marign: 0px;
	padding: 0px;
	background: url(../img/ocaj_frm_bg.gif) repeat-y top;
	}
#clinic_bottom{
	width: 557px;
	min-height: 260px;
	padding: 8px 14px;
	background: url(../img/ocaj_frm_btm.gif) no-repeat bottom;
	}

#search_pref{
	width: 276px;
	/*padding-top: 40px;
	background: url(../img/ocaj_japan_m.gif) no-repeat top left;*/
	float: right;

	}

#search_pref dl{
	width: 244px;
	padding: 0px 16px 5px;
	background-color: #EAF2F5;
	color: #333;
	}

#search_pref dt{
	float: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	}

#search_pref dt, dd{
	margin-bottom: 5px;
	}
.gray-slash{
	color: #999;
	margin-left: 3px;
	margin-right: 3px;
	}



#movie_area { width:584px; margin-bottom:5px; margin-top:10px;}
#movie1 {margin-right:14px; width:285px; float:left;}



#oshiete{
	width: 286px;
/*	background: url(../img/doctor_titile.jpg) no-repeat top left;
	padding-top: 36px;*/
	float: left;
	}
	
.oshiete_title {
	margin-bottom:5px;
	}	
	
.oshiete_top{
	width: 286px;
	min-height: 28px;
	background: url(../img/doctor_bg.jpg) no-repeat top left;
	padding: 6px 3px 8px 2px;
	margin-bottom:0px;
	height:55px;
	}
	
.oshiete_top_coming_soon{
	width: 286px;
	min-height: 28px;
	background: url(../img/to_be_prepared.jpg) no-repeat top left;
	padding: 6px 3px 8px 2px;
	margin-bottom:0px;
	height:55px;
	}	
.oshiete_img{
	margin-left: 6px;
	border: solid #CCC 1px;
	}
	
/*.doctor_photo{
	float: left;
	margin-right: 6px;
	border:#FF3366 solid 1px;
	}*/

.oshiete_cell{
	float: right;
	width:200px;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
	margin-right:5px;
	height:48px;
	font-size:11px;
	line-height:13px;
	color:#666666;
	}
	
.oshiete_cell a{ font-size:11px; color:#000000; line-height:13px;}
.oshiete_cell a:hover{ font-size:11px; color:#888888; line-height:13px;}


#experience{
	width: 286px;
	/*background: url(../img/dialy_title.jpg) no-repeat top left;
	padding-top: 36px;*/
	float: right;
	}
	
#experience_title {
	margin-bottom:5px;
	}
	
.personal_experience{
	width: 70px;
	background: url(../img/taiken_frm_bk.jpg) repeat-y top left;
	border: 1px #999 solid;
	padding: 9px;
	margin-bottom: 0px;
	}

.personal_experience img{
	border: 1px #CCC solid;
	}

.personal_experience dl dt{
	font-size: x-small;
	font-weight: bold;
	}
.personal_experience dl dd{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: x-small;
	}
	
#narrative{
	width: 286px;
	background: url(../img/taikendan_title.jpg) no-repeat top left;
	padding-top: 36px;
	float: right;
	}	
	
.personal_narrative{
	width: 70px;
	background: url(../img/taiken_frm_bk.jpg) repeat-y top left;
	border: 1px #999 solid;
	padding: 9px;
	margin-bottom: 7px;
	}

.personal_narrative img{
	border: 1px #CCC solid;
	}

.personal_narrative dl dt{
	font-size: x-small;
	font-weight: bold;
	}
.personal_narrative dl dd{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: x-small;
	}	
	
	


#clinic_blog{
	width: 585px;
/*	background: url(../img/clinic_blog_titile.jpg) no-repeat top left;
	padding-top: 36px;*/
	}

#clinic_blogtitle {
	margin-bottom:5px;
	}

.blog_headline{
	margin: 0px 0px 20px;
	}
.blog_headline dl{
	margin-bottom: 2px;
	}
.blog_headline dl dt{
	font-weight: bold;
	color: #278BBC;
	padding-bottom: 4px;
	}
.blog_headline img{
	float: left;
	border: solid #CCC 1px;
	margin-right: 12px;
	}
.update_date{
	font-size: x-small;
	color: #666;
	letter-spacing: 1px;
	}

/* ---------------- NjbNދL ------------------ */
/* #clinic_research{
	width: 585px;
	background: url(../img/clinic_research_title.jpg) no-repeat top left;
	padding-top: 36px;
	} */ 

#clinic_researchtitle {
	margin-bottom:5px;
	}	

.research_headline{
	margin: 0px 0px 20px;
	}
.research_headline dl{
	margin-bottom: 2px;
	}
.research_headline dl dt{
	font-weight: bold;
	color: #278BBC;
	padding-bottom: 4px;
	}
.research_headline img{
	float: left;
	border: solid #CCC 1px;
	margin-right: 12px;
	}
.update_date{
	font-size: x-small;
	color: #666;
	letter-spacing: 1px;
	}
/* ---------------- NjbNދL ------------------ */


#before_cure{
	width: 585px;
	background: url(../img/before_cure_titile.jpg) no-repeat top left;
	padding-top: 36px;
	}

#before_cure ul{
	display: inline;
	}

#before_cure ul li{
	margin: 0px 0px 8px;
	padding: 0px;
	float: left;
	}

/* ---------------- NjbNދL ------------------ */
.event_bnr {margin:0px 0px 6px 0px;}



/* right end */


/* main end */




