@charset "UTF-8";

/* CSS Document */


/*----------------------------------------------------
	☆modal
----------------------------------------------------*/


#modalCmnMenu {
	background-color: #756e63;
	background-color: rgba(117, 110, 100,0.85);
	width:600px;
	
	position:absolute;
	right:0;
	top:40px;
	
	z-index:100;
	
	display:none;
}

#modalCmnMenu .modalWindow {
	margin:0 30px 0 40px;
	padding:20px 0;
}

#modalCmnMenu .modalWindow div.modalMenu01 {
	color:#FFF;
	float:left;
	width:210px;
}

.modalWindow div.modalMenu01 li {
	background:url(../cmn_img/icon_arrow_next_white.png) 95% center no-repeat;
	background-size:8px 12px;
	border-bottom:1px solid #A49F98;
	font-size:14px;
}

.modalWindow div.modalMenu01 li a {
	color:#FFF;
	display:block;
	padding:13px 0 13px 68px;
	text-decoration:none;
}

.modalWindow div.modalMenu01 li a:hover {
	text-decoration:underline;
}

.modalWindow div.modalMenu01 li.li01 a {
	background:url(../cmn_img/icon_common_modalmenu_01.png) 12px center no-repeat;
	background-size:38px 38px;
}

.modalWindow div.modalMenu01 li.li02 a {
	background:url(../cmn_img/icon_common_modalmenu_02.png) 12px center no-repeat;
	background-size:38px 38px;
}

.modalWindow div.modalMenu01 li.li03 a {
	background:url(../cmn_img/icon_common_modalmenu_03.png) 12px center no-repeat;
	background-size:38px 38px;
}

.modalWindow div.modalMenu01 li.li04 a {
	background:url(../cmn_img/icon_common_modalmenu_04.png) 12px center no-repeat;
	background-size:38px 38px;
}

.modalWindow div.modalMenu01 li.li05 {
	border-bottom:none;
}

.modalWindow div.modalMenu01 li.li05 a {
	background:url(../cmn_img/icon_common_modalmenu_05.png) 12px center no-repeat;
	background-size:40px 40px;
}

.modalWindow div.bnr {
	float:right;
	padding-top:25px;
	width:280px;
}

.modalWindow div.bnr ul li.li01 {
	float:left;
	width:50%;
}

.modalWindow div.bnr ul li.li02 {
	float:left;
	text-align:right;
	width:50%;
}

.modalWindow div.bnr ul li.li01 img,
.modalWindow div.bnr ul li.li02 img {
	width:98%;
}

.modalWindow div.bnr ul li.li03 {
	clear:both;
}

.modalWindow div.bnr ul li.li03 img {
	width:100%;
}

.modalWindow div.bnr ul li:hover img {
	opacity:0.8;
	transition:.2s;
}

.modalWindow #newsEvent h2 {
    color: #FFF;
}


.modalWindow div.forgotPW {
	border:1px solid #c5bfb8;
	border-radius:5px;
	line-height:1;
	margin:0 10px 20px;
	padding:20px;
	
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.modalWindow div.forgotPW p {
	margin-bottom:10px;
}

.modalWindow div.forgotPW p input {
	border:none;
	border-radius:3px;
	font-size:15px;
	padding:12px 0;
	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;
}

.modalWindow div.forgotPW p.mail input {
	background:url(../cmn_img/bg_formbg_mail.gif) 10px center no-repeat #FFF;
	background-size:18px 15px;
	padding-left:35px;
}

.modalWindow div.forgotPW p.pw input {
	background:url(../cmn_img/bg_formbg_pw.gif) 10px center no-repeat #FFF;
	background-size:18px 15px;
	padding-left:35px;
}

.modalWindow div.forgotPW p.forgot {
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.modalWindow div.forgotPW p.forgot a {
	color:#FFF;
}



.modalWindow div.tabArea {
}

.modalWindow div.tabArea div.tabMenu {
	margin-bottom:10px;
}

.modalWindow div.tabArea div.tabMenu ul li {
	background-color:#F6F1EB;
	float:left;
	font-size:16px;
	padding:15px 0;
	text-align:center;
	width:33.3%;
}

.modalWindow div.tabArea div.tabMenu ul li.last {
	width:33.4%;
}

.modalWindow div.tabArea div.tabMenu ul li.current {
	background-color: transparent;
	color:#FFF;
	font-weight:bold;
}



.modalWindow div.categories {
	border-radius:5px;
	margin:0 10px 10px;
	overflow:hidden;
	
		    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.modalWindow div.categories ul li {
	float:left;
	width:33.3%;
}

.modalWindow div.categories ul li.last {
	width:33.3%;
}

.modalWindow div.categories ul li span {
	color:#8E8985;
	display:block;
	padding:48px 0 8px;
	text-align:center;
}
 
.modalWindow div.categories ul li.li01 span {
	background:url(../cmn_img/icon_categories_01_f.png) center top no-repeat #EDE8D9;
	background-size:49px 49px;
}

.modalWindow div.categories ul li.li01.current span {
	background:url(../cmn_img/icon_categories_01_h.png) center top no-repeat #F07C71;
	background-size:49px 49px;
	color:#FFF;
}

.modalWindow div.categories ul li.li02 span {
	background:url(../cmn_img/icon_categories_02_f.png) center top no-repeat #EDE8D9;
	background-size:49px 49px;
}

.modalWindow div.categories ul li.li02.current span {
	background:url(../cmn_img/icon_categories_02_h.png) center top no-repeat #4ABBBB;
	background-size:49px 49px;
	color:#FFF;
}

.modalWindow div.categories ul li.li03 span {
	background:url(../cmn_img/icon_categories_03_f.png) center top no-repeat #EDE8D9;
	background-size:49px 49px;
}

.modalWindow div.categories ul li.li03.current span {
	background:url(../cmn_img/icon_categories_03_h.png) center top no-repeat #E0C023;
	background-size:49px 49px;
	color:#FFF;
}

.modalWindow div.categoryDetail {
	margin:0 30px 30px;
}

.modalWindow div.categoryDetail dl {
	border-radius:5px;
	margin-bottom:5px;
	overflow:hidden;
	
		    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.modalWindow div.categoryDetail dt {
	background-color:#FFFFFF;
	color:#746B66;
	cursor:pointer;
	font-weight:bold;
}

.modalWindow div.categoryDetail dt span {
	background:url(../cmn_img/icon_common_check_f.png) 10px center no-repeat;
	background-size:18px 18px;
	display:block;
	padding:10px 0 10px 35px;
}

.modalWindow div.categoryDetail dt:hover span,
.modalWindow div.categoryDetail dt.current span {
	background:url(../cmn_img/icon_common_check_h.png) 10px center no-repeat;
	background-size:18px 18px;
}

.modalWindow div.categoryDetail dd {
	background-color:#FFFFFF;
	border-top:1px solid #CCC;
	color:#746B66;
}

.modalWindow div.categoryDetail dd ul {
	margin:0 20px;
	padding:10px 0;
}

.modalWindow div.categoryDetail dd ul li {
	float:left;
	padding:0 15px 0 0;
}

.modalWindow div.categoryDetail dd ul li label {
	display:block;
	padding:6px 0 12px;
}



.modalWindow p.keywordSearch {
	margin:0 10px;
	padding:20px 0;
}

.modalWindow p.keywordSearch input {
	border:none;
	border-radius:3px;
	padding:8px 10px;
	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;
}

.modalWindow div.tagCArea {
	color:#FFF;
}

.modalWindow div.tagCArea h3 {
	font-size:16px;
	margin-bottom:10px;
	text-align:center;
}

.modalWindow div.tagCloudBox {
	border:1px solid #FFF;
	border-radius:5px;
	line-height:30px;
	margin:0 10px 20px;
	padding:20px 10px 10px;
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.modalWindow div.tagCloudBox a {
	margin:0 10px 0 0;
	text-decoration:none;
	white-space:nowrap;
}



.modalWindow div.myProfile {
	position:relative;
}


.modalWindow div.myProfile p.editBtn{
	background-color:#F65800;
	color:#FFF;
	display:inline-block;
	font-size:10px;
	line-height:1.2;
	
	border-radius:45px;
	overflow:hidden;
	text-align:center;
	
	position:absolute;
	right:15px;
	top:15px;
}

.modalWindow div.myProfile p.editBtn a{
	background-color:#F65800;
	color:#FFF;
	display:block;
	height:45px;
	padding-top:10px;
	text-decoration:none;
	width:55px;
}

.modalWindow div.myProfile p.editBtn a img{
	height:auto;
	width:20px;
}



.modalWindow div.myProfile p.img {
	margin:0 auto;
	padding-top:20px;
	width:90px;
}

.modalWindow div.myProfile p.img img {
	height:auto;
	margin-bottom:10px;
	width: 90px;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
}

.modalWindow div.myProfile p.name {
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:15px;
	text-align:center;
}

.modalWindow div.myProfile p.name span {
	display:block;
	font-size:14px;
	font-weight:normal;
}

.modalWindow div.myProfile div.profData{
	border-bottom:1px solid #C5BFB8;
	border-top:1px solid #C5BFB8;
	margin-bottom:30px;
}

.modalWindow div.myProfile div.profData ul li{
	border-right:1px solid #C5BFB8;
	color:#FFF;
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:1.7;
	text-align:center;
	padding:10px 0 8px;
	width:25%;
	
		    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.modalWindow div.myProfile div.profData ul li.last{
	border-right:none;
}

.modalWindow div.myProfile div.profData ul li span{
	display:block;
	font-size:18px;
	font-weight:bold;
}

.modalWindow div.myProfile div.profData ul li span img{
	margin-right:7px;
	height:auto;
	width:12px;
}


.modalWindow p.soudanBtn{
	font-size:16px;
	font-weight:bold;
	margin:0 30px 30px;
}

.modalWindow p.soudanBtn a{
	background-color:#FFF;
	color:#716D63;
	display:block;
	padding:12px 15px;
	text-align:center;
	
	border-radius:5px;
	
		    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.modalWindow p.soudanBtn a span{
	background:url(../cmn_img/icon_common_pencil.png) left top no-repeat;
	background-size:24px 24px;
	display:inline-block;
	padding:5px 30px;
}

.modalWindow div.logOutBtn p{
	font-size:16px;
	margin-bottom:30px;
	text-align:center;
}

.modalWindow div.logOutBtn p a{
	color:#FFF;
}

#modal03 {
	background-color: #756e63;
	background-color: rgba(117, 110, 100,0.9);
	border-radius:5px;
	margin:0 auto;
	padding-bottom:30px;
	width:670px;
	
	z-index:100;
	
	/*
	position:fixed;
	left:50%;
	top:50%;
	
	margin:-270px 0 0 -335px;
	*/
}

#modal03 p.title {
    border-bottom: 1px solid #c5bfb8;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.4;
				letter-spacing:0.05em;
    padding: 17px 0 14px;
    text-align: center;
}


.modalWindow p.whiteBtn{
	display:inline-block;
	font-size:16px;
	margin:0 3px;
}

.modalWindow p.whiteBtn a{
	background-color:#FFF;
	color:#716D63;
	display:block;
	padding:10px 25px;
	text-align:center;
	
	border-radius:5px;
	
		    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


.modalWindow p.fileSelectBtn{
	display:inline-block;
	font-size:16px;
	margin:0 3px;
}

.modalWindow p.fileSelectBtn a{
	background:url(../cmn_img/icon_fileselect.gif) 28px center no-repeat #FFF;
	color:#716D63;
	display:block;
	padding:10px 0;
	text-align:center;
	
	border-radius:5px;
	
		    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.modalWindow p.fileSelectBtn a span{
	background:url(../cmn_img/icon_common_fileselect.png) left top no-repeat;
	background-size:19px 19px;
	display:inline-block;
	padding:5px 30px 5px 58px;
}




.modalWindow p.whiteBtn a span{
	display:inline-block;
	padding:5px 0;
}

.modalWindow div.imgSelect{
	padding:50px 0 30px;
}

.modalWindow div.imgSelectBtn{
	margin-bottom:50px;
	text-align:center;
}






.modalWindow div.selectList{
	clear:both;
	margin:0 10px;
}

.modalWindow div.selectList ul li{
	float:left;
	text-align:center;
	padding-bottom:25px;
	width:16.6%;
}

.modalWindow div.selectList ul li span{
	display:block;
	margin:0 auto 5px;
	height:65px;
	width:63px;
}

.modalWindow div.selectList ul li span img {
	height:auto;
	margin-bottom:10px;
	width: 65px;
	border-radius: 65px;
	-webkit-border-radius: 65px;
	-moz-border-radius: 65px;
}






#modal01 {
	background-color: #756e63;
	background-color: rgba(117, 110, 100,0.9);
	border-radius:5px;
	margin:0 auto;
	padding-bottom:30px;
	width:670px;
	
	z-index:100;
	
	/*
	position:fixed;
	left:50%;
	top:50%;
	
	margin:-350px 0 0 -335px;
	*/
}

#modal01 p.title {
    border-bottom: 1px solid #c5bfb8;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.4;
				letter-spacing:0.05em;
    padding: 17px 0 14px;
    text-align: center;
}


.modalWindow div.categorySelect {
	padding-top:20px;
}

.modalWindow div.categorySelect ul.indList {
	margin:0 30px 20px;
}

.modalWindow div.categorySelect ul.indList li {
	color:#FFF;
	margin-bottom:10px;
}




#modal02 {
	background-color: #756e63;
	background-color: rgba(117, 110, 100,0.9);
	border-radius:5px;
	margin:0 auto;
	padding-bottom:30px;
	width:670px;
	
	z-index:100;
	
	/*
	position:fixed;
	left:50%;
	top:50%;
	
	margin:-350px 0 0 -335px;
	*/
}

#modal02 p.title {
    border-bottom: 1px solid #c5bfb8;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.4;
				letter-spacing:0.05em;
    padding: 17px 0 14px;
    text-align: center;
}



.modalWindow .addTag {
	padding-top:25px;
}

.modalWindow .categoryTag {
	margin:0 30px 20px;
}

.modalWindow .categoryTag ul li {
	float:left;
	margin-right:10px;
}

.modalWindow .categoryTag ul li a {
	background-color:#EEE8D9;
	border-radius:20px;
	color:#807A6D;
	display:block;
	padding:10px 20px;
	text-decoration:none;
}

.modalWindow .utilityTag{
	border-bottom:1px solid #c5bfb8;
	border-top:1px solid #c5bfb8;
	color:#FFF;
	margin:0 30px 25px;
	padding:20px 0 25px;
}

.modalWindow .entryTag{
	color:#FFF;
	margin:0 30px 25px;
}

.modalWindow .utilityTag h3,
.modalWindow .entryTag h3{
	color:#FFF;
	font-size:16px;
	margin-bottom:5px;
	text-align:center;
}

.modalWindow .utilityTag p,
.modalWindow .entryTag p{
	color:#FFF;
	font-size:14px;
	line-height:1.4;
	text-align:left;
}

.modalWindow .utilityTag div.tagCloudBox{
	margin:0 0 10px;
}

.modalWindow p.addTagInput {
	background-color:#FFF;
	border-radius:5px;
	margin:0;
	overflow: hidden;
	
	
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.modalWindow p.addTagInput span {
	display:inline-block;
	padding-top:10px;
}

.modalWindow p.addTagInput input.txtInput {
	border:none;
	border-radius:3px;
	font-size:16px;
	padding:0 20px;
	width:80%;
	
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.modalWindow p.addTagInput input.btnInput {
	background-color:#F65800;
	border:none;
	color:#FFF;
	float:right;
	padding:10px;
	width:20%;
}





#modal01 .formBtn,
#modal02 .formBtn,
#modal03 .formBtn {
	margin:0 auto 10px;
	width:400px;
}

.formBtn ul li {
	font-size:15px;
	font-weight:bold;
	line-height:1;
	width:50%;
}

.formBtn ul li.resetBtn {
	float:left;
	width:45%;
}

.formBtn ul li.submitBtn {
	float:right;
	width:52%;
}

.formBtn ul li.cancelBtn {
	float:left;
	font-weight:normal;
	width:45%;
}

.formBtn ul li input,
.formBtn ul li a {
	background-color:#F65800;
	border:none;
	border-radius:5px;
	color:#FFF;
	display:block;
	line-height:1.4;
	padding:12px;
	text-align:center;
	text-decoration:none;
	width:100%;
	
	border-radius:5px;
	
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.formBtn ul li.resetBtn input {
	background-color:#EEE8D9;
	color:#756F62;
}

.formBtn ul li.cancelBtn a {
	background-color:#EEE8D9;
	color:#756F62;
}

.formBtn ul li.cancelBtn a span {
	padding:0 14px;
}

.formBtnNoM {
	margin:0 0 10px;
}




.cmnRadioForm input[type='radio']{
	filter: alpha(opacity=0);-moz-opacity:0; opacity:0;
	position: absolute;
}

.cmnRadioForm label {
	background:url(../cmn_img/icon_cmnradioform_f.gif) left top no-repeat!important;
	background-size:16px 16px!important;
	height: 16px;
	line-height: 16px;
	display: block;
	margin-bottom:13px;
	padding: 0 0 0 20px;
	cursor: pointer;
}

.cmnRadioForm label.c_on{
	background:url(../cmn_img/icon_cmnradioform_h.gif) left top no-repeat!important;
	background-size:16px 16px!important;
	font-weight:bold;
}