/* トップページ */
.topmenu {list-style:none;margin:-20px 0 5px 0;padding:0;}
.topmenu li {overflow:hidden;}
.topmenu li img {width:100%;}
.topmenu li:first-child {box-shadow: 0 0 0;}
.topmenu .menuitem {background:#ebebeb;cursor:pointer;}
.topmenu .menuitem:hover {background:#fed;}
.menuitem .text {font-weight:bold;color:#000;}
.menuitem .summary {padding-left:5px;font-size:12px;line-height:16px;}
@media all and (max-width: 350px) {
	.topmenu li {height:120px;}
	/*.menuitem .summary {display:none;}*/
}
@media all and (min-width: 351px) and (max-width: 480px) {
	.topmenu li {height:180px;}
	.topmenu li .text {font-size:12px;}
}
@media all and (max-width: 480px) {
	.topmenu li {height:200px;float:left;width:49%;box-shadow: 1px 1px 2px #888;margin:0 0 5px 0.5%;}
	.menuitem .text {width:100%;text-align:center;font-size:12px;}
	#topmenu3 {list-style:none;margin:20px 0 5px 0;padding:0;}
	#topmenu3 .itm {float:left;height:160px;margin:0 0 5px 0.5%;}
	#topmenu3 #newsbox {width:100%;}
	#topmenu3 #catalog, #topmenu3 #service, #topmenu3 #info {width:32%;box-shadow: 0px 0px 2px #888;cursor:pointer;height:77px;margin-left:1%;overflow:hidden;}
	#topmenu3 #catalog p, #topmenu3 #service p, #topmenu3 #info p {text-align:center;}
	#topmenu3 #catalog {background:url(/common/images/bnr_catalog.png) no-repeat;}
	#topmenu3 #catalog:hover {background:url(/common/images/bnr_catalog2.png) no-repeat;}
	#topmenu3 #catalog p {font-size:15px;font-weight:bold;line-height:20px;margin-top:10px;}
	#topmenu3 #service {background:url(/common/images/bnr_service.png) no-repeat;}
	#topmenu3 #service:hover {background:url(/common/images/bnr_service2.png) no-repeat;}
	#topmenu3 #service p {font-size:15px;font-weight:bold;line-height:20px;margin-top:20px;}
	#topmenu3 #info {background:url(/common/images/bnr_company.png) no-repeat;margin-top:0px;}
	#topmenu3 #info:hover {background:url(/common/images/bnr_company2.png) no-repeat;}
	#topmenu3 #info p {font-size:16px;font-weight:bold;line-height:20px;margin-top:10px;}
	#newsbox_title {border-left:double #a00 4px;font-size:24px;font-weight:bold;padding-left:14px;}
	#newsboxlist {margin-top:4px;height:118px;box-shadow: 0px 0px 2px #888;overflow:auto;}

	/*.topmenu .dialogbox {display:none;}*/
}
@media all and (min-width: 481px) {
	.topmenu li {float:left;width:19.4%;box-shadow: 1px 1px 2px #888;height:180px;margin:0 0 5px 0.5%;}
	.topmenu li .text {width:100%;text-align:center;font-size:14px;}
	#topmenu1 {margin-top:-20px;}
	#topmenu2 {margin-top:20px;}
	#topmenu3 {list-style:none;margin:20px 0 5px 0;padding:0;}
	#topmenu3 .itm {float:left;height:160px;margin:0 0 5px 0.5%;}
	#topmenu3 #newsbox {width:59%;}
	#topmenu3 #catalog, #topmenu3 #service, #topmenu3 #info {width:19.4%;box-shadow: 0px 0px 2px #888;}
	#topmenu3 #catalog {background:url(/common/images/bnr_catalog.png) no-repeat;cursor:pointer;}
	#topmenu3 #catalog:hover {background:url(/common/images/bnr_catalog2.png) no-repeat;}
	#topmenu3 #service {height:77px;background:url(/common/images/bnr_service.png) no-repeat;cursor:pointer;}
	#topmenu3 #service:hover {background:url(/common/images/bnr_service2.png) no-repeat;}
	#topmenu3 #info {height:77px;background:url(/common/images/bnr_company.png) no-repeat;margin-top:0px;cursor:pointer;}
	#topmenu3 #info:hover {background:url(/common/images/bnr_company2.png) no-repeat;}
	#newsbox_title {border-left:double #a00 4px;font-size:24px;font-weight:bold;padding-left:14px;}
	#newsboxlist {margin-top:4px;height:118px;box-shadow: 0px 0px 2px #888;overflow:auto;}
}
@media all and (max-width: 770px) {
	/* スマホ版はスライダーを非表示 */
	.flexslider {display:none;}
	#topview {display:block;}
}
@media all and (min-width: 771px) {
	/* スマホ版はスライダーを非表示 */
	.flexslider {display:block;}
	#topview {display:none;}
}

/* 新着情報 */
#listwhatsnew {list-style:none;margin:5px;padding:0;}
#listwhatsnew p, #listwhatsnew .title {float:left;}
#listwhatsnew .title {margin-left:10px;}
#listwhatsnew .title a {color:#00a;}
#listwhatsnew .title a:hover {text-decoration:underline;}

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

}
@media all and (min-width: 481px) and (max-width: 720px) {
	#topmenu3 #catalog p {text-align:center;font-size:18px;line-height:22px;font-weight:bold;margin-top:25px;}
	#topmenu3 #service p {text-align:center;font-size:16px;line-height:20px;font-weight:bold;margin-top:10px;}
	#topmenu3 #info p {text-align:center;font-size:16px;font-weight:bold;margin-top:10px;line-height:18px;}

}
@media all and (min-width: 721px) {
	#topmenu3 #catalog p {text-align:center;font-size:22px;font-weight:bold;margin-top:25px;}
	#topmenu3 #service p {text-align:center;font-size:22px;line-height:28px;font-weight:bold;margin-top:10px;}
	#topmenu3 #info p {text-align:center;font-size:16px;font-weight:bold;margin-top:10px;line-height:18px;}

}

#banner #bannerlist {list-style:none;margin:0;padding:0;}
@media all and (max-width: 480px) {

}
@media all and (min-width: 481px) {
	#banner #bannerlist li {float:left;width:32%;margin-left:1%;}
}
#banner #bannerlist li img {width:100%;}