/* CSS Document ---stylespopup---*/
@charset="Shift_JIS";

/* 全体のレイアウトに関すること */

div#popheader {
	width: 650px;
	background-color: #fff;
	text-align:center;
	}

div#popbody {
	width: 650px;
	background-color:#fff;
	background-image: url(/brand/netsusama/products/popup/img/popup_bg.gif);
	background-repeat: repeat-y;
	}

div#popbody div.spacer35 {
	width: 580px;
	margin-left:47px;
	}
		
div#popfooter {
	width: 100%;
	height: 30px;
	padding-top: 13px;
/*	background:
	#fff
	url(../img/footer_bg.gif)
	repeat-x
	top;
	margin-top:px; */
	}

/* ヘッダーに関すること */
div#popheader p {
	margin:0;
	padding: 0;
	width:650px;
	}

/* アイテムボックス */

div.popItem { 
	width:578px;
	text-align:left;
	padding-top:10px;
	}
	
div.popItem h2 {
	margin:0;
	padding-bottom:10px;
	}
	
div.popItem h3 { 
	margin:0;
	padding:10px 0;
	}
	
div.popItem p {
	line-height:1.4;
	}
	
div.popItem span.small {
	font-size:xx-small;
	}
div.popItem p.strong_new {
	margin-left:49px;
	margin-bottom:10px;
	}

div.itemBox { width:368px; }

div.itemBox ul.list_num{
	list-style: decimal;
	margin-left: 1em;
}
div.itemBox ul.list_notes{
	margin: 10px 0;
	list-style-type: none;
}

div.itemBoxImg { width:210px; }

/*ストロング用CSS*/
.seat_strong div.itemBoxImg {
	overflow: hidden;
	height: 305px;
	position: relative;
}
.seat_strong div.itemBoxImg img {
	height: 305px;
	width: auto;
	position: absolute;
	top: 0;
	left: -66px;
}

table.lineupTable { 
	width:556px;
	margin:10px 0 15px 0;
	padding:0;
	font-size: 10px;
	}

table.lineupTable td{
	text-align:center;
	line-height:140%;
	font-size: 1em;
	}

	
table.lineupTable th{ 
	background-color:#e2f7c2;
	}

	
table.lineupTable td.itemImg{
	text-align:center;
	width: 127px;
	}

table.lineupTable td.greenLineTop{
	background: url(img/lineup-table-linetop2.gif)
	repeat-x
	left
	top;
	}


table.lineupTable td.greenLine{
	background-color: #66cc33;
	}

table.lineupTable td.lineupDotLine{
	background-image: url(img/lineup-table-dotline01.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}

table.lineupTable td.greenline-x{
	background-image: url(img/lineup-table-greenline-x.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}

td.sideGreenLine { background-color:#66cc33;}
	
/* フッターに関すること */
div#popfooter p {
	width: 400px;
	float:left;
	color: #2fadfe;
	margin: 0;
	font-size: 0.83em;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
	line-height: 100%;
	}

/* 使用方法・使用上の注意に関すること */
.wayBox,
.attentionBox{
	margin-top:20px;
	width: 550px;
	background-color:#fff;
	}
	
.wayBox 	 { border:solid 5px #f0f0f0; }
.attentionBox{ border:solid 5px #ffd1d1; }

.wayBox dl.con,
.attentionBox dl.con{
	padding:0 20px;
	margin: 0;
	}
	
.wayBox dl.con dd,
.attentionBox dl.con dd{
	padding:0;
	margin:0;
	}
	
.wayBox dl.con dt,
.attentionBox dl.con dt{
	padding:15px 0 10px 0;
	margin:0;
	}
	
.wayBox dl.con p,
.attentionBox dl.con p{
	margin:0;
	padding-bottom: 15px;
	text-align: left;
	line-height: 140%;
	}

.strong_warning{
	width: 560px;
	text-align: center;
	margin-top: 20px;
}
.strong_goshoku{
	width: 550px;
	text-align: left;
	margin-top: 20px;
}

.attentionBox .red{
	color: #E60012;
}
.attentionBox .red2{
	color: #EB623B;
}
.attentionBox .strong{
	font-weight: bold;
}

#other_table{
    border: 1px solid #CCCCCC;
    color: #000000;
    font-size: 100%;
    margin: 0 0 10px;
    width: 100%;
    }

#other_table th {
    background: none repeat scroll 0 0 #F8F8F8;
    padding: 8px 15px;
    text-align: left;
	}

#other_table td {
    line-height: 1.5;
    padding: 8px 15px;
    text-align: left;
}
#other_table th, #other_table td {
    border: 1px solid #CCCCCC;
}

#other_table {
	margin : 0;
	empty-cells: show;
	border-collapse: collapse;
	}


.floatBox{
	padding:5px 0;
	}


.floatBox img{
	float:left;
	}

div.floatBox{
	zoom:1;/*for IE 5.5-7*/
	}

div.floatBox:after{/*for modern browser*/
	content:"";
	display: block;
	clear:both;
	}

* html div.floatBox{
	display:inline-table;
	/*\*/display:block;/**/
	}
