@charset "utf-8";

/*==================================
  common_Layout
==================================*/
/* reSet
==================================*/
body{margin:0 auto; padding:0; background:url(../img/bg.png); color:#762a0f; position:relative;}
html{margin:0 auto; padding:0; font-size:75%; font-family:"メイリオ", 'ＭＳ Ｐゴシック', 'Osaka', Helvetica, Verdana, Arial, sans-serif;}
*{margin:0; padding:0; text-align:left;}
img{border:none; vertical-align:bottom; max-width:100%;}
a{-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
p,li,dt,dd,th,td{line-height:1.6;}
hr{display:none;}
.clear{zoom:100%;}
.clear:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
::selection{background:#e47f4a; color:#fff;}
::-moz-selection{background:#e47f4a; color:#fff;}

/* Linx_color
==================================*/
a{color:#8b5c05; text-decoration:none;}
a:visited{color:#8b5c05; text-decoration:none;}
a:hover{color:#e47f4a; text-decoration:none;}
a:active{color:#e47f4a; text-decoration:none;}

/* cssModule
==================================*/
body .mb10{margin-bottom:10px;}
body .mb15{margin-bottom:15px;}
body .mb20{margin-bottom:20px;}
body .mb1em{margin-bottom:1em;}
body .mb2em{margin-bottom:2em;}
body .pb10{padding-bottom:10px;}
body .pb15{padding-bottom:15px;}
body .pb20{padding-bottom:20px;}

/* coMMon
==================================*/
/*--header--*/
header{background:url(../img/bg_circle01.png) top center no-repeat; background-position:85% 0; padding:30px 0 25px;}
header div{width:960px; margin:0 auto; position:relative;}
header div h1{font-size:0; line-height:0; width:37%; float:left; margin-bottom:20px;}
header div p.pc{font-size:0; line-height:0; width:30%; float:right; padding:20px 0;}
header div p.sp{display:none;}
header div ul{list-style:none; clear:both; width:960px;}
header div ul li{font-size:0; line-height:0; width:16.6666666%; float:left; overflow:hidden;}
header div ul li img{max-width:100%;}
@media screen and (max-width: 960px) {
header div{width:100%;}
header div ul{width:100%;}
}
@media screen and (max-width: 640px) {
header{background-size:30%; padding:10px 0;}
header div h1{width:48%; margin:0 0 10px 5px;}
header div p.pc{display:none;}
header div p.sp{display:block; font-size:0; line-height:0; width:40%; float:right; padding:5px 10px;}
header div ul{width:90%; margin:0 auto;}
header div ul li{width:33.3333333%;}
header div ul li img{max-width:100%;}
}
/*--access_box--*/
div#access_box{width:960px; margin:0 auto 50px;}
div#access_box div{border:5px solid #f6d3c0; background:url(../img/bg_clear.png); padding:25px;}
div#access_box div dl#ttl_access{margin:0 20% 20px;}
div#access_box div dl#ttl_access dt{font-size:0; line-height:0; text-align:center; padding-bottom:12px; margin-bottom:10px; border-bottom:2px solid #abc23b;}
div#access_box div dl#ttl_access dd{font-size:14px; text-align:center; color:#e47f4a;}
div#access_box div section#info{width:46%; float:left;}
div#access_box div section#info h3{font-size:0; line-height:0; text-align:center; padding-bottom:12px; margin-bottom:20px; background:url(../img/line02.png) bottom repeat-x;}
div#access_box div section#info dl dt{font-size:0; line-height:0; width:33%; float:right;}
div#access_box div section#info dl dd{width:64%; float:left; font-size:14px; color:#8b5c05;}
div#access_box div section#info dl dd img{margin-top:7px;}
div#access_box div section#info dl dd a{display:none;}
div#access_box div section#info p{font-size:0; line-height:0; margin-top:20px;}
div#access_box div section#gm{width:50%; float:right;}
div#access_box div section#gm iframe{width:100%; height:250px;}
@media screen and (max-width: 960px) {
div#access_box{width:auto; margin:0 2% 25px;}
div#access_box div{border:3px solid #f6d3c0; padding:2em;}
}
@media screen and (max-width: 640px) {
div#access_box div{padding:1em;}
div#access_box div dl#ttl_access{margin:0 5% 20px;}
div#access_box div section#info{width:auto; float:none; margin-bottom:15px;}
div#access_box div section#info dl dd{font-size:11px;}
div#access_box div section#info dl dd img.pc{display:none;}
div#access_box div section#info dl dd a{display:block;}
div#access_box div section#gm{width:auto; float:none;}
}
/*--gototop--*/
p#gototop{font-size:0; line-height:0; position:absolute; z-index:5; right:20px; margin-top:-140px;}
@media screen and (max-width: 960px) {
p#gototop{display:none;}
}
/*--text_link--*/
p#text_link{font-size:14px; text-align:center; background:url(../img/line01.png) bottom repeat-x; padding-bottom:10px;}
p#text_link span{background:url(../img/line04.png) left no-repeat; padding-left:1em; margin-left:1em;}
p#text_link a span.pc{background:none; margin:0; padding:0;}
p#text_link span.gototop{display:none;}
@media screen and (max-width: 960px) {
p#text_link{font-size:10px;}
}
@media screen and (max-width: 640px) {
p#text_link{padding:0 2% 10px;}
p#text_link span{background:none; padding-left:0; margin-left:0;}
p#text_link a{display:block; background:#fff; border:1px solid #f6d3c0; width:49.5%; padding:.25em 0; float:left; font-size:13px; text-align:center;}
p#text_link a.top{width:99.5%;}
p#text_link a span.pc{display:none;}
p#text_link span.gototop{display:block;}
p#text_link span.gototop a{width:99.5%; margin:5px 0 0; padding:.5em 0; font-size:1.4em; color:#fff; background:#8b5c05;}
}
/*--footer--*/
footer{width:960px; margin:0 auto; padding:35px 0 5px; background:url(../img/bg_circle02.png) left bottom no-repeat;}
footer p{color:#8b5c05; padding-bottom:30px; line-height:2;}
footer address{text-align:center; font-style:normal; color:#8b5c05;}
@media screen and (max-width: 960px) {
footer{width:auto; margin:0 2%;}
}
@media screen and (max-width: 640px) {
footer{padding:15px 0 5px; background-size:65%;}
footer p{padding-bottom:15px;}
footer address{font-size:.8em;}
}


/*==============================================
  deTail_seTTing
==============================================*/
/* tOp
==================================*/
h2#visual{font-size:0; line-height:0; text-align:center; margin-bottom:40px;}
dl#catch{padding-bottom:20px;}
dl#catch dt{font-size:0; line-height:0; text-align:center; margin-bottom:12px;}
dl#catch dd p{font-size:14px; line-height:1.75; text-align:center; margin-bottom:1em;}
dl#catch dd p span{color:#e47f4a;}
dl#catch dd p.pc{font-size:0; line-height:0; text-align:center; margin-bottom:20px;}
dl#catch dd p.sp{display:none;}
dl#catch dd div{width:960px; margin:0 auto;}
dl#catch dd div img{width:260px; float:left; margin-right:15px;}
dl#catch dd div p{text-align:left;}
dl#catch dd p.right{width:960px; margin:0 auto 1em; text-align:right; font-size:16px;}
div#info_box{width:960px; margin:0 auto;}
div#info_box div.inner{width:680px; float:left;}
div#info_box div.inner p#schedule{font-size:0; line-height:0; padding-bottom:25px;}
div#info_box div.inner p#schedule span{display:none;}
div#info_box div.inner p#schedule img{margin-bottom:10px;}
div#info_box div.inner h3#ttl_news{font-size:0; line-height:0; padding:10px 16px; margin-bottom:20px; position:relative; background:#e4804a; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
div#info_box div.inner h3#ttl_news:after{content:""; width:0; height:0; border-top:15px solid #e4804a; border-right:10px solid transparent; border-bottom:15px solid transparent; border-left:10px solid transparent; position:absolute; top:100%; bottom:-12px; left:8%;}
div#info_box div.inner p.btn_list{font-size:0; line-height:0; float:right; margin:-57px 10px 0 0; position:relative; z-index:2;}
div#info_box div.inner ol li{list-style:none; padding:15px 5px 20px 30px; background:url(../img/line03.png) left bottom no-repeat;}
div#info_box div.inner ol li dt{font-size:14px; width:7em; float:left; color:#e47f4a;}
div#info_box div.inner ol li dd{font-size:14px; padding-left:7em;}
div#info_box ul#bnr{list-style:none; width:260px; float:right;}
div#info_box ul#bnr li{margin-bottom:20px; font-size:0; line-height:0;}
div#info_box ul#bnr li a img{border:1px solid #efb393;}
div#info_box ul#bnr li a:hover img{border:1px solid #e4804a;}
@media screen and (max-width: 960px) {
h2#visual{margin:0 2% 20px;}
dl#catch{padding:0 2% 15px;}
dl#catch dd p{font-size:13px; line-height:1.6;}
dl#catch dd p span{color:#e47f4a;}
dl#catch dd p.pc{display:none;}
dl#catch dd p.sp{display:block; color:#e47f4a; font-size:14px;}
dl#catch dd div{width:auto;}
dl#catch dd div img{width:40%;}
dl#catch dd p.right{width:96%; font-size:14px;}
div#info_box{width:auto; margin:0 2%;}
div#info_box div.inner{width:70%;}
div#info_box ul#bnr{width:27%;}
div#info_box ul#bnr li{margin-bottom:10px;}
}
@media screen and (max-width: 640px) {
div#info_box div.inner{width:auto; float:none; margin-bottom:15px;}
div#info_box div.inner p#schedule{padding-bottom:10px;}
div#info_box div.inner p#schedule img.pc{display:none;}
div#info_box div.inner p#schedule span{display:block; background:#abc13a; color:#fff; font-size:11px; text-align:center; padding:.25em 0; line-height:1.6;}
div#info_box div.inner ol li{padding:15px 5px 20px 1.5em;}
div#info_box div.inner ol li dt{font-size:13px; width:auto; float:none; margin-bottom:.25em;}
div#info_box div.inner ol li dd{font-size:13px; padding-left:0;}
div#info_box ul#bnr{width:auto; float:none;}
div#info_box ul#bnr li{width:49%; float:left; margin-bottom:10px;}
div#info_box ul#bnr li.even{float:right;}
}

/* 2nd_coMMon
==================================*/
div#main{width:960px; margin:0 auto; padding-bottom:40px;}
@media screen and (max-width: 960px) {
div#main{width:auto; margin:0 2%; padding-bottom:20px;}
}
div#main h2{font-size:0; line-height:0; background:#c3d373; padding:40px 0 40px 20px; margin-bottom:40px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
@media screen and (max-width: 640px) {
div#main h2{padding:20px 0 20px 15px; margin-bottom:20px;}
div#main h2.w16 img{width:24%;}
div#main h2.w23 img{width:34%;}
div#main h2.w27 img{width:41%;}
div#main h2.w30 img{width:45%;}
div#main h2.w50 img{width:75%;}
}
dl.typeA{padding-bottom:40px;}
dl.typeA dt{font-size:0; line-height:0; width:258px; float:left;}
dl.typeA dd{padding-left:278px;}
dl.typeA dd h3{font-size:0; line-height:0; margin-bottom:30px;}
dl.typeA dd p{font-size:14px; line-height:1.75; margin-bottom:1.5em; text-indent:1em;}
dl.typeA dd p.right{font-size:16px; font-weight:bold; text-indent:0; text-align:right;}
dl.typeA dd p span{color:#e47f4a;}
@media screen and (max-width: 640px) {
dl.typeA{padding-bottom:20px; position:relative;}
dl.typeA dt{width:50%; float:left; padding-top:55px; margin:0 10px 0 0;}
dl.typeA dd{padding:55px 0 0;}
dl.typeA dd h3{margin-bottom:0; position:absolute; top:0; width:100%;}
dl.typeA dd p{font-size:12px; margin-bottom:1em; text-indent:0;}
dl.typeA dd p.right{font-size:14px; margin-bottom:1em;}
}
dl.typeA2{padding-bottom:40px;}
dl.typeA2 dt{font-size:0; line-height:0; width:48%; float:left;}
dl.typeA2 dd{padding-left:50%;}
dl.typeA2 dd p{font-size:14px; line-height:1.75; margin-bottom:1.5em; text-indent:1em;}
dl.typeA2 dd p span{color:#e47f4a;}
dl.typeA2 dd ul li{list-style:none; width:48%; font-size:0; line-height:0; float:left; text-align:center;}
dl.typeA2 dd ul li.even{float:right;}
@media screen and (max-width: 640px) {
dl.typeA2{padding-bottom:20px;}
dl.typeA2 dt{margin:0 10px 5px 0;}
dl.typeA2 dd{padding-left:0;}
dl.typeA2 dd p{font-size:12px; margin-bottom:1em; text-indent:0;}
}
dl.typeB{background:#abc13a; padding:1.25em;}
dl.typeB dt{text-align:center; padding:1em 0 2.25em;}
dl.typeB dd{background:#fff; padding:1.25em 1.25em 1px;}
dl.typeB dd p{font-size:14px; line-height:1.75; margin-bottom:1.25em; text-indent:1em;}
dl.typeB dd p span{color:#e47f4a;}
@media screen and (max-width: 640px) {
dl.typeB{padding:1em;}
dl.typeB dt{padding:.5em 0 1.5em;}
dl.typeB dt img{width:50%;}
dl.typeB dd p{font-size:12px; margin-bottom:1em; text-indent:0;}
}
dl.typeC dt{width:70%; float:left;}
dl.typeC dd{width:28%; float:right; background:#abc13a; color:#fff; font-size:18px; font-weight:bold; text-align:center; padding:.5em 0;}
dl.typeC dd span{display:block; text-align:center;}
@media screen and (max-width: 640px) {
dl.typeC dt{width:auto; float:none; margin-bottom:10px;}
dl.typeC dd{width:auto; float:none; font-size:12px;}
dl.typeC dd span{display:inline;}
}
dl.typeD{background:#e47f4a; padding:1.25em; margin-top:30px;}
dl.typeD dt{text-align:center; padding:1em 0 2.25em;}
dl.typeD dd{background:#fff; padding:1.25em 1.25em 1px;}
dl.typeD dd p{font-size:14px; line-height:1.75; margin-bottom:1.25em; text-indent:1em;}
h3.typeD{font-size:0; line-height:0; text-align:center; background:#e47f4a; padding:20px; margin-bottom:30px;}
@media screen and (max-width: 640px) {
dl.typeD{padding:1em;}
dl.typeD dt{padding:.5em 0 1.5em;}
dl.typeD dd p{font-size:12px; margin-bottom:1em; text-indent:0;}
}

dl#info_area{margin:0 100px 40px; padding:0 10px 10px; border-bottom:1px solid #8c5d06;}
dl#info_area dt{font-size:0; line-height:0; width:48%; float:left;}
dl#info_area dd{font-size:14px; color:#8b5c05; width:42%; float:right;}
dl#info_area dd img{margin-top:5px;}
dl#info_area dd a{display:none;}
@media screen and (max-width: 960px) {
dl#info_area{margin:0 0 30px;}
dl#info_area dt,dl#info_area dd{text-align:center;}
}
@media screen and (max-width: 640px) {
dl#info_area{margin:0 0 20px; padding:0 0 10px;}
dl#info_area dt{font-size:0; line-height:0; width:70%; float:none; margin:0 auto 10px;}
dl#info_area dd{font-size:13px; width:auto; float:none;}
dl#info_area dd img.pc{display:none;}
dl#info_area dd a{display:block; text-align:center;}
}
div#photo_map{padding:40px 0 20px;}
div#photo_map section#gm{width:56.25%; float:left;}
div#photo_map section#gm iframe{width:100%; height:680px;}
div#photo_map section#photo{width:42%; float:right;}
div#photo_map section#photo h3{font-size:14px; font-weight:normal; margin-bottom:1.5em;}
div#photo_map section#photo ul li{list-style:none; margin-bottom:20px; font-size:14px; text-align:center;}
div#photo_map section#photo ul li img{margin-bottom:5px;}
@media screen and (max-width: 640px) {
div#photo_map{padding:20px 0 1px;}
div#photo_map section#gm{width:auto; float:none; margin-bottom:20px;}
div#photo_map section#gm iframe{width:100%; height:250px;}
div#photo_map section#photo{width:auto; float:none;}
div#photo_map section#photo h3{font-size:13px; margin-bottom:1em;}
div#photo_map section#photo ul li{font-size:13px;}
}

/*--diary_pro--*/
div#info_box div.inner h3{font-size:20px; color:#8b5c05; background:url(../img/line03.png) left bottom no-repeat; padding:0 0 10px 20px;}
div#info_box div.inner p.date{padding:0 20px; font-size:14px; color:#e47f4a; margin-bottom:1em;}
div#info_box div.inner section#article{padding:0 10px 10px; margin-bottom:2em; background:url(../img/line.png) bottom no-repeat;}
div#info_box div.inner section#article p,
div#info_box div.inner section#article div{margin-bottom:1em; color:#8b5c05; line-height:1.75;}
div#info_box div.inner p.back{text-align:center; font-size:16px; margin-bottom:2em;}
div#info_box div.inner p.back a{color:#abc13a;}
div#info_box div.inner p.back a:hover{color:#8b5c05;}
@media screen and (max-width: 640px) {
div#info_box div.inner h3{font-size:16px; padding:0 0 10px 20px;}
}

/*--admin--*/
div#work,div#status,div#navi,div#env,div#form,div#edit,div#contents{margin:0 0 20px;}
div#work h2,div#status h2,div#navi h2,div#env h2,div#form h2,div#edit h2,div#contents h2{font-size:20px; background:url(../img/lm_dental.png) left 2px no-repeat; padding-left:25px; margin-bottom:10px;}
div#work h3,div#status h3,div#navi h3,div#form h3,div#edit h3,div#contents h3{font-size:14px; background:url(../img/lm_pin.gif) left 2px no-repeat; padding-left:20px; margin:0 0 10px;}
div#env h3{font-size:14px; background:url(../img/lm_pin.gif) left 2px no-repeat; padding-left:20px; margin:0 10px 10px;}
div#work fieldset,div#env fieldset,div#form fieldset,div#edit fieldset,div#navi fieldset,div#contents fieldset{-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px; box-shadow:1px 1px 3px #333;}
div#work legend,div#env legend,div#form legend,div#edit legend,div#navi legend,div#contents legend{margin:0 2em; padding:0 .5em; font-size:14px; font-weight:bold; background:#fff;}
div#work dl,div#env dl,div#form dl,div#edit dl,div#navi dl,div#contents dl{padding:1em 1.5em;}
div#work dl dt,div#env dl dt,div#form dl dt,div#edit dl dt,div#navi dl dt,div#contents dl dt{margin-bottom:.5em;}
div#work dl dd,div#env dl dd,div#form dl dd,div#edit dl dd,div#navi dl dd,div#contents dl dd{margin-bottom:1em;}
div#work dl dd select,div#env dl dd select,div#form dl dd select,div#edit dl dd select,div#navi dl dd select,div#contents dl dd select{padding:.5em; box-shadow:1px 1px 3px #333;}
div#work dl dd input,div#env dl dd input,div#form dl dd input,div#edit dl dd input,div#navi dl dd input,div#contents dl dd input{padding:.5em; margin-right:.5em; box-shadow:1px 1px 3px #333;}
div#work dl dd textarea,div#env dl dd textarea,div#form dl dd textarea,div#edit dl dd textarea,div#navi dl dd textarea,div#contents dl dd textarea{padding:.5em; margin-right:.5em; box-shadow:1px 1px 3px #333;}
div#work p,div#env p,div#form p,div#edit p,div#navi p,div#contents p{padding:.5em 1.5em 1em;}
div#work p input,div#env p input,div#form p input,div#navi p input,div#edit p input,div#contents p input{padding:.5em 1em; box-shadow:1px 1px 3px #333;}
div#status ul{margin:0 2em 1.5em;}
div#status ul li{margin-bottom:.5em;}
div#status dl{margin:0 1em 1.5em;}
div#navi ul,div#env ul,div#form ul,div#edit ul,div#contents ul{margin:0 2.5em 1.5em;}
div#edit table,div#contents table{margin:0 1.5em 2em; box-shadow:1px 1px 3px #333;}
div#edit table th,div#contents table th{border:1px solid #333; background:#efefef; padding:.5em; text-align:center;}
div#edit table td,div#contents table td{border:1px solid #333; padding:.5em 1em;}

/* API Topics Added CSS */

#topics_paging {
    display: block;
    width: 100%;
    text-align: center;
}

#topics_paging li {
    padding: 3px 10px;
    border: 1px solid #ccc;
    text-align: center;
    list-style-type: none;
    list-style-image: none;
    margin-right: 5px;
}

#topics_paging li, #topics_paging li a {
    display: inline-block;
}