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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                                                 */
/*=======================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: #ffffe7 url(../images/bg.jpg) top repeat-x; }

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

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

#content {
	width: 610px;
	float: right;
	font-size: 100%;
	line-height: 1.6;
	color: #000;
	padding: 0;
	}


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

#header {
	background: url(../images/header.jpg) 0 0 no-repeat;
	height: 164px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#header h1{
	position: absolute;
	top: 0;
	right: 30px;
	font-family:'ＭＳ ゴシック'; /* for IE7 */
	font-size: 10px;
	color: #666;
	line-height: 1.6;
}

#header p#top {
	width: 512px;
	height: 99px;
	line-height: 1.0;
	float: left;
	margin: 33px 0 0 12px;
	}

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

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



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

#nav {
	width: 210px;
	float: left;
	padding-bottom: 20px;
	background: url(../images/nav_header.jpg) 9px 0 no-repeat;
	}

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

#nav .internal { margin: 0 12px 30px 16px; }

#nav .internal li a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	 border-bottom:solid 1px #CCC; 
	}

#nav .internal li {
	display: block;
	height: 30px;
	text-indent: -9999px;
	 border-bottom:solid 1px #CCC; 
	}	

#nav01 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav02 { background: url(../images/nav.jpg) 0 -30px no-repeat; }
#nav03 a { background: url(../images/nav.jpg) 0 -60px no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -90px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -120px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -150px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -180px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -210px no-repeat; }
#nav09 { background: url(../images/nav.jpg) 0 -240px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -270px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -300px no-repeat; }
#nav12 a { background: url(../images/nav.jpg) 0 -330px no-repeat; }

#nav01 a:hover { background: url(../images/nav.jpg) -182px 0 no-repeat; }
#nav03 a:hover { background: url(../images/nav.jpg) -182px -60px no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -182px -90px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -182px -120px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -182px -150px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -182px -180px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -182px -210px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -182px -270px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -182px -300px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -182px -330px no-repeat; }


#nav p { margin-left: 19px; }

#nav p .center { margin-left: 40px; }

#nav h3 {
	margin: 0 12px 0 16px;
	height: 32px;
	text-indent: -9999px;
	}
#nav #nav_title01 { background: url(../images/nav_h3-01.jpg) 0 0 no-repeat; }
#nav #nav_title02 { background: url(../images/nav_h3-02.jpg) 0 0 no-repeat; }
#nav #nav_title03 { background: url(../images/nav_h3-03.jpg) 0 0 no-repeat; }


/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	padding: 0 0 14px 0;
	margin: 0;
	background: #ffde99 url(../images/footer_bg.jpg) 0 0 repeat-x;
	font-size: 85%;
	color: #71716f;
	}
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer .section {
	width: 820px;
	background: url(../images/footer.jpg) 0 0 no-repeat;
	padding: 0;
	margin: 0 auto;
	}
#footer .footer_tel {
	float: left;
	padding: 0;
	margin: 0;
	}


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

#footer ul { 
	list-style: none;
	margin: 0 1em 2px 1em;
	padding: 0 15px 0 0;
	text-align: right;
	}
#footer ul.footer_link01 {
	padding: 70px 15px 0 0;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}
#footer address {
	clear: both;
	margin: 8px 1em;
	}


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

.section { padding: .5em 35px .5em 25px; }
*html body .section { padding: .5em 25px .5em 25px; }

.section .section { padding: .5em 10px; }

.section-narrow { padding: .5em 35px; }

p.center { text-align: center; }

#content h2 {
	height: 58px;
	text-indent: -9999px;
	margin: 0;
	}
#content h3 {
	clear: both;
	height: 48px;
	text-indent: -9999px;
	}
#content h4 {
	height: 42px;
	text-indent: -9999px;
	}

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

#content ul,
#content dl { margin: .5em .5em .5em 1em; }

#content ul li {
	list-style: none;
	background: url(../images/list.jpg) 0 6px no-repeat;
	padding-left: 14px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }
a {
	color: #df4f08;
	outline: none;
	}
a:hover { color: #ee8a09; }

#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;
	width:200px;
	}

.image_r {
	float: right;
	margin: 0 0 16px 16px;
	width:200px;
	}
.image_l2  {
	float: left;
	margin: 0 10px 10px 0;
	}

.image_r2 {
	float: right;
	margin: 0 0 10px 10px;
	}

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

.case .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: 169px;
	height: 32px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height: 32px;
	background: url(../images/totop.jpg) 0 0 no-repeat;
	}

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

#content .detail { text-align: right; }

.raquo {
	font-size: 124%;
	font-weight: bold;
	}

p.answer { margin: .5em .5em 1em 1.5em; }

/* Hides from IE-mac \*/
p.answer:first-letter {
	display: block;
	padding: 4px;
	background: #e17f36;
	color: #fff;
	font-size: 32px;
	border: 1px solid #fede93;
	margin: 0 5px 0 0;
	float: left;
	}
/* End hide from IE-mac */

.pickup_bt,
.pickup_bt2 {
	margin: 0;
	padding: 0;
	}
.pickup_bt a,
.pickup_bt2 { height: 27px; }

.pickup_bt3 { margin-left: 30px; }
	
.detail {
	text-align: right;
	margin-right: 12px;
	}


#content table {
	border-collapse: collapse;
	border: 2px solid #e17f36;
	font-size: 100%;
	color: #666;
	width: 500px;
	margin-left: 20px;
	}

#content table th,
#content table td {
	padding: 4px 12px;
	border: 1px solid #fba282;
	text-align: center;
	}

#content table th {
	background: #feefbc;
	color: #e17f36;
	}

#content table.price {
	width:550px;
	margin-left:0;
	line-height:1.5;
}

#content table.price td {
	text-align: left;
	padding:4px 8px;
}
#content table.price td.pre {
	white-space:nowrap;
}
#content table.price .small {
	font-size:90%;
}

.pic-tx { width:200px;
height:auto;
float:left;
margin: 0 16px 16px 0;
}
.pic-tx2 { width:200px;
height:auto;
float:right;
margin: 0 0 16px 16px;
}
.mar0 { margin:0px;}


/*---------- 07  Index -----------*/

#index h2#main_image {
	margin: 0;
	padding: 0;
	text-indent: 0;
	height: 382px;
	}
	
#index #content h3,
#index #content h4{
	text-indent: 0;
}

#index #content #title01 {
	height: 110px;
	background: url(../images/index_h2-01.jpg) 1px 0 no-repeat;
	margin-left: 15px;
	} 
#index #content #title02 { background: url(../images/index_h3-02.jpg) 0 0 no-repeat; }
#index #content #title04 { background: url(../images/index_h3-04.jpg) 0 0 no-repeat; }

#index #content #greeting { margin-right: 1em; }

#index #content .hd { margin-top: 12px; }
#index #content .hd2 { margin-top: 30px; }


#index #content .pickup {
	margin: 0;
	padding: 10px 20px 0 6px;
	}
#index #content .pickup div {
	width: 275px;
	}
#index #content .pickup div p {
	margin: 0;
	padding: 0;
	}
	
#index #content .pickup div p a {
	text-decoration: none;
}

#index #content .pickup .alpha {
	float: left;
	}
#index #content .pickup .alpha2 {
	width: 550px;
	float: left;
	}
#index #content .pickup .beta {
	float: right;
	}

#index #content .pickup h3 {
	width: 275px;
	height: 27px;
	margin: 0;
	}

#index #content .section {
	padding: 0 12px 0 11px;
	}
#content .section .banner {
	margin: 30px 0 0;
	padding: 0 0 0 0px;
	}


#content .index_banner01 {
	width: 580px;
	margin: 0;
	padding: 0 0 20px;
	}
#content .index_banner01 a {
	display: block;
	height: 82px;
	background: url(../images/index_banner01.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	}
#content .index_banner01 a:hover { background: url(../images/index_banner01.jpg) 0 -82px no-repeat; }

#index #clinic-info {
	margin: 10px 20px 10px 10px;
	padding: 10px 0 0 250px;
	height: 180px;
	background: url(../images/index_clinic.jpg) 0 0 no-repeat;
	}
	
#index #wrapper p#title18 {
	text-indent: -9999px;
	width: 564px;
	height: 40px;
	background: url(../images/topics.jpg) 0 0 no-repeat;
}

#index #wrapper #main #content .section02 {
	margin-bottom: 20px;
	padding: 0 0px 20px 0px;
	background: url(../images/topics_border.gif) 13px bottom no-repeat;
}

#index #wrapper dl#topics dt {
	float: left;
        clear: left;
        width: 80px;
}

#index #wrapper dl#topics dd {
  float: left;
  width: 400px;
}

/*---------- 08  Concept -----------*/

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

#concept h4#title10 { background: url(../images/access_h4-06.jpg) 0 0 no-repeat; }
#concept h4#title11 { background: url(../images/access_h4-07.jpg) 0 0 no-repeat; }
#concept h4#title12 { background: url(../images/access_h4-08.jpg) 0 0 no-repeat; }
#concept h4#title13 { background: url(../images/access_h4-09.jpg) 0 0 no-repeat; }
#concept h4#title14 { background: url(../images/access_h4-10.jpg) 0 0 no-repeat; }
#concept h4#title15 { background: url(../images/access_h4-11.jpg) 0 0 no-repeat; }
#concept h4#title16 { background: url(../images/access_h4-12.jpg) 0 0 no-repeat; }
#concept h4#title17 { background: url(../images/access_h4-13.jpg) 0 0 no-repeat; }
#concept h4#title18 { background: url(../images/access_h4-14.jpg) 0 0 no-repeat; }
#concept h4#title19 { background: url(../images/access_h4-15.jpg) 0 0 no-repeat; }
#concept h4#title20 { background: url(../images/access_h4-16.jpg) 0 0 no-repeat; }
#concept h4#title21 { background: url(../images/access_h4-17.jpg) 0 0 no-repeat; }

#concept #content .alpha {
	width: 200px;
	float: left;
	}
#concept #content .beta {
	width: 320px;
	float: right;
	}

#concept #content .beta dt {
	width: 3em;
	float: left;
	}
#concept #content .beta dd { margin-left: 3em; }

#concept #content ol li span {
	color: #f00;
}
/*---------- 09  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; }
#staff h4#title03 { background: url(../images/staff_h4-03.jpg) 0 0 no-repeat; }
#staff h4#title04 { background: url(../images/staff_h4-04.jpg) 0 0 no-repeat; }
#staff h4#title05 { background: url(../images/staff_h4-05.jpg) 0 0 no-repeat; }
#staff h4#title06 { background: url(../images/staff_h4-06.jpg) 0 0 no-repeat; }
#staff h3#title07 { background: url(../images/staff_h3-03.jpg) 0 0 no-repeat; }
#staff h4#title08 { background: url(../images/staff_h4-07.jpg) 0 0 no-repeat; }
#staff h4#title09 { background: url(../images/staff_h4-09.jpg) 0 0 no-repeat; }

#staff #content .alpha {
	width: 200px;
	float: left;
	}
#staff #content .beta {
	width: 320px;
	float: right;
	}

#staff #content .beta dt {
	width: 3em;
	float: left;
	}
#staff #content .beta dd { margin-left: 3em; }


/******081023*******/
#staff #content .alpha {
	width: 200px;
	float: left;
	}
#staff #content .beta {
	width: 320px;
	float: right;
	}
#staff #content .beta dt {
	width: 5em;
	float: left;
	}
#staff #content .beta dd { margin-left: 5em; }

#staff #content .beta dl.doctor dt {
	width: 90px;
	}
#staff #content .beta dd { margin-left: 90px; }

#staff #guidance .alpha,
#staff #guidance .beta { width: 250px; }

#concept #guidance .alpha,
#concept #guidance .beta { width: 250px; }

#staff #content #access-map { margin-left: 20px; }

#staff #content table img { 
  margin: 0;
	padding: 0;
	display: block;
	}

#staff #content table th{ padding: .4em; }



/*---------- 10  Flow -----------*/

#flow h2#title01 { background: url(../images/flow_h2-01.jpg) 0 0 no-repeat; }
#flow h3#title02 { background: url(../images/flow_h3-02.jpg) 0 0 no-repeat; }
#flow h3#title03 { background: url(../images/flow_h3-03.jpg) 0 0 no-repeat; }
#flow h3#title04 { background: url(../images/flow_h3-04.jpg) 0 0 no-repeat; }
#flow h3#title05 { background: url(../images/flow_h3-05.jpg) 0 0 no-repeat; }
#flow h3#title06 { background: url(../images/flow_h3-06.jpg) 0 0 no-repeat; }
#flow h3#title07 { background: url(../images/flow_h3-07.jpg) 0 0 no-repeat; }
#flow h3#title08 { background: url(../images/flow_h3-08.jpg) 0 0 no-repeat; }
#flow h3#title09 { background: url(../images/flow_h3-09.jpg) 0 0 no-repeat; }


#flow #content .section_f {
	padding: .5em 30px 45px 30px;
	background: url(../images/arrow_down.jpg) center bottom no-repeat;
	}
#flow #content .section_f.nil { background-image: none; }


/*---------- 11  Ortho -----------*/
#ortho h2#title00 { background: url(../images/ortho_h2-00.jpg) 0 0 no-repeat; }
#ortho h2#title01 { background: url(../images/ortho_h2-01.jpg) 0 0 no-repeat; }
#ortho h3#title02 { background: url(../images/ortho_h3-02.jpg) 0 0 no-repeat; }
#ortho h3#title03 { background: url(../images/ortho_h3-03.jpg) 0 0 no-repeat; }
#ortho h3#title04 { background: url(../images/ortho_h3-04.jpg) 0 0 no-repeat; }
#ortho h3#title05 { background: url(../images/ortho_h3-05.jpg) 0 0 no-repeat; }
#ortho h3#title06 { background: url(../images/ortho_h3-06.jpg) 0 0 no-repeat; }



/*---------- 12  Child -----------*/

#child h2#title01 { background: url(../images/child_h2-01.jpg) 0 0 no-repeat; }
#child h3#title02 { background: url(../images/child_h3-02.jpg) 0 0 no-repeat; }
#child h3#title03 { background: url(../images/child_h3-03.jpg) 0 0 no-repeat; }
#child h3#title04 { background: url(../images/child_h3-04.jpg) 0 0 no-repeat; }
#child h3#title05 { background: url(../images/child_h3-05.jpg) 0 0 no-repeat; }


/*---------- 13  Adult -----------*/

#adult h2#title01 { background: url(../images/adult_h2-01.jpg) 0 0 no-repeat; }
#adult h3#title02 { background: url(../images/adult_h3-02.jpg) 0 0 no-repeat; }



/*---------- 14  Charge -----------*/

#charge h2#title01 { background: url(../images/charge_h2-01.jpg) 0 0 no-repeat; }
#charge h3#title02 { background: url(../images/charge_h3-02.jpg) 0 0 no-repeat; }
#charge h3#title03 { background: url(../images/charge_h3-03.jpg) 0 0 no-repeat; }

#charge p.cap {
	font-weight:bold;
	font-size:110%;
	color:#d31;
	background:url(../images/charge01.jpg) 0px 4px no-repeat;
	padding-left:20px;
}


/*---------- 15  Faq -----------*/

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



/*---------- 16  Access -----------*/

#access h2#title01 { background: url(../images/access_h2-01.jpg) 0 0 no-repeat; }
#access h3#title02 { background: url(../images/access_h3-02.jpg) 0 0 no-repeat; }
#access h3#title03 { background: url(../images/access_h3-03.jpg) 0 0 no-repeat; }
#access h4#title04 { background: url(../images/access_h4-04.jpg) 0 0 no-repeat; }
#access h4#title05 { background: url(../images/access_h4-05.jpg) 0 0 no-repeat; }
#access h4#title06 { background: url(../images/access_h4-06.jpg) 0 0 no-repeat; }
#access h4#title07 { background: url(../images/access_h4-07.jpg) 0 0 no-repeat; }
#access h4#title08 { background: url(../images/access_h4-08.jpg) 0 0 no-repeat; }
#access h4#title09 { background: url(../images/access_h4-09.jpg) 0 0 no-repeat; }
#access h4#title10 { background: url(../images/access_h4-10.jpg) 0 0 no-repeat; }
#access h4#title11 { background: url(../images/access_h4-11.jpg) 0 0 no-repeat; }
#access h4#title12 { background: url(../images/access_h4-12.jpg) 0 0 no-repeat; }
#access h4#title13 { background: url(../images/access_h4-13.jpg) 0 0 no-repeat; }
#access h4#title14 { background: url(../images/access_h4-14.jpg) 0 0 no-repeat; }
#access h4#title15 { background: url(../images/access_h4-15.jpg) 0 0 no-repeat; }
#access h4#title16 { background: url(../images/access_h4-16.jpg) 0 0 no-repeat; }
#access h4#title17 { background: url(../images/access_h4-17.jpg) 0 0 no-repeat; }
#access h3#title18 { background: url(../images/access_h3-18.jpg) 0 0 no-repeat; }


#access #content .alpha {
	width: 200px;
	float: left;
	}
#access #content .beta {
	width: 300px;
	float: right;
	}
#access #content .beta dt {
	width: 5em;
	float: left;
	}
#access #content .beta dd { margin-left: 5em; }

#access #guidance .alpha,
#access #guidance .beta { width: 250px; }

#access #content #access-map { margin-left: 20px; }

#access #content table img { 
  margin: 0;
	padding: 0;
	display: block;
	}

#access #content table th{ padding: .4em; }

/*---------- 17  Sitemap -----------*/

#sitemap h2#title01 { background: url(../images/sitemap_h2-01.jpg) 0 0 no-repeat; }

#sitemap #content dt {
	background: url(../images/list.jpg) 0 6px no-repeat;
	padding-left: 14px;
	}
#sitemap #content dd {
	margin: 3px 2em 1em 2em;
	background: #fcef94;
	padding: 4px 12px;
	border: 1px solid #fba282;
	}
.mail-bnr a {
display:block;
width:180px;
height:92px;
background:url(../images/mail-bnr.jpg) 0 0 no-repeat;
text-indent:-9999px;
outline:none;
margin-top:10px;
 }
.mail-bnr a:hover { background-position:-180px;}

.mail-bnr02 a {
display:block;
width:180px;
height:65px;
background:url(../images/mail_bnr.jpg) 0 0 no-repeat;
text-indent:-9999px;
outline:none;
margin: -4px 0 0 -2px;
 }
.mail-bnr02 a:hover { background-position:-180px;}

.float_r { float: right;}
.float_l { float: left;}