/* @charset "UTF-8"; */


body {background: #efefef url("../img/bg200904.jpg") center 0 repeat-x;	font-size: 12px;color:#666;}

/* structure
#container { width: 980px; margin: 0 auto;}
#main { width: 100%;}
#content { padding: 18px 20px;color: #333; }
#breadcrumb { clear: both; text-align: center; margin: 18px auto; clear: both; font-size: 10px; color: #686868; }
---------------------------------------------------------- */


#breadcrumbs, 
#container, 
#promofooter, 
#directorynav, 
#grobalfooter {width: 982px;margin:0 auto;border:0px solid red;}

#globalheader {border:0px solid red;}

#container {border:0px solid blue;}
#main {border:0px solid red;}
#hero {}	/*右側に画像を置くとき用*/
#content {border:0px solid green;padding:18px 40px 0 40px;}

	#branding {padding-bottom:50px;border:0px solid red;}
#content_main {border:0px solid red;}

#promofooter {margin-top:15px;border:0px solid red;}
#directorynav {margin-top:50px;border:0px solid red;}
#grobalfooter {margin-top:50px;border:0px solid red;}


#content-wrap {border:0px solid green;}
.box214cap {background:url(../img/box/box226cap_w.png) no-repeat right 0;height:5px;}
.box214main {border:0px solid green;background:url(../img/box/box226bg_w.png) no-repeat right bottom;}
.box766cap {background:url(../img/box/box733cap.png) no-repeat right 0;height:5px;}
.box766main {border:0px solid green;background:url(../img/box/box733bg.png) no-repeat right bottom;}

.box {padding: 15px 20px 15px 25px;}









.box980cap {background:url(../img/box/store980cap.png) no-repeat 0 0;height:5px;}
.box980main {background:url(../img/box/store980bg.png) no-repeat left bottom;}
.box980capf3 {background:url(../img/box/store980f3cap.png) no-repeat 0 0;height:5px;}
.box980mainf3 {background:url(../img/box/store980f3bg.png) no-repeat left bottom;}
.box980case {background:url(../img/box/case980cap.png) no-repeat 0 0;}

/* #BREADCRUMBS */
#breadcrumbs {}
#breadcrumbs ol {text-align:right;}
#breadcrumbs li {display:inline;}


/* #CONTAINER */
#main{}
#content{}



/* #CONTENT FOOTER */
#contentfooter {margin:15px 0 0 0;background:url(../img/box/store980f3bg.png) no-repeat left bottom; clear: both; color: rgb(102, 102, 102); }
#contentfooter .cap { margin: 0pt; height: 12px; font-size: 1px; }
#contentfooter .grid2col .last {margin: 0;background: url(../img/footer/contentfooter_bgseparator.gif) no-repeat left 20%;}
#contentfooter .grid2col .column {margin:0 0 0 0;padding:0 32px;display:block;width:43%;}
#contentfooter h3 { margin: 1em 0pt 0.3em; color: rgb(0, 0, 0); }
#contentfooter img { position: relative; }
#contentfooter img.right {margin-bottom: 2px;_margin-bottom: -16px;}
#contentfooter img.flush {margin-top:-11px;margin-right:-13px;}
#contentfooter a.arrow { position: relative; }
#contentfooter #cf-guidedtours img.right { margin: -4px -29px -18px -5px; }
#contentfooter #cf-retail h3 img { margin-right: -20px; }
#contentfooter #cf-retail img.right { margin-left:0px; }




/* #PROMO FOOTER */
ul.promos {list-style:none;margin:0;padding:2px 2% 11px 2%;width:96%;margin:0 auto;}
ul.promos li {float:left;display:block;width:14%;margin:0;padding:0;text-align:center;}
ul.promos li a {display:block;width:105px;font-size:.9em;}
.dp03 {width:105px;padding-top:110px;background:url(../img/promos/side_dp3.png) no-repeat 0 0;vertical-align:cener;}
.hp03 {width:105px;padding-top:110px;background:url(../img/promos/side_hp3.png) no-repeat 0 0;vertical-align:cener;}
.cs03 {width:105px;padding-top:110px;background:url(../img/promos/side_cs3.png) no-repeat 0 0;vertical-align:cener;}
.po03 {width:105px;padding-top:110px;background:url(../img/promos/side_po3.png) no-repeat 0 0;vertical-align:cener;}
.th03 {width:105px;padding-top:110px;background:url(../img/promos/side_th3.png) no-repeat 0 0;vertical-align:cener;}
.it03 {width:105px;padding-top:110px;background:url(../img/promos/side_it3.png) no-repeat 0 0;vertical-align:cener;}
.lp03 {width:105px;padding-top:110px;background:url(../img/promos/side_lp3.png) no-repeat 0 0;vertical-align:cener;}

ul.promos-img {list-style:none;margin:0;padding:0 0 0 0;width:100%;margin:0 auto;}
ul.promos-img li {float:left;margin:0;padding:0 12.4px 0 0;text-align:center;}
ul.promos-img li.last {padding-right:0;}
ul.promos-img li a {float:left;display:block;width:236px;height:155px;text-indent:-7777px;}
a.layout {background:url(../img/promos/promo-layout.png) no-repeat 0 0;vertical-align:cener;}
a.color {background:url(../img/promos/promo-color.png) no-repeat 0 0;vertical-align:cener;}
a.tutorial {background:url(../img/promos/promo-tutorial.png) no-repeat 0 0;vertical-align:cener;}
a.hri {background:url(../img/promos/promo-hri.png) no-repeat 0 0;vertical-align:cener;}




/* #DIRECTORYNAV */
#directorynav a {color:#888}
#directorynav a:hover, #directorynav a:visited {color:#333}
#directorynav h4 {font-size:1em;}
#directorynav li {font-size:.9em;}
#directorynav .grid4col {width:93%;margin:0 0 0 6%;}








/* h1 summary
------------------------------*/
h1.replaced {text-indent:-7777px;margin:0 0 15px 5px;}

#hero {padding:0 0 0 5px;}
#hero h1 {margin:0;}
#hero p {line-height:1.85em;font-size:1.3em;color:#333;margin:0 0 0 6px;}
.caseindex #content_second {padding-top:50px;border-top:1px solid #eee;}





/* CASE */
#main .box980case {padding:30px 0 0px 37px;}
.caseindex #hero {height:250px;border-bottom:0px solid red;}	/*右側に画像を置くとき用*/
.caseindex #hero h1 {margin:0 0 20px 0;background:url(../img/title/h1case.gif) no-repeat 0 0;}
.caseindex #hero p {width:395px;}
.caseindex .subtitle01 {height:30px;background:url(../img/case/subtitle01.gif) no-repeat 0 0;text-indent:-7777px;}
.caseindex .subtitle02 {height:30px;background:url(../img/case/subtitle02.gif) no-repeat 0 0;text-indent:-7777px;}


/* CASE .ziyukan*/
#case #hero h2 {height:25px;background:url(../img/title/h2case.gif) no-repeat 0 0;text-indent:-7777px;}
dl.faq {position:relative;}
dl.faq dt {color:#000;margin: 3em 0 2em 0;font-weight:bold;font-size:1.2em;}
dl.faq dt.first {margin: 0 0 2em 0;}
dl.faq dd {color:#252525;margin: 0 2em 0 1.5em;line-height:1.7em;}
img.kabuse {margin-bottom:-25px;position:relative; z-index:50;}
img.kabuse2 {margin-top:-15px;position:relative; z-index:50;}
dl.faq dd p {position:relative; z-index:200;}

.introduce h2 {position:relative;line-height:1.5em;color:#000;}
.introduce img {margin-left:-23px;position:relative; z-index:210;}
.introduce h4 {margin-top:1em;}
.introduce p {margin-bottom:0;}
.introduce ul.promos {margin-left:40%;padding:0;width:56%;border:0px solid blue;}
.introduce ul.promos a {display:block;width:55px;margin:0 10% 0 0;text-indent:-7777px;border:0px solid red;}
.dp04 {height:75px;background:url(../img/case/set_dp.png) no-repeat center center;}
.hp04 {height:75px;background:url(../img/case/set_hp.png) no-repeat center center;}
.cs04 {height:75px;background:url(../img/case/set_cs.png) no-repeat center center;}
.po04 {height:75px;background:url(../img/case/set_po.png) no-repeat center center;}
.th04 {height:75px;background:url(../img/case/set_th.png) no-repeat center center;}
.it04 {height:75px;background:url(../img/case/set_it.png) no-repeat center center;}
.lp04 {height:75px;background:url(../img/case/set_lp.png) no-repeat center center;}
/*****/
.dp04:hover {height:75px;background:url(../img/case/set_dp_on.png) no-repeat center center;}
.hp04:hover {height:75px;background:url(../img/case/set_hp_on.png) no-repeat center center;}
.cs04:hover {height:75px;background:url(../img/case/set_cs_on.png) no-repeat center center;}
.po04:hover {height:75px;background:url(../img/case/set_po_on.png) no-repeat center center;}
.th04:hover {height:75px;background:url(../img/case/set_th_on.png) no-repeat center center;}
.it04:hover {height:75px;background:url(../img/case/set_it_on.png) no-repeat center center;}
.lp04:hover {height:75px;background:url(../img/case/set_lp_on.png) no-repeat center center;}

.clinic-intro {padding:40px 0;}
.clinic-intro h3 {margin:0 0 1em 0;color:#000;font-size:1.2em;}
.clinic-intro ul li {margin-bottom:.5em;}
.clinic-intro ul strong {display:block;width:8em;float:left;}

.sidebar h3 {font-size:1.3em;margin:0 0 .5em 0;}
.sidebar ul.clinic-link li {padding: 1em 0 .5em 1em;border-bottom:1px solid #e0e0e0;}
.sidebar ul.clinic-link  li a {display:block;height:80px;}
.sidebar ul.clinic-link  li span {display:block;color:#666;border-bottom:none;}
.sidebar ul.clinic-link  li a span:hover {color:#666;text-decoration: none;}
.sidebar ul.clinic-link  li img.left {margin: 0 1.5em 0 0;}
.ziyukan .sidebar ul li.ziyukan, .hannya .sidebar ul li.hannya, .hirasugi .sidebar ul li.hirasugi, .nakai .sidebar ul li.nakai {background:#eee;}






p.note {font-size:.9em;margin-top:100px;}
.line {border-bottom:1px solid #eee;}




/* #GLOBALFOOTER */
#grobalfooter {font-size:.9em;background:url(../img/footer-star.gif) no-repeat 99.5% 50%;}
#grobalfooter p {margin:0;}
#grobalfooter ul.piped {position:relative;margin-top:1em;}
#grobalfooter ul.piped li.first a {border-left:none;}
#grobalfooter .copy {position:relative;margin:-3em 0 3em 0;text-align:right;}
#grobalfooter p span {color:#00acda}





/* #clearfix */
.clearfix:after, ul.promos:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, ul.promos { zoom: 1; }