@charset "utf-8";/*!
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain)
 */
 
.is-hide{display:none !important}

.mod-areaPrefSelector{position:relative;width:100%;margin-bottom:1.4rem;overflow:hidden}
.mod-areaPrefSelector.noMarginBottom{margin-bottom:0}
.main .mod-areaPrefSelector p.lead{
	position:relative;
	display:block;
	padding:10px 10px;
	border-top:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(4%,#f9f9f9),color-stop(100%,#e6e9ea));
	background:-webkit-linear-gradient(top,#fff 0,#f9f9f9 4%,#e6e9ea 100%);
	background:-moz-linear-gradient(top,#fff 0,#f9f9f9 4%,#e6e9ea 100%);
	background:-o-linear-gradient(top,#fff 0,#f9f9f9 4%,#e6e9ea 100%);
	background:linear-gradient(to bottom,#fff 0,#f9f9f9 4%,#e6e9ea 100%);
	-webkit-box-shadow:inset 0 0 3px 0 rgba(255,255,255,1);
	box-shadow:inset 0 0 3px 0 rgba(255,255,255,1);
	font-size:14px;
	margin:0;
}
.mod-areaPrefSelector .areaSelector .areaList{background:#f7f7f7;border-bottom:1px solid #c4c4c4}
.mod-areaPrefSelector .areaSelector .areaList .listItem{float:left;width:100%;border-bottom:1px solid #c4c4c4;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mod-areaPrefSelector .areaSelector .areaList .listItem:last-child{border-bottom:0}
.mod-areaPrefSelector .areaSelector .areaList .listItem:nth-of-type(odd){border-right:1px solid #c4c4c4}
.mod-areaPrefSelector .areaSelector .areaList .item{display:table;width:100%;color:inherit;text-decoration:none}
.mod-areaPrefSelector .areaSelector .areaList .name,.mod-areaPrefSelector .areaSelector .areaList .icon{display:table-cell;padding:1em .7rem}
.mod-areaPrefSelector .areaSelector .areaList .name{
	font-size:16px;
	font-weight:bold;
}
.mod-areaPrefSelector .areaSelector .areaList .zero .name{color:#999}
.mod-areaPrefSelector .areaSelector .areaList .icon{width:1em}
.mod-areaPrefSelector .areaSelector .areaList:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.mod-areaPrefSelector:not(.pref) .prefSelector{position:absolute;top:0;left:0;visibility:hidden;width:100%;height:0;-webkit-backface-visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .2s;transition:transform .2s}
.mod-areaPrefSelector:not(.pref) .prefSelector.is-selected{position:static;visibility:visible;height:auto;-webkit-transform:none;transform:none}
.mod-areaPrefSelector .prefSelector .prefList{background:#f7f7f7;border-bottom:1px solid #c4c4c4}
.mod-areaPrefSelector .prefSelector .prefList .listItem{float:left;width:100%;border-bottom:1px solid #c4c4c4;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mod-areaPrefSelector .prefSelector .prefList .listItem:last-child,.mod-areaPrefSelector .prefSelector .prefList .listItem:nth-of-type(odd):nth-last-of-type(2){border-bottom:0}
.mod-areaPrefSelector .prefSelector .prefList .listItem:nth-of-type(odd){border-right:1px solid #c4c4c4}
.mod-areaPrefSelector .prefSelector .prefList .item{display:table;width:100%;color:inherit;text-decoration:none}
.mod-areaPrefSelector .prefSelector .prefList .name,.mod-areaPrefSelector .prefSelector .prefList .icon{display:table-cell;padding:1em .7rem}
.mod-areaPrefSelector .prefSelector .prefList .name{
	font-size:16px;
	font-weight:bold;
}
.mod-areaPrefSelector .prefSelector .prefList .zero .name{color:#999}
.mod-areaPrefSelector .prefSelector .prefList .icon{width:1em}
.mod-areaPrefSelector .prefSelector .prefList:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.mod-areaPrefSelector .prefSelector .backToArea{margin:-0.9em 0;font-weight:normal}
.mod-areaPrefSelector:not(.searchtype) .searchTypeSelector{position:absolute;top:0;left:0;visibility:hidden;width:100%;height:0;-webkit-backface-visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .2s;transition:transform .2s;background:#fff}
.mod-areaPrefSelector:not(.searchtype) .searchTypeSelector.is-selected{position:static;visibility:visible;height:auto;-webkit-transform:none;transform:none}
.mod-areaPrefSelector:not(.searchtype) .searchTypeSelector .backToPref{margin:-0.9em 0;font-weight:normal}
.mod-areaPrefSelector .searchTypeSelector .searchTypeList{margin:0 .7rem;padding-top:1.4rem}
.mod-areaPrefSelector .searchTypeSelector .searchTypeList .listItem:not(:first-of-type){margin-top:.7rem}

.mod-themeList .listItem:not(:first-child){border-top:1px solid #c4c4c4}
.mod-themeList .listItem .title{font-weight:normal}

.backToArea,
.backToPref {
	color:#FFF;
	padding:8px 15px;
	border:solid #000 1px;
	text-align:center;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background: -webkit-gradient(linear,left bottom, left top,
                from(#000),
                to(#666));
    background: -moz-linear-gradient(
                center bottom,
                #000 1%,
                #666 100%
                );
}