/***********************************************************************　冨士本眼科 中津院　******************************************************************************/

header { background-color: #6276B6; } 
header ul li a { background-color: #6276B6; }
header ul li a:hover { background-color: #859cc9; }
header ul { border-right: 1px dotted #b5c4e2; }
header ul li { border-left: 1px solid #b5c4e2; }

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

a { text-decoration: none;color: #6276B6;}
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: #6276B6 }
div.anch a { color: #999 }

.zoom-box div { border: 1px solid #61a6c1 }
.card a:hover {opacity: .8 ; background-color: #ced9ed }
a:hover.iro { background-color: #ced9ed }

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

.bg-col1 {background-color: #6276B6;color: #ffffff;}

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

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

section#shoshitai h4 { border-top: dotted 1px #6276B6;padding-top: 20px ; color:#6276B6 ; }

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

body#body01 header ul li.c01 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: #496a9e;}

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

#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: #ced9ed;}

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

#body00 #photobg.pc { background-image: url(../image00/00.jpg); }
#body00 #photobg.pc { background-image: url(../image00/00.jpg); }
#body00 #photobg.sp { background-image: url(../image00/01.jpg); }

#body01 #photobg { background-image: url(../image01/21.jpg); }
#body02 #photobg { background-image: url(../image02/02.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); }

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

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

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

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

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

#body05 #nagare3 .step.step01,
#body05 #nagare3 .step.step03,
#body05 #nagare3 .step.step04 { 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: #6276B6;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 }