@charset "UTF-8";
/************************************************
CMS CSS2.0 
共通スタイルシート
2008.12.09.製作開始
製作：新井和範
************************************************/
/*default style reset
---------------------------------------------- */

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd {
	margin: 0;
	padding: 0;
}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table,th,tr,td {}

li {
	list-style-type: none;
}
a:link{color:#030E7F;text-decoration:none;}
a:visited{color:#030E7F;text-decoration:none;}
a:hover{color:#083CFF;text-decoration:underline;}
a:focus{outline:none;}
body {
	padding: 0 auto; /* liquid */
	background-color: #F6F6F6;
	font-family: sans-serif;
	text-align: center;/* for ie */
	margin:0 auto;
	background-image:url(../img/bg/bg.gif);
	background-repeat:repeat-x;
	color:#646464;
}

.b {
	font-weight:bold;
}

a img {
	border: 0;
}

.left {
	float:left;
}
.right {
	float:right;
}
.point {
	color:#840008;
	font-size:10px;
}
.err_red {
	color:#ff0000;
	font-weight:bold;
}
.blue {
	color:#0000ff;
	font-weight:bold;

}
.pink {
	color:#FF00BA;
}
.s10 {
	font-size:10px;
}
.mrg_t4 {
	margin-top:4px;
}
/* 調整用 */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;min-height:1%;}
/*\*/* html .clearfix{height:1%;}
.clearfix{display:block;}

/* wrap
---------------------------------------------- */
#wrap {
	background-image:url(../img/bg/bg_wrap.gif);
	width:950px;
	background-repeat:repeat-y;
	word-spacing : normal;
	font-size:12px;
	margin:0 auto;
	padding:0 10px;
	border-top:
}

/* header
---------------------------------------------- */
#header {
	background-image:url(../img/bg/bg_header.gif);
	width:910px;
	background-repeat:repeat-x;
	height:44px;
	padding:12px 20px 0;
}
#header h1 a{
	float:left;
	background-image:url(/img/logo.gif);
	background-repeat:no-repeat;
	text-indent:-999999px;
	text-decoration:none;
	width:270px;
	height:52px;
	margin-left:13px;
}
#header #greet{
	width:360px;
	float:left;
	padding:25px 0 0 0px;
}
#header #linker{
	width:400px;
	float:left;
	text-align:right;
	padding-top:5px;
}
#header #help_menu{
	float:right;
	width:370px;
	position:relative;
	top:0px;
}

#header #btn_help{
	background:transparent url(../img/ico/ico_help.gif) no-repeat;
	text-indent:16px;
	margin-top:4px;
	margin-right:10px;
	float:right;
}
#header #btn_logout{
	float:right;
	padding:0 3px;
	border:1px solid #6A6A6A;
	background-color:#D0D0D0;
}
#btn_logout a:link{color:#6a6a6a;text-decoration:none;}
#btn_logout a:visited{color:#6a6a6a;text-decoration:none;}
#btn_logout a:hover{color:#ffffff;text-decoration:none;}



/* login
---------------------------------------------- */
#login_box {
	clear:both;
	width:910px;
	height:460px;
	margin:0 auto;
	position:relative;
	top:0px;
	background: url(../img/bg/login_panel.jpg) no-repeat;
}
#login_box #inputbox {
	position:absolute;
	left:592px;
	top:175px;
	width:177px;
	height:85px;
	text-align:left;
}
.input_text,
.input_password{
	background:none;
	border: 0px;
	width:173px;
}
.input_password{
	margin-top:22px;
}
.login_btn{
	display: block;
	float:left;
	margin-top:10px;
	width: 60px;
	height: 16px;
	background-color: transparent;
	z-index: 120;
}
#inputbox a img{
	float:right;
	width:97px;
	margin-top:9px;
	height:16px;
}
#login_box #msg{
	color:#ff0000;
}

/* middle
---------------------------------------------- */
#middle {
	clear:both;
	width:910px;
	margin:0 auto;
}
#middle #menu_box {
	float:left;
	margin-top:8px;
	width:200px;
	text-align:left;
}
#middle #main_box {
	float:right;
	margin-top:8px;
	width:700px;
	text-align:left;
}

/*** MENU_BOX **************************************************/
#menu_box .mlbox{
	width:198px;
	border:1px solid #9D000C;
	margin-bottom:5px;
}
.mlbox .ttl{
	width:198px;
	border-bottom:1px solid #9D000C;
	text-align:center;
	font-weight:bold;
	background-color:#CC6666;
	color:#ffffff;
}
.mlbox ul {
	margin:5px;
	list-style:none;
}
.mlbox ul li{
	line-height:20px;
}

/*** MAIN_BOX **************************************************/
#main_box #ttl{
	width:688px;
	color:#ffffff;
	border:1px solid #9D000C;
	background-color:#CC6666;
	margin-bottom:1px;
	font-weight:bold;
	padding:5px;
}
#main_box #con{
	width:692px;
	border:1px solid #9D000C;
	margin-bottom:1px;
	padding:3px;
}

/* TABLE */
#con table{
	background-color:#9D000C;
}
#con table th,
#con table td{
	text-align:left;
	padding:3px;
	background-color:#ffffff;
}
#con table th{
	text-align:center;
	background-color:#c6424d;
	color:#ffffff;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
}
#con table .new td{
	background-color:#F8B94A;
}

#con table .align_left{
	text-align:left;
}
#con table .player_img img{
	border:1px solid #0E3587;
}
#con table .cap_ico{
	background-image:url(../img/ico/ico_captain.gif);
	background-repeat:no-repeat;
	background-position:4px 6px;
}

#con table td p{
	width:44px;
	height:22px;
	border:1px solid #0E3587;
	line-height:22px;
	color:#ffffff;
}

#con table tr .btn{
	background-color:#E2FFFC;
	padding:15px;
}
#con table tr .submit{
	text-align:center;
	padding:5px;
}
#con table tr .center{
	text-align:center;
}

/* カレンダーフォーム */
#form .mon table td{
	width:33%;
}
#form .mon table td.t_left{
	text-align:left;
}
#form .mon table td.t_center{
	text-align:center;
}
#form .mon table td.t_right{
	text-align:right;
}

#form .cal_sun,#form .cal_def,#form .cal_sat{
	width:92px;
	height:50px;
	text-align:left;
	vertical-align:top;
}
#form .cal_sun{
	background-color:#FFCBA4;
}
#form .cal_sat{
	background-color:#B7DCEC;
}
#form th.cal_sun,#form th.cal_def,#form th.cal_sat{
	height:16px;
	text-align:center;
}


/* エラー表示 */
#main_box .err_box{
	width:450px;
	margin:0 auto;
	background-image:url(../img/bg/bg_errmsg.gif);
	background-repeat:repeat-y;
}
.err_box .top{
	width:400px;
	height:39px;
	background-image:url(../img/bg/bg_errmsg_top.gif);
	background-repeat:no-repeat;
	padding:30px 0 0 50px;
}
.err_box .mid{
	width:370px;
	color:#ff0000;
	padding:5px 20px 0 60px;
}
.err_box .btm{
	width:450px;
	height:38px;
	background-image:url(../img/bg/bg_errmsg_btm.gif);
	background-repeat:no-repeat;
}

/* FOOTER ************************************************/
#footer {
	clear:both;
	width:970px;
	height:46px;
	margin:0 auto;
	font-size:11px;
	padding:0;
	text-align:center;
	background-image:url(../img/bg/bg_footer.gif);
	background-repeat:no-repeat;
}
#footer address {
	font-size:12px;
	color:#9D000C;
	font-style:normal;
	font-weight:bold;
}
