@charset "utf-8";

*{
padding:0;
	margin:0;
	box-sizing:border-box;
}
/* SKIP */
.skip{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0}
/*** Common ***/
/* Top */
#wrap { width:100%; margin:0 auto;}
#header {width:100%; max-width:1554px; height:90px; margin:0 auto;}
#header h1 {top:0; left:0; width:100%; max-width:260px; height:68px; float:left;}

/* Nav */
.nav {float: right; right: 0; margin: 30px 0; width: 100%; max-width: 525px;}
.nav ul:after {content:""; display:block; clear:both;}
.nav ul li {position:relative; float:left;}
.nav ul li a img{width:auto;}
}
/*
.nav ul li ul:after {content:""; display:block; clear:both;}
.nav ul li ul {position:absolute; padding:0; top:54px; left:0; width:auto; height:auto; margin:0; z-index:100; visibility:hidden;}
.nav ul li ul li {margin:0; padding:8px 15px; background:url(/img/common/nav_dot.gif) 0 16px no-repeat; float:left;}
.nav ul li ul li:first-child  {background:none;}
.nav ul li ul li a {color:#333; font-size:1.083em;}
.nav ul li ul li a:hover {color:#888; text-decoration:none}
.nav ul li:hover ul {visibility:visible;}
.nav ul li:hover {position:static} 
*/

/*
.nav ul li img { border-width:0px; display:inline;}
.nav ul li img.over {display:none;} 
.nav ul li:hover { border:0px } 
.nav ul li:hover img { display:none;} 
.nav ul li:hover img.over { display:inline;}
.nav ul li.on ul {visibility:visible;}
.nav ul li.on {position:static}
.nav ul li.on img {display:none;}
.nav ul li.on img.over {display:inline;}
*/

/* Main Ctn */
.mvisu {position:relative; width:100%; height:470px; background:#c2353b url(../img/main_top.jpg) center 0 no-repeat; text-indent:-9999px}
.mctn {position:relative; width:100%; max-width:980px; height:184px; margin:40px auto 80px auto;}
.mctn .loc {width:120px; float:left; margin-right:20px}
.mctn .anylock {width:120px; float:left; margin-right:50px}
.mctn .ovw {width:375px; float:left; margin-right:50px; overflow:hidden}
.mctn .ovw h2 {position:relative;}
.mctn .ovw ul {width:390px}
.mctn .ovw:after {content:""; display:block; clear:both;}
.mctn .ovw li {float:left; margin-right:15px;}
.mctn .cat {width:245px; float:left}
.mctn .cat ul {width:260px}
.mctn .cat:after {content:""; display:block; clear:both;}
.mctn .cat li {float:left; margin-right:15px;}


/* FOOTER */
#footer {position:relative; width:100%; padding:20px 0; border-top:1px #E2E2E2 solid; color:#777;background: #262626;}
#footer .wp {position:relative; width:100%; max-width:980px; margin:0 auto}
#footer .wp .glogo {position:absolute; top:0; right:0;}
#footer .wp span {display:inline-block; margin-right:15px;}
#footer .wp .ccp {position:relative; margin-top:5px; color:#999; font-family:Arial; font-size:0.833em; letter-spacing:0.02em;}

/* ABOUT */
.ctn {position:relative; width:100%; max-width:980px; margin:50px auto 80px auto; color:#555}
.ctn .mall {position:fixed; top:140px; left:50%; width:490px; height:110px; z-index:100}
.ctn .mall img {position:absolute; top:0; right:-85px; width:auto;}
.ctn h2 {position:relative; font-size:2.300em; color:#333; font-weight:normal; margin-bottom:32px;}
.greet {position:relative; margin-bottom:90px;}
.greet:after {content:""; display:block; clear:both;}
.greet .lt {position:relative; width:100%; max-width:575px; margin-right:50px; float:left} 
.greet .lt .ceo {position:absolute; top:70px; left:0; width:150px;}
.greet .lt .ceo span {display:inline-block; text-align:right; color:#888; padding-top:5px;}
.greet .lt p {font-size:1.083em; line-height:1.8em; padding-left:190px;}
.greet .rt {position:relative; width:100%; max-width:355px; float:left}
.greet .rt ul li {font-size:1.083em; margin-bottom:8px; padding-left:62px;}
.greet .rt ul li .date {position:absolute; top:0; left:5px; color:#888}
.orz {position:relative; text-align:right; margin-bottom:90px;}
.orz h2 {position:absolute; top:0; left:0}
.orz-m{display:none;}
.loca {position:relative; *zoom:1; margin-bottom:30px}
.loca:after {content:""; display:block; clear:both;}
.loca .addr {position:relative; color:#666; line-height:2.0em; width:100%; max-width:330px; margin-right:50px; float:left}
.loca .addr span {display:inline-block; color:#333; font-weight:bold; margin:15px 0 5px 0;}
.loca .map {position:relative; width:100%; max-width:600px; height:680px; float:left;}

/* PRODUCT */
.any {position:relative; width:100%; max-width:980px; padding-bottom:80px; font-size:1.083em; background:url(../img/any_bg.jpg) right 0 no-repeat}
.any  h2 {margin:0}
.any_logo {position:relative; margin:45px 0 30px 0;}
.any_logo img{width:auto;}
.any .int {font-size:1.083em; line-height:1.8em; width:100%; max-width:490px}
.any .cli {position:relative; padding-top:22px; margin-top:50px; background:url(../img/any_topln.gif) no-repeat}





@media only screen and (max-width: 1630px) {
	#header{
		padding:0 30px;
	}
	#header h1{
		left: inherit;
		width: auto;
	}
}

@media only screen and (max-width: 1100px) {
	.ctn{
		padding:0 30px;
	}
	#footer{
		padding:20px 30px;
	}
	#footer .wp .glogo{
		top:auto;
		bottom:0;
	}
	.ctn .mall{
		top: 25%;
		right: 0;
		width: auto;
		height:auto;
	}
	.ctn .mall img{
		top: 0;
		right: 0;
		width: auto;
	}
}

@media only screen and (max-width: 995px) {
	.greet .lt .ceo{
		position: static;
		margin-bottom:20px;
	}
	.greet .lt p{
		padding-left:0;
		margin-bottom: 30px;
	}
	.any{
		background:transparent;
		padding-bottom:30px;
	}
	

}

@media only screen and (max-width: 550px) {
	.nav ul li:first-child a:nth-child(2) img{
		width:25%;
	}
	.nav ul li:first-child a:nth-child(3) img{
		width:15%;
	}
	.nav ul li:first-child a:nth-child(4) img{
		width:25%;
	}
	.nav ul li:last-child a:nth-child(2) img{
		width:32%;
	}
	.ctn h2{
		font-size: 22px;
	}
	.greet .lt p, .int{
		text-align: justify;
		font-size:14px;
	}
	
	.greet{
		margin-bottom:50px;
	}
	.loca .map{
		height:auto;
	}
	.ctn{
		margin-top:100px;
	}
	.orz-pc{
		display:none;
	}
	.orz-m{
		display:block;
	}
	.orz{
		margin-bottom:50px;
	}
	.MarB30{
		font-size:14px;
	}
	.greet .lt p br, .int br{
		display:none;
	}
}