﻿@charset "utf-8";

/*------------------------------------------------------------------------------
Access Implant center - CSS Modules Import
Date: 2009-04-21
Copyright©2001- Access Implant Center All rights reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Common

---------------------------------------- */

div#Content h1 {
	background: #136bba url(../img/implant/hd_index_01.png) 0 100% no-repeat;
	text-align: right;
	font-weight: 700;
	color: #fff;
}

/* ----------------------------------------

Choice

---------------------------------------- */

#Choice01 {
	width: 330px;
}


/* ----------------------------------------

All_part

---------------------------------------- */

.All01 {
	width: 280px;
}


/* ----------------------------------------

Deduction

---------------------------------------- */

strong.DeductionBold {
	font-weight: 700;
	font-size: 1.231em;
	color: #ec4e82;
}

table#DedLst {
	font-size: 0.77em;
}

table#DedLst {
	width: 100%;
	margin-bottom: 20px;
}

table#DedLst th,
table#DedLst td {
	padding: 0.2em;
	border: 1px solid #ccc;
	/*vertical-align: top;*/
}

table#DedLst th {
	background-color: #eee;
	font-weight: 700;
}

table#DedLst thead th {
	background: #a8d1f7;
	font-weight: 400;
}

table#DedLst thead tr {
	background: #d8ecfe;
}

table#DedLst tbody th {
	background: #e6f3ff;
	font-weight: 400;
}


/* ----------------------------------------

Process

---------------------------------------- */

div#Tab {
	margin-bottom: 20px;
	border-bottom: 5px solid #297BC4;
}

div#Tab ul {
	margin-left:-1px;
}

div#Tab ul li {
	display: inline;
	margin-right: 5px;
}


div#Content div#Main h4.ExTit {
	border-left: 6px solid #136bba;
	padding-left: 8px;
	margin: 0 0 30px 20px;
}


ul.ExLst {
	margin: 0 20px 50px 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #136bba;
}

ul.ExLst li {
	float: left;
	width: 20%;
}

ul.ExLst li a {
	background: transparent url(../img/common/icon_arrow_01.png) no-repeat 0 0.4em;
	display: block;
	padding: 0 5px 0 15px;
}


/* ----------------------------------------

bite

---------------------------------------- */

ul.ExBite li p.Comment {
	float: right;
}

.Explain {
	margin: 0 0 15px 0;
	width: 100%;
}

.Explain td {
	padding: 10px 0;
	border-bottom: 1px solid #deeaec;
	vertical-align: top;
	width: 50%;
}

.Explain td p.Step {
	margin-bottom: 5px;
	font-weight: bold;
	color: #003f83;
}

.Explain td p {
	width: 260px;
}

.ExBite li img {
	float: left;
}

.ExBite li p {
	margin-left: 20px;
}


#FaqCol {
	padding: 0 10px;
	border: 1px solid #ccc;
	margin: 30px 0 0 0;
}

#FaqCol h3 {
	background: #e7f6ff;
	margin: 0;
	padding: 5px;
}

dl#Faq {
	margin-top:20px;
}

dl#Faq dt {
	background: url(../img/faq/q.png) 0 0.2em no-repeat;
	padding-left: 40px;
	padding-bottom: 5px;
	margin-bottom: 1.0em;
	border-bottom: 1px solid #003f83;
	font-size: 1.385em;
	color: #003f83;
}

dl#Faq dt strong {
	font-weight: bold;
}

dl#Faq dd {
	background: url(../img/faq/a.png) 0 0.2em no-repeat;
	padding-left: 40px; 
	margin-bottom: 3.5em;
}


/* ----------------------------------------

no_incision

---------------------------------------- */

ul#IncisionEx li {
	float: left;
	width: 48%;
}

h3.InciEx {
	padding-bottom: 5px;
	border-bottom: 1px solid #003f83;
}

h4.InciEx {
	padding-bottom: 5px;
	margin-bottom: 0;
}



/* ----------------------------------------

ClearFix (基本的にクラス指定では使用しない)

---------------------------------------- */

/* -- Modern Browsers -- */

.ExBite li:after,
ul#IncisionEx:after,
ul.ExBite:after,
ul.ExLst:after,
ul.BoneLst:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

.ExBite li,
ul#IncisionEx,
ul.ExBite,
ul.ExLst,
ul.BoneLst {
	display: inline-block;
}

/*  -- Legacy IE -- */

* html .ExBite li,
* html ul#IncisionEx,
* html ul.ExBite,
* html ul.ExLst,
* html ul.BoneLst {
	height: 1%;
}

.ExBite li,
ul#IncisionEx,
ul.ExBite,
ul.ExLst,
ul.BoneLst {
	display: block;
}
