/* CSS Document */



/* FIRST VIEW */
.fv{
	margin:30px 0;
	text-align:center;
}

.camera_caption {
	top: 0;
}

.camera_caption.fv01 .inner{
	top: 130px;
	left: 600px;
}
.camera_caption.fv02 .inner{
	top: 85px;
	left: 580px;
}
.camera_caption.fv03 .inner{
	top: 180px;
	left: 590px;
}
.camera_caption.fv02 > div{
	font-size:20px;
}
.camera_caption.fv03 > div{
	font-size:22px;
}
.camera_caption .inner{
    width:450px !important;
	position: absolute;
}
.camera_caption > div {
    background: rgba(0, 0, 0, 0.0) !important;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 30px;
	color:#333;
	line-height: 1.5em;
	text-align:left;
}
.camera_caption > div a{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	color:#877236;
	text-decoration:none;
	border: 2px solid #928254;
	width:210px;
	display: block;
	text-align:center;
	margin: 15px 0 0;
}
.camera_caption > div a:hover{
	background: #928254;
	color:#FFF;
}
.camera_caption.fv02 > div a{
	background:#877236;
	color:#FFF;
	padding:5px 0;
}
.camera_caption.fv02 > div a:hover{
	background:#FFF;
	color:#877236;
}
.camera_caption.fv03 > div a{
	padding:5px 0;
}

/*スライド無し用*/
.cameraFv.camera_caption{
	position: relative;
	top:0;
}




/* SIDE NAVI */
nav.side .link , nav.side .banner{
	display:none
}
nav.side .in {
	padding:0 !important
}



/* RECOMMEND */
#container .recommend {
	padding: 20px 0;
}
#container .recommend li {
	width:33.3%;
	float:left;
	margin:15px 0;
	text-align: center;
}

/* CLINIC MENU */
#container .clinicMenu {
	padding: 20px 0 40px;
}
#container .clinicMenu .Box {
	width:46%;
	float:left;
	margin:2%;
	background:#E1D6BB url(../img/clinicmenu_bg.png) no-repeat right bottom;
}
#container .clinicMenu .Box .img {
	float:left;
}
#container .clinicMenu .Box ul {
	float:left;
	padding:20px;
}
#container .clinicMenu .Box ul .title {
	font-size:22px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",serif;
	margin:0 0 10px;
	color:#333;
	line-height: 1.2em;
	font-weight:bold;
	letter-spacing:3px;
}
#container .clinicMenu .Box ul .title a {
	text-decoration:none;
	color:#333;
}
#container .clinicMenu .Box ul .title a:hover {
	text-decoration:underline;
	color:#B4946B;
}
#container .clinicMenu .Box ul li a{
	text-decoration:none;
	line-height:1.8em;
	color:#666;
}
#container .clinicMenu .Box ul li a:hover {
	text-decoration:underline;
	color:#B4946B;
}


/* CHOICE MENU */
#container .choiceMenu {
	background:url(../img/choicemenu_bg.png) no-repeat right top / 40%;
	padding: 20px 0 40px;
}
#container .choiceMenu .Box {
	width:23%;
	float:left;
	margin:2% 0 0 2%;
}
#container .choiceMenu #acMenu dt {
	font-size:19px;
	padding:7px 15px 5px;
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
	margin:20px 0 0;
	cursor:pointer;
	background:url(../img/acmenu_arrow.png) no-repeat right 10px top 14px;
	background-color:#CBC19D;
	color:#42381F;
}
#container .choiceMenu #acMenu dt:hover {
	background-color: #D9D0B5;
}
#container .choiceMenu .Box ul{
	margin:0 0 30px;
}
#container .choiceMenu .Box ul ul{
	margin:0 0 15px;
	font-size:11px;
}
#container .choiceMenu .Box ul p {
	color:#907E4C;
	font-size:125%;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",serif;
	font-weight:bold;
	margin:0 0 8px;
	letter-spacing:0;
}
#container .choiceMenu .Box ul li a{
	text-decoration:none;
	line-height:2.2em;
	font-size:96%;
	background:url(../img/list1.png) no-repeat left 4px;
	padding: 0 0 0 10px;
	margin:0 0 0 5px;
	color:#666;
}
#container .choiceMenu .Box ul li a:hover{
	text-decoration:underline;
	color:#B4946B;
}
#container .choiceMenu #acMenu dd{
	display:none;
	}
#container .choiceMenu #acMenu dt.active{
	background:url(../img/acmenu_arrow.png) no-repeat right 12px top -25px;
	background-color: #D9D0B5;
	}


/* INFORMATION */
#container .information {
	margin:40px 0 0;
	padding: 20px 0 0;
}
#container .information .news {
	width:740px;
	float:left;
	margin: 0 0 20px;
}
#container .information .news .newsBox {
	height:600px;
	overflow:auto;
	margin:10px 0 30px;
	/*background: #FFF;*/
	padding: 0 10px;
}
#container .information .news .newsBox dl {
	padding:10px 0 5px;
	clear:both;
}
#container .information .news .newsBox dl em{
	font-style:normal;
	float:left;
	font-size:14px;
}
#container .information .news .newsBox dl .icon{
	float:left;
	font-size:12px;
	margin:0 10px;
}
#container .information .news .newsBox dl .icon a{
	color:#FFF;
	letter-spacing:0;
	padding:2px 0 1px;
	display:block;
	width:70px;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
}
#container .information .news .newsBox dl .icon.Info{
	background:#BEB284;
}
#container .information .news .newsBox dl .icon.Blog{
	background:#CB9168;
}
#container .information .news .newsBox dl .icon.Info:hover{
	background: #D7C789;
}
#container .information .news .newsBox dl .icon.Blog:hover{
	background: #E09967;
}
#container .information .news .newsBox dl dt{
	float: left;
	line-height: 1.6em;
	width: 500px;
}
#container .information .news .newsBox dl dt a{
	text-decoration:none;
	color:#666;
}
#container .information .news .newsBox dl dt a:hover{
	text-decoration: underline;
	color:#B5A877;
}
#container .information .news .newsBox dl dd{
	margin: 0 0 0 180px;
	font-size: 90%;
	color: #999;
	clear: left;
}





@media screen and (max-width: 479px) {

#container {
    padding: 0px 2% 80px;
}


/* FIRST VIEW */
.fv {
    margin: 30px 0 20px;
    text-align: center;
}
.camera_wrap {
    height: 240px !important;
}
.camera_caption {
	top:-20px;
	font-size: 20px;
}
.camera_caption .inner {
    width: 260px !important;
}

.camera_caption.fv01 .inner {
    top: 40px;
    left: 5%;
    right: 0;
	font-size: 19px;
}
.camera_caption.fv02 .inner {
    top: 60px;
    left: 5%;
    right: 0;
	font-size: 10px;
}
.camera_caption.fv02 .inner a {
	margin:10px 0p;
}
.camera_caption.fv03 .inner {
    top: 60px;
    left: 5%;
    right: 0;
	font-size: 13px;
}

.camera_caption > div {
	font-size: 20px;
}
.camera_caption > div a{
	font-size: 14px;
}
.camera_caption > div a:hover{
	background: #928254;
	color:#FFF;
}
.camera_wrap img {
	left:260px;
	width:auto !important;
	height:280px !important;
}
.camera_caption {
    margin: 110px 0 0 30px;
}
.camera_caption > div a {
    background: #928254;
    color: #FFF;
	margin: 10px 0 0;
}


/*スライド無し用*/
.cameraFv.camera_caption{
	position: relative;
	top:0;
	margin: 0;
}
.cameraFv.camera_caption img{
	width:140%;
	float: right;
}
.camera_caption > div {
    padding: 10px !important;
}
.camera_caption {
    top: -70px;
    right: 0;
}
.camera_caption .inner {
    width: 240px !important;
}






#container nav.side .in {
	margin: 0;
}

/* RECOMMEND */
#container .recommend li {
    width: 90%;
    float: none;
    margin: 3% auto;
}
#container .clinicMenu .Box ul {
    padding: 0 0 0 15px;
}



/* CLINIC MENU */
#container .clinicMenu .Box {
    width: 92%;
    margin: 2%;
	padding: 2%;
	background-size: 25%;
}
#container .clinicMenu .Box .img img {
	width:80px;
}
#container .clinicMenu .Box ul .title {
    font-size: 20px;
    margin: 0 0 5px;
	line-height: 1em;
}
#container .clinicMenu .Box ul li a {
    line-height: 1.6em;
}



/* CHOICE MENU */
#container .choiceMenu {
    background: none;
}
#container .choiceMenu .Box {
    width: 100%;
    float: none;
    margin: 5%;
}



/* INFORMATION */
#container .information .news {
    float: none;
    width: 96%;
}
#container .information .news .newsBox dl dt {
    width: 100%;
    line-height: 1.4em;
}
#container .information .news .newsBox {
    height: 240px;
	margin: 0;
}
#container .information .side {
    float: none;
    margin: 0 auto;
	padding:0 10px;
}
#container .information .news .newsBox dl em {
    float: none;
	font-size:90%;
}
#container .information .news .newsBox dl .icon {
    margin: 0 10px 0 0;
}
#container .information .news .newsBox dl dt {
    margin: 5px 0;
}
#container .information .news .newsBox dl dd {
    margin: 0;
}




}