@charset "UTF-8";

/* Extra large CSS */
/* -------------------------------------------------------------------------------- */
@media screen and (min-width:641px), print {
	.sp_show { display:none; height: 0px !important;  }

	body#index div.TitleArea { background:url(../images/index_bg_01.jpg) top left no-repeat; width: 1200px; height: 425px; margin: 0px -15px; overflow :hidden; }
	body#index div.TitleBtn { position: relative; top: 0px; left: 0px; width: 205px; }
	body#index div.dmDesign { position: absolute; top: 235px; right: 33px; }
	body#index div.bxPosi { position: absolute; top: 340px; left: 50%; background: url(../images/index_bg_02.png) top left no-repeat; width: 546px; height: 267px; margin-left: -340px;}
	body#index div.bxPosi ul.slides { width: 520px; height: 245px; position: relative; top: 0px !important; left: 12px !important; z-index: 10; }
	body#index div.pickupPosi { position: absolute; top: 340px; right: 48px; background: url(../images/index_bg_03.png) top left no-repeat; width: 336px; height: 267px; }
	body#index div.pickupPosiLink { position: relative; top: 13px; left: 15px; z-index:10; }
	body#index div.pickupPosiImg { position: absolute; top: 341px; right: 50px; width: 54px; height: 54px; z-index: 100; }

	body#index div.PageMenu { width: 1100px; margin: 20px auto; }
	body#index div.PageMenu div.h50{ height: 50px !important; vertical-align: middle; display: table-cell; }
	body#index div.PageMenu div.h70{ height: 70px !important; vertical-align: middle; display: table-cell; }
	body#index div.PageMenu div.txtBox { width: 85%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 13px !important; }
	body#index div.PageMenu div.txtBoxno { width: 85%; padding: 5px; margin: auto; border-bottom:0px solid #cccccc; font-size: 13px !important; }
	body#index div.PageMenu div.txtBoxw925nob { width: 92.5%; padding: 5px; margin: auto; font-size: 13px !important; }
	body#index div.PageMenu div.txtBoxw925 { width: 92.5%; padding: 5px; margin: auto; font-size: 13px !important; border-bottom:1px solid #cccccc; }
	body#index div.PageMenu div.menuCo_01 { float: left; width: 40%; border-right:1px solid #cccccc; }

	body#index div.PageMenu div.nolink { color:#999999; text-decoration: none; }

	body#index div.PageMenu div.menuCo_01a a { color:#0046AA; text-decoration: none; }
	body#index div.PageMenu div.menuCo_01a a:hover { color:#0046AA; text-decoration: underline; }
	
	body#index div.PageMenu div.menuCo_0101 { float: left; width: 49.5%; border-right:1px solid #cccccc; margin:20px auto; }
	body#index div.PageMenu div.menuCo_0101 a { color:#00AAE8; text-decoration: none; }
	body#index div.PageMenu div.menuCo_0101 a:hover { color:#00AAE8; text-decoration: underline; }
	body#index div.PageMenu div.menuCo_0102 { float: left; width: 49.5%; margin:20px auto; }
	body#index div.PageMenu div.menuCo_0102 a { color:#FF6E00; text-decoration: none; }
	body#index div.PageMenu div.menuCo_0102 a:hover { color:#FF6E00; text-decoration: underline; }

	body#index div.PageMenu div.menuCo_01c a { color:#0046AA; text-decoration: none; }
	body#index div.PageMenu div.menuCo_01c a:hover { color:#0046AA; text-decoration: underline; }

	body#index div.PageMenu div.menuCo_02 { float: left; width: 20%; }
	body#index div.PageMenu div.menuCo_02 a { color:#FF646E; text-decoration: none; }
	body#index div.PageMenu div.menuCo_02 a:hover { color:#FF646E; text-decoration: underline; }

	body#index div.PageMenu div.menuCo_03 { float: left; width: 19%; border-left:1px solid #cccccc; }
	body#index div.PageMenu div.menuCo_03 a { color:#1EB188; text-decoration: none; }
	body#index div.PageMenu div.menuCo_03 a:hover { color:#1EB188; text-decoration: underline; }

	body#index div.PageMenu div.menuCo_04 { float: left; width: 20%; border-left:1px solid #cccccc; }
	body#index div.PageMenu div.menuCo_0401 a { color:#E7292C; text-decoration: none; }
	body#index div.PageMenu div.menuCo_0401 a:hover { color:#E7292C; text-decoration: underline; }
	body#index div.PageMenu div.menuCo_0402 a { color:#E6B000; text-decoration: none; }
	body#index div.PageMenu div.menuCo_0402 a:hover { color:#E6B000; text-decoration: underline; }
	body#index div.PageMenu  .iconNew { background:url(../images/index_site_icon_new.jpg) center right no-repeat; }

	body#index div.MenuUnder { width: 1100px; margin: 80px auto -40px; padding-bottom: 0px; }
	body#index div.MenuUnder div.MenuUnderLast { width: 188px; margin: 0px auto 0px; float:right; }
	body#index div.MenuUnder ul.Under { width: 800px; margin: 0px 0px 0px; }
	body#index div.MenuUnder ul.Under li{ width: 196px; margin: 0px; float:left; text-align:left; }

#fixedTop {
   /* display: none !important; */
}
}

/* Extra small CSS */
/* -------------------------------------------------------------------------------- */
@media screen and (max-width:640px) {
	.pc_show { display:none; height: 0px !important;  }
	#main-box { padding: 0px !important; }

	.spTitleArea { background: url(../images/index_sp_bg_01.jpg) top center no-repeat; background-size:cover; margin: 0px; padding-bottom: 15px;}
	.flexPosi { background: #ffffff; border-radius: 10px !important; position: relative; top: 20px !important; left: 0px !important; width: 95% !important; margin: auto !important; z-index: 2; }
	.flexPosi ul { padding:0px; margin:0px; }
	.flexPosi ul.slides { position: relative; top: 10px; left: 0px; width: 98%; z-index:100; }
	.flexPosi ul li { padding:0px; margin:0px 0px 10px !important; }
	.flexPosi ul li { text-align: center; position: relative; top: 0px; z-index:15; padding-bottom:5px; }
	.flexPosi ul li img { width: 95% !important; margin: auto; }

	.topTtarea { position: relative; top:10px; width:90%; margin: 30px auto; }
	.topTtarea ul.topTtareaList { position: relative; }
	.topTtarea ul.topTtareaList li { float:left;background:#ffffff; width:50%;}
	.topTtarea ul.topTtareaList li img { padding: 5px 5px 0px; width:100%; }

	.dmTemp { background: url(../images/index_sp_bg_02.jpg) top center no-repeat; background-size: cover; margin:0px; }

	.PickUpBox { background: #ffffff; margin:1.5em auto !important; position: relative; z-index:10; box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.2);}
	.PickUpIcon { position: absolute; top:0px; right:0px; z-index:20; }

	div.siteMap { background:#F0FAFF; padding: 10px 0px 30px !important; margin:30px auto 0px !important; width: 100% !important; }
	div.siteMap div.h50{ height: 50px !important; vertical-align: middle; display: table-cell; padding-left:5px; }
	div.siteMap div.h70{ height: 70px !important; vertical-align: middle; display: table-cell; }
	div.siteMap div.txtBox00 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 13px !important; background:rgba(255,255,255,0.7) ; }
	div.siteMap div.txtBox01 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 13px !important; background:rgba(255,255,255,0.7) url(../images/index_sp_sitemap_bg01.png) center right no-repeat; }
	div.siteMap div.txtBox02 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 13px !important; background:rgba(255,255,255,0.7) url(../images/index_sp_sitemap_bg02.png) center right no-repeat; }
	div.siteMap div.txtBox03 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 13px !important; background:rgba(255,255,255,0.7) url(../images/index_sp_sitemap_bg03.png) center right no-repeat; }
	div.siteMap div.txtBox04 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 13px !important; background:rgba(255,255,255,0.7) url(../images/index_sp_sitemap_bg04.png) center right no-repeat; }
	div.siteMap div.txtBox05 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 13px !important; background:rgba(255,255,255,0.7) url(../images/index_sp_sitemap_bg05.png) center right no-repeat; }
	div.siteMap div.imgBox { width: 96%; padding: 0px 0px 5px; margin: auto; background: rgba(255,255,255,0.7); }
	div.siteMap a { text-decoration: none; }
	div.siteMap a:hover { text-decoration: underline; }
	div.siteMap a.siteMap01 { color:#0046AA; }
	div.siteMap a.siteMap01:hover { color:#0046AA;}
	div.siteMap a.siteMap02 { color:#00AAE8; }
	div.siteMap a.siteMap02:hover { color:#00AAE8;}
	div.siteMap a.siteMap03 { color:#FF6E00; }
	div.siteMap a.siteMap03:hover { color:#FF6E00;}
	div.siteMap a.siteMap04 { color:#FF646E; }
	div.siteMap a.siteMap04:hover { color:#FF646E;}
	div.siteMap a.siteMap05 { color:#1EB188; }
	div.siteMap a.siteMap05:hover { color:#1EB188;}
	div.siteMap a.siteMap06 { color:#E7292C; }
	div.siteMap a.siteMap06:hover { color:#E7292C;}
	div.siteMap a.siteMap07 { color:#E6B000; }
	div.siteMap a.siteMap07:hover { color:#E6B000;}

}