@charset "utf-8";

@import "../../css/common.css";

/*==================================================================*/

/* style css */

/*==================================================================*/

#global-navi li a.lineup{
	background:url('/common_img/header/m_lineup.gif') no-repeat 0 -40px;
}

/* -------------------------------------------- */
/* container：コンテンツ */
/* -------------------------------------------- */
#container *{margin:0;padding:0;}
#container{
}

/* ---------------------------------------------------------------- */
/* submenu */
/* ---------------------------------------------------------------- */
#submenu{
	list-style:none;
	width:949px;
	height:36px;
	margin:0 auto 20px;
	padding:8px 0 8px 11px;
	background:url('../image/back_menu.gif') no-repeat 0 0;
}
/* clear hack */
#submenu{zoom:1;}
#submenu:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#submenu li{
	float:left;
	margin-right:10px;
}



/*==================================================================*/

/* lineup */

/*==================================================================*/

#lineup-comment{
	width:910px;
	margin:0 auto 20px;
	padding-top:15px;
}

#lineup-area{
	width:940px;
	margin:0 auto;
	padding-top:5px;
	background:url('../image/line_center.gif') repeat-y 50% 0;
}

/* clear hack */
#lineup-area{zoom:1;}
#lineup-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#lineup-area .inner{
	margin-bottom:30px;
	background:url('../image/lineup_bottom.gif') no-repeat 0 100%;
}
/* clear hack */
#lineup-area .inner{zoom:1;}
#lineup-area .inner:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#lineup-area .inner .left{
	float:left;
	width:440px;
}

#lineup-area .inner .right{
	float:right;
	width:440px;
}

#lineup-area .inner h2{
	margin-bottom:10px;
	font-size:1.2em;
}

#lineup-area .inner h2 a{
	display:block;
	padding:10px 0 10px 40px;
	background:url('../image/sub_back_off.gif') no-repeat 0 0;
	color:#333;
	text-decoration:none;
}

#lineup-area .inner h2 a:hover{
	background:url('../image/sub_back_on.gif') no-repeat 0 0;
	color:#00213b;
}

#lineup-area .inner .detail{
	padding:0 16px 15px 13px;
}
/* clear hack */
#lineup-area .inner .detail{zoom:1;}
#lineup-area .inner .detail:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#lineup-area .inner .text{
	float:right;
	width:270px;
	padding-top:5px;
}

#lineup-area .inner .text p{
	margin-bottom:12px;
}

#lineup-area .inner .text p.lock{
	margin-bottom:6px;
}

#lineup-area .inner .text .link{
	text-align:right;
}

#lineup-area .inner .text .link a{
	padding:0 0 0 14px;
	background:url('../image/are_lineup.gif') no-repeat 0 3px;
}

#lineup-area .inner .text ul{
	list-style:none;
	margin-bottom:8px;
	padding:6px 0 3px 10px;
	background:#f5f5f5;
	border:#ccc 1px solid;
}
/* clear hack */
#lineup-area .inner .text ul{zoom:1;}
#lineup-area .inner .text ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#lineup-area .inner .text li{
	float:left;
	padding:0 20px 2px 0;
	white-space:nowrap;
}

#lineup-area .inner .text li a{
	padding:0 0 0 14px;
	background:url('../image/are_lineup.gif') no-repeat 0 3px;
}

#lineup-area .inner .photo{
	float:left;
	width:;
}


/*==================================================================*/

/* adjust */

/*==================================================================*/

/* ---------------------------------------------------------------- */
/* catch-lock */
/* ---------------------------------------------------------------- */
#container #catch-adjust{
	width:940px;
	margin:0 auto 25px;
}
/* clear hack */
#container #catch-adjust{zoom:1;}
#container #catch-adjust:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container #catch-adjust .left{
	float:left;
	width:580px;
	padding-top:10px;
}

#container #catch-adjust .left h2{
	margin-bottom:15px;
}

#container #catch-adjust .left p{
	margin-bottom:15px;
	padding:0 15px;
}

#container #catch-adjust .right{
	float:right;
}

/* ---------------------------------------------------------------- */
/* adjust-area */
/* ---------------------------------------------------------------- */
#container .adjust-area{
	width:940px;
	margin:0 auto 30px;
}

#container .adjust-area h3{
	margin-bottom:15px;
	padding:10px 0 10px 26px;
	background:url('../image/back_sub_long.gif') no-repeat 0 0;
	font-size:1em;
}

#container .adjust-area .comment{
	clear:both;
	width:880px;
	margin:0 auto 15px;
}

#container .adjust-area .lineup,
#container .adjust-area .lineup td{
}

#container .adjust-area .lineup{
	width:910px;
	margin:0 auto 10px;
}

#container .adjust-area .lineup td{
	width:285px;
	vertical-align:top;
}

#container .adjust-area .lineup td.blank{
	width:28px;
}

#container .adjust-area .lineup td img{
	margin-bottom:10px;
}

#container .adjust-area .lineup td div{
	margin-bottom:10px;
	padding:5px 15px;
	background:#eee;
	border:#ccc 1px solid;
}

#container .adjust-area .lineup dl{
	font-size:0.9em;
}
/* clear hack */
#container .adjust-area .lineup dl{zoom:1;}
#container .adjust-area .lineup dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


#container .adjust-area .lineup dt{
	float:left;
	width:80px;
	font-weight:bold;
}

#container .adjust-area .lineup dd{
	float:right;
	width:170px;
}

#container .adjust-area .lineup td p{
	padding-top:5px;
	text-align:center;
}

#container .adjust-area #defalt {
	width:910px;
	margin:0 auto;
}
/* clear hack */
#container .adjust-area #defalt{zoom:1;}
#container .adjust-area #defalt:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container .adjust-area #defalt p{
	font-size:0.9em;
	font-weight:bold;
	color:#333;
}

#container .adjust-area #defalt table,
#container .adjust-area #defalt th,
#container .adjust-area #defalt td{
	border:#999 1px solid;
	border-collapse:collapse;
}

#container .adjust-area #defalt th,
#container .adjust-area #defalt td{
	padding:3px 6px;
	font-size:0.9em;
	font-weight:normal;
	text-align:left;
}

#container .adjust-area #defalt table{
	float:left;
	width:590px;
}

#container .adjust-area #defalt table tr.odd th{
	background:#eee;
}

#container .adjust-area #defalt table tr.odd td{
	background:#eee;
}

#container .adjust-area #defalt table tr.odd th.head,
#container .adjust-area #defalt table tr.odd td.head{
	background:#666;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

#container .adjust-area #defalt th{
	width:150px;
}

#container .adjust-area #defalt td{
	width:440px;
}

#container .adjust-area #defalt img{
	float:right;
}


#container .adjust-area .option,
#container .adjust-area .option th,
#container .adjust-area .option td{
	border:#999 1px solid;
	border-collapse:collapse;
}

#container .adjust-area .option{
	width:910px;
	margin:0 auto 30px;
}

#container .adjust-area .option th,
#container .adjust-area .option td{
	padding:3px 6px;
	font-size:0.9em;
	font-weight:normal;
	text-align:left;
}

#container .adjust-area .option th{
	width:150px;
}

#container .adjust-area .option td{
	width:75px;
	text-align:center;
}

#container .adjust-area .option td.expla{
	width:525px;
	padding-right:10px;
	text-align:left;
}

#container .adjust-area .option tr.odd th{
	background:#eee;
}

#container .adjust-area .option tr.odd td{
	background:#eee;
}

#container .adjust-area .option tr.odd th.head,
#container .adjust-area .option tr.odd td.head{
	background:#666;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

#container .adjust-area .option th.head,
#container .adjust-area .option td.head{
	line-height:1;
}

/*------ chara：特徴 ----------*/
#container .adjust-area .chara{
	width:910px;
	margin:0 auto 20px;
	padding-bottom:15px;
	background:url('../image/adjust_chara_bottom.gif') no-repeat 0 100%;
}
/* clear hack */
#container .adjust-area .chara{zoom:1;}
#container .adjust-area .chara:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container .adjust-area .chara dl{
	float:left;
	width:289px;
	padding-right:21px;
}

#container .adjust-area .chara dl.last{
	padding-right:0;
}

#container .adjust-area .chara dt{
	margin-bottom:12px;
	padding:7px 0 5px;
	background:url('../image/chara_top.gif') no-repeat 0 0;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

#container .adjust-area .chara dd{
	padding:0 8px 0 12px;
}

#container .adjust-area .chara dd img{
	margin-bottom:15px;
}

#container .adjust-area .chara dd span{
	font-size:0.85em;
}

#container .adjust-area #custom{
	width:920px;
	height:310px;
	margin:0 auto 30px;
	background:url('../image/adjust_custom_back.jpg') no-repeat 0 0;
}

#container .adjust-area #custom dl{
	margin-left:380px;
	padding-top:23px;
}

#container .adjust-area #custom dt{
	margin-bottom:30px;
}

#container .adjust-area #custom dd{
	margin-left:85px;
	padding-right:10px;
}

#container .adjust-area #custom dd.btn{
	text-align:right;
}

#container .adjust-area #custom dd.btn a:hover img{opacity:0.75;filter:alpha(opacity=75);}

/*------ note：補足説明 ----------*/
#container .adjust-area .note{
	padding:15px 0 0 15px;
	border-top:#ccc 1px solid;
	font-size:0.85em;
}


/*==================================================================*/

/* lock */

/*==================================================================*/

/* ---------------------------------------------------------------- */
/* catch-lock */
/* ---------------------------------------------------------------- */
#container #catch-lock{
	width:940px;
	margin:0 auto 25px;
}
/* clear hack */
#container #catch-lock{zoom:1;}
#container #catch-lock:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container #catch-lock .left{
	float:left;
	width:500px;
	padding-top:10px;
}

#container #catch-lock .left h2{
	margin-bottom:15px;
}

#container #catch-lock .left p{
	margin-bottom:15px;
	padding:0 15px;
}

#container #catch-lock .left ul{
	list-style:none;
	width:440px;
	margin:0 0 10px 15px;
	padding:8px 0 8px 16px;
	background:#f5f5f5;
	border:#ccc 1px solid;
}
/* clear hack */
#container #catch-lock .left ul{zoom:1;}
#container #catch-lock .left ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container #catch-lock .left li{
	float:left;
	padding-right:20px;
	font-size:0.9em;
	font-weight:bold;
}

#container #catch-lock .left li a{
	padding:0 0 0 21px;
	background:url('../image/arw_submenu.gif') no-repeat 0 4px;
}

#container #catch-lock .right{
	float:right;
	padding-right:10px;
}

/* ---------------------------------------------------------------- */
/* lock-area */
/* ---------------------------------------------------------------- */
#container .lock-area{
	width:940px;
	margin:0 auto 50px;
}

#container .lock-area .comment{
	width:910px;
	margin:0 auto 20px;
}

#container .lock-area .comment span{
	font-size:0.8em;
	color:#333;
}

#container .lock-area h3{
	margin-bottom:15px;
	padding:10px 0 10px 26px;
	background:url('../image/back_sub_long.gif') no-repeat 0 0;
	font-size:1em;
}

#container .lock-area .inner{
	width:910px;
	margin:0 auto 30px;
}
/* clear hack */
#container .lock-area .inner{zoom:1;}
#container .lock-area .inner:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container .lock-area .inner .detail{
	float:right;
	width:585px;
}

#container .lock-area .inner .detail h4{
	margin-bottom:15px;
}

#container .lock-area .inner .detail h5{
	margin:0 0 10px 10px;
	padding-left:6px;
	border-left:#cc0000 5px solid;
	font-size:1.2em;
	color:#cc0000;
}

#container .lock-area .inner .detail div{
	margin:0 10px;
}
/* clear hack */
#container .lock-area .inner .detail div{zoom:1;}
#container .lock-area .inner .detail div:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container .lock-area .inner .detail div img{
	float:left;
	margin-right:20px;
}

#container .lock-area .inner .detail div ul.nonlock,
#container .lock-area .inner .detail div ul.rearlock{
	list-style:none;
	float:right;
	padding:5px 5px 5px 15px;
	background:#ebebe1;
}

/* clear hack */
#container .lock-area .inner .detail div ul.nonlock{zoom:1;}
#container .lock-area .inner .detail div ul.nonlock:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* clear hack */
#container .lock-area .inner .detail div ul.rearlock{zoom:1;}
#container .lock-area .inner .detail div ul.rearlock:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container .lock-area .inner .detail div ul.nonlock{
	width:330px;
}

#container .lock-area .inner .detail div ul.rearlock{
	width:260px;
}

#container .lock-area .inner .detail div li{
	background:url('../image/mark_cycle.gif') no-repeat 0 8px;
	padding:0 40px 0 10px;
	font-weight:bold;
	color:#333;
	white-space:nowrap;
}

#container .lock-area .inner .detail ul.denji{
	list-style:none;
	width:560px;
	padding:5px 5px 5px 15px;
	background:#ebebe1;
}

/* clear hack */
#container .lock-area .inner .detail .denji{zoom:1;}
#container .lock-area .inner .detail .denji:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container .lock-area .inner .detail .denji li{
	float:left;
	background:url('../image/mark_cycle.gif') no-repeat 0 8px;
	padding:0 40px 0 10px;
	font-weight:bold;
	white-space:nowrap;
}

#container .lock-area .inner .detail p{
	margin:0 0 10px 10px;
}

#container .lock-area .inner .detail p.link{
	margin:0;
	text-align:right;
}

#container .lock-area .inner .detail p.link a:hover img{opacity:0.75;filter:alpha(opacity=75);}

#container .lock-area .inner .detail div p{
	padding-top:15px;
}

#container .lock-area .inner .photo{
	float:left;
}


/*==================================================================*/

/* relation */

/*==================================================================*/

/* ---------------------------------------------------------------- */
/* catch-relation */
/* ---------------------------------------------------------------- */
#container #catch-relation{
	width:940px;
	margin:0 auto 25px;
}
/* clear hack */
#container #catch-relation{zoom:1;}
#container #catch-relation:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container #catch-relation .left{
	float:left;
	width:570px;
	padding-top:10px;
}

#container #catch-relation .left h2{
	margin-bottom:15px;
}

#container #catch-relation .left p{
	padding:0 15px;
}

#container #catch-relation .right{
	float:right;
	padding-right:15px;
}

/* ---------------------------------------------------------------- */
/* relation-area */
/* ---------------------------------------------------------------- */
#container .relation-area{
	width:940px;
	margin:0 auto 30px;
}

#container .relation-area h3{
	margin-bottom:15px;
	padding:10px 0 10px 26px;
	background:url('../image/back_sub_long.gif') no-repeat 0 0;
	font-size:1em;
}

#container #led{
	width:910px;
	margin:0 auto 30px;
}
/* clear hack */
#container #led{zoom:1;}
#container #led:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container #sign{
	width:910px;
	margin:0 auto;
}
/* clear hack */
#container #sign{zoom:1;}
#container #sign:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container #led .right{
	float:right;
	width:650px;
}

#container .relation-area .right img{
	margin-bottom:12px;
}

#container .relation-area .right h4{
	margin:0 0 10px 15px;
	font-size:1.2em;
	font-weight:bold;
	color:#cc0000;
}

/*------ 表 ----------*/
#container .relation-area .right table,
#container .relation-area .right th,
#container .relation-area .right td{
	border:#999 1px solid;
	border-collapse:collapse;
}

#container .relation-area .right table{
	margin-bottom:15px;
}

#container .relation-area .right th,
#container .relation-area .right td{
	padding:3px 6px;
	font-size:0.9em;
	font-weight:normal;
	text-align:left;
}

#container #led .right table{
	width:620px;
	margin:0 auto 20px;
}

#container #led .right th{
	width:160px;
}

#container #led .right td{
	width:460px;
}

#container .relation-area .right th.head{
	background:#666;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

#container #led .right th.head{
	width:650px;
}

#container .relation-area .right tr.even th{
		background:#eee;
}

#container .relation-area .right tr.even td{
		background:#eee;
}

#container .relation-area .right dl{
	width:620px;
	margin:0 auto 20px;
}

#container .relation-area .right dt{
	margin-bottom:6px;
	padding-left:8px;
	border-left:#cc0000 5px solid;
	font-size:1.2em;
	font-weight:bold;
	color:#cc0000;
}

#container .relation-area .right dd{
	margin-bottom:10px;
}

#container .relation-area .right dd ul{
	list-style:none;
	width:550px;
	margin-left:10px;
}

#container .relation-area .right dd li{
	padding:0 0 7px 11px;
	background:url('../image/mark_square.gif') no-repeat 0 8px;
}

#container #sign .right{
	float:right;
	width:650px;
}

#container #sign .right table{
	width:620px;
	margin:0 auto 20px;
}

#container #sign .right th{
	width:160px;
}

#container #sign .right td{
	width:490px;
}

#container #led .right th.head,
#container #sign .right th.head{
	width:650px;
}

#container .relation-area .left{
	float:left;
	width:240px;
}

#container .relation-area .left p{
	padding-top:20px;
	text-align:right;
}

#container .relation-comment{
	clear:both;
	width:920px;
	margin:0 auto 40px;
}

#container .relation-area .left a:hover img{opacity:0.75;filter:alpha(opacity=75);}


/*==================================================================*/

/* control */

/*==================================================================*/

/* ---------------------------------------------------------------- */
/* catch */
/* ---------------------------------------------------------------- */
#container #catch{
	width:940px;
	margin:0 auto 15px;
	padding-top:10px;
}

#container #catch h2{
}

#container #catch .inner{
	width:910px;
	margin:0 auto 30px;
}
/* clear hack */
#container #catch .inner{zoom:1;}
#container #catch .inner:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container #catch .inner .left{
	float:left;
	width:400px;
	padding-top:36px;
}

#container #catch .inner .left .catalog{
	padding-top:20px;
	text-align:right;
}

#container #catch .inner .right{
	float:right;
}




/* ---------------------------------------------------------------- */
/* control-area */
/* ---------------------------------------------------------------- */
#container .control-area{
	width:940px;
	margin:0 auto 30px;
}

#container .control-area h3{
	margin-bottom:15px;
	padding:10px 0 10px 26px;
	background:url('../image/back_sub_long.gif') no-repeat 0 0;
	font-size:1em;
}

#container .control-area h4{
	margin:0 0 12px 15px;
}

/*------ monitor：コンピューターによる管理機能 ----------*/
#container .control-area #monitor{
	width:910px;
	margin:0 auto;
}
/* clear hack */
#container .control-area #monitor{zoom:1;}
#container .control-area #monitor:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container .control-area #monitor div{
	float:left;
	width:285px;
	padding-right:23px;
}

#container .control-area #monitor div.last{
	padding-right:0px;
}

#container .control-area #monitor div img{
	margin-bottom:10px;
}

#container .control-area #monitor div dt{
	margin:0 0 5px 5px;
	padding-left:8px;
	border-left:#cc0000 5px solid;
	font-weight:bold;
	color:#cc0000;
}

#container .control-area #monitor div dd{
	margin:0 0 0 3px;
}

#container .control-area .chara{
	width:910px;
	margin:0 auto 15px;
	padding-bottom:15px;
	background:url('../image/coltrol_chara_bottom.gif') no-repeat 0 100%;
}
/* clear hack */
#container .control-area .chara{zoom:1;}
#container .control-area .chara:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container .control-area .chara dl{
	float:left;
	width:289px;
	padding-right:21px;
}

#container .control-area .chara dl.last{
	padding-right:0;
}

#container .control-area .chara dt{
	margin-bottom:8px;
	padding:7px 0 5px;
	background:url('../image/chara_top.gif') no-repeat 0 0;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

#container .control-area .chara dd{
	padding:0 10px;
}

#container .control-area .chara dd span{
	font-size:0.85em;
}

#container .control-area p.comment{
	margin:0 0 10px 20px;
}

#container .control-area ul{
	list-style:none;
	width:450px;
	margin:0 0 0 20px;
	padding:10px 20px;
	background:#ebebe1;
	border:#ccc 1px solid;
}
/* clear hack */
#container .control-area ul{zoom:1;}
#container .control-area ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container .control-area li{
	padding:0 20px 0 11px;
	background:url('../image/mark_square.gif') no-repeat 0 8px;
}

#container .control-area .catalog{
	width:904px;
	margin:0 auto;
}
/* clear hack */
#container .control-area .catalog{zoom:1;}
#container .control-area .catalog:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#container .control-area .catalog p{

}

#container .control-area .catalog img{

}

/* ---------------------------------------------------------------- */