@charset "utf-8";

/*============================================================
//  長岡まつり大花火大会 スタイルシート
//==========================================================*/
body {

    background-color: #ffffff;
}

.cl{
	clear:both;
}

.fl{
	float:left;
	margin: 8px;
}

.fr{
	float:right;
}

.pc-block {
    display: block !important;
    margin: auto;
    width: 960px;
}
.sp-block { display: none!important;}

.img-btm{
	vertical-align:bottom;
}

.m-b5{margin-bottom:5px;}

/* レイアウト */
.wr200{
margin: 10px auto;
width: 920px;
	background:url("../../img/nagaoka/ttl201_bg.png") no-repeat;
}

.wr201{
	margin-left:0px;
	padding-top:10px;
	width:535px;
	float:left;
}

.wr202{
	margin-right:0px;
	padding-top:10px;
	width:366px;
	float:right;
}

.wr300{
	margin: 20px auto;
	width:920px;
	height:100%;
	background:url("../../img/nagaoka/nyk_bg.jpg") no-repeat;
}

.wr301{
	margin-left:12px;
	padding-top:5px;
	width:320px;
	float:left;
}

.wr302{
	margin-right:12px;
	padding-top:12px;
	width:275px;
	float:right;
}

.wr303{
	margin-right:5px;
	padding-top:12px;
	width:275px;
	float:right;
}

.wr300-sub{
	margin: 10px auto;
	width:894px;
	border:#CCCCCC solid 3px;
	padding:10px;
}

.wr300-sub .wr-l{
	width:49%;
	float:left;
}

.wr300-sub .wr-r{
	width:49%;
	float:right;
}

.wr400-sub{
margin: 10px auto;
width: 920px;
	border:#CCCCCC solid 3px;
	padding:10px;
}

.wr400-sub .wr-l{
	width:40%;
	float:left;
}

.wr400-sub .wr-r{
	width:55%;
	float:right;
}

.wr_order{
margin: 20px auto;
padding: 0px;
width: 960px;
	text-align:center;
/*background:#acc;*/
}


.wr_order-2{
margin: 20px auto;
padding: 0px;
width: 950px;
	text-align:center;
/*background:#acc;*/
}

.wr400{
margin: 20px auto;
width: 920px;
}

.wr500{
	margin: 20px auto;
	width:920px;
}

.wr501{
margin: 15px;
width: auto;
float: left;
}


.wr501-b{
    width: 509px;
    float: left;

}

.wr501-c{
margin: 15px;
width: 21%;
float: left;
}

.wr502{
	width:206px;
	float:right;
}

.wr502-b{
width: 369px;
float: right;
}

.wr502 img {
margin-left: 3px;
}



.fw_img {
    float: left;
}


.wr503 {
    margin-top: 40px;
    width: 40%;
    float: left;
}



.wr504 {
    margin-top: 40px;
    margin-left: 12px;
    width: 167px;
    float: right;
}

.wr600{
margin: 20px auto;

	width:920px;
}

.wr601{
	width:560px;
	float:left;
}

.wr602{
	width:326px;
	float:right;
}

/* 申込みボタン */
a.btn_order1{
margin: 0 3px;
padding: 15px 0;
width: 32%;
height: 100%;
	text-align:center;
	display:block;
	border:solid 1px #0257c9;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#028edd, endcolorstr=#0257c9));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#028edd, endcolorstr=#0257c9))";/* IE8 IE9 */
	zoom: 1;/* IE CSS用 */
	background : -webkit-gradient(linear, left top, left bottom, from(#028edd), to(#0257c9));
	background : -webkit-linear-gradient(top, #028edd, #0257c9);
	background : linear-gradient(to bottom, #028edd, #0257c9);
/*	float:left;*/
}

a.btn_order2{
	margin:0 10px;
	padding:15px 0;
	width:283px;

	text-align:center;
	display:block;
	border:solid 1px #008167;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#01d03b, endcolorstr=#008167));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#01d03b, endcolorstr=#008167))";/* IE8 IE9 */
	zoom: 1;/* IE CSS用 */
	background : -webkit-gradient(linear, left top, left bottom, from(#01d03b), to(#008167));
	background : -webkit-linear-gradient(top, #01d03b, #008167);
	background : linear-gradient(to bottom, #01d03b, #008167);
/*	float:left;*/
}

a.btn_order3{
margin: 0 15px;
padding: 15px 0;
width: 40%;
	text-align:center;
	display:block;
	border:solid 1px #660091;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#6c50fa, endcolorstr=#660091));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#6c50fa, endcolorstr=#660091))";/* IE8 IE9 */
	zoom: 1;/* IE CSS用 */
	background : -webkit-gradient(linear, left top, left bottom, from(#6c50fa), to(#660091));
	background : -webkit-linear-gradient(top, #6c50fa, #660091);
	background : linear-gradient(to bottom, #6c50fa, #660091);
	float:left;
}

a.btn_order1 span,
a.btn_order2 span,
a.btn_order3 span{
	font-size:16px;
	font-weight:;
	color:#ffffff;
}

a.btn_order1:hover,
a.btn_order2:hover,
a.btn_order3:hover{
	text-decoration:none;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

a.btn_order:hover{
	text-decoration:none;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#b5dbf0, endcolorstr=#90c9ea));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#b5dbf0, endcolorstr=#90c9ea))";/* IE8 IE9 */
	zoom: 1;/* IE CSS用 */
	background : -webkit-gradient(linear, left top, left bottom, from(#b5dbf0), to(#90c9ea));
	background : -webkit-linear-gradient(top, #b5dbf0, #90c9ea);
	background : linear-gradient(to bottom, #b5dbf0, #90c9ea);
}


/*テーブル*/
table.tbl_onsen{
	border-top:dotted 1px #999999;
	border-collapse:collapse;
	table-layout:fixed;
}

table.tbl_onsen td{
	padding:2px 0;
	border-bottom:dotted 1px #999999;
}

.dd{
	width:100%;
	border:none;
	border-left:solid 1px #aaaaaa;
	border-top:solid 1px #aaaaaa;
	border-collapse:collapse;

}

.dd th,
.dd td{
	border-bottom:solid 1px #aaaaaa;
	border-right:solid 1px #aaaaaa;
	color:#333;


}
.dd th.th-a{
width: 5%;
}

.dd th.th-b{
width: 40%;
}

.dd td{

	width: 20%;
}
.dd th { background-color:#F0F0F0; font-weight:bold; text-align:center; }
.dd th.th2 { background-color:#ffae4c; }
.dd td {}
.dd tr.even th.th2{
	background-color:#ffce93;
}
.dd tr.even td { background-color:#fff9f1; }


/*見出し*/
.ttl201{
	margin:0 0 0 99px;
}

.ttl201 span{
	display:none;
}

.mttl_bg{

margin: 40px auto;
padding-top: 8px;
padding-left: 33px;
width: 920px;
	
	height:40px;
	background:url("../../img/nagaoka/ttl_bg.gif") no-repeat;
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
	position:relative;	
}

.mttl_bg span{
	padding:2px 18px 0 18px;
	width:100px;
	height:32px;
	background:#ffffff;
	font-size:14px;
	font-weight:bold;
	line-height:115%;
	color:#A60000;
	text-align:center;
	display:block;
	position:absolute;
	top:7px;
	right:120px;
}

.sttl01{
	margin-right:4px;
	padding:3px;
	width:60px;
	background:#936C5D;
	font-size:14px;
	font-weight:bold;
	line-height:115%;
	color:#ffffff;
	float:left;
}

/* 文字 */
.txt01{
	font-size:14px;
	line-height:135%;
}

.txt01b{
	font-size:14px;
	line-height:135%;
	font-weight:bold;
}

.txt02{
        margin-left:96px;
	font-size:20px;
	font-weight:bold;
	line-height:135%;
	color:#A60000;
}

.txt03{
	font-size:16px;
	font-weight:bold;
	line-height:135%;
	color:#FF3C00;
	text-align: center;
}

.txt04 {
    margin-bottom: 5px;
    padding: 2px 0;

    background: #CCCDFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 135%;
    text-align: center;
    color: #4E00CC;
}

.cap01{
	font-size:10px;
	line-height:1.5;
	color:#666666;
	margin-top:5px;
}

.p-10 {
    padding: 10px 10px 10px 10px;
}

.bo {
    border: solid 1px #CCCCCC;
}

/* 色 */
.c_white{color:#ffffff}
.c_red{color:#FF0000}
.c_main1{color:#A60000}
.c_orange{color:#FF3C00}

td.bgc_white{background:#ffffff}
.bgc_1{background-color:#FDF3E7;}

@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}

@media
only screen and (max-width : 640px){

.pc-block { display: none!important;}
.sp-block { display: block!important;}

.wr200{
	margin:0;
	width:100%;
	background-position:right 30px;
}

.wr201,
.wr202{
	margin:0px auto 0 auto;
	padding:1% 3%;
	width:94%;
}

.wr300{
	margin:10px 3% 0 3%;
	width:94%;
	height:auto;
	background:url("../../img/nagaoka/nyk_bg2.gif") repeat-x;
	border:solid 1px #CCC;
}


.wr301,
.wr302,
.wr303{
	width:94%;
	padding:2% 3%;
	margin:0px;
	float:left;
}
.wr501 img,
.wr501-b img,
.wr501-c img,
.wr502 img,
.wr502-b img,
.wr504 img,
.wr301 img,
.wr302 img,
.wr303 img{
	width:100%;
}

 .wr500 {
    margin: 10px auto 0 auto;
    padding: 0 3%;
    width: 94%;
}

.wr501, .wr501-b, .wr501-c,.wr503, .wr502, .wr502-b, .wr504 {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}



.wr302 .w100px,
.wr303 .w100px{
	width:auto;
	float:none;
}

.wr302 .sttl01,
.wr303 .sttl01{
	margin-top:5px;
	font-size:1.0em;
	text-align:center;
}

.wr300-sub{
	margin:10px 3% 0 3%;
	padding:0;
	width:94%;
	border:solid 1px #CCC;
}



.wr300-sub .wr-l,
.wr300-sub .wr-r{
	margin:0px;
	padding:1% 3%;
	width:94%;
	float:left;
}

.wr300-sub .wr-r img{
	margin-bottom:10px;
	width:100%;
}

.wr400-sub{
	margin:10px 3% 0 3%;
	padding:0;
	width:94%;
	border:solid 1px #CCC;
}



.wr400-sub .wr-l,
.wr400-sub .wr-r{
	margin:0px;
	padding:1% 3%;
	width:94%;
	float:left;
}

.wr400-sub .wr-r img{
	margin-bottom:10px;
	width:100%;
}

.wr_order,
.wr_order-2,
.wr400,
.wr500,
.wr600{
	margin:10px 3% 0 3%;
	padding:0;
	width:94%;
}



.wr501,
.wr502,
.wr601,
.wr602{
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

.fw_img {
    margin-bottom: 5px;
    padding-right: 1%;
    width: 31%;
    float: left;
}

.wr602 img{
	margin-top:10px;
	width:100%;
}

.ttl201{
	margin:0 0 0 10px;
	padding:1% 0 0 0;
}

.ttl201 img{
	display:none;
}

.ttl201 span{
	display:inline;
	font-size:1.3em;
	font-weight:bold;
	color:#ff3c00;
}

.bus_heisei img{
	display:none;
}

.bus_sogokanko img{
	display:none;
}

.mttl_bg{
	margin-top:40px;
	margin-bottom:15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3%;
	width:97%;
	height:auto;
	background-color:#a60000;
	background-size:140%;
	background-position:right top;
	font-size:1.3em;
	position:relative;

}

.mttl_bg span{
	padding:0 10px;
	width:auto;
	height:auto;
	background:none;
	color:#ffffff;
	font-size:0.8em;
	text-align:left;
	display:inline-block;
	position:static;
	border:solid 1px #e49292;
}

.txt02,
.txt04
{
	margin-left:0;
	font-size:1.2em;
	margin-top: 10px;
}

.txt03,
.txt02,
.txt04 {
    font-size: 16px;
    line-height: 1.5;
    color: #A60000;
margin-top: 20px;
}

.cap01{
	font-size:1.0em;
}



a.btn_order1,
a.btn_order2,
a.btn_order3{
    margin: 1% 1%;
    padding: 2% 6%;
    width: 18%;
    height: auto;
    text-align: center;
    float: left;
}



a.btn_order span1,
a.btn_order span2,
a.btn_order span3{
	font-size:1.3em;

}

.sp_no{
	display:none;
}

} /* media */