@charset "UTF-8";

/*------------------------------------------
    default settings
-------------------------------------------*/

body,div,dl,dt,dd,ul,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,textarea,p,
blockquote,th,td,img{
	margin:0;
	padding:0;
}
fieldset,iframe{
	border:none;
}
img{
	border:none;
	vertical-align:top;
}
ul li{
	list-style:none;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.flex-ac {
	display: flex;
	align-items: center;
}
.flex-ac-ln {
	display: flex;
	align-items: center;
	line-height: normal;
}

/*------------------------------------------
    Common
-------------------------------------------*/
a {
	color: #0099CC;
	text-decoration: none;
}
a:hover {
	color: #ff9c3d;
}

header {
}
header div.header-wrap {
	position: relative;
	border-style: solid;
	border-color: #2d8195;
	border-width: 1px 0;
	background-image: url(../../img/user/tv/common/logo_bg.png); 
	background-repeat: repeat-x;
	background-position: left top;
}
header div.header-wrap div.header-main-area {
	text-align: center;
	height: 48px;
	margin: 0 auto;

	background-image: url(../../img/user/tv/common/logo.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
header div.header-wrap div.header-main-area div.header-main-area-inner {
/*
	width: 220px;
*/
	height: 100%;
}
header a.icon-btn {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
header a.left-btn {
	position: absolute;
	top: 10px;
	left: 5px;
	margin: 0;
	display: inline;

}
header a.left-btn-cnt {
	position: absolute;
	top: 23px;
	left: 20px;
	margin: 0;
	display: inline;
}
header a.left-btn-home div.inner div.inner2 div.inner3 {
    background: url('../../img/user/profile/blog/logo_2x.png') no-repeat left top;
    background-size: 325px 30px;
}
header a.left-btn-home-2 {
    position: absolute;
    left: 50px;
}
header a.search-btn,
header a.left-btn,
header a.right-btn {
	position: absolute;
	top: 0;
	right: 5px;
	height: 100%;
}
header a.icon-btn div.inner {
	display: table;
	width: 100%;
	height: 100%;
}
header a.icon-btn div.inner div.inner2 {
	display: table-cell;
	vertical-align: middle;
}
header a.icon-btn div.inner div.inner2 div.inner3 {
	position: relative;
	width: 20px;
	height: 15px;
	margin: 0 auto;
}
header .right-btn2 {
	position: absolute;
	top: 10px;
	right: 45px;
	margin: 0;
	display: inline;
}
header div.header-wrap div.left-btn #headerBadgeOuter a div.badgeinner {
	top: -10px;
	left: 20px;
}




#header-message-button div.inner div.inner2 div.inner3 {
	color: #000;
	width: 21px;
	height: 15px;
	border-radius: 2px;
	border: solid 1px #666;
}
#header-message-button div.inner div.inner2 div.inner3:before {
	content: '';
	position: absolute;
	left: 10px;
	top: -4px;
	width: 1px;
	height: 14px;
	background-color: #666;
	-webkit-transform-origin: bottom;
	      transform-origin: bottom;
	-webkit-transform: rotate(-54deg);
	      transform: rotate(-54deg);
}
#header-message-button div.inner div.inner2 div.inner3:after {
	content: '';
	position: absolute;
	left: 10px;
	top: -4px;
	width: 1px;
	height: 14px;
	background-color: #666;
	-webkit-transform-origin: bottom;
	      transform-origin: bottom;
	-webkit-transform: rotate(54deg);
	      transform: rotate(54deg);
}



#header-main-menu-button div.inner div.inner2 div.inner3:before{content:''; height:3px; width:20px; background:#888; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; display:block; position:absolute; top:0; left:0; box-shadow:0 12px #888, 0 24px #888;-webkit-box-shadow:0 6px #888, 0 12px #888;-moz-box-shadow:0 6px #888, 0 12px #888;}



#header-back-button {
	background-image: url(../../img/user/tv/icon/back.png); 
}
#footer div.footer-area div.footer-inner div.footer-copyright div.page-top a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOTguMnB4IiBoZWlnaHQ9Ijk4LjJweCIgdmlld0JveD0iMCAwIDk4LjIgOTguMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTguMiA5OC4yIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48ZyB0cmFuc2Zvcm09Im1hdHJpeCggMSwgMCwgMCwgMSwgNDYwLjM1LDIwMC4xKSAiPjxnPjxnIGlkPSJMYXllcjBfMl9GSUxMIj48cGF0aCBmaWxsPSIjMjNBQUUyIiBkPSJNLTM3Ni42LTE4NS43Yy05LjU2Ni05LjYtMjEuMTE3LTE0LjQtMzQuNjUtMTQuNGMtMTMuNTY2LDAtMjUuMTQ5LDQuOC0zNC43NSwxNC40Yy05LjU2Niw5LjYtMTQuMzUsMjEuMTY3LTE0LjM1LDM0LjdjMCwxMy41NjYsNC43ODMsMjUuMTMzLDE0LjM1LDM0LjY5OWM5LjYwMSw5LjYwMiwyMS4xODQsMTQuNCwzNC43NSwxNC40YzEzLjUzMywwLDI1LjA4NC00Ljc5OSwzNC42NS0xNC40YzkuNjMzLTkuNTY2LDE0LjQ1LTIxLjEzMywxNC40NS0zNC42OTlDLTM2Mi4xNS0xNjQuNTMzLTM2Ni45NjctMTc2LjEtMzc2LjYtMTg1Ljd6Ii8+PC9nPjwvZz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDQ2MC4zNSwyMDAuMSkgIj48Zz48ZyBpZD0iTGF5ZXIwXzNfRklMTCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTS00MjkuMi0xNDEuMWg0Ljg1di0zLjMwMWgtMTMuNXYzLjMwMWg0Ljl2MTUuMDQ5aDMuNzVWLTE0MS4xIE0tNDA3LjItMTQyLjI1Yy0wLjMwMS0wLjQtMC42NS0wLjc2OC0xLjA1MS0xLjFjLTAuMzk5LTAuMzAxLTAuODMzLTAuNTUxLTEuMy0wLjc1Yy0wLjUtMC4yMDEtMS4wNS0wLjM1LTEuNjQ5LTAuNDUxYy0wLjYzNC0wLjEzMy0xLjMwMS0wLjE5OS0yLTAuMTk5Yy0wLjcsMC0xLjM2NywwLjA2Ni0yLDAuMTk5Yy0wLjYwMSwwLjEwMi0xLjEzNCwwLjI1LTEuNjAxLDAuNDUxYy0wLjUsMC4xOTktMC45NSwwLjQ0OS0xLjM1LDAuNzVjLTAuNCwwLjMzMi0wLjczMywwLjY5OS0xLDEuMWMtMC4zLDAuNC0wLjU2NywwLjg1LTAuOCwxLjM1bC0wLjUsMS42NWMtMC4yMzMsMS42OTktMC4zNTEsMy4wODQtMC4zNTEsNC4xNWMwLjA2NywxLjkzNCwwLjE4NCwzLjI4MywwLjM1MSw0LjA0OWwwLjUsMS42NWMwLjIzMiwwLjUsMC41LDAuOTM0LDAuOCwxLjMwMWMwLjI2NywwLjQsMC42LDAuNzUsMSwxLjA0OWMwLjM5OSwwLjMwMSwwLjg1LDAuNTMzLDEuMzUsMC43MDFjMC40NjcsMC4yMzIsMSwwLjM4MywxLjYwMSwwLjQ0OWMwLjYzMywwLjEzMywxLjMsMC4yMDEsMiwwLjIwMWMwLjczMiwwLDEuMzk5LTAuMDY4LDItMC4yMDFjMC42LTAuMDY2LDEuMTQ5LTAuMjE3LDEuNjQ5LTAuNDQ5YzAuNDY3LTAuMTY4LDAuOS0wLjQsMS4zLTAuNzAxYzAuNC0wLjI5OSwwLjc1LTAuNjQ4LDEuMDUxLTEuMDQ5YzAuMjY3LTAuMzY3LDAuNTE3LTAuODAxLDAuNzUtMS4zMDFsMC41LTEuNjVjMC4xNjYtMC43NjYsMC4yODMtMi4xMTUsMC4zNS00LjA0OWMwLTEuMDY2LTAuMTE3LTIuNDUxLTAuMzUtNC4xNWwtMC41LTEuNjVDLTQwNi42ODMtMTQxLjQtNDA2LjkzMy0xNDEuODUtNDA3LjItMTQyLjI1IE0tNDA5LjYtMTM3LjljMC4xMzMsMC43MzQsMC4yLDEuNjY4LDAuMiwyLjgwMWMwLDEuMS0wLjA2NywyLTAuMiwyLjY5OWMtMC4xLDAuODAxLTAuMjgzLDEuNDUxLTAuNTUsMS45NTFjLTAuMywwLjUtMC43LDAuODY1LTEuMiwxLjFjLTAuNDY3LDAuMjY2LTEuMDgzLDAuNC0xLjg1LDAuNGMtMC43NjgsMC0xLjM4NC0wLjEzNS0xLjg1MS0wLjRjLTAuNS0wLjIzNC0wLjg5OS0wLjYtMS4yLTEuMWMtMC4yNjctMC41LTAuNDQ5LTEuMTUtMC41NS0xLjk1MWMtMC4xMzMtMC42OTktMC4yLTEuNi0wLjItMi42OTljMC0xLjEzMywwLjA2Ny0yLjA2NiwwLjItMi44MDFjMC4xMDEtMC44MzIsMC4yODMtMS41LDAuNTUtMmMwLjMwMS0wLjUzMywwLjctMC45MzQsMS4yLTEuMTk5YzAuNS0wLjI2OCwxLjExNy0wLjQsMS44NTEtMC40YzAuNzY3LDAsMS4zODMsMC4xMzMsMS44NSwwLjRjMC41LDAuMjY2LDAuOSwwLjY2NiwxLjIsMS4xOTlDLTQwOS44ODMtMTM5LjQtNDA5LjctMTM4LjczMi00MDkuNi0xMzcuOSBNLTM4OC43NS0xNDIuODAxYy0wLjU2Ni0wLjUzMy0xLjI1LTAuOTMyLTIuMDUtMS4xOTlzLTEuNzUtMC40LTIuODUtMC40aC02Ljc1djE4LjM1aDMuN3YtNS4zNWgzLjA1YzEuMDY2LDAsMi4wMTctMC4xNSwyLjg1LTAuNDQ5YzAuOC0wLjI2OCwxLjQ4My0wLjY4NCwyLjA1LTEuMjVjMC41MzMtMC41NjYsMC45MzQtMS4yNjgsMS4yLTIuMWMwLjMtMC44MzQsMC40NS0xLjc4MywwLjQ1LTIuODUyYzAtMS4wNjYtMC4xNS0yLTAuNDUtMi43OTlDLTM4Ny44MTctMTQxLjY1LTM4OC4yMTctMTQyLjMwMS0zODguNzUtMTQyLjgwMSBNLTM5Mi40NS0xNDEuMDUxYzAuMzMzLDAuMTM1LDAuNjE2LDAuMzE4LDAuODUsMC41NTFjMC4yMzMsMC4yNjgsMC40LDAuNiwwLjUsMWMwLjEzMywwLjQsMC4yLDAuODgzLDAuMiwxLjQ0OWMwLDAuNjAyLTAuMDY3LDEuMTE3LTAuMiwxLjU1MWMtMC4xLDAuNDM0LTAuMjY3LDAuNzgzLTAuNSwxLjA1MWMtMC4yMzMsMC4yOTktMC41MTcsMC41MTYtMC44NSwwLjY0OGMtMC4zMzQsMC4xMzUtMC43NSwwLjIwMS0xLjI1LDAuMjAxaC0zdi02LjZoM0MtMzkzLjItMTQxLjE5OS0zOTIuNzg0LTE0MS4xNS0zOTIuNDUtMTQxLjA1MXoiLz48L2c+PC9nPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCggMSwgMCwgMCwgMSwgNDYwLjM1LDIwMC4xKSAiPjxnPjxnIGlkPSJMYXllcjBfNF9GSUxMIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTQyOC4xNS0xNjEuMmwxNi44NS0xMS41bDE2Ljg1MSwxMS41bC0xNi44NTEtMjAuMjVMLTQyOC4xNS0xNjEuMnoiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+);
}

/*
#breadcrumbs {
	display: none;
}
*/

/*------------------------------------------
    MainMenu
-------------------------------------------*/
#main-menu,
#main-filter {
	position: relative;
	z-index: 10;
	background-color: #fff;

	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.15);

	border-width: 0;
	max-height: none;
}
#main-menu div.main-menu-inner,
#main-filter div.main-menu-inner {
	position: absolute;
	width: 100%;
	border-bottom: solid 1px #aaa;
	background-color: #fff;

	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.15);
}

/*------------------------------------------
    ListView
-------------------------------------------*/
ul.listview {
}
ul.listview li.list-btn {
	list-style: none;
	margin: 0;
	padding: 0;

	display: block;
	position: relative;
	overflow: visible;
	text-align: left;
	border-width: 0;
	border-top-width: 1px;

	cursor: pointer;

	border-top: 1px solid #ccc;
	background: #eee;
	font-weight: 700;
	color: #222;
	text-shadow: 0 1px 0 #fff;

}
ul.listview li.list-btn div.list-btn-inner {
	display: block;
	margin: 0;
	position: relative;
	overflow: visible;
	text-align: left;
	border-width: 0;
	border-top-width: 1px;

	font-size: 16px;
	min-width: .75em;
	display: block;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	zoom: 1;

	border-top: 1px solid #fff;
	border-color: rgba(255,255,255,.3);

	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
	background-image: -webkit-linear-gradient(#fff,#f1f1f1);
	background-image: -moz-linear-gradient(#fff,#f1f1f1);
	background-image: -ms-linear-gradient(#fff,#f1f1f1);
	background-image: -o-linear-gradient(#fff,#f1f1f1);
	background-image: linear-gradient(#fff,#f1f1f1);
}
ul.listview li.list-btn div.list-btn-inner:hover {
	background: #dfdfdf;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e0e0e0e));
	background-image: -webkit-linear-gradient(#f6f6f6,#e0e0e0e);
	background-image: -moz-linear-gradient(#f6f6f6,#e0e0e0e);
	background-image: -ms-linear-gradient(#f6f6f6,#e0e0e0e);
	background-image: -o-linear-gradient(#f6f6f6,#e0e0e0e);
	background-image: linear-gradient(#f6f6f6,#e0e0e0e);
}
ul.listview li.list-btn div.list-btn-inner div.list-btn-text {
	-webkit-border-radius: inherit;
	border-radius: inherit;
	width: auto;
	text-align: left;
}
ul.listview li.list-btn div.list-btn-inner div.list-btn-text a.list-btn-link {
	padding-right: 40px;

	padding: .7em 15px;
	display: block;

	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;

	color: #2f3e46;

	text-decoration: none!important;
}
ul.listview li.list-btn div.list-btn-inner span.list-btn-icon {
	width: 18px;
	height: 18px;

	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4);
	box-shadow: 0 1px 0 rgba(255,255,255,.4);

	background: rgba(0,0,0,.4);
	background-image: url(./jquery/mobile/images/icons-18-white.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 9px;
	border-radius: 9px;

	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 10px;
}
ul.listview li.list-btn div.list-btn-inner span.list-btn-arrow-r { background-position: -108px -1px; }
ul.listview li.list-btn div.list-btn-inner span.list-btn-arrow-b { background-position: -216px -1px; }

ul.listview li.list-btn ul.listview div.list-btn-inner {
	padding-left: 10px;
}
ul.listview li.list-btn ul.listview div.list-btn-inner div.image {
	float: left;
	padding-right: 5px;
}
ul.listview li.list-btn ul.listview div.list-btn-inner div.image {
	text-align: center;
	width: 30px;
}
ul.listview li.list-btn ul.listview div.list-btn-inner div.image img {
	height: 20px;
}
ul.listview li.list-btn ul.listview div.list-btn-inner div.count {
	display: none;
}
ul.listview li.list-btn-parent ul.listview li.list-btn {
}
ul.listview li.list-btn div.list-btn-text span.list-btn-count {
	right: 40px;
	position: absolute;
	font-size: 11px;
	font-weight: 700;
	padding: .2em .5em;
	top: 50%;
	margin-top: -.9em;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	font-family: Helvetica,Arial,sans-serif;
	text-decoration: none;

	border: 1px solid #CCC;
	background: #EEE;
	font-weight: 700;
	color: #222;
	text-shadow: 0 1px 0 white;
	background-image: -webkit-gradient(linear,left top,left bottom,from(white),to(#F1F1F1));
	background-image: -webkit-linear-gradient(white,#F1F1F1);
	background-image: -moz-linear-gradient(white,#F1F1F1);
	background-image: -ms-linear-gradient(white,#F1F1F1);
	background-image: -o-linear-gradient(white,#F1F1F1);
	background-image: linear-gradient(white,#F1F1F1);

	text-align: left;
}
ul.listview li.account div.list-btn-inner div.list-btn-text div.name {
	width: 180px;
	overflow: hidden;
}
ul.listview li.account div.list-btn-inner div.list-btn-text span.list-btn-count {
	right: 10px;
}

/*------------------------------------------
    paging
-------------------------------------------*/
.paging {
	padding-bottom: 5px;
	text-align: center;
	margin: 20px 0;
	font-size: 80%;
}
.paging_right {
	text-align: right;
}
.paging span {
	margin: 2px;
}
.paging span.current {
	font-weight: bold;
	margin: 1px;
	padding: 0.4em;
}
.paging a {
	border: 1px solid #CCCCCC;
	margin: 1px;
	padding: 8px 7px;
}
.paging a:link {
	text-decoration: none;
}
.paging a:hover {
	background-color: #1ab6e3;
	color: #FFFFFF;
}
.paging a:visited {
	text-decoration: none;
}

.pagingHeader span.total {
	margin: 0 5px;
	font-weight: bold;
}

/*------------------------------------------
    Default Button
-------------------------------------------*/
.btn {
/*
	height: 38px;
	font-size: 14px;
	line-height: normal;
	font-weight: 500;
*/
	cursor: pointer;

	display: inline-block;
	padding: 0.4em 0.9em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	vertical-align: middle;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: #127EAF;
	background: -webkit-linear-gradient(top, #25A8E3 0%, #1C92C8 49%, #188BC1 51%, #127EAF 100%);
	background: -moz-linear-gradient(top, #25A8E3 0%, #1C92C8 50%, #188BC1 50.1%, #127EAF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff25a8e3', endColorstr='#ff127eaf', GradientType=0);
	border-color: #127EAF #1878A5 #126A94 #1878A5;
	-webkit-box-shadow: inset 0 0 0.2em rgba(255, 255, 255, 0.5),0 1px 2px rgba(0, 0, 0, 0.15),0 0 0 black;
	box-shadow: inset 0 0 0.2em rgba(255, 255, 255, 0.5),0 1px 2px rgba(0, 0, 0, 0.15),0 0 0 black;
	color: white;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}
.btn:hover,
.btn.hover
{
	text-decoration:none;
	color:#fff;
	-webkit-box-shadow:inset 0 0 0.2em rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.15),0 0 0 #000;
	box-shadow:inset 0 0 0.2em rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.15),0 0 0 #000;
	background-color:#148bc1;
	background:-webkit-linear-gradient(top, #37afe5 0%, #1f9fda 49%, #1a98d3 51%, #148bc1 100%);
	background:-moz-linear-gradient(top, #37afe5 0%, #1f9fda 50%, #1a98d3 50.1%, #148bc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff37afe5', endColorstr='#ff148bc1', GradientType=0)
}
.btn:active,
.btn.active
{
	text-decoration:none;
	color:#fff;
	-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.32),0 1px 0 rgba(255,255,255,0.4);
	box-shadow:inset 0 2px 3px rgba(0,0,0,0.32),0 1px 0 rgba(255,255,255,0.4);
	background-color:#188bc1;
	background-image:-webkit-linear-gradient(bottom, #25a8e3,#188bc1);
	background-image:-moz-linear-gradient(bottom, #25a8e3,#188bc1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff25a8e3', endColorstr='#ff188bc1', GradientType=0)
}
.btn.disabled,
.btn[disabled],
.btn.disabled
{
	background:#1992ca;
	opacity:0.65;
	-webkit-box-shadow:0 0 0 #000,0 0 0 #000;
	box-shadow:0 0 0 #000,0 0 0 #000;
	text-shadow:0 0 0 white;
	font-weight:normal
}
a.btn {
/*
	line-height: 23px;
*/
	text-decoration: none;
	color: #fff;
}
a.btn:visited {
/*
	line-height: normal;
*/
	text-decoration: none;
	color: #fff;
}
.btn-group .btn:first-of-type:last-of-type {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn-group .btn:last-of-type {
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.btn-group .btn:first-of-type {
	border-left-width: 1px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.btn-group-vertical li:last-of-type .btn {
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.btn-group-vertical li:first-of-type .btn {
	border-left-width: 1px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.btn-group-horizontal li:last-of-type .btn {
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.btn-group-horizontal li:first-of-type .btn {
	border-left-width: 1px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.btn-group .btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-left-width: 0px;
	float: left;
}
.btn.gray {
	background-color: #eee;
	background-image: -webkit-linear-gradient(top, #fefefe 0%,#eee 100%);
	background-image: -moz-linear-gradient(top, #fefefe 0%,#eee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#ffeeeeee', GradientType=0);
	border: 1px solid rgba(0,0,0,0.2);
	border-color: #f3f3f3 #e2e2e2 #dadada #e2e2e2;
	color: #393c3d;
	text-shadow: none;
	-webkit-box-shadow: inset 0 0 0.2em rgba(255,255,255,0.3),0 0 0 #000;
	box-shadow: inset 0 0 0.2em rgba(255,255,255,0.3),0 0 0 #000;
	border-color: #d3d3d3 #cfcfcf #c7c7c7 #cfcfcf;
}
.btn.gray:hover,.btn.gray.hover {
	text-decoration:none;
/*
	color:#fff;
*/
	background-color:#eee;
	background-image:-webkit-linear-gradient(top, #fff 0%,#eee 100%);
	background-image:-moz-linear-gradient(top, #fff 0%,#eee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0)
}
.btn.gray:active,.btn.gray.active {
	text-decoration:none;
/*
	color:#fff;
*/
	background-color:#fefefe;
	background-image:-webkit-linear-gradient(top, #eee 0%,#fefefe 100%);
	background-image:-moz-linear-gradient(top, #eee 0%,#fefefe 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#fffefefe', GradientType=0);
	-webkit-box-shadow:inset 0 1px 4px 1px rgba(0,0,0,0.3),0 0 0 #000;
	box-shadow:inset 0 1px 4px 1px rgba(0,0,0,0.3),0 0 0 #000
}
.btn.gray.disabled,.btn.gray[disabled] {
	background-color:#eee;
	background-image:-webkit-linear-gradient(top, #f1f1f1 0%,#eee 100%);
	background-image:-moz-linear-gradient(top, #f1f1f1 0%,#eee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1f1f1', endColorstr='#ffeeeeee', GradientType=0);
	opacity:0.4;
	color:#fff
}
.btn.gray:visited,.btn.gray.visited {
	color: #393c3d;
}
.btn-gray {
	background-color:#eee;
	background-image:-webkit-linear-gradient(top, #fefefe 0%,#eee 100%);
	background-image:-moz-linear-gradient(top, #fefefe 0%,#eee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#ffeeeeee', GradientType=0);
	border:1px solid rgba(0,0,0,0.2);
	border-color:#f3f3f3 #e2e2e2 #dadada #e2e2e2;
	color:#393c3d;
	text-shadow:none;
	-webkit-box-shadow:inset 0 0 0.2em rgba(255,255,255,0.3),0 0 0 #000;
	box-shadow:inset 0 0 0.2em rgba(255,255,255,0.3),0 0 0 #000;
	border-color:#d3d3d3 #cfcfcf #c7c7c7 #cfcfcf
}.btn-gray:hover,.btn-gray.hover {
	text-decoration:none;
	background-color:#eee;
	background-image:-webkit-linear-gradient(top, #fff 0%,#eee 100%);
	background-image:-moz-linear-gradient(top, #fff 0%,#eee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0)
}.btn-gray:active,.btn-gray.active {
	text-decoration:none;
	background-color:#fefefe;
	background-image:-webkit-linear-gradient(top, #eee 0%,#fefefe 100%);
	background-image:-moz-linear-gradient(top, #eee 0%,#fefefe 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#fffefefe', GradientType=0);
	-webkit-box-shadow:inset 0 1px 4px 1px rgba(0,0,0,0.3),0 0 0 #000;
	box-shadow:inset 0 1px 4px 1px rgba(0,0,0,0.3),0 0 0 #000
}.btn-gray.disabled,.btn-gray[disabled] {
	background-color:#eee;
	background-image:-webkit-linear-gradient(top, #f1f1f1 0%,#eee 100%);
	background-image:-moz-linear-gradient(top, #f1f1f1 0%,#eee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1f1f1', endColorstr='#ffeeeeee', GradientType=0);
	opacity:0.4;
	color:#fff
}

.btn-green {
	background-color:#05ab01;
	background-image:-webkit-linear-gradient(top, #08ce03 0%,#05ab01 100%);
	background-image:-moz-linear-gradient(top, #08ce03 0%,#05ab01 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff08ce03', endColorstr='#ff05ab01', GradientType=0);
	border:1px solid rgba(0,0,0,0.2);
	border-color:#05b501 #059402 #048201 #059402
}.btn-green:hover,.btn.green.hover {
	text-decoration:none;
	color:#fff;
	background-color:#05ab01;
	background-image:-webkit-linear-gradient(top, #0ffb09 0%,#05ab01 100%);
	background-image:-moz-linear-gradient(top, #0ffb09 0%,#05ab01 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0ffb09', endColorstr='#ff05ab01', GradientType=0)
}.btn-green:active,.btn.green.active {
	text-decoration:none;
	color:#fff;
	background-color:#08ce03;
	background-image:-webkit-linear-gradient(top, #05ab01 0%,#08ce03 100%);
	background-image:-moz-linear-gradient(top, #05ab01 0%,#08ce03 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff05ab01', endColorstr='#ff08ce03', GradientType=0);
	-webkit-box-shadow:inset 0 1px 4px 1px rgba(0,0,0,0.3),0 0 0 #000;
	box-shadow:inset 0 1px 4px 1px rgba(0,0,0,0.3),0 0 0 #000
}.btn-green.disabled,.btn.green[disabled] {
	background-color:#05ab01;
	background-image:-webkit-linear-gradient(top, #07b503 0%,#05ab01 100%);
	background-image:-moz-linear-gradient(top, #07b503 0%,#05ab01 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff07b503', endColorstr='#ff05ab01', GradientType=0);
	opacity:0.4;
	color:#7dfe7a
}




.btn-orange {
	cursor: pointer;

	display: inline-block;
	padding: 0.4em 0.9em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	vertical-align: middle;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: #f80;
	background: -webkit-linear-gradient(top, #e3b025 0%, #c8951c 49%, #c18f18 51%, #af9012 100%);
	background: -moz-linear-gradient(top, #e3b025 0%, #c8951c 50%, #c18f18 50.1%, #af9012 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3b025', endColorstr='#ffaf9012', GradientType=0);
	border-color: #af8812 #a58518 #947712 #a58918;
	-webkit-box-shadow: inset 0 0 0.2em rgba(255, 255, 255, 0.5),0 1px 2px rgba(0, 0, 0, 0.15),0 0 0 black;
	box-shadow: inset 0 0 0.2em rgba(255, 255, 255, 0.5),0 1px 2px rgba(0, 0, 0, 0.15),0 0 0 black;
	color: white;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
}
.btn-orange:hover,
.btn-orange.hover
{
	text-decoration:none;
	color:#fff;
	-webkit-box-shadow:inset 0 0 0.2em rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.15),0 0 0 #000;
	box-shadow:inset 0 0 0.2em rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.15),0 0 0 #000;
	background-color:#148bc1;
	background:-webkit-linear-gradient(top, #e5ba37 0%, #dab51f 49%, #d3b21a 51%, #c19a14 100%);
	background:-moz-linear-gradient(top, #e5ba37 0%, #dab51f 50%, #d3b21a 50.1%, #c19a14 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5ba37', endColorstr='#ffc19a14', GradientType=0)
}
.btn-orange:active,
.btn-orange.active
{
	text-decoration:none;
	color:#fff;
	-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.32),0 1px 0 rgba(255,255,255,0.4);
	box-shadow:inset 0 2px 3px rgba(0,0,0,0.32),0 1px 0 rgba(255,255,255,0.4);
	background-color:#188bc1;
	background-image:-webkit-linear-gradient(bottom, #e3b025,#c19b18);
	background-image:-moz-linear-gradient(bottom, #e3b025,#c19b18);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3b025', endColorstr='#ffc19b18', GradientType=0)
}
.btn-orange.disabled,
.btn-orange[disabled],
.btn-orange.disabled
{
	background:#1992ca;
	opacity:0.65;
	-webkit-box-shadow:0 0 0 #000,0 0 0 #000;
	box-shadow:0 0 0 #000,0 0 0 #000;
	text-shadow:0 0 0 white;
	font-weight:normal
}
a.-orangebtn {
	text-decoration: none;
	color: #fff;
}
a-orange.btn:visited {
	text-decoration: none;
	color: #fff;
}




.btn-block {
	display: block;
	width: 100%;
}
.btn-addbutton {
	width: 25px;
	height: 25px;
	font-weight: bold;
	color: #666;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
}

/*
.icon-caret-down:before {
	content:"\f0d7"
}
.icon-caret-up:before{
	content:"\f0d8"
}
.icon-caret-left:before{
	content:"\f0d9"
}
.icon-caret-right:before{
	content:"\f0da"
}
*/
a.link-button {
	display: block;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 48%,#EEE 51%,#E5E5E5 100%,#E5E5E5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#fff), color-stop(51%,#EEE), color-stop(100%,#E5E5E5), color-stop(100%,#E5E5E5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 48%,#EEE 51%,#E5E5E5 100%,#E5E5E5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 48%,#EEE 51%,#E5E5E5 100%,#E5E5E5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 48%,#EEE 51%,#E5E5E5 100%,#E5E5E5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fff 48%,#EEE 51%,#E5E5E5 100%,#E5E5E5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#E5E5E5',GradientType=0 ); /* IE6-9 */
	border: 1px solid #CCC;
	padding: 4px 5px;
	margin: 5px 0;
	text-align: center;
	text-decoration: none;
}
a.link-button:hover {
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ccc 48%,#bbb 51%,#aaa 100%,#aaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#ccc), color-stop(51%,#bbb), color-stop(100%,#aaa), color-stop(100%,#aaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ccc 48%,#bbb 51%,#aaa 100%,#aaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ccc 48%,#bbb 51%,#aaa 100%,#aaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ccc 48%,#bbb 51%,#aaa 100%,#aaa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ccc 48%,#bbb 51%,#aaa 100%,#aaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */
}
a.link-button-dark {
	display: block;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ccc 48%,#bbb 51%,#aaa 100%,#aaa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#ccc), color-stop(51%,#bbb), color-stop(100%,#aaa), color-stop(100%,#aaa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ccc 48%,#bbb 51%,#aaa 100%,#aaa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ccc 48%,#bbb 51%,#aaa 100%,#aaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ccc 48%,#bbb 51%,#aaa 100%,#aaa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ccc 48%,#bbb 51%,#aaa 100%,#aaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */

	border: 1px solid #CCC;
	padding: 4px 5px;
	margin: 5px 0;
	text-align: center;
	text-decoration: none;

	color: #000;
}
a.link-button-dark:hover {
	color: #fff;

	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #999 48%,#888 51%,#777 100%,#777 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#999), color-stop(51%,#888), color-stop(100%,#777), color-stop(100%,#777)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #999 48%,#888 51%,#777 100%,#777 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #999 48%,#888 51%,#777 100%,#777 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #999 48%,#888 51%,#777 100%,#777 100%); /* IE10+ */
	background: linear-gradient(to bottom, #999 48%,#888 51%,#777 100%,#777 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#777',GradientType=0 ); /* IE6-9 */
}

/*------------------------------------------
    Input
-------------------------------------------*/
input.txtField {
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #5A5A5A;
	display: inline-block;
	font-size: 13px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 9px;
	padding: 4px;
	width: 340px;
}
input.txtField-short1 { width: 50px }
input.txtField-short2 { width: 100px }
input.txtField-short3 { width: 150px }

input.txt-full-long {
	width: 100%;
	color: #5A5A5A;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	padding: 8px;
	font-size: 100%;
}

textarea.txtField {
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #5A5A5A;
	display: inline-block;
	font-size: 13px;
	height: 120px;
	line-height: 18px;
	margin-bottom: 9px;
	padding: 4px;
	width: 340px;
}

div.inputLabel {
	font-weight: bold;
}


span.required {
	margin-left: 10px;
	color: #f44;
}

/*------------------------------------------
    Login
-------------------------------------------*/
div.account {
	margin: 0 auto;
	padding: 5px;
	text-align: center;
}
div.account input.txtField {
	width: 100%;
	height: auto;
	line-height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;   
}
div.btnBlock .btn {
	width: 100%;
}

/* badge */
.defaultBadge {
	text-align: center;

	width: 20px;
	height: 20px;
	line-height: 20px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;

	display: inline-block;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-position: 0 0px;
	font-weight: bold;
	font-size: 80%;
	background-color: #ff911a;
}
header #headerBadgeOuter {
	position: relative;
}
header #headerBadgeOuter div.badgeInner {
	position: absolute;
	top: 15px;
	left: -18px;
	width: 20px;
	height: 20px;
}


/*------------------------------------------
    footer
-------------------------------------------*/
#footer {
	width: 100%;
	margin-top: 30px;
}
#footer div.footer-area {
	background: url(../../img/user/global/common/footer/bg.png) repeat top;
	color: #fff;
}
#footer div.footer-area div.footer-inner {
	margin: 0 auto;
}
#footer div.footer-area div.footer-inner div.footer-box-area {
	padding-top: 10px;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box {
	float: left;
	margin-left: 35px;
	margin-top: 20px;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box-col-first {
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box a {
	color: #fff;
	text-decoration: none;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-title {
	font-weight: bold;
	font-size: 120%;
	font-style: italic;
	font-family: 'Times New Roman';
	border-bottom: solid 1px #888;
	padding-right: 40px;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-content {
	padding-top: 10px;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-content ul.hor {
	float: none;
	margin-left: 20px;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-content ul.col-first {
	margin-left: 0;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-content ul li {
	padding-top: 10px;
}
#footer div.footer-area div.footer-inner div.footer-translate {
	margin-left: 35px;
	margin-top: 20px;
}

#footer div.footer-area div.footer-inner div.footer-box-area div.house-area-house-list div.title {
	color: #fff;
	text-align: center;
	font-weight: bold;
	background-color: #999;
	margin-bottom: 5px;
	padding: 3px 0;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.house-area-house-list a {
	display: inline;
	border-style: none;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.house-area-house-list div.lineupRightBottom a {
	display: block;
	padding: 0;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.house-area-house-list div.lineupLeft a {
	padding: 0;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.house-area-house-list div.lineupRight div.houseName a {
	color: #fff;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.house-area-house-list div.lineupRight div.houseName span.houseNo,
#footer div.footer-area div.footer-inner div.footer-box-area div.house-area-house-list div.lineupRight div.houseName span.houseNoMark {
	display: none;
}

#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-content ul.social li a {
	padding-left: 20px;
	background: url(../../img/user/global/common/footer/footer_social_icon_2x.png) no-repeat left top;
	background-size: 50%;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-content ul li.social-twitter a {
	background-position: 0 0;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-content ul li.social-facebook a {
	background-position: -30px 0;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-content ul li.social-google a {
	background-position: -60px 0;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-content ul li.social-instagram a {
	background-position: -90px 0;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-content ul li.social-pinterest a {
	background-position: -120px 0;
}
#footer div.footer-area div.footer-inner div.footer-box-area div.footer-box div.footer-box-content ul li.social-youtube a {
	background-position: -150px 0;
}
#footer div.footer-area div.footer-inner div.footer-copyright {
	color: #555;
	padding: 20px 0 0 5px;
	font-size: 80%;
}
#footer div.footer-area div.footer-inner div.footer-view-mode {
	margin: 5px 0 0 0;
	padding: 0 0 50px 35px;
	font-size: 90%;
}
#footer div.footer-area div.footer-inner div.footer-copyright div.page-top {
	position: relative;
}
#footer div.footer-area div.footer-inner div.footer-copyright div.page-top a {
	position: absolute;
	right: 20px;
	top: -25px;
}
#footer div.footer-area div.footer-inner div.footer-copyright div.page-top a img {
	width: 40px;
}


/*------------------------------------------
    window-dialog
-------------------------------------------*/
div.window-dialog {
}
div.window-dialog div.window-dialog-inner {
}
div.window-dialog div.window-dialog-inner div.window-dialog-title div.window-dialog-title-inner {
	position: relative;
	height: 25px;
	lineheight: 25px;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border-style: solid;
	border-color: #2d8195;
	border-width: 0 0 1px 0;
	background-color: #ddd;
}
div.window-dialog div.window-dialog-inner div.window-dialog-title div.window-dialog-title-inner div.window-dialog-title-close {
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 1000;
	width: 25px;
	height: 25px;
	padding: 3px 0 0 0;
}
div.window-dialog div.window-dialog-inner div.window-dialog-title div.window-dialog-title-inner div.window-dialog-title-close a {
	display: block;
	width: 25px;
	height: 25px;
	background-image: url('../../img/user/global/common/dialog/icon_close.png');
	background-repeat: no-repeat;
	background-position: left top;
}
div.window-dialog div.window-dialog-inner div.window-dialog-content {
	padding: 5px;
}
div.window-dialog div.window-dialog-inner div.window-dialog-button-area div.window-dialog-button-area-inner {
	margin-top: 10px;
}
div.window-dialog div.window-dialog-inner div.window-dialog-button-area div.window-dialog-button-area-inner div.window-dialog-button-area-ok {
	float: right;
	margin-left: 5px;
}
div.window-dialog div.window-dialog-inner div.window-dialog-button-area div.window-dialog-button-area-inner div.window-dialog-button-area-cancel {
	float: right;
}
div.window-dialog div.window-dialog-inner div.window-dialog-button-area div.window-dialog-button-area-inner div.window-dialog-button-area-ok a,
div.window-dialog div.window-dialog-inner div.window-dialog-button-area div.window-dialog-button-area-inner div.window-dialog-button-area-cancel a {
	display: block;
	padding: 5px 10px;
	border-style: solid;
	border-color: #2d8195;
	border-width: 1px;
}



/*------------------------------------------
    Side
-------------------------------------------*/
#sideMap {
	display: none;
}
div.window-dialog div.sideMapBlock div.sideMapConditionBlock {
}
div.sideSearchForm {
	text-align: center;
	margin-bottom: 10px;
	z-index: 20;
}
div.sideSearchForm div.button {
	margin-top: 10px;
}
div.sideSearchForm input.txtField {
	width: 96%;
	height: auto;
	line-height: normal;
	margin-bottom: 0;
	padding: 7px;
}
div.sideSearchForm input.btn {
	width: 100%;
}
div.sideMapBlock div.sideMapConditionBlock {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #eee;
	border: solid 1px #ccc;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionTitle {
	text-align: center;
	background-color: #ccc;
	border: solid 1px #aaa;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionHouseSchool {
	text-align: center;
}
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon {
}
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td {
	text-align: center;
	font-size: 70%;
	width: 50px;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRoomStatus div.sideMapConditionRoomStatusTitle {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRoomStatus div.sideMapConditionRoomStatusCheck {
	text-align: center;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRoomStatus div.checkbox {
	display: inline;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentTitle {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentTypeSelectArea {
	text-align: center;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentSliderArea table.sideMapConditionRentSliderValue {
	width: 100%;
	margin-top: 4px;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentSliderArea table.sideMapConditionRentSliderValue td.min {
	width: 50%;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentSliderArea table.sideMapConditionRentSliderValue td.max {
	text-align: right;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentSliderArea table.sideMapConditionRentSliderValue td span.value {
	font-weight: bold;
}
.noUi-base {
/*
	background: -moz-linear-gradient(center top , #B9B8B8, #D2D1D1) repeat scroll 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
*/
}
.noUi-base div.noUi-origin:first-child {
	background: none repeat scroll 0 0 #65C9F2;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
}
.noUi-base div.noUi-origin:nth-child(2) {
	background: none repeat scroll 0 0 #FAFAFA;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentSliderArea .noUi-horizontal {
	height: 13px;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentSliderArea .noUi-handle {
	width: 24px;
	height: 24px;
/*
	border: 1px solid #888;
	border-radius: 50%;
	background: none repeat scroll 0 0 #6dbae3;
*/
	background-image: url('../../img/user/global/side/knob.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	box-shadow: none;
	border-width: 0;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentSliderArea .noUi-handle:before,
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentSliderArea .noUi-handle:after
{
	display: none;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentSliderArea .noUi-horizontal .noUi-handle-lower {
	left: -4px;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionRent div.sideMapConditionRentSliderArea .noUi-horizontal .noUi-handle-upper {
	left: -20px;
}



div.sideMapBlock div.sideMapConditionBlock input.icon[type=checkbox] {
	display:none;
}
div.sideMapBlock div.sideMapConditionBlock input.icon[type=checkbox] + label {
	height: 30px;
	width: 30px;
	display:inline-block;
	padding: 0 0 0 0px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: contain;
}
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td input.icon[type=checkbox]:checked + label {
	height: 30px;
	width: 30px;
	display:inline-block;
	padding: 0 0 0 0px;
}
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td input.icon_room_male[type=checkbox] + label { background-image: url('../../img/user/global/side/icon/icon_male_off.png'); }
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td input.icon_room_male[type=checkbox]:checked + label { background-image: url('../../img/user/global/side/icon/icon_male_on.png'); }
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td input.icon_room_female[type=checkbox] + label { background-image: url('../../img/user/global/side/icon/icon_female_off.png'); }
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td input.icon_room_female[type=checkbox]:checked + label { background-image: url('../../img/user/global/side/icon/icon_female_on.png'); }

div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td input.icon_room_single[type=checkbox] + label { background-image: url('../../img/user/global/side/icon/icon_private_off.png'); }
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td input.icon_room_single[type=checkbox]:checked + label { background-image: url('../../img/user/global/side/icon/icon_private_on.png'); }
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td input.icon_room_roomshare[type=checkbox] + label { background-image: url('../../img/user/global/side/icon/icon_shareroom_off.png'); }
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td input.icon_room_roomshare[type=checkbox]:checked + label { background-image: url('../../img/user/global/side/icon/icon_shareroom_on.png'); }
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td input.icon_room_dormitory[type=checkbox] + label { background-image: url('../../img/user/global/side/icon/icon_dormitory_off.png'); }
div.sideMapBlock div.sideMapConditionBlock table.sideMapConditionIcon td input.icon_room_dormitory[type=checkbox]:checked + label { background-image: url('../../img/user/global/side/icon/icon_dormitory_on.png'); }

div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_tv[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/tv_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_tv[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/tv_1.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_kitchen[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/kitchen_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_kitchen[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/kitchen_1.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_refrigerator[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/refrigerator_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_refrigerator[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/refrigerator_1.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_shared_pc[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/shared_pc_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_shared_pc[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/shared_pc_1.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_lan[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/lan_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_lan[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/lan_1.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_washing_machine[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/washing_machine_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_washing_machine[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/washing_machine_1.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_drying_machine[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/drying_machine_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_drying_machine[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/drying_machine_1.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_shower[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/shower_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_shower[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/shower_1.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_bath[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/bath_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_bath[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/bath_1.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_toilet[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/toilet_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_toilet[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/toilet_1.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_bicycle_park[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/bicycle_park_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_bicycle_park[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/bicycle_park_1.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_other[type=checkbox] + label { background-image: url('../../img/user/house/icon/facility/other_0.png'); }
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td input.icon_facility_other[type=checkbox]:checked + label { background-image: url('../../img/user/house/icon/facility/other_1.png'); }

div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility {
	margin-top: 10px;
	text-align: center;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility div.sideMapConditionFacilityTitle {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td {
	width: 80px;
	height: 50px;
	vertical-align: top;
}
div.sideMapBlock div.sideMapConditionBlock div.sideMapConditionFacility table.facilityBlock td div.title {
	font-size: 75%;
	line-height: 1.3em;
}


/*------------------------------------------
    open close menu
-------------------------------------------*/
div.openclose-menu-area {
}
div.openclose-menu-area div.openclose-menu-title {
}
div.openclose-menu-area div.openclose-menu-title a {
	display: block;
	background-color: #eee;
	border-style: solid;
	border-width: 1px 0;
	border-color: #aaa;
	padding: 5px 0 5px 20px;
	background-image: url('../../img/user/common/common_list/sort_desc.png');
	background-repeat: no-repeat;
	background-position: 3px center;
}
div.openclose-menu-area.open div.openclose-menu-title a {
	background-image: url('../../img/user/common/common_list/sort_asc.png');
}
div.openclose-menu-area.open div.openclose-menu-content {
	margin-top: 5px;
	padding: 0 5px;
}

div.common-user-round-image {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 60px;
	height: 60px;
	text-decoration: none;
	border: solid 2px #fff;
	box-shadow: 1px 1px 1px #aaa
		, 0 0 1px #888;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
div.common-user-round-image img {
	position: absolute;
/*
	width: auto;
	height: auto;
*/
	height: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

/*
	max-width: 100%;
*/
	max-height: 100%;
}

/* Arrow */
div.move div.move-inner a.arrow {
	position: relative;
	text-decoration: none;
}
div.move div.move-inner a.arrow:after {
	position: absolute;
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	border-top: 6px solid rgba(0,0,0,0.6);
	border-right: 6px solid rgba(0,0,0,0.6);
	margin-top: -7px;
}
div.move div.move-inner a.arrow-left:after {
	left: 10px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
div.move div.move-inner a.arrow-right:after {
	right: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



/* Popup */
div.popup-content {
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
/*
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
*/
}
div.popup-content-center {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
div.popup-content-center:before {
/*
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
*/
	margin-right: -0.25em; /* Adjusts for spacing */
}
div.popup-content-center div.popup-content-inner {
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	margin: auto;
	background-color: #fff;
}
div.popup-show {
	visibility: visible;
}
div.popup-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0,0,0,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
div.popup-overlay.popup-show {
	opacity: 1;
	visibility: visible;
}
div.popup-content-inner {
	position: relative;
	border-radius: 3px;
	margin: 0 auto;

	overflow-y: auto;

	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/*
div.popup-content.popup-show {
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	backface-visibility: visible;
}
*/
div.popup-show div.popup-content-inner {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
div.popup-fade-simple div.popup-content-inner {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
}
div.popup-show.popup-fade-simple div.popup-content-inner {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
}
div.popup-content-inner div.popup-close-button {
	position: absolute;
	top: 5px;
	right: 5px;
}
div.popup-content-inner div.popup-close-button a.close-button,
div.common-close-button a.close-button {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	text-align: center;
}
div.popup-content-inner div.popup-close-button a.close-button::before,
div.common-close-button a.close-button::before,
div.popup-content-inner div.popup-close-button a.close-button::after,
div.common-close-button a.close-button::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 3px;
	height: 40%;
	margin: auto;
	background: #fff;
}
div.popup-content-inner div.popup-close-button a.close-button::before,
div.common-close-button a.close-button::before {
	transform: rotate(45deg);
}
div.popup-content-inner div.popup-close-button a.close-button::after,
div.common-close-button a.close-button::after {
	transform: rotate(-45deg);
}





div.common-loading-icon {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
div.common-loading-icon,
div.common-loading-icon:before,
div.common-loading-icon:after {
	animation: 0.95s infinite ease-in-out;
		-o-animation: 0.95s infinite ease-in-out;
		-ms-animation: 0.95s infinite ease-in-out;
		-webkit-animation: 0.95s infinite ease-in-out;
		-moz-animation: 0.95s infinite ease-in-out;
}
div.common-loading-icon:before,
div.common-loading-icon:after {
	width: 100%; 
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

div.common-loading-icon:before,
div.common-loading-icon:after {
		content: "";
}

div.common-loading-icon {
		animation: cssload-flower-fan 0.38s infinite linear;
		-o-animation: cssload-flower-fan 0.38s infinite linear;
		-ms-animation: cssload-flower-fan 0.38s infinite linear;
		-webkit-animation: cssload-flower-fan 0.38s infinite linear;
		-moz-animation: cssload-flower-fan 0.38s infinite linear;
}
div.common-loading-icon:before{
	content: "";
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
	box-shadow: 2px -1px 0 rgba(255,100,100,0.7),
				2px 2px 0 rgba(100,255,100,0.7),
				-1px 2px 0 rgba(100,100,255,0.7),
				-2px -2px 0 rgba(240,240,120,0.7);
		-o-box-shadow: 2px -1px 0 rgba(255,100,100,0.7),
				2px 2px 0 rgba(100,255,100,0.7),
				-1px 2px 0 rgba(100,100,255,0.7),
				-2px -2px 0 rgba(240,240,120,0.7);
		-ms-box-shadow: 2px -1px 0 rgba(255,100,100,0.7),
				2px 2px 0 rgba(100,255,100,0.7),
				-1px 2px 0 rgba(100,100,255,0.7),
				-2px -2px 0 rgba(240,240,120,0.7);
		-webkit-box-shadow: 2px -1px 0 rgba(255,100,100,0.7),
				2px 2px 0 rgba(100,255,100,0.7),
				-1px 2px 0 rgba(100,100,255,0.7),
				-2px -2px 0 rgba(240,240,120,0.7);
		-moz-box-shadow: 2px -1px 0 rgba(255,100,100,0.7),
				2px 2px 0 rgba(100,255,100,0.7),
				-1px 2px 0 rgba(100,100,255,0.7),
				-2px -2px 0 rgba(240,240,120,0.7);
}
div.common-loading-icon:after{
	content: "";
	border: 1px solid white;
	z-index: 2;
	top: -1px;
	left: -1px;
}




@keyframes cssload-flower-fan {
	0%	 { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@-o-keyframes cssload-flower-fan {
	0%	 { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}

@-ms-keyframes cssload-flower-fan {
	0%	 { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes cssload-flower-fan {
	0%	 { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes cssload-flower-fan {
	0%	 { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}




/* Baloon */
div.common-baloon {
	position: absolute;
	width: auto;
	min-width: 0;
	max-width: 0;
	z-index: 1;
}
div.common-baloon div.common-baloon-inner {
	background: #fff;
	overflow-y: visible;
	border: 1px solid #ccc;
	border-radius: 10px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.20);
}
div.common-baloon div.common-baloon-inner:after,
div.common-baloon div.common-baloon-inner:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div.common-baloon div.common-baloon-inner:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}
div.common-baloon div.common-baloon-inner:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 16px;
	margin-left: -16px;
}
div.common-baloon-top-right div.common-baloon-inner:after,
div.common-baloon-top-right div.common-baloon-inner:before {
	left: 80%;
}
div.common-baloon-bottom-center div.common-baloon-inner:after,
div.common-baloon-bottom-center div.common-baloon-inner:before {
	top: 100%;
}
div.common-baloon-bottom-center div.common-baloon-inner:after {
	border-top-color: #fff;
	border-bottom: none;
}
div.common-baloon-bottom-center div.common-baloon-inner:before {
	border-top-color: #ccc;
	border-bottom: none;
}

/* Force Login */
div.login-popup-content {
}
div.login-area div.popup-content-inner {
	width: 346px;
	color: #333;
	font-size: 90%;
	padding: 10px;
}
div.login-area div.centerBlock,
#content div.login-area div.centerBlock {
	width: auto;
}

div.login-area div.popup-content-inner ul.loginList li a {
	display: block;
	text-decoration: none;
	width: 287px;
	margin: 0 auto;
	padding: 10px 0;
	border-radius: 3px;
	background: #4568b2;
}
div.login-area div.popup-content-inner ul.loginList li a:hover {
	background: #fcc;
}

div.login-area div.popup-content-inner ul.loginList li a span {
	line-height: normal;
}
div.login-area div.popup-content-inner ul.loginList li a span.inner {
	display: table;
	margin: 0 auto;
}
div.login-area div.popup-content-inner ul.loginList li a span.inner span.inner-inner {
	display: table-cell;
	vertical-align: middle;
}
div.login-area div.popup-content-inner ul.loginList li a span.icon {
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTNweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMTMgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNy41LDI0aC0zQzQuMjI0LDI0LDQsMjMuNzc3LDQsMjMuNVYxNEgwLjVDMC4yMjQsMTQsMCwxMy43NzcsMCwxMy41di00QzAsOS4yMjUsMC4yMjQsOSwwLjUsOUg0VjUuMDQ1QzQsMi4zMTEsNi40MTYsMCw5LjI3NSwwSDEyLjVDMTIuNzc3LDAsMTMsMC4yMjUsMTMsMC41djNDMTMsMy43NzcsMTIuNzc3LDQsMTIuNSw0aC0yLjA3NkM5LjQxLDQsOCw0Ljk2MSw4LDUuOTA2VjloNC4xNDZjMC4xNTgsMCwwLjMwNSwwLjA3NCwwLjQsMC4xOTljMC4wOTQsMC4xMjUsMC4xMjMsMC4yODksMC4wOCwwLjQzOWwtMS4xNDgsNEMxMS40MTcsMTMuODUzLDExLjIyLDE0LDEwLjk5OCwxNEg4djkuNUM4LDIzLjc3Nyw3Ljc3NywyNCw3LjUsMjR6Ii8+PC9nPjwvc3ZnPg==);
	background-size: contain;
}
div.login-area div.popup-content-inner ul.loginList li a span.txt {
	color: #fff;
	font-size: 100%;
	padding-left: 5px;
}

div.login-area div.popup-content-inner div.account {
}
div.login-area div.popup-content-inner div.account input.txtField {
	height: 25px;
	line-height: 25px;
}
div.login-area div.popup-content-inner div.reminder {
	margin-top: 10px;
	text-align: right;
}
div.login-area div.popup-content-inner div.signup {
	margin-top: 5px;
	text-align: right;
}
div.login-area div.popup-content-inner div.company {
	margin-top: 5px;
	text-align: right;
}
div.login-area div.popup-content-inner div.cautionMessage {
	width: 80%;
	margin: 0 auto 20px auto;
	padding: 10px;
	border: solid 1px #d1d306;
	background-color: #feffeb;
	text-align: center;
	font-size: 80%;
}
div.login-area div.popup-content-inner div.login-separator {
	width: 100%;
	text-align: center;
	border-top: 1px solid #acf;
	line-height: 0.01em;
	margin: 15px 0;
	font-size: 100%;
}
div.login-area div.popup-content-inner div.login-separator span {
	background: #fafcff;
	padding: 0 10px;
}
div.login-area div.popup-content-inner div.btnBlock input.btn {
	width: 100%;
	margin: 10px 0 0 0;
	font-size: 100%;
	padding: 3px 0;
	text-align: center;
}

/* Arrow */
div.common-right-arrow {
	position: relative;
}
div.common-right-arrow a {
	display: block;
}
div.common-right-arrow a:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 45%;
	right: 20px;
	width: 15px;
	height: 15px;
	margin-top: -5px;
	background: #eee;
	border-radius: 2px;
	color: #eee;
}
div.common-right-arrow a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 45%;
	right: 26px;
	width: 15px;
	height: 15px;
	margin-top: -5px;
	background: #595959;
	border-radius: 2px;
}




/* Search Icon */
a.common-search-icon,
button.common-search-icon {
	border: none;
	width: 20px;
	height: 20px;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}
a.common-search-icon:before,
a.common-search-icon:after,
button.common-search-icon:before,
button.common-search-icon:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
a.common-search-icon:before,
button.common-search-icon:before {
	width: 10px;
	height: 10px;
	border: 2px #555 solid;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
a.common-search-icon:after,
button.common-search-icon:after {
	top: 9px;
	left: 13px;
	width: 2px;
	height: 8px;
	background: #555;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

