/*
 * ken-oshi.com style sheet
 * 2018 theme-color: orange
 *
 * Strongest : #FF410D
 * Stronger : #E85B0C
 * Base : #FF8100
 * Weak : #E8970C
 * Weakest : #FFBE0D
 * ------
 * Powered by Adobe Color CC
 * https://color.adobe.com/ja/create/color-wheel/?base=2&rule=Analogous&selected=2&name=%E3%83%9E%E3%82%A4%20Color%20%E3%83%86%E3%83%BC%E3%83%9E&mode=rgb&rgbvalues=1,0.7448382578841233,0.050000000000000044,0.91,0.5906556372549818,0.04550000000000004,1,0.5058823529411764,0,0.91,0.35676237745123784,0.04550000000000004,1,0.2535049019611393,0.050000000000000044&swatchOrder=0,1,2,3,4
 */

/* ----- common ----- */

* {
	margin		: 0;
	padding		: 0;
}

body {
	background-color	: #ff8100;
}

img {
	border-style	: none;
}

h1 {
	margin	: 0 0 0.5em 0;
	color	: #e28400;
}

h2 {
	/* margin		: 1em 0 0 0; */
	margin	: 0 0 0.7em 0;
}

h2.small {
	font-size	: 100%;
}

p {
	/* margin		: 1em 0; */
	margin		: 0 0 1.5em 0;
	line-height	: 130%;
}

p.prop {
	margin	: 1em 0 -0.5em 0;
}

ul {
	margin	: 0 1em 1em 1em;
}

li {
	margin	: 0.2em;
}

table.list {
  border-collapse		: collapse;
  margin-left		: auto;
  margin-right		: auto;
}

table.list th {
  text-align		: center;
  border			: solid 1px #000000;
  background-color	: #f5f5f5;
  padding			: 0.5em 1em;
}

table.list td {
  border		: solid 1px #000000;
  padding		: 0.5em;
}

/* Page Sub Menu in left pane */
ul.pagesubmenu{
}

ul.pagesubmenu li{
	list-style-type	:	none;
	width			:	130px;
	height			:	20px;
	background-color:	#FF8100;
	color			:	#ffffff;
	text-align		:	center;
	padding			:	5% 3px;
}

ul.pagesubmenu li a:link{
	text-decoration	: none;
	color			: #ffffff;
}

ul.pagesubmenu li a:visited{
	text-decoration	: none;
	color			: #ffffff;
}

/* ----- ID ----- */
#wrapper {
	width			: 880px;
	margin			: 0 auto;
	background-color: #ffffff;
}

#background{
	background-color	: #fff2d1;
	background-image	: url("./img/ken-oshi_2018_background.jpg");
	background-repeat	: no-repeat;
	background-size		: 880px auto;
	background-position	:top center;
	background-attachment :fixed;
	overflow			: hidden;
}

#header {
	width	: 880px;
	height	: 180px;
}

#main {
	width			: 880px;
	background-color: rgba(255,255,255,0.3);
	padding-top		: 20px;
}

#menu {
	float	: left;
	width	: 200px 0;
}

#contents {
	float			: left;
	width			: 660px;
	padding-top		: 20px;
	margin-left		: 20px;
}

#contents2{
	width		: 840px;
	padding		: 40px 20px;
}

#contents3 {
	float			: left;
	width			: 68%;
	/* width		: 530px; */
	padding			: 10px 15px;
	margin			: 0 0 0 30px;
	background-color: rgba(255,255,255,0.8);
}

#sidebarleft {
	float		: left;
	width		: 120px;
	padding-left: 10px;
}

#sidebarright {
	float			: right;
	width			: 20%;
	background-color: rgba(255,255,255,0.8);
	padding			: 10px;
	margin			: 0 10px;
}

#footer {
	clear		: both;
	width		: 880px;
	height		: 30px;
	padding-top	: 20px;
}

/* Menu */
.dropmenu{
	list-style-type	: none;
	width			: 880px;
	margin			: 5px 20px;
	padding			: 0;
}
.dropmenu: before, .dropmenu: after{
	content		: "";
	display		: table;
}
.dropmenu: after{
	clear		: both;
}
/* Main menu item */
.dropmenu li{
	font-weight		: bold;
	font-size		: 14px;
	position		: relative;
	width			: 13%;
	height			: 40px;
	float			: left;
	margin			: 0px 3px;
	padding			: 3px 1px;
	vertical-align	: middle;
	text-align		: center;
	background-color: #E85B0C;
	color			: #ffffff;
}
/* Sub menu item */
.dropmenu li ul{
	list-style	: none;
	position	: absolute;
	z-index		: 9999;
	width		: 100%;
	top			: 100%;
	left		: 0;
	margin		: 0;
	padding		: 0;
}
.dropmenu li ul li{
	background-color: #FF8100;
	font-weight		: normal;
	width			: 100%;
}
.dropmenu li: hover > a{
	background		: #6e7c0c;
}
.dropmenu li a: hover{
	background		: #616d0b;
}

/* Dropdown hover */
#menubar{
	background-color: #ff8c00;
	color			: #ffffff;
}
#menubar li ul{
	opacity		: 0;
	top			: 50%;
	visibility	: hidden;
	transition	: .2s;
}
#menubar li:hover ul{
	opacity		: 1;
	top			: 100%;
	visibility	: visible;
}

#menubar li:hover ul li a:hover{
	text-decoration	: underline;
}
#menubar a:link{
	text-decoration	: none;
	color			: #ffffff;
}
#menubar a:visited{
	text-decoration	: none;
	color			: #ffffff;
}

/* ----- 膩�������� ----- */
/* Blog link area */
#fromblog {
  border		: dashed 1px #000000;
  padding		: 0 1em;
  font-size		: 80%;
}

#fromblogheader {
  margin		: 1em 0;
}

.twitter{
  font-size		: 10pt;
}

span.illustrator{
  font-size: 80%;
  line-height: 120%;
}

/* Topix area */
div.topixentry {
  margin-bottom	: 1.5em;
  padding		: 0.3em 0;
  border-top	: solid 1px #aaaaaa;
}

div.topixtitle {
  color			: #e28400;
  font-weight	: bold;
  border-left	: solid 1.2em #ff9e16;
  padding-left	: 0.5em;
  margin-bottom	: 0.3em;
}

div.topixbody {
	font-size	: 11pt;
  line-height	: 130%;
}

/* ----- 顚∽�惹������ ----- */

/* ----- �����荀� ----- */

/* profile/index.html */
table.gaiyou {
  border-collapse: collapse;
  border		: solid 1px #000000;
  margin-bottom	: 2em;
  width			: 650px;
}

table.gaiyou th {
  width				: 6em;
  text-align		: center;
  border			: solid 1px #000000;
  background-color	: #f5f5f5;
}

table.gaiyou td {
  border		: solid 1px #000000;
  padding		: 0.5em;
}

table.kikaku th {
  width				: 10em;
  text-align		: center;
  border			: solid 1px #000000;
  background-color	: #f5f5f5;
}

/* profile/reguration.html */
.reguration{
  border-style:solid;
  border-width:1px;
  border-color:#f4ad42;
  padding:5px;
	margin: 1em;
}

li.bold{
	font-weight:bold;
}

/* ----- �����障�с��晦�惹�� ----- */
#classresult {
  font-size: 80%;
}

#classresult td {
  padding: 0 0.3em;
}


/* ----- ���若�����ゃ�冴�������� ----- */
/* manner/answer.html */
.manner_strong {
  color			: #e28400;
  width			: 150px;
  padding		: 10px 0px;
  font-weight	: bold;
}

.manner_link a:link {
  color				: #e28400;
  font-size			: 16pt;
  text-decoration	: none;
}
.manner_link a:hover {
  color				: #e28400;
  font-size			: 16pt;
  text-decoration	: underline;
}
.manner_link a:visited {
  color				: #e28400;
  font-size			: 16pt;
  text-decoration	: none;
}

/* ----- ���潟������ ----- */
/* ----- entry_input.html ----- */
table.formconfirmation {
  border-collapse: collapse;
  border: solid 1px #000000;
}

table.formconfirmation th {
  text-align: left;
  border: solid 1px #000000;
  background-color: #f5f5f5;
  padding: 0.2em 0.5em;
}

table.formconfirmation td {
  border: solid 1px #000000;
  padding: 0.2em 0.5em;
}

div.formlabel {
  border-left: solid 1em #e28400;
  padding-left: 0.3em;
  margin-bottom: 0.3em;
  font-weight: bold;
}

div.forminput {
  margin-bottom: 0.7em;
}

img.active{
		background-color:#ffd691;
}

p.note {
  margin-left: 1.5em;
  font-size:10pt;
  color: #222222;
}

li.entry_note {
  font-size:10pt;
  margin-left: 1.5em;
  color: #222222;
}

.required {
  color: #ff0000;
  font-weight: bold;
}

table.form {
  margin: 0;
}

table.form th {
  font-weight: normal;
  text-align: right;
}

ul.radioitemlist {
  list-style-type: none;
}

ul.radioitemlist li {
  margin-bottom: 0.4em;
}


/* ----- �����若�������ｃ�潟�医ぇ篌� ----- */
/* ----- timetable.html ----- */
table.timetable{
  border-style	:	solid;
  border-width	:	1px;
  font-size		:	11pt;
}

table.timetable td,
table.timetable th{
  width				:	100px;
  border-style		:	solid;
  border-width		:	1px;
  padding			:	2px;
}

table.timetable th{
  font-weight		:	bold;
  background-color	:	#f5f5f5;
}

table.timetable td.contents{
  width			:	600px;
  border-style	:	solid;
  border-width	:	1px;
}

/* ----- ���潟�����寂�荀� ----- */
/* ----- list/index.html ----- */
.list_note {
  font-size: 80%;
  color: #666666;
}

table#playerlist {
  border-collapse: collapse;
  width: 820;
  font-size:9pt;
  font-weight:normal;
  text-decoration:none;
  color:#555555;
}

table#playerlist th,
table#playerlist td {
  padding: 0.3em;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

table#playerlist tr.listheader { background-color:#cccccc; }
table#playerlist tr.list { background-color:#eeeeee; }
table#playerlist tr.list_qma { background-color:#ccf9f9; }
table#playerlist tr.list_wiz { background-color:#ffffcc; }
table#playerlist tr.list_quikin { background-color:#ff9966; }
table#playerlist tr.list_magimemo { background-color:#ffe8e8; }
table#playerlist tr.list_qandq { background-color:#c4ffc1; }

table#playerlist th.number { width: 50px; }
table#playerlist th.name { width: 81px; }
table#playerlist th.character { width: 80px; }
table#playerlist th.home { width: 185px; }
table#playerlist th.rank { width: 90px; }

/* playingstaff */
tr.hidden td{
  border: none;
}

.ps_bold {
  width: 150px;
  padding: 10px 0px;
  font-weight: bold;
}

/* ----- mondaisyu.html ----- */
table.mondaisyu {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  font-size: 9pt;
}

table.mondaisyu th {
  text-align: center;
  border: solid 1px #000000;
  background-color: #f5f5f5;
  padding: 0.5em 1em;
}

table.mondaisyu td {
  border: solid 1px #000000;
  padding: 0.5em;
}