@charset "UTF-8";

/*
福井県板金工業組合 2023
*/


/* SECTION
---------------------------------------------------- */

header, footer, nav, section, article { display:block; }
section { margin:0 auto; }
section:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* GROUP BAR
---------------------------------------------------- */

.groupbar {
	width:100%;
	height:36px;
	padding:0;
	background: #10bd09;
}
.groupbar .mainframe {
	width:960px;
	margin:0 auto;
}
.groupbar .mainframe a {
	display:block;
	width:960px;
	height:36px;
	text-decoration:none;
}
.groupbar .gplogo {
	float:left;
	width:250px;
	height:36px;
	background:url(../../shop/images/gplogo.png??) no-repeat 0 0;
	background-size: 250px auto;
}
.groupbar .gplogo span {
	font-size:8pt;
	visibility:hidden;
}
.groupbar .gptext {
	float:right;
	width:700px;
}
.groupbar .gptext p {
	margin:0;
	font-size:80%;
	color:#fff;
	font-weight:normal;
	text-align:right;
	line-height:35px;
}

/* HEADER
---------------------------------------------------- */
header {
	width:100%;
	height:330px;
	background: #bde6c4;
}
header .headinnor {
	width:960px;
	height:330px;
	margin:0 auto;
}
header #tya {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tya.jpg) center 0 no-repeat !important;
}
header #tyb {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyb.jpg) center 0 no-repeat !important;
}
header #tyc {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyc.jpg) center 0 no-repeat !important;
}
header #tyd {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyd.jpg) center 0 no-repeat !important;
}
header #tye {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tye.jpg) center 0 no-repeat !important;
}
header #tyf {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyf.jpg) center 0 no-repeat !important;
}
header #tyg {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyg.jpg??) center 0 no-repeat !important;
}
header #tyh {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyh.jpg??) center 0 no-repeat !important;
}
header #tyi {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyi.jpg??) center 0 no-repeat !important;
}
header #tyj {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyj.jpg??) center 0 no-repeat !important;
}
header #tyk {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyk.jpg??) center 0 no-repeat !important;
}
header #tyl {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyl.jpg??) center 0 no-repeat !important;
}
header #tym {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tym.jpg??) center 0 no-repeat !important;
}
header #tyn {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyn.jpg??) center 0 no-repeat !important;
}
header #tyo {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyo.jpg??) center 0 no-repeat !important;
}
header #typ {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_typ.jpg??) center 0 no-repeat !important;
}
header #tyq {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyq.jpg??) center 0 no-repeat !important;
}
header #tyr {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyr.jpg??) center 0 no-repeat !important;
}
header #tys {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tys.jpg??) center 0 no-repeat !important;
}
header #tyt {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyt.jpg??) center 0 no-repeat !important;
}
header .headinnor h1 {
	height:220px;
	font-size:80%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
header .headinnor h1.typecopy {
	height:160px;
}
header .headinnor p {
	height:60px;
}
header .headinnor h2 {
	width:960px;
	height:80px;
	overflow:hidden;
}

header .smpspcimg {
	display: none;
}

/* DIRECTORY NAVI
---------------------------------------------------- */
.dirnavi {
	width:960px;
	margin:0 auto;
	padding:15px 0 0 0;
}
.dirnavi ul {
	margin:0;
	font-size:86%;
	color:#333;
	font-weight:normal;
	text-align:left;
}
.dirnavi ul li {
	display: inline;
	padding-right: 10px;
}
.dirnavi ul li a {
	color: #5d881b;
}
.dirnavi ul li a:hover {
	color:#666;
	text-decoration:none;
}

/* PGCONTAINER
---------------------------------------------------- */
#pgcontainer {
	width:960px;
	margin:0 auto;
	padding:0;
}
#pgcontainer .mainframe {
	float:left;
	width:655px;
	margin:0;
	padding:0 0 20px 0;
}
#pgcontainer .sideframe {
	float:right;
	width:255px;
	margin:0;
	padding:0 0 20px 0;
}



/* MAIN NAVI
---------------------------------------------------- */


.mainnavi {
	width: 655px;
	height: 72px;
	margin: 0;
	padding: 30px 0 12px;
}

nav ul {
	width: 655px;
	height: 32px;
	padding: 0;
	list-style-type: none;
}
nav ul li {
	float: left;
	display: inline;
	width: 213px;
	height: 32px;
	padding: 0;
	position: relative;
}
nav ul li a {
	display: block;
	width: 213px;
	height: 32px;
	text-indent: -9999px;
}
.nv01,.nv02,.nv04,.nv05 {
	margin: 0 8px 4px 0;
}
.nv03,.nv06 {
	margin: 0 0 4px 0;
}
.nv01 a {
	background:url(../../shop/images/gnv01.png??) no-repeat 0 0;
}
.sppg01 .nv01 a {
	background-position:right 0;
}
.nv02 a {
	background:url(../../shop/images/gnv02.png??) no-repeat 0 0;
}
.sppg02 .nv02 a {
	background-position:right 0;
}
.nv03 a {
	background:url(../../shop/images/gnv03.png??) no-repeat 0 0;
}
.sppg03 .nv03 a {
	background-position:right 0;
}
.nv04 a {
	background:url(../../shop/images/gnv04.png??) no-repeat 0 0;
}
.sppg04 .nv04 a {
	background-position:right 0;
}
.nv05 a {
	background:url(../../shop/images/gnv05.png??) no-repeat 0 0;
}
.sppg05 .nv05 a {
	background-position:right 0;
}
.nv06 a {
	background:url(../../shop/images/gnv06.png??) no-repeat 0 0;
}
.sppg06 .nv06 a {
	background-position:right 0;
}
nav ul li a:hover {
	background-position:right 0;
}



/* BANNER NAVI
---------------------------------------------------- */

#bnrnavi {
	width:255px;
	margin:10px 0 !important;
	padding:0;
}
#bnrnavi li {
	padding:0 0 10px 0;
}
#bnrnavi li img {
	width: 100%;
	height: auto;
}

/* SIDESBOX
---------------------------------------------------- */

#sideiconbox {
	width: 255px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
#sideiconbox img {
	width: 100%;
	height: auto;
}

#sideservice {
	width: 255px;
	margin: 0 auto;
	padding: 0;
}
#sideservice.pstyle {
	display: block !important;
}
#sideservice.nstyle {
	display: none !important;
}
#sideservice .sidesv {
	padding:0 0 8px 0;
}
#sideservice .sidesv img {
	width: 100%;
	height: auto;
	padding:0;
}
#sidesbox {
	width:255px;
	height:120px;
	margin:0 auto;
	padding:0;
}
#sideservice .sv01 {
	background:url(../../shop/images/sidesv1.jpg) no-repeat 0 0;
}
#sideservice .sv02 {
	background:url(../../shop/images/sidesv2.jpg) no-repeat 0 0;
}
#sideservice .sv03 {
	background:url(../../shop/images/sidesv3.jpg) no-repeat 0 0;
}
#sideservice .sv04 {
	background:url(../../shop/images/sidesv4.jpg) no-repeat 0 0;
}
#sideservice .sv05 {
	background:url(../../shop/images/sidesv5.jpg) no-repeat 0 0;
}
#sideservice .sv06 {
	background:url(../../shop/images/sidesv6.jpg) no-repeat 0 0;
}
#sideservice h2 {
	display:block;
	width:255px;
	height:30px;
	text-indent:-9999px;
}
#sideservice .sv01 h2 {
	background:url(../../shop/images/svsub11.png) no-repeat 0 0;
}
#sideservice .sv02 h2 {
	background:url(../../shop/images/svsub12.png) no-repeat 0 0;
}
#sideservice .sv03 h2 {
	background:url(../../shop/images/svsub13.png) no-repeat 0 0;
}
#sideservice .sv04 h2 {
	background:url(../../shop/images/svsub14.png) no-repeat 0 0;
}
#sideservice .sv05 h2 {
	background:url(../../shop/images/svsub15.png) no-repeat 0 0;
}
#sideservice .sv06 h2 {
	background:url(../../shop/images/svsub16.png) no-repeat 0 0;
}
#sidesvbanner ul {
	width: 255px;
	list-style:none;
	margin: 0;
	padding: 0;
}
#sidesvbanner ul li {
	padding: 0 0 6px;
}
#sidesvbanner ul li img {
	width: 100%;
	height: auto;
}

#sidesbox ul {
	width:205px;
	list-style:none;
	margin:0 0 0 78px;
	padding:2px 0 0 0;
}
#sidesbox ul li {
	width:165px;
	height:25px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#sidesbox ul li a,#sidesbox ul li a:visited {
	display:block;
	width:165px;
	height:25px;
	margin:0;
	font-size:72%;
	color:#577431;
	font-weight:normal;
	line-height:2.2em;
	text-indent:0.7em;
	text-decoration:none;
	white-space:nowrap;
	background:url(../../shop/images/bg_pgsv.png) no-repeat 0 0;
}
#sidesbox ul li a:hover {
	color:#24340f;
	text-decoration:none;
	background-position:right 0;
}
#sidesbox p {
	height:20px;
	font-size:76%;
	text-indent:-9999px;
}

#sidebanner {
	width:255px;
	margin:0 0 0 4px;
	padding:0;
}
#sidebanner ul li {
	padding:0 0 10px 0;
}

/* PG TOP
---------------------------------------------------- */
#pgtopbox {
	width:960px;
	margin:0 auto;
	padding:0;
	text-align: right;
}
#pgtopbox ul {
	width:161px;
	list-style:none;
	margin-left:799px;
	padding:0;
}
#pgtopbox ul li{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#pgtopbox ul li a {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	height: 30px;
	display:block;
}
#pgtopbox ul li.backtop a{
	width:161px;
	background: url(../../../images/footer/pgtop.png) 0 0 no-repeat;
	background-size: 320px auto;
}
#pgtopbox ul li.backtop a:hover{
	width:161px;
	background-position:right 0;
}

/* BOTTOM NAVI
---------------------------------------------------- */
#btmnavi {
	width:100%;
	margin:0 auto;
	padding:0;
	border-top:solid 1px #577431;
}
#btmnavi ul {
	margin: 10px 0;
	text-align: center;
}
#btmnavi ul li {
	display: inline;
	margin-left: 10px;
	padding-left: 10px;
	font-size:90%;
	color: #999;
	font-weight:normal;
	border-left: 1px dotted #999;
}
#btmnavi ul li:first-child,
#btmnavi ul li.firstChild {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}
#btmnavi a {
	color:#666;
}
#btmnavi a:hover {
	color:#577431;
	text-decoration:none;
}

/* FOOTER
---------------------------------------------------- */

footer {
	width:100%;
	background: #10bd09;
}
footer .footerInnor {
	width:960px;
	margin:0 auto;
}
footer .footerInnor ul {
	padding:12px 0 10px;
	font-size:90%;
	font-weight:normal;
	color:#fff;
	line-height:1.4em;
	text-align:center;
}
footer .footerInnor ul li.copyright {
	font-size:90%;
}






/* ==================================================================================
 横幅768px以下用スタイル
================================================================================== */

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

.groupbar .mainframe {
	width: 100%;
	margin: 0;
}
.groupbar .mainframe a {
	width: 100%;
}
.groupbar .gplogo {
	float: none !important;
	width: 100%;
	padding: 8px 0 0;
	text-align: center;
	background:url(../../shop/images/gplogo.png) no-repeat center 0;
	background-size: 220px auto;
}
.groupbar .gptext {
	display: none !important;
}


header {
	position: relative;
	width: 100%;
	height: 260px;
	background: #c3e9fc;
}
header .headinnor {
	width: 100%;
	height: 260px;
	margin: 0 auto;
	overflow: hidden;
}
header .headinnor h1.typecopy {
	height:160px;
	overflow: hidden;
}
header .headinnor p {
	width: 100%;
	height:40px;
	overflow:hidden;
}
header .headinnor h2 {
	width: 100%;
	height:80px;
	overflow:hidden;
}
header .headinnor p img,
header .headinnor h2 img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
@media screen and (max-width: 480px) {
header {
	width: 100%;
	height: auto;
	background: #c3e9fc;
}
header .headinnor {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
header .headinnor h1.typecopy {
	display: none;
	height: 200px;
	overflow: hidden;
}
header .headinnor p {
	position: absolute;
	width: 100%;
	min-width: 300px;
	height: auto;
	bottom: 46px;
	left: 0;
}
header .headinnor p img {
	width: 100%;
	height: auto;
}
header .headinnor h2 {
	position: absolute;
	height: 50px;
	bottom: 0;
	left: 0;
}
header .headinnor h2 img {
	width: 100%;
	height: auto;
}

header .smpspcimg {
	display: block;
}
header .smpspcimg img {
	width: 100%;
	height: auto;
}

header #tya {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tya_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyb {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyb_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyc {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyc_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyd {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyd_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tye {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tye_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyf {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyf_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyg {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyg_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyh {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyh_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyi {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyi_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyj {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyj_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyk {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyk_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyl {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyl_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tym {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tym_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyn {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyn_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyo {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyo_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #typ {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_typ_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyq {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyq_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyr {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyr_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tys {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tys_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}
header #tyt {
	width:100%;
	background: #bde6c4 url(../../shop/images/bgheader_tyt_smp.jpg) center 0 no-repeat !important;
	background-size: 100% auto !important;
}



}

header #tya, header #tyb, header #tyc, header #tyd, header #tye,
header #tyf, header #tyg, header #tyh, header #tyi, header #tyj,
header #tyk, header #tyl, header #tym, header #tyn, header #tyo,
header #typ, header #tyq, header #tyr, header #tys, header #tyt {
	background-size: auto 100% !important;
}


.dirnavi {
	width: 92%;
	margin: 0 4%;
	padding: 15px 0 0;
	overflow: hidden;
}
.dirnavi ul {
	margin:0 0 0 -16px;
	font-size:86%;
	color:#333;
	font-weight:normal;
	text-align:left;
}
.dirnavi ul li {
	display: inline;
	padding-right: 10px;
	color: #333;
	font-weight:normal;
	background:url(../../shop/images/icon_dir.png) no-repeat center left;
}
.dirnavi ul li a {
	color: #577431;
}
.dirnavi ul li a:hover {
	color: #333;
	text-decoration:none;
}

#pgtopbox {
	width: 100%;
	height: 22px;
	margin:0 auto;
	text-align: right;
}
#pgtopbox p {
	margin: 0;
	padding: 0;
	float: right;
}
#pgtopbox p a {
	display:block;
}

/* BOTTOM NAVI
---------------------------------------------------- */
#btmnavi {
	width:100%;
	margin:0 auto;
	padding:0;
	border-top:solid 1px #577431;
}
#btmnavi ul {
	margin: 10px 0;
	text-align: center;
}
#btmnavi ul li {
	display: inline;
	margin-left: 10px;
	padding-left: 10px;
	font-size:90%;
	color: #999;
	font-weight:normal;
	border-left: 1px dotted #999;
	white-space: nowrap;
}
#btmnavi ul li:first-child,
#btmnavi ul li.firstChild {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}
#btmnavi a {
	color:#666;
}
#btmnavi a:hover {
	color:#577431;
	text-decoration:none;
}

#pgtopbox {
	width: 100%;
	height: 22px;
	margin:0 auto;
	text-align: right;
}
#pgtopbox ul {
	margin: 0;
	padding: 0;
	float: right;
}
#pgtopbox ul li a {
	display:block;
}

/* FOOTER
---------------------------------------------------- */

footer {
	width:100%;
}
footer .footerInnor {
	width: 100%;
	margin:0 auto;
}
footer .footerInnor ul {
	padding:12px 0 10px;
	font-size:90%;
	font-weight:normal;
	color:#fff;
	line-height:1.4em;
	text-align:center;
}
footer .footerInnor ul li.copyright {
	font-size:90%;
}


/* PGCONTAINER
---------------------------------------------------- */
#pgcontainer {
	width: 96%;
	margin: 0 2%;
}
#pgcontainer .mainframe {
	float: none !important;
	width: 100%;
	padding: 10px 0;
}
#pgcontainer .sideframe {
	float: none !important;
	width: 100%;
	padding: 10px 0;
}


.telbox {
	padding: 5px 0 10px 44px;
	font-size: 116%;
	color: #1a6a8f;
	background:url(../../shop/images/telbox.png) no-repeat 0 0px;
}
.telbox a,
.telbox a:visited,
.telbox a:hover {
	display: block;
	color: #1a6a8f;
}

.mainnavi {
	width: 100%;
	margin: 0;
	padding: 10px 0 20px;
}
.mainnavi ul {
	width: 100%;
	margin: 0;
	list-style-type:none;
}
.mainnavi ul li {
	width: 33%;
	height: 30px;
	margin: 0;
	text-align:center;
	border-top: solid 1px #fff;
}
.mainnavi ul li a {
	display:block;
	width: 100%;
	text-indent: 1px;
	font-size: 0.7em;
	color: #fff;
	line-height: 32px;
	border-left: solid 1px #fff;
	text-decoration: none;
}
.nv01 a, .nv02 a, .nv03 a, .nv04 a,
.nv05 a, .nv06 a, .nv07 a, .nv08 a {
	background: #10bd09;
}
.sppg01 .nv01 a, .sppg02 .nv02 a, .sppg03 .nv03 a, .sppg04 .nv04 a,
.sppg05 .nv05 a, .sppg06 .nv06 a, .sppg07 .nv07 a, .sppg08 .nv08 a {
	background: #1c8e30;
	text-decoration: none;
}
.mainnavi ul li a:hover {
	background: #1c8e30;
	text-decoration: none;
}

/* SIDESBOX
---------------------------------------------------- */

#sideiconbox {
	width: 80%;
	margin: 0 auto 10px;
	padding: 0 0 10px 0;
}

#bnrnavi {
	width: 80%;
	margin: 10px auto !important;
	padding: 0;
	text-align:center;
}
#bnrnavi li {
	width: 100%;
	margin: 0 0 2px;
}
#bnrnavi li img {
	width: 80%;
	height: auto;
}
#bnrnavi.nstyle li img {
	width: 100%;
	height: auto;
}

#sideservice {
	width: 80%;
	margin: 0 auto;
	padding: 0;
}
#sideservice .sidesv {
	padding:0 0 8px 0;
}

#sidesbox {
	width: 80%;
	margin: 0 auto;
	padding: 0;
}
#sideservice .sv01,
#sideservice .sv02,
#sideservice .sv03,
#sideservice .sv04,
#sideservice .sv05,
#sideservice .sv06 {
	background: none;
}
#sideservice h2 {
	display:block;
	width: 100% !important;
	height:30px;
	color: #fff;
	text-indent: 0px;
	line-height: 32px;
	background: #577431 !important;
	text-align:center;
}
#sideservice.pstyle {
	display: none !important;
}
#sideservice.nstyle {
	display: block !important;
	width: 96% !important;
}
#sideservice.nstyle .sidesv {
	margin: 0 0 10px;
	padding: 0;
	background-color: #25ab3b;
	background-image: url(../../shop/images/dotline_2.png);
	background-repeat: repeat-x;
	background-position: 0 center;
	background-size: auto 60%;
		-moz-border-radius: 6px; /* Firefox */
		-webkit-border-radius: 6px; /* Safari and Chrome */
	border-radius: 6px;
}
#sideservice.nstyle .sidesv a {
	display: block !important;
	padding: 12px 6px 12px 20px;
	font-size: 1.1em;
	color: #fff;
	line-height: 32px;
	text-decoration: none;
}
#sideservice.nstyle .sidesv a:hover {
	color: #ccc;
}

#sidesbox ul {
	width: 100% !important;
	list-style: none;
	margin: 0;
	padding:2px 0 6px;
	text-align:center;
	background: #eef1d6 !important;
}
#sidesbox ul li {
	width: 100% !important;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#sidesbox ul li a,#sidesbox ul li a:visited {
	display:block;
	width: 100% !important;
	margin:0;
	font-size:72%;
	color:#577431;
	font-weight:normal;
	line-height: 27px;
	text-indent:0.7em;
	text-decoration:none;
	white-space:nowrap;
	background: none;
}
#sidesbox ul li a:hover {
	color: #000;
	text-decoration:none;
}
#sidesbox p {
	display: none;
}

#sidebanner {
	display: none;
}

#sidesvbanner {
	width: 60%;
	margin: 0 auto;
	padding:0;
}
#sidesvbanner.nstyle {
	width: 96% !important;
}
#sidesvbanner ul {
	width: 100%;
}
#sidesvbanner.nstyle li {
	margin-bottom: 6px;
}
#sidesvbanner img {
	width: 100%;
	height: auto;
}


}

/* ==================================================================================
 横幅480px以下用スタイル
================================================================================== */

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

#sideiconbox.nstyle {
	width: 96%;
	margin: 0 auto 10px;
	padding: 0 0 10px 0;
}
#bnrnavi.nstyle {
	width: 96%;
	margin: 10px auto !important;
	padding: 0;
	text-align:center;
}