@charset "UTF-8";

/*----------------------------------------------------
	☆Reset
	
background color #FBF5E4

theme color 
sub color 
color #444
link color 


h1 color #756e64


transition:.2s;

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



body,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
ul,
ol,
li,
dl,
dt,
dd,
p,
img {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FBF5E4;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	line-height: 100%;
	min-width: 1200px;
	
	padding-top:40px;
}

a {
	color: #666;
	text-decoration: underline;
	cursor: pointer;
	outline: none;
}

a:link {
	color: #666;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #666;
	text-decoration: none;
	outline: none;
}

#contents p {
	line-height: 1.7;
}

ul,
ol {
	list-style-type: none;
}

ul li,
ol li,
dl {
	line-height: 1.7;
}

a:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.7;
}

::selection {
	background-color: #888;
	color: #FFF; /* Safari */
}
::-moz-selection {
background-color: #888;
color: #FFF; /* Firefox */
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
li,
dt,
dd,
th,
td,
p {
	font-size: 100%;
}

/*----------------------------------------------------
	☆Crearfix
----------------------------------------------------*/



.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

/* End hide from IE-mac */




/*----------------------------------------------------
	☆br clear
----------------------------------------------------*/



br.clear_noie {
	display: inline !important;
	display: none;
	clear: both;
	line-height: 0px;
}

br.clear_all {
	clear: both;
	line-height: 0px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {

br.clear_noie {
	display: block!important;
	content: " ";
}
}

div.clear_noie {
	clear: both;
	line-height: 0px;
}

/*----------------------------------------------------
	☆topcontrol
----------------------------------------------------*/



#topcontrol {
	z-index: 100;
}

#topcontrol a {
	background: url(../cmn_js/scrolltop/scrollup.png) center center no-repeat;
	background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat\9; /* IE8 and below */
 *background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat; /* IE7 and below */
	_background : url(../cmn_js/scrolltop/scrollup.gif) center center no-repeat; /* IE6 */
	font-size: 0;
	display: block;
	height: 60px;
	width: 60px;
	background-size: 50px 50px;
	opacity: 0.7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

#topcontrol a:hover {
	background-size: 60px 60px;
	opacity: 1;
}

/*----------------------------------------------------
	☆opacity Hack
----------------------------------------------------*/





/*----------------------------------------------------
	☆Display None
----------------------------------------------------*/


#sample {
	display: none;
	visibility: hidden;
}

/*----------------------------------------------------
	☆base contents
----------------------------------------------------*/

/*-- HEADER --*/


#header {
	background-color: #fbf5e4;
	margin-bottom: 8px;
}

#header div.hdT {
	background-color: #756E63;
	height: 40px;
	padding: 0;
	width:100%;
	
	position:fixed;
	top:0;
	left:0;
	
	z-index:2;
	
	box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.05);
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.05);
		
}

#header div.hdT div.hdNews {
	position:relative;
	top:10px;
	left:10px;
	
	overflow:hidden;
}

#header div.hdT div.inr {
	margin: 0 auto;
	min-width: 1200px;
}

#header div.hdT div.hdNews {
	float: left;
	width: 750px;
}

#header div.hdT div.hdNews ul {
	padding-top: 10px;
}

#header div.hdT div.hdNews ul li {
	color: #FFF;
	font-size: 12px;
	display: none;
}

#header div.hdT div.hdNews ul li a {
	color: #FFF;
}

#header div.hdT div.hdNews ul li span {
	background-color: #F65800;
	border-radius: 10px;
	color: #FFF;
	font-size: 11px;
	margin-right: 10px;
	padding: 3px 15px;
	text-decoration: none;
}

#header div.hdT div.hdMenu {
	float: right;
	width: 388px;
}

#header div.hdT div.hdMenu>ul>li {
	float: left;
	font-size: 0;
	line-height: 0;
}

#header div.hdT div.hdMenu>ul>li:hover,
#header div.hdT div.hdMenu>ul>li.active {
	background-color:#898275;
}

#header div.hdB {
	height: 90px;
	margin: 0 auto;
	min-width: 1200px;
	position: relative;
}

#header div.hdB div.logo {
	color: #999183;
	float: left;
	font-weight:normal;
	padding-top: 13px;
	width: 650px;
}

#header div.hdB div.logo a {
	display:inline-block;
	float:left;
	width:220px;
}

#header div.hdB div.logo a img {
	margin-right: 10px;
	vertical-align: middle;
}

#header div.hdB div.logo h1 {
	line-height:1.7;
	font-size:12px;
	font-weight:normal;
	float:left;
	padding-top:10px;
	width:430px;
}

#header div.hdB div.hdBM {
	float: right;
	padding-top: 28px;
	width: 230px;
}

#header div.hdB div.hdBM ul li {
	float: left;
	margin-right: 15px;
}

#header div.hdB div.hdBM ul li.even {
	margin-right: 0;
}

#header div.hdB div.hdBM ul li img:hover {
	opacity:0.7;
}

#header div.hdB div.hdBR {
	float: right;
	padding-top: 10px;
	width: 310px;
}

#header div.hdB div.hdBR div.inr {
	background-color: #EEE8D9;
	padding-bottom: 10px;
	width: 290px;
	border-radius: 8px;
}

#header div.hdB div.hdBR div.inr div.tabMenu {
	padding: 10px;
}

#header div.hdB div.hdBR div.inr div.tabMenu ul li {
	border-right: 1px solid #BEBAAD;
	color: #B2AC9F;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	width: 49%;
}

#header div.hdB div.hdBR div.inr div.tabMenu ul li.current,
#header div.hdB div.hdBR div.inr div.tabMenu ul li:hover {
	color: #756e64;
}

#header div.hdB div.hdBR div.inr div.tabMenu ul li#li02 {
	border-right: none;
	float: right;
}

#header div.hdB div.hdBR div.inr div#hdSearchTab {
	margin: 0 10px;
}

#header div.hdB div.hdBR div.inr div#hdSearchTab div.tabBox {
	background: url(../cmn_img/icon_searchgrass.gif) 10px 7px no-repeat #FFF;
	height: 30px;
	font-size: 12px;
	overflow: hidden;
	position: relative;
	border-radius: 8px;
}

#header div.hdB div.hdBR div.inr div#hdSearchTab div.tabBox input.txtInput {
	background-color: #FFF;
	border: none;
	font-size: 11px;
	width: 150px;
	position: absolute;
	left: 30px;
	top: 6px;
}

#header div.hdB div.hdBR div.inr div#hdSearchTab div.tabBox input.btnInput {
	background-color: #F65800;
	border: none;
	color: #FFF;
	height: 30px;
	width: 82px;
	position: absolute;
	right: 0;
	top: 0;
}

#cmnMv {
	background-color: #EEE8D9;
	margin-bottom: 30px;
	padding: 45px 0 0;
	height: 105px;
	overflow: hidden;
	width: 100%;
}

#cmnMv div.inr {
	margin: 0 auto;
	width: 1000px;
}

#cmnMv div.inr p.cTitle {
	color: #444;
	font-size: 33px;
	line-height: 1.4;
	margin-bottom: 25px;
}

#cmnMv.line2 {
	background-color: #EEE8D9;
	margin-bottom: 30px;
	padding: 20px 0 0;
	height: 130px;
	width: 100%;
}

#cmnMv.line2 div.inr p.cTitle {
	color: #444;
	font-size: 34px;
	line-height: 1.35;
	margin-bottom: 25px;
}

#cmnMv p.cTitle span {
	display: block;
	font-size: 21px;
}

#cmnMv.soudanMv {
	background: url(../cmn_img/bg_cmnmv_soudan.jpg) center bottom no-repeat #FFF;
	background-size: auto contain;
}

#cmnMv.reportMv {
	background: url(../cmn_img/bg_cmnmv_report.jpg) center bottom no-repeat #B3E2E2;
	background-size: auto contain;
}

#cmnMv.doctorMv {
	background: url(../cmn_img/bg_cmnmv_doctor.jpg) center bottom no-repeat #E7EBEE;
	background-size: auto contain;
}

#cmnMv.doctorSearchMv {
	background: url(../cmn_img/bg_cmnmv_doctor.jpg) center bottom no-repeat #E7EBEE;
	background-size: auto contain;
}

#cmnMv.aboutMv {
	background: url(../cmn_img/bg_cmnmv_about.jpg) center bottom no-repeat #F4F4F4;
	background-size: auto contain;
}

#cmnMv.adviserMv {
	background: url(../cmn_img/bg_cmnmv_adviser.jpg) center bottom no-repeat #F0F0EE;
	background-size: auto contain;
}

#cmnMv.jinjaMv {
	background: url(../cmn_img/bg_cmnmv_jinja.jpg) center bottom no-repeat #020202;
	background-size: auto contain;
	color: #FFF;
}

#cmnMv.jinjaMv div.inr p.cTitle {
	color: #FFF;
}

#cmnMv.jinjaMv #breadChumbs a {
	color: #FFF;
}

#mypageMv {
	background: url(../cmn_img/bg_mypagemv.jpg) center center no-repeat;
	background-size:cover;
	color: #FFF;
	padding: 20px 0 30px;
	width: 100%;
}

#mypageMv a {
	color: #FFF;
}

/* デバイスの横幅が画像サイズを超えた場合 */
@media only screen and (min-width: 1244px) {

}

#mypageMv p.img {
	background: url(../cmn_img/bg_mypagemv.jpg) center center no-repeat;
	width: 100%;
}

#mypageMv p.img {
	height: 90px;
	line-height: 1;
	margin: 0 auto 10px;
	width: 90px;
	border-radius: 90px;
	overflow: hidden;
}

#mypageMv p.img img {
	height: auto;
	width: 100%;
}

#mypageMv p.name {
	line-height: 1.4;
	margin-bottom: 3px;
	text-align: center;
}

#mypageMv p.name span {
	font-size: 20px;
	margin-right: 15px;
}

#mypageMv div.data dl {
	margin-bottom: 10px;
	text-align: center;
}

#mypageMv div.data dl dt,
#mypageMv div.data dl dd {
	display: inline-block;
}

#mypageMv div.data dl dt {
	color: #DDD;
	font-size: 12px;
	padding: 0 10px 0 20px;
}

#mypageMv div.data dl dd {
	margin-right: 20px;
}

#mypageMv div.data dl dt.mypageC01 {
	background: url(../cmn_img/icon_transparent_pencil.png) left center no-repeat;
	background-size: 13px 13px;
}

#mypageMv div.data dl dt.mypageC02 {
	background: url(../cmn_img/icon_transparent_clip.png) left center no-repeat;
	background-size: 13px 13px;
}

#mypageMv div.data dl dt.mypageC03 {
	background: url(../cmn_img/icon_transparent_bag.png) left center no-repeat;
	background-size: 13px 13px;
}

#mypageMv div.otherData {
	border-top: 1px solid #AAA;
	margin: 0 auto 30px;
	padding: 10px 0 18px;
	width: 500px;
	position: relative;
}

#mypageMv div.otherData dl {
	margin-left: 5px;
	line-height: 1.7;
	width: 500px;
}

#mypageMv div.otherData dl dt,
#mypageMv div.otherData dl dd {
}

#mypageMv div.otherData dl dt {
	color: #DDD;
	font-size: 12px;
	float: left;
	padding: 0 10px 0 0;
	width: 60px;
}

#mypageMv div.otherData dl dd {
	font-size: 12px;
	float: left;
	width: 410px;
}

#mypageMv div.otherData p.btn {
	line-height: 0;
	position: absolute;
	top: 15px;
	left: 130px;
	border-radius: 3px;
	overflow: hidden;
}

#mypageMv div.otherData p.btnLogOut {
	line-height: 0;
	position: absolute;
	top: 15px;
	right: 130px;
	border-radius: 3px;
	overflow: hidden;
}

#mypageMv #breadChumbs {
	margin: 0 auto;
	width: 1000px;
}

#mypageMv #breadChumbs a {
	color: #FFF;
}

#cmnMv.doctorClinicMv {
	background-color: #4BBBBC;
	color: #FFF;
	padding: 0 0 0;
	height: 150px;
	width: 100%;
}

#cmnMv.doctorClinicMv .inr {
	padding-top: 20px;
	position: relative;
}

#cmnMv.doctorClinicMv div.inr p.cTitle {
	color: #FFF;
	font-size: 33px;
	line-height: 1.4;
	margin-bottom: 25px;
}

#cmnMv.doctorClinicMv #breadChumbs a {
	color: #FFF;
}

#cmnMv.doctorClinicMv #breadChumbs a.currentPoint {
	cursor: default;
	font-weight: bold;
}

#cmnMv.doctorClinicMv div.inr p.dcData {
	font-size: 12px;
	margin-bottom: 5px;
}

#cmnMv.doctorClinicMv div.inr p.dcData a {
	color: #FFF;
	display: inline-block;
	margin-right: 10px;
	padding: 3px 0;
}

#cmnMv.doctorClinicMv div.inr p.dcData span.tag {
	background-color: #C4CA49;
	color: #FFF;
	display: inline-block;
	font-size: 11px;
	padding: 3px 10px;
}

#cmnMv.doctorClinicMv p.dcImg {
	height: 150px;
	width: 220px;
	position: absolute;
}

#cmnMv.doctorClinicMv p.dcImg {
	background-size: cover!important;
	height: 150px;
	width: 220px;
	position: absolute;
}

#cmnMv.doctorClinicMv p.dcImg01 {
	position: absolute;
	right: 0;
	top: 0;
}

#cmnMv.doctorClinicMv p.dcImg02 {
	position: absolute;
	right: 220px;
	top: 0;
}

#breadChumbs {
	font-size: 12px;
}

#breadChumbs h1 {
	background-color: transparent!important;
	display: inline;
	font-size: 12px;
	padding-left: 0;
}

#breadChumbs a {
	color: #666;
	text-decoration: none;
}

#breadChumbs a:hover {
	text-decoration: underline;
}

#breadChumbs a.currentPoint {
	color: #666;
	cursor: default;
	font-weight: bold;
	text-decoration: none;
}

#breadChumbs.sBc {
	margin: 0 auto 15px;
	padding: 0 20px;
	min-width: 1200px;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#breadChumbs.w1000 {
	margin:0 auto 15px;
	width:1000px;
}

#breadChumbs span:last-child {
	font-weight:bold;
}



#searchArea {
	background-color: #FFF;
	box-shadow: 0px 9px 3px -8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 9px 3px -8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 9px 3px -8px rgba(0,0,0,0.2);
	margin-bottom: 20px;
	min-width: 1200px;
}

#searchArea .selectTab {
	width: 100%;
}

#searchArea .selectTab .stMenu {
	background-color: #F3EDDE;
	width: 100%;
}

#searchArea .selectTab .stMenu ul {
	margin: 0 auto;
	min-width: 1200px;
}

#searchArea .selectTab .stMenu ul li {
	float: left;
	line-height: 1.4;
	text-align: center;
	width: 33.3%;
}

#searchArea .selectTab .stMenu ul li {
	color: #756e64;
	font-size: 14px;
	font-weight: bold;
	position: relative;
}


#searchArea .selectTab .stMenu ul li,
#searchArea .selectTab .stMenu ul li span {
	transition: all .2s ease;
 -webkit-transition: all .2s ease;
}

#searchArea .selectTab .stMenu ul li span {
	display: inline-block;
	padding: 14px 10px 14px 34px;
}

#searchArea .selectTab .stMenu ul li#st01 span {
	background: url(../cmn_img/icon_bigcategory_01.png) left center no-repeat;
	background-size: 30px 30px;
}

#searchArea .selectTab .stMenu ul li#st01.current,
#searchArea .selectTab .stMenu ul li#st01:hover {
	background-color: #f07d70;
	color: #FFF;
}

#searchArea .selectTab .stMenu ul li#st01.current span,
#searchArea .selectTab .stMenu ul li#st01:hover span {
	background: url(../cmn_img/icon_bigcategory_01_h.png) left center no-repeat;
	background-size: 30px 30px;
}

#searchArea .selectTab .stMenu ul li#st01.current:after {
	content: "";
	position: absolute;
	border-bottom: 8px solid #FFF;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	bottom: -1px;
	left: 50%;
}

#searchArea .selectTab .stMenu ul li#st02 span {
	background: url(../cmn_img/icon_bigcategory_02.png) left center no-repeat;
	background-size: 30px 30px;
}

#searchArea .selectTab .stMenu ul li#st02.current,
#searchArea .selectTab .stMenu ul li#st02:hover {
	background-color: #4bbbbc;
	color: #FFF;
}

#searchArea .selectTab .stMenu ul li#st02.current span,
#searchArea .selectTab .stMenu ul li#st02:hover span {
	background: url(../cmn_img/icon_bigcategory_02_h.png) left center no-repeat;
	background-size: 30px 30px;
}

#searchArea .selectTab .stMenu ul li#st02.current:after {
	content: "";
	position: absolute;
	border-bottom: 8px solid #FFF;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	bottom: -1px;
	left: 50%;
}

#searchArea .selectTab .stMenu ul li#st03 span {
	background: url(../cmn_img/icon_bigcategory_03.png) left center no-repeat;
	background-size: 30px 30px;
}

#searchArea .selectTab .stMenu ul li#st03.current,
#searchArea .selectTab .stMenu ul li#st03:hover {
	background-color: #d6b100;
	color: #FFF;
}

#searchArea .selectTab .stMenu ul li#st03.current span,
#searchArea .selectTab .stMenu ul li#st03:hover span {
	background: url(../cmn_img/icon_bigcategory_03_h.png) left center no-repeat;
	background-size: 30px 30px;
}

#searchArea .selectTab .stMenu ul li#st03.current:after {
	content: "";
	position: absolute;
	border-bottom: 8px solid #FFF;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	bottom: -1px;
	left: 50%;
}



#searchArea .selectTab .stMenu ul.stNavTop li#st01.current:after,
#searchArea .selectTab .stMenu ul.stNavTop li#st02.current:after,
#searchArea .selectTab .stMenu ul.stNavTop li#st03.current:after {
	
}


#searchArea .selectTab .stMenu ul.stNavTop li#st02:after,
#searchArea .selectTab .stMenu ul.stNavTop li#st03:after {
	display:none;
}




#searchArea #stTab {
	/*padding-top: 20px;*/
}

#searchArea .mdlC {
	border-bottom: 1px solid #D4D4D4;
	padding: 15px 0;
}

#searchArea .mdlC {
	text-align: center;
	min-width: 1040px;
	display:none;
}

#searchArea .mdlC ul li {
	background-color: #EEE8D9;
	display: inline-block;
	height: 48px;
	margin-right: 7px;
	text-align: center;
	vertical-align: middle;
	width: 138px;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
}


#searchArea .mdlC ul li {
	transition: all .2s ease;
 -webkit-transition: all .2s ease;
}

#searchArea .mdlC ul li.last {
	margin-right: 0;
}

#searchArea .mdlC ul li:hover {
	background-color: #f65800;
	color: #FFF;
}

#searchArea .mdlC ul li span {
	display: block;
	font-size: 9px;
}

#searchArea .mdlC ul li p {
	display: inline-block;
	color: #756e64;
	font-size: 15px;
	line-height: 1.4;
	padding: 8px 0;
}

#searchArea .mdlC ul li p {
	padding-left: 34px;
	padding-right: 15px;
}

#searchArea .mdlC ul li.mdl00 p {
	padding: 14px 0 0;
}

#searchArea .mdlC ul li.mdl07 p,
#searchArea .mdlC ul li.mdl11 p {
	padding: 14px 0 0;
}

#searchArea .mdlC ul li.mdl01 p,
#searchArea .mdlC ul li.mdl12 p {
	background: url(../cmn_img/icon_mdlcategory_01.png) left center no-repeat;
	background-size: 34px 34px;
}

#searchArea .mdlC ul li.mdl02 p,
#searchArea .mdlC ul li.mdl08 p,
#searchArea .mdlC ul li.mdl13 p {
	background: url(../cmn_img/icon_mdlcategory_02.png) left center no-repeat;
	background-size: 34px 34px;
}

#searchArea .mdlC ul li.mdl03 p,
#searchArea .mdlC ul li.mdl14 p {
	background: url(../cmn_img/icon_mdlcategory_03.png) left center no-repeat;
	background-size: 34px 34px;
}

#searchArea .mdlC ul li.mdl04 p,
#searchArea .mdlC ul li.mdl15 p {
	background: url(../cmn_img/icon_mdlcategory_04.png) left center no-repeat;
	background-size: 34px 34px;
}

#searchArea .mdlC ul li.mdl05 p,
#searchArea .mdlC ul li.mdl16 p {
	background: url(../cmn_img/icon_mdlcategory_05.png) left center no-repeat;
	background-size: 34px 34px;
}

#searchArea .mdlC ul li.mdl06 p {
	background: url(../cmn_img/icon_mdlcategory_06.png) left center no-repeat;
	background-size: 34px 34px;
}

#searchArea .mdlC ul li.mdl09 p {
	background: url(../cmn_img/icon_mdlcategory_09.png) left center no-repeat;
	background-size: 34px 34px;
}

#searchArea .mdlC ul li.mdl10 p {
	background: url(../cmn_img/icon_mdlcategory_10.png) left center no-repeat;
	background-size: 34px 34px;
}

#searchArea .mdlC ul li.mdl17 p {
	background: url(../cmn_img/icon_mdlcategory_17.png) left center no-repeat;
	background-size: 30px 30px;
}



#searchArea .mdlC ul li.mdl12 p,
#searchArea .mdlC ul li.mdl13 p,
#searchArea .mdlC ul li.mdl14 p,
#searchArea .mdlC ul li.mdl15 p,
#searchArea .mdlC ul li.mdl16 p {
	font-size:14px;
}


#searchArea .mdlC ul li.current {
	background-color: #f65800;
	color: #FFF;
}

#searchArea .mdlC ul li.current p,
#searchArea .mdlC ul li:hover p {
	color: #FFF;
}

#searchArea .mdlC ul li.current:before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #ccc;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

#searchArea .mdlC ul li.current:after {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}



#searchArea .mdlC ul li.mdl00.current:before,
#searchArea .mdlC ul li.mdl00.current:after,
#searchArea .mdlC ul li.mdl07.current:before,
#searchArea .mdlC ul li.mdl07.current:after,
#searchArea .mdlC ul li.mdl11.current:before,
#searchArea .mdlC ul li.mdl11.current:after {
	display:none;
}


#searchArea .subCList {
	padding: 13px 0 10px;
	text-align: center;
	min-width: 1040px;
	
	display:none;
}

#searchArea .subCList li {
	background: url(../cmn_img/icon_categoryselect_f.png) left center no-repeat;
	color: #777;
	display: inline-block;
	font-size: 11px;
	margin-right: 25px;
	padding-left: 20px;
	cursor: pointer;
}

#searchArea .subCList li {
	transition: all .2s ease;
 -webkit-transition: all .2s ease;
}

#searchArea .subCList li:hover {
	color: #444;
}

#searchArea .subCList li.active {
	background: url(../cmn_img/icon_categoryselect_h.png) left center no-repeat;
	color: #444;
	font-weight: bold;
}

/*-- SORTMENU --*/


#contents .sortMenu {
	margin: 0 0 20px;
	padding-left: 20px;
}

#contents .sortMenu ul li {
	cursor:pointer;
	float: left;
	font-size: 14px;
}

#contents .sortMenu ul li span {
	color: #444;
	display: block;
	padding: 10px 24px;
	text-decoration: none;
}

#contents .sortMenu ul li:hover {
	text-decoration: underline;
}

#contents .sortMenu ul li.is-checked span {
	background: url(../cmn_img/icon_arrow_orange_under.png) 20px center no-repeat #EEE8D9;
	background-size: 9px 6px;
	color: #756e64;
	font-weight: bold;
	padding: 10px 30px 10px 35px;
	text-decoration:none;
	border-radius: 30px;
}

#contents .sortMenu ul li.is-checked:hover span {
	text-decoration:none!important;
}

/*-- ARTICLE PATTERN --*/


#contents .articlePattern {
	margin-bottom: 25px;
	position: absolute;
	right: 20px;
	top: 15px;
}

#contents .articlePattern ul li {
	display: inline-block;
	margin: 0 4px;
}

#contents .articlePattern ul li a,
#contents .articlePattern ul li span {
	display: block;
	height: 20px;
	width: 20px;
}

#contents .articlePattern ul li.article01 a {
	background: url(../cmn_img/icon_articlepattern_01_f.png) left top no-repeat;
	background-size: 20px 20px;
}

#contents .articlePattern ul li.article01 a:hover,
#contents .articlePattern ul li.article01 span {
	background: url(../cmn_img/icon_articlepattern_01_h.png) left top no-repeat;
	background-size: 20px 20px;
}

#contents .articlePattern ul li.article02 a {
	background: url(../cmn_img/icon_articlepattern_02_f.png) left top no-repeat;
	background-size: 20px 20px;
}

#contents .articlePattern ul li.article02 a:hover,
#contents .articlePattern ul li.article02 span {
	background: url(../cmn_img/icon_articlepattern_02_h.png) left top no-repeat;
	background-size: 20px 20px;
}

/*-- ARTICLE LIST --*/


.articleList {
	border-bottom: 1px solid #e1dbca;
	padding-bottom: 30px;
}

.articleList.noBdr {
	border-bottom: none;
	padding-bottom: 0;
}

.articleList p.cmnBtn01More {
	margin: 0 20px;
}

.articleList div.inr {
	margin: 0 auto 20px;
}

#contents .topAL div.inr {
	min-height:1000px;
}

.articleList h2 {
	color: #756e64;
	font-size: 22px;
	line-height: 1.4;
	margin: 0 10px 30px;
}

.articleList h2 span {
	background: url(../cmn_img/icon_circle_orange.png) left 5px no-repeat;
	background-size: 15px 15px;
	border-bottom: 2px solid #B7AA85;
	padding: 0 0 5px 25px;
}

.articleList h2 span.noImg {
	background: none;
	border-bottom: none;
	color: #666;
	padding: 0 0 5px 0;
}

.articleList article {
	cursor:pointer;
	float: left;
	margin: 0 8px 30px;
	padding-bottom: 14px;
	width: 184px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
}

.articleList .grid216 article {
	margin: 0 16px 25px;
	width: 184px;
	position:relative;
}

.articleList article.sizeW {
	width: 384px;
}

.articleList article * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.articleList article a {
	text-decoration:none;
}

.articleList article p.category {
	color: #F07D7A;
	font-size: 14px;
	font-weight: bold;
	line-height: 1!important;
	margin: 0 0 5px 3px;
	padding: 9px 10px 3px 28px;
	
	height:40px;
}

.articleList article p.noCategory {
	background: none!important;
	padding: 5px 10px 3px 0;
}

.articleList article p.category span {
	font-size: 10px;
}

.articleList article p.img {
	height:100px;
	margin-bottom:5px;
	
	overflow:hidden;
}

.articleList article p.img img {
	height: auto;
	width: 100%;
}

.articleList article.sizeW p.img {
	float: right;
	text-align: center;
	width: 50%;
}

.articleList article.sizeW p.img img {
	width: 90%;
}

.articleList article h3 {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 5px;
	padding: 0 10px;
	
	word-break:break-all;
}

.articleList article p.description {
	font-size: 12px;
	line-height: 1.7;
	margin-bottom: 10px;
	padding: 0 10px;
}

.articleList article p.description .continue {
	text-decoration: underline;
}

.articleList article p.description .continue:hover {
	text-decoration: none;
}

.articleList article.sizeW p.description {
	clear: both;
}

.articleList article p.date {
	font-size: 11px;
	padding: 0 10px;
	position: absolute;
	bottom: 10px;
}

.articleList article p.dateFree {
	font-size: 11px;
	padding: 0 10px;
}

.articleList article p.update {
	color: #F45600;
	font-size: 15px;
	padding: 0 10px;
}

.articleList article p.delete {
	color: #766D63;
	font-size: 15px;
	position:absolute;
	left:10px;
	bottom: 10px;
	text-decoration:underline;
}

.articleList article p.delete:hover {
	text-decoration:none;
}

.articleList article dl {
	margin: 0 5px 0 0;
	text-align: right;
	position: absolute;
	bottom: 5px;
	right: 0;
}

.articleList article dl dt,
.articleList article dl dd {
	display: inline;
	font-size: 15px;
}

.articleList article dl dd {
	margin-right: 5px;
}

.articleList article dl dt img,
.articleList article dl dd img {
	height: 12px;
	width: 14px;
}

.articleList article dl.dlFree {
	margin: 0 5px 0 0;
	text-align: right;
	position:static;
}

.articleList article.cat01 {
	background: #FCD9D7;
}

.articleList article.cat01 p.category {
	color: #F07A73;
}

.articleList article.cat01 dl dd {
	color: #F07A73;
}

.articleList article.cat02 {
	background: #BEEDE2;
}

.articleList article.cat02 p.category {
	color: #4DC0BC;
}

.articleList article.cat02 dl dd {
	color: #4DC0BC;
}

.articleList article.cat03 {
	background:#F2ED9E;
}

.articleList article.cat03 p.category {
	color: #D8B300;
}

.articleList article.cat03 dl dd {
	color: #D8B300;
}

.articleList article.mdl01 p.category {
	background: url(../cmn_img/icon_mdlcategory_01.png) left top no-repeat;
	background-size: 30px 30px;
}

.articleList article.mdl02 p.category {
	background: url(../cmn_img/icon_mdlcategory_02.png) left top no-repeat;
	background-size: 30px 30px;
}

.articleList article.mdl03 p.category {
	background: url(../cmn_img/icon_mdlcategory_03.png) left top no-repeat;
	background-size: 30px 30px;
}

.articleList article.mdl04 p.category {
	background: url(../cmn_img/icon_mdlcategory_04.png) left top no-repeat;
	background-size: 30px 30px;
}

.articleList article.mdl05 p.category {
	background: url(../cmn_img/icon_mdlcategory_05.png) left top no-repeat;
	background-size: 30px 30px;
}

.articleList article.mdl06 p.category {
	background: url(../cmn_img/icon_mdlcategory_06.png) left top no-repeat;
	background-size: 30px 30px;
}

.articleList article.mdl08 p.category {
	background: url(../cmn_img/icon_mdlcategory_02.png) left top no-repeat;
	background-size: 30px 30px;
}

.articleList article.mdl09 p.category {
	background: url(../cmn_img/icon_mdlcategory_09.png) left top no-repeat;
	background-size: 30px 30px;
}

.articleList article.mdl10 p.category {
	background: url(../cmn_img/icon_mdlcategory_10.png) left top no-repeat;
	background-size: 30px 30px;
}


.articleList .grid article,
.articleList .grid200 article,
.articleList .grid216 article,
.articleList .gridNoHeight article,
.articleList .gridNoHeight216 article {
	padding: 5px 0 40px;
}

.topAL .grid article,
.topAL .grid216 article {
	height: 315px;
	padding: 5px 0 50px;
}

.topAL article.notImg h3 {
	min-height: 80px;
}

.action .grid article,
.grid200 article,
.grid216 article {
	transition: all .2s ease;
 -webkit-transition: all .2s ease;
}

.action .grid article:hover,
.grid200 article:hover,
.grid216 article:hover {
	transform: scale(1.08);
 -webkit-transform: scale(1.08);
}


.articleList article:after {
	content: "";
	position: absolute;
	bottom: -13px; right: 30px;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 0 0 15px;
	border-color: #19283C transparent transparent transparent;
}

.articleList article.cat01:after  {
	border-color: #FCD9D7 transparent transparent transparent;
}

.articleList article.cat02:after  {
	border-color: #BEEDE2 transparent transparent transparent;
}

.articleList article.cat03:after  {
	border-color: #F2ED9E transparent transparent transparent;
}

#rMenu .articleList {
	border-bottom: none;
}

#rMenu .articleList div.inr {
	margin-bottom:0;
}

#rMenu .articleList article p.category {
	margin-bottom:10px;
}

#rMenu .articleList article {
	float: none;
	margin: 0 0 30px;
	padding-bottom: 14px;
	width: 300px;
	
	position:relative;
}

#rMenu .articleList article {
	transition: all .2s ease;
 -webkit-transition: all .2s ease;
}

#rMenu .articleList article:hover {
	transform: scale(1.08);
 -webkit-transform: scale(1.08);
}

#rMenu .articleList article p.img {
	text-align: center;
}

#rMenu .articleList article p.img img {
	height: auto;
	margin: 0 auto;
	width: 70%;
}

#rMenu .articleList article h3 {
	margin:0 10px;
	padding:5px 0;
	text-align: center;
}

#rMenu .articleList article {
	height: auto;
	padding-bottom: 40px;
}

#rMenu .adArea {
	margin-bottom: 30px;
}

#contents {
	margin: 0 auto 30px;
	position: relative;
	min-width: 1200px;
}

#contents.contents670 {
	margin: 0 auto;
	width: 670px;
	min-width: 670px;
}

#contents.clm2Contents {
	margin: 0 auto 30px;
	padding-top: 10px;
	max-width: 1000px;
	min-width: 1000px;
}

#contents.clm2Contents #mainContents {
	float: left;
	max-width: 670px;
}

#contents.clm2Contents #rMenu {
	float: right;
	max-width: 300px;
}

#columnContents {
	margin: 0 auto 30px;
	vertical-align: bottom;
	width: 1000px;
}

#columnContents img {
	vertical-align: bottom;
}

#columnContents p.articlePrev a:hover {
	color: #444!important;
	text-decoration: underline;
}

#cgm {
	margin: 0 auto 20px;
	width: 1000px;
}

#footer {
	background-color: #EEE8D9;
	padding: 30px 0;
}

#footer #pageTop {
	position: absolute;
	top: -80px;
	right: 0;
}


#footer #pageTop img {
	transition: all .2s ease;
 -webkit-transition: all .2s ease;
}

#footer #pageTop img:hover {
	opacity:0.7;
}


#footer div.ftList {
	margin: 0 auto;
	padding-bottom: 40px;
	width: 1000px;
	position: relative;
}

#footer div.ftList a {
	text-decoration: none;
}

#footer div.ftList a:hover {
	text-decoration: underline;
}

#footer div.ftList p.ft01 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 30px;
}

#footer div.ftList dl dt {
	font-weight: bold;
	font-size: 14px;
}

#footer div.ftList div.ft02 {
	float: left;
	margin-right: 8px;
	width: 150px;
}

#footer div.ftList div.ft03 {
	float: left;
	margin-right: 8px;
	width: 142px;
}

#footer div.ftList div.ft04 {
	float: left;
	margin-right: 8px;
	width: 150px;
}

#footer div.ftList div.ft02 dt,
#footer div.ftList div.ft03 dt,
#footer div.ftList div.ft04 dt {
	margin-bottom: 5px;
}

#footer div.ftList div.ft02 li,
#footer div.ftList div.ft03 li,
#footer div.ftList div.ft04 li {
	font-size: 11px;
	margin-bottom: 5px;
}

#footer div.ftList div.ft05 {
	float: left;
	margin-right: 8px;
	width: 200px;
}

#footer div.ftList div.ft05 li {
	font-size: 11px;
	margin-bottom: 5px;
}

#footer div.ftList div.ft06 {
	float: right;
	width: 290px;
}

#footer div.ftList div.ft06 p {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}

#footer div.ftList div.ft06 div.ftL {
	float: left;
	width: 120px;
}

#footer div.ftList div.ft06 div.ftR {
	float: right;
	width: 120px;
}

#footer div.ftList div.ft06 dt {
	font-size: 11px;
	margin-bottom: 5px;
}

#footer div.ftList div.ft06 dt a {
	color: #B5AE86;
}

#footer div.ftList div.ft06 dd li {
	font-size: 11px;
	margin-bottom: 5px;
}

#footer div.ftList div.ft06 dd li ul {
	margin-left: 5px;
	padding-top: 5px;
}

#footer div.ftB {
	border-top: 1px solid #DED8C9;
	padding-top: 30px;
}

#footer div.ftB div.inr {
	margin: 0 auto;
	width: 1000px;
}

#footer div.ftB div.inr div.uaBtn {
	float: right;
	width: 360px;
	
	//display:none;
}

#footer div.ftB div.inr div.uaBtn li {
	float: left;
	line-height: 1;
	text-align: center;
	width: 50%;
}

#footer div.ftB div.inr div.uaBtn li a {
	background-color: #F65800;
	color: #FFF;
	display: block;
	padding: 17px 0;
	text-decoration: none;
	transition: .2s;
}

#footer div.ftB div.inr div.uaBtn li a:hover {
	background-color: #766D63;
	color: #FFF;
}

#footer div.ftB div.inr div.uaBtn li span {
	background-color: #766D63;
	color: #FFF;
	display: block;
	padding: 17px 0;
}