/*
-----------a -----------
*/

a:link { color: #000000; }
a:link { text-decoration: none; }
a:visited { color: #000000; }
a{font-weight:bold;}

/*
----------- elements -----------
*/
.body-top{
	background-image:url('https://imagineer.edmode.com/sugotoku/image/background.png');
	padding:0px 0px;
	margin:0px 0px;
	color:#fff;
	line-height: 130%;
}

.background-hide{
	background-image:url('https://imagineer.edmode.com/sugotoku/image/background.png');
}

.body-content{
	background-image:url('https://imagineer.edmode.com/sugotoku/image/bg.png');
	padding:0px 0px;
	margin:0px 0px;
	color:#000;
	line-height: 130%;
}


ul, ol, li{
	margin:0;
	padding:0;
	list-style:none;
	}

a {
	-webkit-tap-highlight-color: rgba(66,66,66,0.30);
}


/*
----------- fontsize -----------
*/
.font-small{
	font-size: 10px;
}
.font-medium{
	font-size: 15px;
}
.font-large{
	font-size: 18px;
}



/*
----------- header -----------
*/
#header{
	position:relative;
	margin:0 auto;
	padding: 3px 0px;
	text-align:center;
	//background-color:#FFFFFF;
	border-bottom:solid 3px #ffa600;
}
#header-back{
	position:relative;
	float:left;
	text-align:left;
}
#header-title{
	position:relative;
	float:left;
	text-align:center;
}

#header-home{
	position:relative;
	float:right;
	text-align:right;
}
#header-undo{
	clear:both;
}

/*
----------- container -----------
*/
#container{
	clear:both;
	position:relative;
	margin:0 auto;
	padding 10px 0px;
}

.line{
	width:100%;
	height:5px;
	background-size: contain;
	margin:2px 0px;
	background-image:url('https://imagineer.edmode.com/sugotoku/image/line.png');
}

.sidr-menu{
	padding:10px;
	font-size:17px;
	color:#ccc;
	background-color:#000;
}

.header{
	background-image:url('https://imagineer.edmode.com/sugotoku/image/background.png');
	color:#fff;
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	padding 0px 0px;
	width:100%;
	font-size:23px;
	vertical-align:middle;
	text-align:center;
}

.header table, tr{
	width:100%;
	margin:0px 0px;
}

.header-menu{
	width:15%;
	text-align:left;
	padding-left:5px;
}
.header-menu img{
	width:90%;
}

.header-title{
	width:66%;
	vertical-align:middle;
	text-align:center;
	padding-bottom:3px;
	color:#fff;
}


.header-icon{
	width:15%;
	text-align:right;
	vertical-align:middle;
}

.header-icon img{
	width:80%;
}



#favorite_flag{
	width:90%;
}

#excuse{
	width:90%;
}


.default-button{
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#000;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
 	text-align:center;
 	
}

.poll-status{
	background-color:#D99694;
	width:100px;
	text-align:center;
	padding:3px;
	color:#fff;
	margin:0px 5px;
	
}

.footer-menu-link{
	padding:5px;
	padding-left:10px;
	color:#fff;
}
.footer-menu-link a{
	color:#fff;
}

#list-for-phone{
	display:none;
}
#list-for-tablet{
	display:none;
}


#sort-dialog{
	display:none;
}

.menu-icon{
	width:20px;
	height:20px;
	vertical-align: middle;
	margin-right:10px;
}

.menu-text{
	padding-top:3px;
	padding-left:10px;
}

.arrow-icon{
	background-image:url('https://imagineer.edmode.com/sugotoku/image/arrow_64.png');
	width:18px;
	height:18px;
	-moz-background-size:contain;
	background-size:contain;
}
.arrow-icon2{
	background-image:url('https://imagineer.edmode.com/sugotoku/image/arrow_64_left.png');
	width:21px;
	height:21px;
	-moz-background-size:contain;
	background-size:contain;
}

.arrow-icon-menu{
	float:left;
	margin-right:5px;
}


.arrow-icon-right{
	float:right;
	margin-left:5px;
}


.recommend-word-button {
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:3px 12px;
	margin:3px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#777777;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}

.movie-play-on-continues-button {
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eeb44f;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fab43c 5%, #eeaf41 100% );
	background:-ms-linear-gradient( top, #fab43c 5%, #eeaf41 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fab43c', endColorstr='#eeaf41');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fab43c), color-stop(100%, #eeaf41) );
	background-color:#fab43c;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #ce8e28;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fceaca;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fceaca;
 	box-shadow:inset 1px 1px 0px 0px #fceaca;
}

#contnetTypeDialog{
	display:none;
}