/*
Theme Name:０７_元気な
Version:1.0
Description:
*/
/* NETPC ホームページ　 テーマ：０７*/
/* 20051208 */
/* 20060329 infopageのフォントを11->10ptに */
/* 20080908 infopage .messageの幅を400->450ptに */

/* ---------------------------------------- */
/* 全コンテンツ共通設定 */
/* ---------------------------------------- */

BODY
{
	margin:0px;
	padding:0px;
	SCROLLBAR-FACE-COLOR: white;
	SCROLLBAR-HIGHLIGHT-COLOR: #9999ff;
	SCROLLBAR-SHADOW-COLOR: #9999ff;
	SCROLLBAR-ARROW-COLOR: #9999ff;
	SCROLLBAR-TRACK-COLOR: white;
	SCROLLBAR-DARKSHADOW-COLOR: white;
	SCROLLBAR-BASE-COLOR: white;
	scrollbar-3d-light-color: red;
	FONT-SIZE: 10pt;
	FONT-FAMILY: "MS UI Gothic", "ＭＳ Ｐゴシック",arial, helvetica;
	background-color: #FFFF88;
	width:100%;
	height:100%;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:bottom right;
}
IMG
{
	vertical-align : middle;
}
H1,H2,H3
{
	font-size: 10pt;
	width:100%;
	margin:2 0 2 0;
	text-decoration:none;
	font-weight:normal;
	clear: both;
}
HR
{
	border-color: #FFCC00;
	border-style: dotted;
}

INPUT,TEXTAREA
{
	font-size:10pt;
	color:red;
	background-color:#FFFFFF;
	border:1px double orange;
}

.shopname
{
	color:red;
}

.header
{
	width:420px;
	margin-left:auto;
	margin-right:auto;
}
.header H1
{
	text-align:center;
	color:red;
	font-size:14pt;
}
.header H2
{
	padding-top:10px;
	text-align:center;
	color:#000;
	font-size:10pt;
}
.header H3
{
	padding-top:10px;
	text-align:left;
	color:red;
	font-size:10pt;
}

.footer
{
	text-align:right;
	padding-right:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:580px;
}
.mailform TABLE
{
	background-color: #FFFFCC;
	padding:5px;
	font-size:11pt;
}

.link
{
	font-size:10pt;
	line-height:16px;
	text-align:right;
	float:right;
	display:block;
	list-style: none outside none;
	margin:0px;
}
.link li
{
	display:block ;
	list-style: none outside none;
}

/* 印刷時 テーブルのマージンは無視する。 */
@media print {
    TABLE{
        margin:0px;
    }
}


/* ---------------------------------------- */
/* 共通機種テーブル */
/* ---------------------------------------- */

.kisyutable
{
	margin-left:auto;
	margin-right:auto;
	font-size:10pt;
	margin-top:10px;
	border: 2px solid #66CC00;
     /* border-top: 2px solid white; */
     /* border-right: 2px solid black; */
     /* border-bottom: 2px solid black; */
     /* border-left: 2px solid white; */
}
.kisyutable TR
{
	background:#FFC;
	height:26px;
	text-align:center;
}
.kisyutable TH
{
	color:#FFC;
	background:#6C0;
}
.kisyutable .new
{
	width:39px;
}
.kisyutable .kisyu
{
	width:182px;
}
.kisyutable .maker
{
	width:76px;
}
.kisyutable .exp
{
	width:198px;
}
.kisyutable .num
{
	width:33px;
}

/* 共通設定ここまで */

/* ---------------------------------------- */
/* 左フレーム  #leftframe */
/* ---------------------------------------- */

#leftframe
{
	background-color:#FF3366;
	background-image:none;
	height:100%;
}


#leftframe .contents
{
	width:160px;
}

#leftframe .shopinfo
{
	padding-top:5px;
	padding-left:5px;
	text-align:center;
}

#leftframe .menu
{
	font-size:14px;
	text-align:center;
	padding-left:5px;
}

#leftframe .menu ul
{
	display:block ;
	list-style: none outside none;
	margin:0px;
	width:160px;
	padding:0px;
}

#leftframe .menu li
{
	display:block ;
	width:100%;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
}
#leftframe .menu A
{
	display:block ;
	width:140px;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 3px 4px 3px;
	text-align: center;
	min-width: 60px;
	background-color: #FFBBBB;
	color: #0000CC;
	border: #F90 1px solid;
}
#leftframe .menu A:hover
{
	background-color: #66CC00;
	color: #FFFFFF;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	text-decoration: none;
}

#leftframe .openinfo
{
	font-size:14px;
	color: #FFFFFF;
	text-align:center;
	padding-left:5px;
}

#leftframe .counter
{
	font-size:10px;
	text-align:center;
	padding-left:5px;
}
#leftframe TABLE
{
	FONT-SIZE: 10pt;
}
/* 左フレーム #leftframe ここまで */

/* ---------------------------------------- */
/* 上フレーム #topmenu */
/* ---------------------------------------- */

#topmenu
{
	background-color:#009933;
	background-image:none;
	text-align:center;
}

#topmenu .contents
{
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	width:500px;
	padding:5px;
	text-align:center;
}
#topmenu .header H1
{
	text-align:left;
	float:left;
	position:absolute;
	font-size:8pt;
}

#topmenu .header H1 A:link    { color: white }
#topmenu .header H1 A:visited { color: white }
#topmenu .header H1 A:hover   { color: white }
#topmenu .header H1 A:active  { color: white } 

#topmenu .header H2
{
	font-weight:bold;
}
#topmenu H3
{
	text-align:right;
	float:right;
	position:absolute;
	font-size:10pt;
}
#topmenu .menu
{
	clear:both;
	margin-top:1px;
	margin-bottom:1px;
	text-align:center;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	height:40px;
}

#topmenu .menu A
{
	display:block ;
	padding: 4px 0px 4px 0px;
	margin:1 1 0 1;
	text-align:center;
	font-size:11px;
	text-decoration:none;
	width:90px;
	height:15px;
	border: #F36 1px solid;
	background-color: #BBEEBB;
	color: #0000CC;
	float:left;
}

#topmenu .menu A:hover
{
	background-color: #FFFFCC;
	color: #000000;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	text-decoration: none;
}

#topmenu .counter
{
	clear:both;
	text-align:right;
}
#topmenu .shoptoplink
{
	clear:both;
	width:100%;
	text-align:right;
}

#topmenu .shoptoplink A:link    { color: white }
#topmenu .shoptoplink A:visited { color: white }
#topmenu .shoptoplink A:hover   { color: white }
#topmenu .shoptoplink A:active  { color: white } 


/* 上フレーム #topmenu ここまで */

/* ---------------------------------------- */
/* 上フレーム #shophead */
/* ---------------------------------------- */

#shophead
{
	background-color:#009933;
	/* background-image:url(title.gif); */
	background-position:top center;
	text-align:center;
}

#shophead .contents
{
	margin-top:10px;
	width:70%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#shophead .shoplogo
{
	background-color:#FFF;
	border:1px #FF9933 solid;
	padding:5px;
}
.shoplogo IMG
{
	/* display:none; */
}
#shophead marquee
{
	font-size:10pt;
	color:#009933;
	border-top:1px #FFFF33 solid;
	padding:3px;
	display:block ;
}

/* ---------------------------------------- */
/* 右下フレーム #infopage */
/* ---------------------------------------- */

#infopage
{
	text-align:center;

}

#infopage TABLE
{
	font-size:10pt;
}

#infopage .contents
{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:580px;
	padding:5px;
	text-align:center;
	font-size:11pt;
}
#infopage .message
{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:450px;
	padding:10px;
	text-align:center;
	font-size:11pt;
	line-height:20px;
	background-color:#CCFF99;
	border:4px #FFCCCC solid;
}
#infopage TABLE
{
	background-color:#FFFFFF;
	border:2px #666633 solid;
	padding:10px;
}

/* ---------------------------------------- */
/* 右下フレーム #kisyulist */
/* ---------------------------------------- */

#kisyulist,#kisyulistmini
{
	text-align:center;

}
#kisyulistmini
{
	background-image:none;
}

#kisyulist .contents
{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:580px;
	padding:5px;
	text-align:center;
}
#kisyulistmini .contents
{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:300px;
	padding:5px;
	text-align:center;
}
#kisyulistmini H3
{
	color:red;
	text-align:left;
	margin-left:20px;
}


/* 右下フレーム #kisyulist ここまで */

/* ---------------------------------------- */
/* 右下フレーム 台リスト画面 #dailist */
/* ---------------------------------------- */
#dailist
{
	text-align:center;
background-image:none;

}
#dailist .contents
{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:300px;
	padding:5px;
	text-align:center;
}
#dailist H1
{
	margin-left:auto;
	margin-right:auto;
	font-size:11pt;
	color:#FFF;
	background-color:#66CC00;
	width:260px;
	padding:5px 0px 5px 0px;
}
#dailist H2
{
	font-size:10pt;
	color:#000;
	background-color:#CCFFCC;
	width:260px;
	padding:5px 0px 5px 0px;
	margin-left:auto;
	margin-right:auto;
}
#dailist .daitable
{
	font-size:11pt;
	width:260px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border: 2px solid #66CC00;
     /* border-top: 2px solid white; */
     /* border-right: 2px solid black; */
     /* border-bottom: 2px solid black; */
     /* border-left: 2px solid white; */
}
#dailist .daitable TD
{
	background:#FFC;
}
.daitable .cd_dai
{
	width:50px;
}
.daitable .data
{
	width:100px;
	text-align:right;
	padding-right:5px;
}
.daitable .kado
{
	width:80px;
}

/* ---------------------------------------- */
/* 右下フレーム 個別台表示画面 #daidata */
/* ---------------------------------------- */
#daidata
{
	text-align:center;
	margin-bottom:10px;

}
#daidata .contents
{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:610px;
	padding:5px;
	text-align:center;
}

#daidata .name
{
	padding-top:20px;
	margin-left:20px;
	font-size:11pt;
	text-align:left;
	float:left;
	vertical-align:bottom;
	color:blue;
}
#daidata .graph
{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	clear:both;
	font-size:10pt;
	border: 2px solid #66CC00;
}
#daidata .nextdai
{
	margin-top:15px;
}
#daidata .container
{
	clear:both;
	width:605px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
}
#daidata .slump
{
	float:right;
}
#daidata TABLE
{
	font-size:11pt;
}
#daidata .datatable
{
	font-size:11pt;
	float:left;
	width:195px;
	text-align:center;
	margin-left:3px;
	border: 2px solid #66CC00;
     /* border-top: 2px solid white; */
     /* border-right: 2px solid black; */
     /* border-bottom: 2px solid black; */
     /* border-left: 2px solid white; */
}
.datatable TH
{
	color:#FFF;
	background-color:#6C0;
	font-size:10pt;
	line-height:20px;
	font-weight:normal;
}
.datatable .data,.datatable .time,.datatable .nyua,.datatable .toku
{
	background-color:#FFC;

}
/* ---------------------------------------- */
/* 右下フレーム #ranking */
/* ---------------------------------------- */
#ranking
{
	text-align:center;

}
#ranking .contents
{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:580px;
	padding:5px;
	text-align:center;
}

#ranking .ranktable
{
	clear:both;
	font-size:11pt;
	width:580px;
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	border: 2px solid #66CC00;
     /* border-top: 2px solid white; */
     /* border-right: 2px solid black; */
     /* border-bottom: 2px solid black; */
     /* border-left: 2px solid white; */
}
.ranktable TH
{
	color:#FFFFCC;
	background-color:#009933;
	line-height:40px;
}
.cwn1
{
	color:#AA0000;
	background-color:#FF9999;
}
.cwn2
{
	color:#0000AA;
	background-color:#FFCC44;
}
.cwn3
{
	color:#0000AA;
	background-color:#FFCC44;
}
.cwn4,.cwn5,.cwn6,.cwn7,.cwn8,.cwn9,.cwn10
{
	color:#000000;
	background-color:#FFFFCC;
}
.rank
{
	width:50px;
}
.data
{
	width:120px;
}
.cd_dai
{
	width:80px;
}
.sindaimark
{
	width:50px;
}
.cd_dai_kado
{
	width:130px;
}
.kado
{
	width:80px;
}
.date
{
	color:#000;
	width:100px;
}
.kisyu
{
     /* width:200px; */
	font-size:10pt;
	padding-left:4pt;
	text-align: left;
}

/* ---------------------------------------- */
/* 右下フレーム #shoptop */
/* ---------------------------------------- */

#shoptop
{
	text-align:center;
	FONT-SIZE: 11pt;
}
#shoptop TABLE
{
	margin-top:10px;
	margin-bottom:10px;
	font-size:11pt;
	border:3px #FFCC33 solid;
}

#shoptop .contents
{
	margin-top:20px;
	width:520px;
	margin-left:auto;
	margin-right:auto;
}
#shoptop .info
{
	border-top:2px #FFCC00 solid;
	text-align:left;
}
#shoptop .info ul
{
	list-style: none outside none;
}
#shoptop .info li
{
	margin-top:10px;
}
#shoptop .hotnews
{
	border-top:2px #FFCC00 solid;
	text-align:left;
}
#shoptop .hotnews TR
{
	height:24px;
}
#shoptop .sindai
{
	border-top:2px #FFCC00 solid;
	text-align:left;
}
#shoptop .sindai TR
{
	height:24px;
	text-align:center;
}
#shoptop .sindai .row1
{
	background:#FFC;
}
#shoptop .sindai .row2
{
	background:#CFC;
}
/* ---------------------------------------- */
/* 右下フレーム #eventinfo */
/* ---------------------------------------- */
#eventinfo
{
	text-align:center;


}

#eventinfo TABLE
{
	margin-top:10px;
	margin-bottom:10px;
	font-size:11pt;
}
#eventinfo .contents
{
	margin-top:20px;
	width:520px;
	margin-left:auto;
	margin-right:auto;
}
/* ---------------------------------------- */
/* 右下フレーム #jumpmenu */
/* ---------------------------------------- */
#jumpmenu
{
	text-align:center;
	background-image:none;
}
#jumpmenu .contents
{
	margin-left:auto;
	margin-right:auto;
	margin-top:1px;
	width:580px;
	padding:1px;
	text-align:center;
}
#jumpmenu .jumpform
{
	font-size:10pt;
	text-align:left;
	margin:0px 0px 0px 0px;
	margin-right:auto;
	padding:5px;
}
#jumpmenu .msg
{
	color:red;
}