/************************************************************　冨士本眼科　************************************************************/

header { background-color: #72a581; } 
header ul li a { background-color: #72a581; }
header ul li a:hover { background-color: #9fc3a6; }
header ul { border-right: 1px dotted #9fc3a6; }
header ul li { border-left: 1px solid #9fc3a6; }

/**********************************************************　リンク　色　***********************************************************/

a { text-decoration: none;color: #4ba465;}
a { transition-property: all;transition: 0.5s linear; }
.card a { color: #000;}

header ul li a { color: #ffffff }

header ul li.fobt a,
.iro, a.iro ,.hissu { color: #4ba465 }
div.anch a { color: #999 }

.zoom-box div { border: 1px solid #9fc3a6 }
.card a:hover {opacity: .8 ; background-color: #daf5e2 }
a:hover.iro { background-color: #daf5e2 }

/************************************************************　背景色　**********************************************************/

.bg-col1 {background-color: #9fc3a6;color: #ffffff;}

/*******************************************************　ボーダー色　角丸　**********************************************************/

.card a { border: 1px solid #9fc3a6;border-radius:8px; }  
.card span.cardh { border-bottom: 1px dotted #9fc3a6; }

section#shoshitai h4 { border-top: dotted 1px #9fc3a6;padding-top: 20px ; color:#4ba465 ; }


/***********************　ナビゲーション　カレント　*************************/

body#body01 header ul li.c01 a,
body#body01n header ul li.c01n a,
body#body02 header ul li.c02 a,
body#body03 header ul li.c03 a,
body#body04 header ul li.c04 a,
body#body05 header ul li.c05 a
{background-color: #679875;}

/*******************************************************　サブ　カテゴリー　カレント　***************************************************/

#category01 .card#cate01 a,
#category02 .card#cate02 a,
#category03 .card#cate03 a,
#category04 .card#cate04 a,
#category05 .card#cate05 a,
#category06 .card#cate06 a
{background-color: #daf5e2;}

/*********************************************************　背景写真ボックス　***************************************************/

#body01 #photobg { background-image: url(../image01/01.jpg); }
#body02 #photobg { background-image: url(../image02/00.jpg); }
#body03 #photobg { background-image: url(../image03/00.jpg); }
#body04 #photobg { background-image: url(../image04/00.jpg); }
#body05 #photobg { background-image: url(../image05/00.jpg); }

#nagare4 .step.step01 { background-position: left top }
#nagare4 .step.step02 { background-position: left center }
#nagare4 .step.step03 { background-position: left top }
#nagare4 .step.step04 { background-position: left center }

#nagare3 .step.step01 { background-position: left center }
#nagare3 .step.step02 { background-position: left top }
#nagare3 .step.step03 { background-position: left center }

#body05 #nagare3 .step.step01,
#body05 #nagare3 .step.step02,
#body05 #nagare3 .step.step03,
#body05 #nagare3 .step.step04 { background-position: left center; }

#nagare5 .step.step01 { background-position: left center }
#nagare5 .step.step02 { background-position: left top }
#nagare5 .step.step03 { background-position: left center }
#nagare5 .step.step04 { background-position: left center }
#nagare5 .step.step05 { background-position: left top }

/******************　背景写真付　********************/

.bgbox { padding-left: 25%;background-image: url(../thumb/31.jpg);background-repeat: no-repeat;background-size: 22% auto; background-position: left center }

.tray01 .bgbox { background-image: url(../image03/thumb01.jpg);background-position: left top }
.tray02 .bgbox { background-image: url(../image03/thumb02.jpg);background-position: left center }
.tray03 .bgbox { background-image: url(../image03/thumb03.jpg);background-position: left center }
.tray04 .bgbox { background-image: url(../image03/thumb04.jpg);background-position: left center }
.tray05 .bgbox { background-image: url(../image03/thumb05.jpg);background-position: left center }
.tray06 .bgbox { background-image: url(../image03/thumb06.jpg);background-position: left center }
.tray07 .bgbox { background-image: url(../image03/thumb07.jpg);background-position: left center }


/******************************************************　オリジナルデザイン　**********************************************************/

.shinsatsubi { color: #4ba465;font-size: 1.2em;line-height: 1.2em }

.markfhead { background-image: url(../img/ico.png);background-repeat: no-repeat;background-position: left top ;text-align: left; padding-bottom: 30px}
h2.markfhead, h3.markfhead, h4.markfhead { height: 20px; padding-left: 40px;background-size: auto 30px }

/******************************************************　icl*******************************************************/

body#icl p { padding: 0 0 20px }
#archves ul li a { display: block; padding: 5px 0;}
.archwrap { text-align: justify; }

.icl a { font-family: "Shin Go Medium"!important; display: block; text-align: right; border: 2px solid #fff; color: #fff; ; border-radius: 8px; background-color: #69ADDC }
.icl a span.eng { font-family: "Shin Go Medium"; line-height: 1em}

body#icl main { padding-top: 0px!important; margin-top: -300px!important; background-color: hsla(353,82%,35%,.0); line-height: 1.8em; letter-spacing: .05em }
#pagetop { height: 300px; background-color: hsla(216,82%,35%,0.0); }

body#icl h1, 
body#icl main h2,
body#icl main h3
{ text-align: left; font-family: "Shin Go Medium"; }
body#icl h1 span { display: block; font-size: .7em; }
body#icl main h2 { font-size: 1.6em; margin-bottom: 10px }
body#icl h2 span { font-size: .7em; vertical-align: .1em }
body#icl main h3 span { color: #4ba465; }

body#icl table { border: 1px solid #ccc; border-width: 1px 0 0 1px; border-collapse: separate; border-spacing: 0; margin-bottom: 20px }
body#icl th, body#icl td { border: 1px solid #ccc; font-size: 1.0em; border-width: 0 1px 1px 0; }
body#icl th { text-align: center; }
body#icl td { padding-left: 30px }

body#icl #cost th { text-align: center; width: 40%; padding-left: 0px; padding-right: 0px; }
body#icl #cost td { text-align: center; width: 20%; padding-left: 0px; padding-right: 0px;}
body#icl #cost td.price { width: 40%; font-family: "Shin Go Medium"; color: #008AFF; }

body#icl #difference td { text-align: center; padding-left: 20px; padding-right: 20px; }
tr.tablehead { background-color: #eee }

body#icl #faq p { margin-left: 30px }
body#icl main ul { margin-bottom: 30px }

body#icl strong { font-family: "Shin Go Medium"; color: #008AFF }

body#icl .icltel { font-family: "Shin Go Medium"; }