/*----- 各ﾍﾟｰｼﾞに共通するﾍﾟｰｼﾞﾚｲｱｳﾄ -----*/


/*-------------------------
 .wrapper
-------------------------*/
.wrapper{
	/*---min-height:100%;-- レイアウト崩れがあったためコメントアウト*/
	height:auto;
	position:relative;
}

/*-------------------------
 header
-------------------------*/
header{
	height:44px;
	width:100%;
}
header .logo{
	/*background:url(../../images/common/logoSprite.png) center -5px no-repeat;*/
	color:#fff;
	height:40px;
	margin:0 auto;
	text-align:center;
	/*text-indent:-3000px;*/
	width:240px;
}
header .logo30th{
	position: absolute;
	top:3px;
	left:9px;
}
header .btnMenu .btn{
	right:10px;
	width:55px;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
header p.btn .icon{
	margin-right:0;
	margin-left:2px;
}

header nav{
	z-index:5;
}

/*-------------------------
 section#main
-------------------------*/
#main{
	padding-bottom:44px;		/* footer's height */
	width:100%;
}
#main .title{
	color:#ffffff;
	font-size:120%;
	height:35px;
	line-height:35px;
	text-align:center;
	width:100%;
}
#main .arrowMenu li{
	background:#f5f5f5;
	background:-moz-linear-gradient(top, #ffffff, #fff 30%, #f5f5f5);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3, #fff), to(#f5f5f5));
	background:linear-gradient(top, #ffffff, #fff 30%, #f5f5f5 100%);
	border-top:1px solid #cfcfcf;
	height:40px;
	line-height:40px;
	overflow:hidden;
}
#main .arrowMenu .right a{
	background:url(../../../images/common/s/arrowRight.png) right top no-repeat;
	display:block;
	padding:0 30px 0 10px;
}



/*-------------------------
 menu.#globalMenu
-------------------------*/
#globalMenu{
	top:0px;
	overflow:hidden;
}
#globalMenu .btnBox p{
	width:55px;
}
#globalMenu .btnBox p.btn{
	z-index:13
}
#globalMenu .btnBox p.shadow{
	z-index:11;
}
#globalMenu .innerBox{
	z-index:12;
}

#globalMenu .menuArea{
	width:100%;
}
#globalMenu .menuArea li{
	float:left;
	width:33%;
}
#globalMenu .menuArea li p{
	/*
	border:1px solid #daba27;
	border-radius:10px;
	box-shadow:0px 0px 10px #daba27 inset;
	-moz-box-shadow:0px 0px 10px #daba27 inset;
	-webkit-box-shadow:0px 0px 10px #daba27 inset;*/
	
	height:80px;
	line-height:80px;
	margin:10px auto;
	text-align:center;
	width:80px;
}
#globalMenu .menuArea li p.left{
	clear:both;
}
#globalMenu .menuArea a{
	display:block;
}
#globalMenu .sub{
	border-bottom:1px solid #ccc;
	border-radius:5px;
	margin:10px 10px 0;
}
#globalMenu .sub li{
	border:1px solid #ccc;
	border-bottom:0;
}
#globalMenu .sub li:first-child{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#globalMenu .sub li:last-child{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
#globalMenu .sub li a{
	display:block;
	line-height:40px;
	text-align:center;
}

/*-------------------------
 #socialMedia
-------------------------*/
#socialMedia{
	margin:0 auto;
	padding:10px 0;
	width:320px;
}
#socialMedia li{
	float:left;
	overflow:hidden;
	margin-right:10px;
	width:90px;
	height:25px;
}
#socialMedia li:first-child{
	margin-left:10px;
}
#socialMedia li.facebook iframe {
	
}

/*-------------------------
 #bottomMenu
-------------------------*/
#bottomMenu{
	border-bottom:1px solid #cfcfcf;
}
#bottomMenu li{
	background-color:#f5f5f5;
	background: -moz-linear-gradient(top, #ffffff, #fff 30%, #f5f5f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.3, #fff), to(#f0f0f0));
	background: linear-gradient(top, #ffffff, #fff 30%, #f5f5f5 100%);
	border-top:1px solid #cfcfcf;
}
#bottomMenu .gotoTop{
	background:url(../../../images/s/common/arrowUp.png) center -3px no-repeat;
	border-left:1px solid #cfcfcf;
	color:#1194d1;
	cursor:pointer;
	float:right;
	line-height:25px;
	padding-top:15px;
	text-align:center;
	text-shadow:0 1px 1px #fff;
	width:40px;
}
#bottomMenu li p{
	height:40px;
	line-height:40px;
}
#bottomMenu .right p{
	background:url(../../../images/s/common/arrowRight.png) right top no-repeat;
}
#bottomMenu .left p{
	background:url(../../../images/s/common/arrowLeft.png) left top no-repeat;
	padding-right:40px;
}
#bottomMenu a{
	display:block;
	padding:0 30px;
}

/*-------------------------
 footer
-------------------------*/
footer{
	bottom:0;
	position:absolute;
	width:100%;
}
footer .copyright{
	color:#0049a9;
	line-height:40px;
	text-align:center;
}