@charset "UTF-8";
/* CSS Document */

body, header, section, h1, h2, nav, ul, li {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}


body{
	font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#333;
	margin:0;
	padding:0;
	font-size:14px;
	-webkit-text-size-adjust: none;
	/*
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ddd),
		to(#ffffff));
	background-repeat:repeat-x;
	*/
}

h1, h2{
	font-size:16px;
	font-weight:normal;
}


a,img{
	border:0;
	margin:0;
	padding:0;
	display:block;
	color:#333;
}
.clearfix:after{
	content:'.';
	visibility:hidden;
	width:100%;
	clear:both;
	line-height:0px;
}

#container{
	width:100%;
	overflow:hidden;
	min-height:416px;
}


header{
	line-height:40px;
	text-align:center;
	/*
	text-shadow:
		0px -1px 1px rgba(0,0,0,0.2),
		0px 1px 0px rgba(255,255,255,0.7);
	*/
	color:#666;
}
header img{
	margin:0 auto;
}

#headerMain{
	display:none;
}
header>h1>a{
	display:block;
	width:100%;
	text-decoration:none;
	color:#666;
	margin:10px auto;
}

.logo_pc{
	display:none;
}
.logo_i{
	display:block;
	width:100%;
	height:auto;
}

nav {
	display:block;
}

nav#globalNav > ul, nav#globalNav > li {
#	list-style:none;
	background-color:#afd9fa;
}

nav#globalNav > ul {
	line-height:0;
}


nav#globalNav > ul:after {
	content:'.';
	visibility:hidden;
	width:100%;
	clear:both;
	line-height:0;
	height:0;
	display:block;
}


nav#globalNav li {
	display:block;
	float:left;
	width:32%;
	text-align:center;
	line-height:30px;
	background-color:#CCC;
	border-right:1px solid #999;
	
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#afd9fa),
		color-stop(0.22, #ffffff),
		to(#588fad)); -webkit-box-shadow: 0 0 3px #333333;	
		
	-webkit-box-shadow:
		-1px 1px 1px rgba(255, 255, 255, 0.7) inset,
		0px 3px 3px rgba(000,000,000,0.3);
	
}

nav#globalNav li:nth-of-type(3) {
	width:33%;
	border-right:0;
}

nav#globalNav a {
	font-size:20px;
	text-decoration:none;
	color:#444;
	font-weight:bold;
}

/*
nav#globalNav:after {
	display:block;
	content:'.';
	visibility:hidden;
	height:0;
	width:100%;
	clear:both;
}
*/

section#mainImage, section#news {
	color:#666;
	text-align:left;
	background-color:#FFF;
}
section#mainImage h2, section#news h2 , section#recommend h2{
	padding:10px;
	color:#666;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	/*
	text-shadow:
		0px -1px 1px rgba(0,0,255,0.2),
		0px 1px 0px rgba(255,255,255,0.7);
	*/
}

section#mainImage p {
	text-align:center;
}

section#mainImage p img {
	display:inline-block;
}

section#news, section#recommend {
	margin-top:10px;
	border-bottom:1px solid #CCC;
}

section#news p {
	margin-left:20px;
}

/* ----------------リスト型ナビゲーション --------------------- */
#products{
	clear:both;
}

#products ul{
	list-style:none;
	padding-top:10px;
	padding:10px 10px;
}
#products li{
	text-align:left;
	border:1px #ccc solid;
	border-bottom:0px;
	
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#FFFFFF),
		to(#BBB));
	/*
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.1);
	*/
}


#products li:first-child{
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#BBB),
		to(#666));
	border:none;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}


#products li:last-child{
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom:1px #ccc solid;
}

#products li > header > h2 {
	text-align:left;
	font-weight:bold;
	font-size:1.4em;
	margin-left:15px;
	color:#FFF;
	text-shadow:0px -1px 0px rgba(0,0,0,1.0);
}

#products li>a{
	color:#666;
	display:block;
	height:auto;
	/*-webkit-box-sizing: border-box;*/
	padding:10px 0;
	/*padding-left:10px;*/
	text-align:left;
	font-size:1.3em;
	font-weight:bold;
	/*vertical-align:middle;*/
	
	text-shadow:
		0px 1px 0px rgba(255,255,255,1.0);
	
}


#products li>a>span{
	display:table-cell;
	clear:none;
	vertical-align:middle;
	height:auto;
}
#products li>a>span:last-child{
    width:100%;
}
#products li>a>span>img{
	margin:0 10px;
}

#products li>a:after{
	content:url(../images/arrowR.png);
	font-size:18px;
	font-weight:bold;
	padding-right:10px;
	color:#FFF;
	display:table-cell;
	vertical-align:middle;
}

/* ----------------リスト型ナビゲーションここまで --------------------- */

nav.grid ul {
	list-style:none;
}

nav.grid li {
	float:left;
	text-align:center;
	list-style:none;
	width:25%;
	height:105px;
	border-bottom:1px #DDD solid;
	border-right:1px #DDD solid;
	-webkit-box-sizing:border-box;
}

nav.grid li:nth-of-type(4n) {
	border-right:none;
}

nav.grid li img {
	width:60px;
	display:inline-block;
	margin-top:10px;
}

nav.grid ul:after {
	content:'.';
	display:block;
	clear:both;
	visibility:hidden;
}

nav.grid a {
	display:block;
	text-decoration:none;
	text-align:center;
	position:relative;
}


nav.grid a:after {
	position:absolute;
	top:70px;
	display:block;
	width:100%;
	content:attr(title);
	font-size:9px;
	text-align:center;
	line-height:10px;
}


footer{
	display:block;
	text-align:center;
}