/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}



* {
	font-size: 12px;
	font-family: 'Tahoma','Meiryo','メイリオ', ''MS UI Gothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	margin : 0;
	padding: 0;
}

body {
	font-family: Meiryo;
	background-color:#eee;
	line-height:1.5em;
}

table {
	border-collapse: collapse;
}

table.base {
	border-collapse: collpse;
	border:1px solid #ccc;
}
table.base th,
table.base td {
	border:1px solid #ccc;
}

div.controller .btn{
	height:30px;
}

img.icon {
	margin-right:5px;
}

img.frame1 {
	border: 1px solid #ccc;
	border-bottom:1px solid #999;
}

#container {
	width:100%;
}


/*** TABLE LAYOUT ***/
table#layout {
	/*
	width:900px;
	margin:auto;
	*/
	width:100%;

	border:0;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	background-color:#fff;
}

table#layout th,
table#layout td {
	text-align:left;
	vertical-align:top;
}
table#layout td#header {
	width:900px;
	color:#000;
	background-color:#ccc;
}
	table#layout td#header div#main {
		float:left;
		padding:2px;
	}
	table#layout td#header #userInfo {
		float:right;
		text-align:right;
		padding:2px 5px;
	}
	table#layout td#header #userInfo a{
		color:#fff;
		text-decoration:none;
	}
	table#layout td#header #userInfo a:hover {
		text-decoration:underline;
	}
table#layout td#global-tab {
	text-align:left;
	padding-top: 1px;
	border-bottom: 5px solid #3488d2;
	background-color:#ccc;
}

table#layout td#global-tab table.tab {
	/* margin:auto; */
	border-bottom:1px solid #e8e3df;
	border-top:0 solid #e8e3df;
}
table#layout td#global-tab table.tab td {
	width: 80px;
	padding: 3px 0;
	text-align:center;
	border-bottom: 1px solid #3488d2;
	background-color:#fff;
	white-space:nowrap;
}
table#layout td#global-tab table.tab td a {
	color:#000;
	text-decoration: none;
}
table#layout td#global-tab table.tab td a:hover {
	text-decoration: underline;
}
table#layout td#global-tab table.tab td.active {
	background-color:#3488d2;
	border:1px solid #3488d2;
}
table#layout td#global-tab table.tab td.active a {
	color:#fff;
}
table#layout td#global-tab table.tab td.separator {
	width:15px;
	border-top: 0px solid #fff;
	background-color:#ccc;
}
table#layout td#global-tab table.tab td.border {
	border-right:0px solid ;
	background-color:#fff;
}



table#layout td#menu {
	width:150px;
	border-right:1px solid #3488d2;
	background-color:#e8e3df;
}
table#layout td#menu table#submenu {
	width:100%;
}
table#layout td#menu table#submenu td {
	border:0;
	padding:5px 5px 5px 24px;
	border-bottom:1px solid #ccc;
	background-image:url('../img/icons/text_align_justify.png');
	background-repeat:no-repeat;
	background-position: 3px 5px;
	background-color:#fff;
}
table#layout td#menu table#submenu td a {
	color:#000;
	text-decoration:none;
}
table#layout td#menu table#submenu td a:hover {
	text-decoration:underline;
}
table#layout td#menu table#submenu td.active {
	color:#fff;
	background-color:#3488d2;
}
table#layout td#menu table#submenu td.active a{
	color:#fff;
	text-decoration:none;
}

table#layout td#login {
	width:900px;
	padding:30px;
	height:400px;
	background-color:#e8e3df;
}
table#layout td#login table#login{
	border:0;
	margin:auto;
	text-align:left;
}
table#layout td#login table#login td {
	padding:6px;
	border:0;
}

table#layout td#main {
	/* width:600px; */
	padding:15px 20px 50px 20px;
}
table#layout td#main h3 {
	padding:0px 5px 5px 25px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:1em;
	border-bottom:1px solid #ccc;

	background-image:url('../img/icons/exclamation.png');
	background-repeat: no-repeat;
	background-position: 0 0;

}
table#layout td#main h3 a{
	color:#000;
	font-size:14px;
	text-decoration:none;
}
table#layout td#main div.message {
	padding:5px;
	margin-bottom:1em;
	border:1px solid #e8e3df;
	background-color:#fff;
}
table#layout td#main div.controller {
	padding:5px 0;
	margin:0.5em 0;
}



table#layout td#main table.tab {
	border:1px solid red;
}
table#layout td#main table.tab td {
	width:100px;
	text-align: center;
	background-color:#eee;
	border:1px solid #666;
	border-bottom:1px solid #999;
	padding: 6px 10px 2px 10px;
}
table#layout td#main table.tab td.active {
	background-color:#fff;
	border:1px solid #666;
	border-bottom:1px solid #fff;
}
table#layout td#main table.tab td a {
	color:#444;
	text-decoration:none;
}
table#layout td#main table.tab td.active a {
	color:#000;
	text-decoration:none;
}


table#layout td#main table.form1 {
	width:100%;
	margin-bottom:1em;
}
table#layout td#main table.form1 th,
table#layout td#main table.form1 td {
	border:0;
	border-bottom:1px solid #eee;
	padding: 5px;
	background-color:#fff;
}
table#layout td#main table.form1 th {
	text-align:right;
	white-space:nowrap;
	border-right:1px solid #ccc;
	padding-right:10px;
}
table#layout td#main table.form1 td {

}
	table#layout td#main table.form1 td table.in-form-table {
		border:0;
	}
	table#layout td#main table.form1 td table.in-form-table th,
	table#layout td#main table.form1 td table.in-form-table td {
		border:0;
		background-color:#fff;
	}

table#layout td#main table.form1 tr.even th,
table#layout td#main table.form1 tr.even td {
	background-color:#eee;
}
table#layout td#main table.form1 tr td div.setumei {
	font-size:10px;
	letter-spacing:1px;
	color:#666;
}



table#layout td#main table.sys-edit {
	width:100%;
	border-collapse: collase;
	border:1px solid #eee;
	background-color:#eee;
}
table#layout td#main table.sys-edit th,
table#layout td#main table.sys-edit td {
	padding:2px;
}
table#layout td#main table.sys-edit th{
	background-color:#eee;
}
table#layout td#main table.sys-edit th input,
table#layout td#main table.sys-edit td input {
	width:98%;
	border:1px solid #ccc;
}

table#layout td#main table.gal-edit {
	width:100%;
	border-collapse: collase;
	border:1px solid #ccc;
}
table#layout td#main table.gal-edit th,
table#layout td#main table.gal-edit td {
	vertical-align:center;
	padding: 5px;
	background-color:#fff;
	border:0;
	border-bottom:1px solid #eee;
}
table#layout td#main table.gal-edit th {
	padding-right:10px;
	vertical-align: middle;
	border-right:1px solid #ccc;
}


table#layout td#main table.sch-tab {
	width:100%;
	border-collapse: collase;
	border:1px solid #eee;
	background-color:#eee;
}
table#layout td#main table.sch-tab td {
	text-align:center;
	background-color:#fff;
}
table#layout td#main table.sch-tab td.active {
	border-bottom:1px solid #fff;
}


table#layout td#main table.sch-list {
	width:100%;
	border-collapse: collase;
	border:0px solid #fff;
	background-color:#eee;
	margin:0.5em 0;
}
table#layout td#main table.sch-list th {
	border:1px solid #eee;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding; 10px 0;
	text-align:center;
	vertical-align:middle;
}
table#layout td#main table.sch-list td {
	border:0px;
	border-bottom:1px solid #ccc;
	padding:3px;
	background-color:#fff;
	vertical-align:middle;
}


table#layout td#main table.recommend {
	border-collapse: collase;
	border:1px solid #eee;
	background-color:#eee;
	margin-bottom:0.5em;
}
table#layout td#main table.recommend th,
table#layout td#main table.recommend td {
	width: 90px;
	padding:0.5em;
	text-align:center;
	background-color:#fff;
}


table#layout td#main table.pickup {
	border-collapse: collase;
	border:1px solid #eee;
	background-color:#eee;
	margin-bottom:0.5em;
}
table#layout td#main table.pickup th,
table#layout td#main table.pickup td {
	width: 150px;
	padding:0.5em;
	text-align:center;
	background-color:#fff;
}


table#layout td#main table.lineup {
	width:100%;
	margin-bottom:1em;
}
table#layout td#main table.lineup td{
	text-align:center;
	padding: 5px 0;
}


table#layout td#main table.plays {
	width:100%;
	margin-bottom:1em;
}
table#layout td#main table.plays td{
	width:16%;
	padding: 4px;
	text-align:left;
}

table#layout td#main #flashMessage {
	padding:5px 5px 5px 30px;
	background-color:yellow;
	border:1px solid #eee;
	margin-bottom:1em;
	background-image:url('../img/icons/socket.png');
	background-repeat:no-repeat;
	background-position:8px 6px;
}


table#layout td#info {

	display:none;

	width:140px;
	border-left:1px solid #333;
	padding:5px;
	background-color:#e8e3df;
}

table#layout td#footer {
	width:900px;
	height:60px;
	text-align:center;
	color:#fff;
	background-color:#3488d2;
	border-top:3px solid #3488d2;
}



/***********************/
table.entry {
	width:100%;
	margin-bottom:1em;
}
table.entry th,
table.entry td {
	padding:5px;
}
table.entry th {
	background-color:#e8e3df;
}
table.entry td {
	background-color:#fff;
}

img.thumb {
	border:1px solid #666;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
img.thumb1 {
	width:110px;
	height:147px;
}
img.thumb2 {
	width:60px;
	height:90px;
}

div.thumbox {
	float:left;
	margin-right:5px;
	text-align:center;
}

#flashMessage {
	padding:5px 5px 5px 30px;
	background-color:#fff;
	border:1px solid #eee;
	margin-bottom:1em;
	background-image:url('../img/icons/socket.png');
	background-repeat:no-repeat;
	background-position:8px 6px;
}

div.mini_icon { /* dummy */
	display:inline;
	font-family:Tahoma;
	font-size:10px;
	letter-spacing:1px;
	border:1px solid #ccc;
	background-color:#eee;
	width: 40px;
	padding:2px 4px;
	margin:2px;
}

/************ SORTABLE ********************/
div.panel {
	float:left;
	margin: 0 10px 5px 0;
	text-align:center;
	border:1px solid #ccc;
	border-right :1px solid #999;
	border-bottom:1px solid #999;
	padding:5px;
}
img.sort {
	width :60px;
	height:80px;
	cursor:hand;
	border:1px solid #eee;
}
img.sort_on {
	border:3px solid red;
}
img.move {

}
img.move_over {
	width:90px;
	height:120px;
}

li.thumbox {
	float:left;
	margin-right:5px;
	text-align:center;
}

/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/
/****************************************************/

table.accounts {

}
table.accounts th {
	color: #222;
	background-color: #ddd;
}
table.accounts th,
table.accounts td {
	padding: 3px;
	text-align: center;
	white-space:nowrap;
}
table.accounts th.c,
table.accounts td.c {
	text-align:center;
}

table.passwd {
	margin-bottom: 1em;
}
table.passwd th {
	width: 150px;
	text-align: right;
	background-color: #ffc;
}
table.passwd th,
table.passwd td {
	padding: 3px;
}

/****** OVERRIDE *******/
table#layout td#global-tab table.tab td {
	width: 150px;
}
table#layout td#main table.tab td {
	width: 125px;
}

div.error-message {
	color:red;
}


table#layout th, table#layout td .tc, 
table#layout th, table#layout td.c {
	text-align: center;
	vertical-align: middle;
}