@charset "shift_jis";
/*---------------------------

---------------------------*/
#contents { width: 780px }
/* title */
.titleImage {
	margin: 0 auto 10px;
	text-align: center;
}
.erabikata {
	margin: 0 auto 10px;
	width: 740px;
	text-align: right;
}
#titleImage h1.TopttlFont {
	font-size: 2.2em !important;
	margin: 15px 0px 10px 15px !important;
	width: 380px;
	color: #444;
	font-weight: normal !important;
	border-bottom: 1px inset #06C;
}

/*----------------
  another-menu
----------------*/

.another-menu {
	margin: 1em auto;
}
.another-menu .another-link {
	vertical-align: middle;
	font-size:.9em;
	line-height:1.2em;
}
.another-menu .another-link:nth-child(1) {
	padding:1em 0;
}
.another-menu .another-link a {
	display: block;
	padding:1em 0;
	width:100%;
	color:#06C;
	background-color:#eefcff;
	text-align:center;
}
.another-menu .another-link a:hover {
	color:#f60;
	background-color:#fff7cf;
	transform:.3s;
}

/*----------------
  grid-box
----------------*/

.grid-box {
    letter-spacing: -.40em;
	width:100%;
	text-align:center;
}

.grid-box .inner {
    letter-spacing: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
	vertical-align: top;
}

.grid-box.division-1 .inner {
	width: 97.8%;
	margin: 0 1.1% 2% ;
}

.grid-box.division-2 .inner {
	width: 47.8%;
	margin: 0 1.1% 2% ;
}

.grid-box.division-3 .inner {
	width: 31%;
	margin: 0 1.15% 2% ;
}

.grid-box.division-4 .inner {
	width: 22.8%;
	margin: 0 1.1% 2% ;
}

.grid-box.division-5 .inner {
	width: 17.8%;
	margin: 0 1.1% 2% ;
}


/*---------------------------
menu
---------------------------*/
h2.contentsTtl {
	margin: 5px 0px 10px;
	padding: 5px 10px;
	border-bottom: 3px solid #2976C6;
	color: #2976C6;
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
}
h2.contentsTtl span {
	font-size: 0.7em;
	font-weight: normal;
	position: absolute;
	right: 3px;
	text-align: right;
	top: 8px;
}
h2.contentsTtl span a {
	background-color: #2976C6;
	border: 1px solid #2976C6;
	border-radius: 5px;
	color: #FFF;
	padding: 2px 5px;
	text-decoration: none;
}
h2.contentsTtl span a:hover {
	background-color: #E2F0FA;
	color: #2976C6;
}

/*--menu‹¤’Ê--*/

#headerMenu {
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:1em 0;
}

#headerMenu ul.menuList {
	letter-spacing: -.40em;
	margin:0 auto;
	text-align:center;
	width:100%;
}

#headerMenu ul.menuList li {
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width:31%;
	height:150px;
	margin:0 1% 2%;
	background-size: 90px 90px;
	background-repeat: no-repeat;
	background-position: center 40%;
	position:relative;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}

#headerMenu ul.menuList li:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  background-color:#fff7cf;

}

#headerMenu ul.menuList li::after {
	position: absolute;
	bottom: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 3px solid #2976C6;
	border-right: 3px solid #2976C6;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*--‰¡4—ñ--*/

#headerMenu.toppage4 ul.menuList li {
	width: 23%;
	margin:0 1% 2%;
	background-size: 100px 100px;
	background-position: center 18%;
	height:155px;
}


/*--‰¡5—ñ--*/

#headerMenu.toppage5 ul.menuList li {
	width: 18%;
	margin:0 1% 2%;
	background-size: 100px 100px;
	background-position: center 33%;
}


/*--‰¡6—ñ--*/

#headerMenu.toppage6 ul.menuList li {
	width: 14.3%;
	margin:0 1% 2%;
	background-size: 100px 100px;
	background-position: center 33%;
	font-size:0.9em;
}



/*--menu_color--*/

#headerMenu ul.menuList li a {
	display:block;
	height:100%;
	width:100%;
	text-align:center;
	text-decoration:none;
	color:#2976C6;
}

#headerMenu ul.menuList li a span.text {
	display:block;
	width:100%;
	position:absolute;
	bottom: 10px;
	text-align:center;
	text-decoration:none;
}

#headerMenu ul.menuList li a span.ttl {
	display:block;
	width:100%;
	position:absolute;
	top: 10px;
	text-align:center;
	font-size:1.2em;
}

#headerMenu ul.menuList li a:hover {
	color:#F60;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
	text-decoration:none;
}
#headerMenu ul.menuList li:hover::after {
	border-top: 3px solid #F60;
	border-right: 3px solid #F60;
}




/* inline list */
#contents .keytp {
	background-color:#E2F0FA;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	margin: 0 auto;
	width:760px !important;
	padding:10px 0 15px;
}

#contents ul.inlinelist {
	letter-spacing: -.40em;
	margin: 0 auto;
	width:760px !important;
	text-align:center;
}
#contents ul.inlinelist li {
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align:center;
	margin:0 7px;
	vertical-align: middle;
}

#contents ul.keytoch li {
	background-position:left top;
	background-repeat:no-repeat;
	width:146px;
	height:128px;
	text-align:left;
	font-size:0.94em;
	line-height:1.3em;
	background-color:#FFFFFF;
	padding:0 5px;
}

#contents ul.keytoch li:nth-child(1) .keytochname { background-color: #39C;}
#contents ul.keytoch li:nth-child(2) .keytochname { background-color: #099;}
#contents ul.keytoch li:nth-child(3) .keytochname { background-color: #F90;}
#contents ul.keytoch li:nth-child(4) .keytochname { background-color: #F39;}

#contents ul.keytoch li .keytochname {
	display:block;
	text-align:center;
	padding:5px 3px;
	margin:5px 0;
	color:#FFF;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}

#contents ul.keycap li {
	text-align:left;
}

#contents ul.keycap li:nth-child(1) {
	width:120px;
}

#contents ul.keycap li:nth-child(2) {
	width:500px;
	color:#FF3300;
}

#contents ul.keypitch li {
	background-position:5px center;
	background-repeat:no-repeat;
	width:135px;
	height:60px;
	text-align:left;
	font-size:0.94em;
	line-height:1.3em;
	background-color:#FFFFFF;
	padding:8px 5px 8px 70px;
}

#contents .keyttl {
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	padding:0 0 5px 0;
	text-align:center;		
}


/*---------------------------
pickup
---------------------------*/

#itemPickup {
	margin:0 auto;
	text-align:center;
}

#itemPickup ul.pickupList {
	letter-spacing: -.40em;
	margin:0 auto;
}

#itemPickup ul.pickupList li {
	letter-spacing: normal;
	display: inline-block; 
	*display: inline; 
	*zoom: 1;
	margin:0 14px 0 0;
	text-align:left;
	line-height:1.4;
	width:30%;
}

#itemPickup ul.pickupList li .itemImage img {
	vertical-align:middle;
	width:100%;
}

#headerMenu ul.menuList li:nth-child(3)  {
	margin-right:0 !important;
}

#itemPickup ul.pickupList li .itemNom {
	position:relative;
	line-height:1.6em;
	margin:3px 0;
	color:#999;
}

#itemPickup ul.pickupList li .itemNom span.itemPrice {
	position:absolute;
	color:#F00;
	font-size:1.2em;
	right:0;
}

/*---------------------------
 
---------------------------*/

.itemBox table.sizehyou { margin:0.4em 0 0.2em; border-collapse: collapse; color:#666; width:740px !important;}
.itemBox table.sizehyou th,
.itemBox table.sizehyou td { border: 1px solid #999 !important; text-align:center; font-weight:normal; }

.itemBox table.sizehyou th { background-color: #F0F0F0; font-size:0.9em; }
.itemBox table.sizehyou td {  font-size:1.0em; padding: 0.6em 0.6em; line-height:1.4em;}