@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Teeth_color                 */
/*                 09  Teeth_silver                */
/*                 10  Teeth_line                  */
/*                 11  Aesthetic                   */
/*                 12  Wedding                     */
/*                 13  Perio01                     */
/*                 14  Perio02                     */
/*                 15  Perio03                     */
/*                 16  Perio04                     */
/*                 17  Staff                       */
/*                 18  Case                        */
/*                 19  Office                      */
/*                 20  Contact                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- 02  Container -----------*/

body { background: url(../images/body_bg.jpg) top repeat-x; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) repeat-y;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#main {
	margin: 0;
	background: url(../images/main_bg.jpg) repeat-y;
	}

#content {
	width: 540px;
	float: left;
	font-size: 100%;
	line-height: 1.6;
	color: #3F3F3F;
	background: #fff;
	padding: 1em 0 1em 0;
	margin-left:18px;
	overflow:hidden;
	}
* html #content {
	margin-left:11px;
	}

/*---------- 03  Header -----------*/

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 80px;
	width: 800px;
	margin: 0;
	padding: 0;
	}

h1 {
	text-indent: -9999px;
	width: 590px;
	height: 80px;
	line-height: 1.0;
	float: left;
	}
h1 a {
	display: block;
	width: 590px;
	height: 80px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}

#header .section {
	width: 200;
	float: right;
	margin: 0;
	padding: 0;
	}

#header p.tel {
	margin: 0;
	padding: 0;
	height: 50px;
	}
#header p.tel img { display: block; }

#header_nav {
	margin: 5px 0 0 80px ;
	padding: 0;
	list-style: none;
	width: 121px;
	height: 25px;
	float:right;
	}
#header_nav li {
	height: 25px;
	float: left;
	text-indent: -9999px;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#header_nav li a {
	display: block;
	height: 25px;
	list-style: none;
	}

#hnav01 { width: 30px;}
#hnav02 { width: 65px; margin-left:12px;}

#hnav01 a {width: 30px;}
#hnav02 a {width: 65px; margin-left:12px;}


/*----------04  Navigation -----------*/

#nav {
	width: 180px;
	float: left;
	padding: 5px 0 20px 0;
	}

#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav .internal li {
	height: 40px;
	text-indent: -9999px;
	list-style: none;
	}

#nav .internal li a {
	display: block;
	height: 40px;
	list-style: none;
	}

#nav03 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -40px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -80px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -120px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -160px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -200px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -240px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -280px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -320px no-repeat; }
#nav12 a { background: url(../images/nav.jpg) 0 -360px no-repeat; }
#nav13 a { background: url(../images/nav.jpg) 0 -400px no-repeat; }
#nav14 a { background: url(../images/nav.jpg) 0 -440px no-repeat; }

#nav03 a:hover { background: url(../images/nav.jpg) -180px 0 no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -180px -40px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -180px -80px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -180px -120px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -180px -160px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -180px -200px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -180px -240px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -180px -280px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -180px -320px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -180px -360px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -180px -400px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -180px -440px no-repeat; }

#nav p { text-align: center; }


/*---------- 05  Footer -----------*/
#footer_bg{
	height:80px;
	background: #001FD6 ;
    }
#footer {
    width:800px;
	clear: both;
	height:80px;
    margin:0 auto;
	background: #fff url(../images/footer_bg.jpg) bottom no-repeat;
	font-size: 85%;
	text-align: left;
	color: #fff;
	}
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer a {
	text-decoration: none;
	color: #fff;
	}
#footer a:hover { color:#fff; text-decoration: underline; }

#footer ul { 
	list-style: none;
	margin: 0 1em 2px 1em;
	padding: 0 0 0 0;
	clear: both;
	}
#footer ul.fst { 
	list-style: none;
	margin: 0 1em 2px 1em;
	padding: 10px 0 0 0;
	clear: both;
	}


#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer address { margin: 8px 1em; color:#fff;text-align: right;}


/*---------- 06  Contents -----------*/

.section { padding: .5em 0; }
.section .section { padding: .5em 20px; }

p.center { text-align: center; }

#content h2 {
    width:540px;
	height: 30px;
	text-indent: -9999px;
	margin:0 0 5px 0;
	}
#content h3 {
	clear: both;
	height: 30px;
	text-indent: -9999px;
	}
#content h4 {
	height: 25px;
	clear: both;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 108%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	}

#content ul li {
	list-style: none;
	background: url(../images/li_bg.gif) 0 4px no-repeat;
	padding-left: 20px;
	list-style: none;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt {}

#content a { text-decoration: underline; }
a {
	color: #028eaf;
	outline: none;
	}
a:hover { color: #de91a2; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

.image_l  {
	float: left;
	margin: 0 16px 16px 0;
	}

.image_r {
	float: right;
	margin: 0 0 16px 16px;
	}

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
	}
.case img {
	display: block;
	}

.caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}


#content ul.totop {
	clear: both;
	padding-bottom: 20px;
	}

#content ul.totop li {
	list-style: none;
	width: 70px;
	height: 24px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height: 24px;
	list-style: none;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	}

p.caution {
	padding-left: 24px;
	background: url(../images/caution.jpg) 0 1px no-repeat;
	}

/* Hides from IE-mac \*/
p.answer:first-letter {
	display: block;
	padding: 2px;
	background: #4499af;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	float: left;
	}
/* End hide from IE-mac */

#content .color_box{
    background:#FFFFEF;
    border:solid 1px #FEFF9F;
    margin-bottom:10px;
    }
#content .color_box_p{
    background:#FFF5FF;
    border:solid 1px #FF9CC4;
    margin-bottom:10px;
    }
    
#content .color_box_b{
    background:#EFFEFF;
    border:solid 1px #63ADFF;
    margin-bottom:10px;
    }

#content .subtitle{
    font-weight:bold;
    font-size:108%;
    color:#F09100;
    }

table, th, td{
	border: 1px #8C8C8C solid;
	border-collapse: collapse; 
	
	font-size: 100%;
	}

th {background-color: #CFD6FF;
    text-align: center;
    color:#4F4F4F;
    }

.link_case {
    width:220px;
    height: 35px;
    float:right;
    text-indent:-9999px;
    }
.link_case a {
    display:block;
    height: 35px;
	background: url(../images/link_case.jpg) 0 0 no-repeat;
	}
.link_case a:hover {
	background: url(../images/link_case.jpg) 0 -35px no-repeat;
	}

.alpha {
    float:left;
    }
.beta {
    float:left;
    margin-left:10px;
    }

.img_border_r{
    border:2px solid #1D3DA2;
    }

.time{
	width:522px;
	overflow:hidden;
	border: 4px solid #CCCCCC;
	padding:5px;
	margin-top:20px;
}
.time_l{
float:left;
}
.time_l dl{
margin:-10px 0 0 10px;
padding:0;
}
.time_l dl dt{
	margin:5px 0;
	padding:0;
	font-size: 14px;
	font-weight: bold;
	color: #023f7e;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #023f7e;
}
.time_l dl dd{
margin:0;
padding:0;
}
.time_r{
float:right;
margin-top:50px;
}
/*--  --*/
#top_area{
overflow:hidden;
}
#top_area .top_img {
    float:left;
    }
#top_area .top_img p{
    margin:0;
    padding:0;
    line-height:0;
    }
#top_area .top_link {
    width:230px;
    float:left;
    }

#pkup_nav {
    width:230px;
	float: left;
	margin: 0;
	padding: 0;
	}
#pkup_nav ul,
#pkup_nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#pkup_nav li {
	height: 65px;
	text-indent: -9999px;
	list-style: none;
	}
#pkup_nav li a {
	display: block;
	height: 65px;
	list-style: none;
	}

.index_nav,
.index_nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.index_nav {
	margin: 0 0px 0px 0px;
	}
.index_nav li {
	height: 65px;
	}
.index_nav li a {
	display: block;
	height: 65px;
	text-indent: -9999px;
	}
.index_nav #index_nav03,
.index_nav #index_nav03 a {
	height: 65px;
	}
.index_nav #index_nav04,
.index_nav #index_nav04 a,
.index_nav #index_nav05,
.index_nav #index_nav05 a {
	height: 65px;
	}


.index_nav02,
.index_nav02 p {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.index_nav02 {
	margin: 0 0px 0px 0px;
	}

.index_nav02 p {
	height: 100px;
	}
.index_nav02 p a {
	display: block;
	height: 100px;
	text-indent: -9999px;
	}

.index_nav02 #index_nav06,
.index_nav02 #index_nav06 a{
    width:260px;
    height: 100px;
    float:left;
    display:block;
    height: 100px;
	background: url(../images/pkup01.jpg) 0 0 no-repeat;
	margin-bottom:5px;
}
.index_nav02 #index_nav07,
.index_nav02 #index_nav07 a{
    width:260px;
    height: 100px;
    float:right;
    display:block;
    height: 100px;
	background: url(../images/pkup02.jpg) 0 0 no-repeat;
	margin-bottom:5px;
}
.index_nav02 #index_nav08,
.index_nav02 #index_nav08 a{
    width:260px;
    height: 100px;
    float:left;
    display:block;
    height: 100px;
	background: url(../images/pkup03.jpg) 0 0 no-repeat;
	margin-bottom:5px;
}
.index_nav02 #index_nav09,
.index_nav02 #index_nav09 a{
    width:260px;
    height: 100px;
    float:right;
    display:block;
    height: 100px;
	background: url(../images/pkup04.jpg) 0 0 no-repeat;
	margin-bottom:5px;	
}


.index_nav #index_nav01 a { background: url(../images/pnav.jpg) 0 0 no-repeat; }
.index_nav #index_nav02 a { background: url(../images/pnav.jpg) 0 -65px no-repeat; }
.index_nav #index_nav03 a { background: url(../images/pnav.jpg) 0 -130px no-repeat; }
.index_nav #index_nav04 a { background: url(../images/pnav.jpg) 0 -195px no-repeat; }
.index_nav #index_nav05 a { background: url(../images/pnav.jpg) 0 -260px no-repeat; }


.index_nav #index_nav01 a:hover { background: url(../images/pnav.jpg) -230px 0 no-repeat; }
.index_nav #index_nav02 a:hover { background: url(../images/pnav.jpg) -230px -65px no-repeat; }
.index_nav #index_nav03 a:hover { background: url(../images/pnav.jpg) -230px -130px no-repeat; }
.index_nav #index_nav04 a:hover { background: url(../images/pnav.jpg) -230px -195px no-repeat; }
.index_nav #index_nav05 a:hover { background: url(../images/pnav.jpg) -230px -260px no-repeat; }


#gnav {
	width: 800px;
	padding:0;
	margin:0;
	}

#gnav ul,
#gnav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	}

#gnav .internal li {
	width: 200px;
	height: 40px;
	text-indent: -9999px;
	}

#gnav .internal li a {
	display: block;
	height: 40px;
	}

#gnav01 a { background: url(../images/gnav.jpg) 0 0 no-repeat; }
#gnav02 a { background: url(../images/gnav.jpg) -200px 0 no-repeat; }
#gnav03 a { background: url(../images/gnav.jpg) -400px 0 no-repeat; }
#gnav04 a { background: url(../images/gnav.jpg) -600px 0 no-repeat; }

#gnav01 a:hover { background: url(../images/gnav.jpg) 0 -40px no-repeat; }
#gnav02 a:hover { background: url(../images/gnav.jpg) -200px -40px no-repeat; }
#gnav03 a:hover { background: url(../images/gnav.jpg) -400px -40px no-repeat; }
#gnav04 a:hover { background: url(../images/gnav.jpg) -600px -40px no-repeat; }

/*---------- menu -----------*/
#menu {
	width: 210px;
	float: right;
    margin-right:10px;
	padding: 1em 0 1em 0;
	color: #3F3F3F;
    font-size:93%;
    }

* html #menu {
    margin-right:8px;
	}


#menu p {
    text-align:center;
    }
#menu h2#m_title01 { 
    background: url(../images/menu_h2-01.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    width:210px;
    height:30px;
    }
#menu h3#m_title02 {
    background: url(../images/menu_h3-02.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    width:102px;
    height:25px;
    }
#menu h2#m_title03 { 
    background: url(../images/menu_h2-02.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    width:210px;
    height:30px;
    }
#menu h2#m_title04 { 
    background: url(../images/menu_h2-03.jpg) 0 0 no-repeat;
    text-indent:-9999px;
    width:210px;
    height:30px;
    }
		
#menu dl {
    margin-left:0;
    margin-bottom:30px;
    }
#menu dt {
    float:left;
    width:55px;
    clear:left;
    }
#menu dd {
    margin-left:55px;
    }
#menu .shin_menu ul{
	margin:0;
	padding:0;
}  
#menu .shin_menu li:first-child{
	margin-top:-10px;

} 
#menu .shin_menu li{
	list-style-type: none;
	margin:-4px 0 0 -24px;
	padding:0;
}   

/*-------- 07  Index --------*/
#index h2#title01 { background: url(../images/index_h2-01.jpg) 0 0 no-repeat;}
#index h2#title02 { background: url(../images/index_h2-02.jpg) 0 0 no-repeat;margin-top:10px;}
#index h2#title03 { background: url(../images/index_h2-03.jpg) 0 0 no-repeat;margin-top:10px;}
h2#title10 { background: url(../images/index_h2-03.jpg) 0 0 no-repeat;margin-top:10px;}

#index .concept {
    background: url(../images/concept_bg.jpg) 0 0 no-repeat;
    }
#index .pkup {
    width:540px;
    text-indent:-9999px;
	overflow:hidden;
    }

#pkup01 {
    width:260px;
    height: 100px;
    float:left;
    }
#pkup01 a {
    display:block;
    height: 100px;
	background: url(../images/pkup01.jpg) 0 0 no-repeat;
	}
#pkup01 a:hover {
	background: url(../images/pkup01.jpg) 0 -100px no-repeat;
	}

#pkup02 {
    width:260px;
    height: 100px;
    float:right;
    }
#pkup02 a {
    display:block;
    height: 100px;
	background: url(../images/pkup02.jpg) 0 0 no-repeat;
	}
#pkup02 a:hover {
	background: url(../images/pkup02.jpg) 0 -100px no-repeat;
	}
	
#pkup03 {
    width:260px;
    height: 100px;
    float:left;
    }
#pkup03 a {
    display:block;
    height: 100px;
	background: url(../images/pkup03.jpg) 0 0 no-repeat;
	}
#pkup03 a:hover {
	background: url(../images/pkup03.jpg) 0 -100px no-repeat;
	}

#pkup04 {
    width:260px;
    height: 100px;
    float:right;
    }
#pkup04 a {
    display:block;
    height: 100px;
	background: url(../images/pkup04.jpg) 0 0 no-repeat;
	}
#pkup04 a:hover {
	background: url(../images/pkup04.jpg) 0 -100px no-repeat;
	}

/*-------- 08  Teeth_color --------*/
#teeth_color h2#title01 { background: url(../images/teeth_color_h2-01.jpg) 0 0 no-repeat;}
#teeth_color h3#title02 { background: url(../images/teeth_color_h3-02.jpg) 0 0 no-repeat;}
#teeth_color h3#title03 { background: url(../images/teeth_color_h3-03.jpg) 0 0 no-repeat;}
#teeth_color h3#title04 { background: url(../images/teeth_color_h3-04.jpg) 0 0 no-repeat;}
#teeth_color h4#title05 { background: url(../images/teeth_color_h4-05.jpg) 0 0 no-repeat;}
#teeth_color h4#title06 { background: url(../images/teeth_color_h4-06.jpg) 0 0 no-repeat;}
#teeth_color h4#title07 { background: url(../images/teeth_color_h4-07.jpg) 0 0 no-repeat;margin-top:10px;}
#teeth_color h3#title08 { background: url(../images/teeth_color_h3-08.jpg) 0 0 no-repeat;}
#teeth_color h4#title09 { background: url(../images/teeth_color_h4-09.jpg) 0 0 no-repeat;}
#teeth_color h3#title10 { background: url(../images/teeth_color_h3-10.jpg) 0 0 no-repeat;}
#teeth_color h4#title11 { background: url(../images/teeth_color_h4-11.jpg) 0 0 no-repeat;}
#teeth_color h3#title12 { background: url(../images/teeth_color_h3-12.jpg) 0 0 no-repeat;}


/*-------- 09  Teeth_silver --------*/
#teeth_silver h2#title01 { background: url(../images/teeth_silver_h2-01.jpg) 0 0 no-repeat;}
#teeth_silver h3#title02 { background: url(../images/teeth_silver_h3-02.jpg) 0 0 no-repeat;}
#teeth_silver h3#title03 { background: url(../images/teeth_silver_h3-03.jpg) 0 0 no-repeat;}
#teeth_silver h4#title04 { background: url(../images/teeth_silver_h4-04.jpg) 0 0 no-repeat;}
#teeth_silver h3#title05 { background: url(../images/teeth_silver_h3-05.jpg) 0 0 no-repeat;}
#teeth_silver h3#title06 { background: url(../images/teeth_silver_h3-06.jpg) 0 0 no-repeat;}
#teeth_silver h4#title07 { background: url(../images/teeth_silver_h4-07.jpg) 0 0 no-repeat;}
#teeth_silver h4#title08 { background: url(../images/teeth_silver_h4-08.jpg) 0 0 no-repeat;}


/*-------- 10  Teeth_line --------*/
#teeth_line h2#title01 { background: url(../images/teeth_line_h2-01.jpg) 0 0 no-repeat;}
#teeth_line h3#title02 { background: url(../images/teeth_line_h3-02.jpg) 0 0 no-repeat;}
#teeth_line h3#title03 { background: url(../images/teeth_line_h3-03.jpg) 0 0 no-repeat;}
#teeth_line h4#title04 { background: url(../images/teeth_line_h4-04.jpg) 0 0 no-repeat;}
#teeth_line h4#title05 { background: url(../images/teeth_line_h4-05.jpg) 0 0 no-repeat;}
#teeth_line h3#title06 { background: url(../images/teeth_line_h3-06.jpg) 0 0 no-repeat;}
#teeth_line h4#title07 { background: url(../images/teeth_line_h4-07.jpg) 0 0 no-repeat;}
#teeth_line h4#title08 { background: url(../images/teeth_line_h4-08.jpg) 0 0 no-repeat;}
#teeth_line h3#title09 { background: url(../images/teeth_line_h3-09.jpg) 0 0 no-repeat;}
#teeth_line h4#title10 { background: url(../images/teeth_line_h4-10.jpg) 0 0 no-repeat;}
#teeth_line h4#title11 { background: url(../images/teeth_line_h4-11.jpg) 0 0 no-repeat;}

#teeth_line h3#title05 { background: url(../images/teeth_silver_h3-05.jpg) 0 0 no-repeat;}

.price{
	font-size:16px;
	color:#FF0000;
	font-weight:bold;
}

/*-------- 11  Aesthetic --------*/
#aesthetic h2#title01 { background: url(../images/aesthetic_h2-01.jpg) 0 0 no-repeat;}
#aesthetic h3#title02 { background: url(../images/aesthetic_h3-02.jpg) 0 0 no-repeat;}
#aesthetic h3#title03 { background: url(../images/aesthetic_h3-03.jpg) 0 0 no-repeat;}

#link01 { 
    width:500px;
    height: 80px;
    text-indent:-9999px;
    }
#link01 a {
    display:block;
    height: 80px;
	background: url(../images/aesthetic_link01.jpg) 0 0 no-repeat;
	}
#link01 a:hover {
	background: url(../images/aesthetic_link01.jpg) 0 -80px no-repeat;
	}

#link02 { 
    width:500px;
    height: 80px;
    text-indent:-9999px;
    }
#link02 a {
    display:block;
    height: 80px;
	background: url(../images/aesthetic_link02.jpg) 0 0 no-repeat;
	}
#link02 a:hover {
	background: url(../images/aesthetic_link02.jpg) 0 -80px no-repeat;
	}

#link03 { 
    width:500px;
    height: 80px;
    text-indent:-9999px;
    }
#link03 a {
    display:block;
    height: 80px;
	background: url(../images/aesthetic_link03.jpg) 0 0 no-repeat;
	}
#link03 a:hover {
	background: url(../images/aesthetic_link03.jpg) 0 -80px no-repeat;
	}

#link04 { 
    width:500px;
    height: 80px;
    text-indent:-9999px;
    }
#link04 a {
    display:block;
    height: 80px;
	background: url(../images/aesthetic_link04.jpg) 0 0 no-repeat;
	}
#link04 a:hover {
	background: url(../images/aesthetic_link04.jpg) 0 -80px no-repeat;
	}

#link05 { 
    width:500px;
    height: 80px;
    text-indent:-9999px;
    }
#link05 a {
    display:block;
    height: 80px;
	background: url(../images/aesthetic_link05.jpg) 0 0 no-repeat;
	}
#link05 a:hover {
	background: url(../images/aesthetic_link05.jpg) 0 -80px no-repeat;
	}



/*-------- 12  Wedding --------*/
#wedding h2#title01 { background: url(../images/wedding_h2-01.jpg) 0 0 no-repeat;}
#wedding h3#title02 { background: url(../images/wedding_h3-02.jpg) 0 0 no-repeat;}


/*-------- 13  Perio01 --------*/
#perio01 h2#title01 { background: url(../images/perio01_h2-01.jpg) 0 0 no-repeat;}
#perio01 h3#title02 { background: url(../images/perio01_h3-02.jpg) 0 0 no-repeat;}
#perio01 h4#title03 { background: url(../images/perio01_h4-03.jpg) 0 0 no-repeat;}
#perio01 h3#title04 { background: url(../images/perio01_h3-04.jpg) 0 0 no-repeat;}
#perio01 h4#title05 { background: url(../images/perio01_h4-05.jpg) 0 0 no-repeat;}
#perio01 h4#title06 { background: url(../images/perio01_h4-06.jpg) 0 0 no-repeat;}
#perio01 h4#title07 { background: url(../images/perio01_h4-07.jpg) 0 0 no-repeat;}

#perio01 span{
   color:#5A3D1C;
   font-weight:bold;
   }
   
#perio01 table {
   width:450px;
   }
#perio01 table th{
   width:200px;
   }
#perio01 table span{
   color:#6F6868;
   }

/*-------- 14  Perio02 --------*/
#perio02 h2#title01 { background: url(../images/perio02_h2-01.jpg) 0 0 no-repeat;}
#perio02 h3#title02 { background: url(../images/perio02_h3-02.jpg) 0 0 no-repeat;}
#perio02 h3#title03 { background: url(../images/perio02_h3-03.jpg) 0 0 no-repeat;}
#perio02 h4#title04 { background: url(../images/perio02_h4-04.jpg) 0 0 no-repeat;}
#perio02 h3#title05 { background: url(../images/perio02_h3-05.jpg) 0 0 no-repeat;}

#perio02 table.check {
   margin: 10px 0 20px 30px;
   }

#perio02 .result{
   font-size:111%;
   padding:10px 8px 0 8px;
   border:1px dotted #001FD6;
   }
  
#perio02 .result dl{
   margin-left:0;
   }
#perio02 .result dt{
   text-indent:20px;
   background: url(../images/dt_bg.gif) 0 0 no-repeat;
   }

#perio02 .result dd{
   font-weight:bold;
   padding:0 0 20px 0;
   }

#perio02 .res1 {
   color:#1F3BA3;
   }
#perio02 .res1 a {
   color:#1F3BA3;
   }   
#perio02 .res2 {
   color:#F0AB00;
   }
#perio02 .res2 a {
   color:#F09100;
   }     
#perio02 .res3 {
   color:#BF0000;
   }
#perio02 .res3 a {
   color:#BF0000;
   }  
#perio02 dl.result{
   margin-left:5px;
   }
#perio02 .result dt{
   margin-left:5px;
   }
#perio02 .result dd{
   margin-bottom:10px;
   }
   
/*-------- 15  Perio03 --------*/
#perio03 h2#title01 { background: url(../images/perio03_h2-01.jpg) 0 0 no-repeat;}
#perio03 h3#title02 { background: url(../images/perio03_h3-02.jpg) 0 0 no-repeat;}
#perio03 h4#title03 { background: url(../images/perio03_h4-03.jpg) 0 0 no-repeat;}
#perio03 h3#title04 { background: url(../images/perio03_h3-04.jpg) 0 0 no-repeat;}
#perio03 h3#title05 { background: url(../images/perio03_h3-05.jpg) 0 0 no-repeat;}
#perio03 h4#title06 { background: url(../images/perio03_h4-06.jpg) 0 0 no-repeat;}
#perio03 h4#title07 { background: url(../images/perio03_h4-07.jpg) 0 0 no-repeat;}
#perio03 h4#title08 { background: url(../images/perio03_h4-08.jpg) 0 0 no-repeat;}

#perio03 #step01{
	min-height:20px;
	background-image: url(../images/step01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
#perio03 #step02{
	min-height:20px;
	background:url(../images/step02.jpg) no-repeat;
	background-position: 0px 10px;
}
#perio03 #step03{
	min-height:20px;
	background:url(../images/step03.jpg) no-repeat;
	background-position: 0px 10px;
}
#perio03 #step01 dl,
#perio03 #step02 dl,
#perio03 #step03 dl{
	padding-left:100px;
}
#perio03 #step01 dt,
#perio03 #step02 dt,
#perio03 #step03 dt{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:16px;
	color:#5F7DD8;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5F7DD8;	
}
#perio03 #step01 dd,
#perio03 #step02 dd,
#perio03 #step03 dd{
	padding:0;
	margin:0;
}
.blue{
	color:#8C9ECC;
	font-size:16px;
	font-weight:bold;
}
.mt20{margin-top:20px;}
/*-------- 16  Perio04 --------*/
#perio04 h2#title01 { background: url(../images/perio04_h2-01.jpg) 0 0 no-repeat;}
#perio04 h3#title02 { background: url(../images/perio04_h3-02.jpg) 0 0 no-repeat;}
#perio04 h3#title03 { background: url(../images/perio04_h3-03.jpg) 0 0 no-repeat;}
#perio04 h4#title04 { background: url(../images/perio04_h4-04.jpg) 0 0 no-repeat;width:460px;height:49px;}
#perio04 h3#title09 { background: url(../images/perio04_h3-09.jpg) 0 0 no-repeat;}
#perio04 h4#title10 { background: url(../images/perio04_h4-10.jpg) 0 0 no-repeat;}
#perio04 h4#title11 { background: url(../images/perio04_h4-11.jpg) 0 0 no-repeat;}
#perio04 h4#title12 { background: url(../images/perio04_h4-12.jpg) 0 0 no-repeat;}
#perio04 h3#title13 { background: url(../images/perio04_h3-13.jpg) 0 0 no-repeat;}
#perio04 h3#title14 { background: url(../images/perio04_h3-14.jpg) 0 0 no-repeat;}
#perio04 h4#title15 { background: url(../images/perio04_h4-15.jpg) 0 0 no-repeat;}
#perio04 h4#title16 { background: url(../images/perio04_h4-16.jpg) 0 0 no-repeat;}


#perio04 .bord {
   width:460px;
   background: url(../images/bord_bg.jpg) bottom no-repeat;
   }
#perio04 .bord dl{
   margin:0 10px 0 10px;
   padding:0 20px 30px 20px;
   color:#5F5141;
   }
#perio04 .bord dt{
   margin:0;
   font-size;108%;
   font-weight:bold;
   color:#1A2C8F;
   text-indent:20px;
   background: url(../images/dt_bg.gif) 0 0 no-repeat;
   }
#perio04 .bord dd{
   margin-bottom:20px;
   }

#perio04 .brush_area{
   border:1px solid #ccc;
   }

#perio04 .brush{
   width:330px;
   margin-left:20px;
   }

#perio04 .step {
   background: url(../images/arrow_v.jpg) bottom no-repeat;
   padding:0 0 30px 0;
   }

#perio04 .step_area .beta{
   width:240px;
   margin-top:15px;
   }
#perio04 .step ,#perio04 .step_end {
   clear:both;
   }
#perio04 .step_end {
   margin-bottom:20px;
   }

   
/*-------- 17  Staff --------*/
#staff h2#title01 { background: url(../images/staff_h2-01.jpg) 0 0 no-repeat;}
#staff h3#title02 { background: url(../images/staff_h3-02.jpg) 0 0 no-repeat;margin-bottom:10px;}
#staff h4#title03 { background: url(../images/staff_h4-03.jpg) 0 0 no-repeat;width:235px;}
#staff h4#title04 { background: url(../images/staff_h4-04.jpg) 0 0 no-repeat;width:235px;}
#staff h4#title05 { background: url(../images/staff_h4-05.jpg) 0 0 no-repeat;width:235px;}
#staff h4#title06 { background: url(../images/staff_h4-06.jpg) 0 0 no-repeat;width:235px;}

#staff .alpha {
    width:200px;
    }

#staff .beta{
    width:300px;
    }

#staff .subtitle{
    color:#1631E0;
    margin-left:25px;
    }

/*-------- 18  Case --------*/
#case h2#title01 { background: url(../images/case_h2-01.jpg) 0 0 no-repeat;}
#case h3#title02 { background: url(../images/case_h3-02.jpg) 0 0 no-repeat;}
#case h3#title03 { background: url(../images/case_h3-03.jpg) 0 0 no-repeat;}
#case h3#title04 { background: url(../images/case_h3-04.jpg) 0 0 no-repeat;}
#case h3#title05 { background: url(../images/case_h3-05.jpg) 0 0 no-repeat;}
#case h3#title06 { background: url(../images/case_h3-06.jpg) 0 0 no-repeat;}
#case h3#title07 { background: url(../images/case_h3-07.jpg) 0 0 no-repeat;}
#case h3#title08 { background: url(../images/case_h3-08.jpg) 0 0 no-repeat;}


/*-------- 19  Office --------*/
#office h2#title01 { background: url(../images/office_h2-01.jpg) 0 0 no-repeat;}
#office h3#title02 { background: url(../images/office_h3-02.jpg) 0 0 no-repeat;}
#office h4#title03 { background: url(../images/office_h4-03.jpg) 0 0 no-repeat;}
#office h4#title04 { background: url(../images/office_h4-04.jpg) 0 0 no-repeat;}
#office h3#title05 { background: url(../images/office_h3-05.jpg) 0 0 no-repeat;}
#office h4#title06 { background: url(../images/office_h4-06.jpg) 0 0 no-repeat;}
#office h4#title07 { background: url(../images/office_h4-07.jpg) 0 0 no-repeat;}
#office h4#title08 { background: url(../images/office_h4-08.jpg) 0 0 no-repeat;}
#office h4#title09 { background: url(../images/office_h4-09.jpg) 0 0 no-repeat;}
#office h4#title10 { background: url(../images/office_h4-10.jpg) 0 0 no-repeat;}
#office h4#title11 { background: url(../images/office_h4-11.jpg) 0 0 no-repeat;}
#office h4#title12 { background: url(../images/office_h4-12.jpg) 0 0 no-repeat;}
#office h4#title13 { background: url(../images/office_h4-13.jpg) 0 0 no-repeat;}
#office h4#title14 { background: url(../images/office_h4-14.jpg) 0 0 no-repeat;}
#office h4#title15 { background: url(../images/office_h4-15.jpg) 0 0 no-repeat;}
#office h4#title16 { background: url(../images/office_h4-16.jpg) 0 0 no-repeat;}

#office .tour{
   clear:both;
   }

#office .tour .alpha{
   width:200px;
   }
#office .tour .beta{
   width:280px;
   }


#office #map{
   width:450px;
   height:350px;
   margin:10px 0 5px 0;
   border:2px solid #ccc;
   }
#office table.info{
   margin:10px 0 10px 10px;
   width:400px;
   
   }

#office table .c_title{
   width:80px;
   }
#office table .on{
   width:25px;
   text-align:center;
   text-indent:-9999px;
   background: url(../images/on.jpg) 5px 12px no-repeat;
   }
* html #office table .on{
   width:40px;
   background: url(../images/on.jpg) 5px 10px no-repeat;
   }
*:first-child+html #office table .on{
   width:40px;
   background: url(../images/on.jpg) 5px 10px no-repeat;
   }
#office table .off{
   width:25px;
   text-align:center;
   text-indent:-9999px;
   background: url(../images/off.jpg) 5px 12px no-repeat;
   }
* html #office table .off{
   width:40px;
   background: url(../images/off.jpg) 5px 10px no-repeat;
   }
*:first-child+html #office table .off{
   width:40px;
   background: url(../images/off.jpg) 5px 10px no-repeat;
   }


/*-------- 20  Contact --------*/
#contact h2#title01 { background: url(../images/contact_h2-01.jpg) 0 0 no-repeat;}
#contact #content table{
    width:500px;
    margin-left:15px;
    }
#contact #content table th{ 
    width:150px;
    }
#contact .must{
   color:#FF2F4B;
   font-weight:normal;
   }

/*-------- 21  Sitemap --------*/
#sitemap h2#title01 { background: url(../images/sitemap_h2-01.jpg) 0 0 no-repeat;}
#sitemap #content dl.sitemap_area{
   margin-left:5px;
   }

#sitemap #content .sitemap_area dt{
   font-size:108%;
   float:none;
   text-indent:20px;
   background: url(../images/dt_bg.gif) 0 0 no-repeat;
   }
#sitemap #content .sitemap_area dd{
   margin-bottom:10px;
   }
.over{overflow:hidden;}
#content .pick_cont{
	width:530px;
	margin-top:-4px;
	overflow:hidden;
	padding:9px 5px 3px 5px;
	}
#content .pick_cont ul{
	margin:0;
	padding:0;
	margin:0 0 0 -10px;
	}
#content .pick_cont li{
	margin:0 0 2px 10px;
	padding:0;
	float:left;
	width:260px;
	background-image: none;
	list-style-type: none;
	}