@charset "UTF-8";

	/* PC */
	@media screen and (min-width: 641px) {
		#PC_Contents {
			display : block;
		}

		#SP_Contents {
			display : none;
		}
	}

	/* SP */
	@media screen and (max-width: 640px) {
		#PC_Contents {
			display : none;
		}

		#SP_Contents {
			display : block;
		}
	}

	body {
		display: block;
		margin: 0px;
		font-family:"Century Gothic", sans-serif;
	}

	#header {
		width : 100%;
		height : 65px;
		top : 0;
		position: fixed;
		background : white;
		z-index : 100;
		border-bottom : solid 1px #E5E5E5;
	}

	*:focus {
	  outline: none;
	}

	#SP_header {
		height : 65px;
		border-bottom : solid 1px #E5E5E5;
		top : 0px;
	}

	div.default {
		display : none;
		text-align : center;
	}

	#gacha_top {
		height : 500px;
		width : 1000px;
		background-size: 128px 190px;
		background-position: top 50px left 100px;
		background-color : white;
		background-image : url("./images/gacha_top.png");
		background-repeat: no-repeat;
	}

	.logo {
		width : 118px;
		height : 32px;
		background-size : 118px 32px;
		background-color : white;
		background-image : url("./images/logo.png");
		background-repeat: no-repeat;
		position : absolute;
		top : 16px;
		left : 50px;
		z-index : 100;
	}

	.logo2 {
		width : 166px;
		height : 44px;
		background-size : 166px 44px;
		background-color : white;
		background-image : url("./images/logo2.png");
		background-repeat: no-repeat;
		position : absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		z-index : 100;
	}

	.cloud {
		width: 162px;
		height: 65px;
		background-size: 162px 65px;
		background-color : white;
		background-image : url("./images/cloud.png");
		background-repeat: no-repeat;
		position : absolute;
		right : 0;
		z-index : 200;
	}

	.cloud2 {
		width: 96px;
		height: 65px;
		background-size: 96px 65px;
		background-color : white;
		background-image : url("./images/cloud2.png");
		background-repeat: no-repeat;
		position : absolute;
		right : 0;
		z-index : 200;
	}

	.logout {
		position : absolute;
		right : 20px;
		top : 25px;
		z-index : 400;
		color : white;
		font-size : 12px;
		display : inline-block;
		cursor : pointer;
		padding-left : 20px;
		background-repeat : no-repeat;
		background-size: 18px 18px;
		background-image : url("./images/logout.png");
	}

	#PC_Contents .userNameContainer {
		position: absolute;
	    right: 170px;
	    top: 22px;
	    z-index: 200;
	}

	#SP_Contents .userNameContainer {
		position: absolute;
	    right: 100px;
	    top: 20px;
	    z-index: 200;
	}

	#PC_Contents .content {
		padding : 20px 0px;
		width : 1020px;
		margin-top : 65px;
		margin-left: 200px;
	}

	#SP_Contents .content {
		padding : 5px;
		position : absolute;
	}

	.search_icon {
		width: 35px;
		height: 35px;
		background-size: 28px 28px;
		background-position : 5px;
		background-color : white;
		background-image : url("./images/search.png");
		background-repeat: no-repeat;
		position : absolute;
		left : 15px;
		top : 15px;
		border-radius: 5px;
		z-index : 200;
	}

	#tabs {
		background: white;
	    top: 69px;
	    left: 0;
	    position: absolute;
	}

	#tabs ul {
		position : fixed;
		padding: 0;
	    float: left;
	    width: 12em;
	}

	#tabs ul li {
	    border-width: 0px;
	    font-weight: normal;
	    background: #ffffff;
	    font-weight: normal;
	    color: #333333;
	    border-top-right-radius: 20px;
	    border-bottom-right-radius: 20px;
	    border-bottom-width: 0;
	    list-style: none;
	    float: left;
	    position: relative;
	    top: 0;
	    padding: 0;
	    margin: 0 0 10px 0;
	    height: 35px;
	    width: 180px;
	    white-space: nowrap;
	}

	#tabs ul li a {
		color: #333333;
		font-size: 14px;
		text-decoration: none;
		line-height: 14px;
		float: left;
	    padding: 10px 16px;
	    width: 100%;
	}

	#tabs ul li.active {
		background: #c7000a;
	}

	#tabs ul li.active a {
		color: #ffffff;
	}

	#tabs ul li.icon.home_icon {
		background-image : url("./images/home_b.png");
		background-size : 19px 19px;
		background-repeat: no-repeat;
	}

	#tabs ul li.active.home_icon {
		background-image : url("./images/home_w.png");
	}

	#tabs ul li.icon.gacha_icon {
		background-image : url("./images/gacha_b.png");
		background-size : 19px 19px;
		background-repeat: no-repeat;
		background-position: top 7px left 13px;
	}

	#tabs ul li.active.gacha_icon {
		background-image : url("./images/gacha_w.png");
	}

	#tabs ul li.icon.imadoko_icon {
		background-image : url("./images/dokooruto_b.png");
		background-size : 19px 19px;
		background-repeat: no-repeat;
		background-position: top 7px left 13px;
	}

	#tabs ul li.active.imadoko_icon {
		background-image : url("./images/dokooruto_w.png");
	}

	.ui-tabs-vertical .ui-tabs-nav {
		padding: 0;
		float: left;
		width: 12em;
	}

	.ui-tabs-vertical .ui-tabs-nav li a {
	  display:block;
		font-size : 14px;
	}

	.ui-tabs-vertical .ui-tabs-panel {
	    position: absolute;
	    left: 200px;
	}

	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-image: url("./images/icon_arrow.png");
		background-size : 12px 12px;
		background-repeat : no-repeat;
		background-position : right 10px center;
	}

	select option:hover {
		background-color : #f7f7f7;
	}

	#tabs li span.label {
		margin-left : 30px;
	}

	.map_view_mask {
		position : absolute;
		display : none;
	}
	.ui-dialog-titlebar {
		height : 30px;
		line-height : 30px;
		background-size : 28px 28px;
		background-repeat: no-repeat;
		background-image : url("./images/staff_icon.png");
		background-position: top 8px left 5px;
	}
	.ui-dialog-title {
		margin-left : 30px !important;
	}