@charset "utf-8";

/* CSS Document */

body {
	background-color:#e5e5e5;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*header layout */
header {
	overflow:hidden;
	font-size:0;
	-webkit-box-shadow: 0px 3px 10px rgba(51, 51, 51, 0.3);
	-moz-box-shadow: 0px 3px 10px rgba(51, 51, 51, 0.3);
	-ms-box-shadow: 0px 3px 10px rgba(51, 51, 51, 0.3);
	box-shadow: 0px 3px 10px rgba(51, 51, 51, 0.3);
}
header h1 img {
	width:100%;
}
/*header layout */


/*bottomNavibtn layout */
.btnArea {
	-webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);
	-ms-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.2);
	background-color:#FFFFFF;
	margin: 7% 0 8% 0;
}
.btnArea h3 {
	margin-bottom: 4%;
	background-color:#ffe8b0;
	padding: 2.5% 20% 1.5%;
}
.btnArea h3 img {
	width:100%;
}
.btnArea dl:nth-of-type(1) {
border-bottom:#a5a5a5 solid 1px;
}
.btnArea dl dt {
	padding:0;
	margin:0 5% 2% 5%;
}
.btnArea dl dd {
	line-height:1.4em;
	margin:0 5%;
	padding:0;
}
 .btnArea dl dd:nth-of-type(2) {
 margin: 3% 5% 5% 5%;
 padding: 5% 0 4.5% 24%;
 overflow:hidden;
 border:#ff7f00 solid 1px;
 -webkit-box-shadow: 0px 0px 6px rgba(51, 51, 51, 0.17);
 -moz-box-shadow: 0px 0px 6px rgba(51, 51, 51, 0.17);
 -ms-box-shadow: 0px 0px 6px rgba(51, 51, 51, 0.17);
 box-shadow: 0px 0px 6px rgba(51, 51, 51, 0.17);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 166, 0)), color-stop(1, rgb(255, 85, 0)));
 background: -moz-linear-gradient(-180deg, rgb(255, 166, 0) 0%, rgb(255, 85, 0) 100%);
 background: linear-gradient(-180deg, rgb(255, 166, 0) 0%, rgb(255, 85, 0) 100%);
 color: rgb(255, 255, 255);
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 font-weight:bold;
 line-height:24px;
}
 .btnArea dl dd:nth-of-type(2) p {
background:url(../images/iconArrow.png) 95% center no-repeat;
 -webkit-background-size:10% auto;
background-size:10% auto;
line-height:400%;
}
 @media only screen and (orientation : landscape) { /*横向きの際に適用*/
.btnArea dl dd:nth-of-type(2) {
font-size:20px;
 padding: 0 0 0 24%;
}
}
 @media only screen and (orientation : portrait) { /*縦向きの際に適用*/
.btnArea dl dd:nth-of-type(2) {
font-size:16px;
 padding: 0 0 0 19%;
}
}
 .btnArea dl dd:nth-of-type(2) a {
 color:#FFFFFF;
}
 .btnArea dl dd:nth-of-type(2) img {
 padding-left:20%;
 text-align: right;
 vertical-align:top;
 width: 8%;
}
.btnArea dl dd:nth-of-type(3) {
 margin:6% 5% 0 5%;
}
.btnArea dl:nth-of-type(2) {
 margin:0 0 5% 0;
 padding-bottom:4%;
}
/*bottomNavibtn layout */

/* bottomNavi layout */
nav {
	overflow:hidden;
	margin:0;
	padding:0;
}
nav ul li {
	margin: 0;
	width: 45%;
}

	/*gnavi*/
	
nav ul:nth-of-type(1) {
background:url(../images/gNaviBg.gif) center left repeat;
border-top:#a5a5a5 solid 1px;
border-bottom:#a5a5a5 solid 1px;
overflow:hidden;
}
nav ul li:nth-of-type(1) {
float: left;
border-right:#dfdfdf solid 1px;
width:49%;
}
nav ul li:nth-of-type(2) {
float: right;
width:50%;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
nav ul:nth-of-type(1) li:nth-of-type(1) a, nav ul:nth-of-type(1) li:nth-of-type(2) a {
font-size:0;
line-height:0;
text-indent:-9999px;
height:75px;
}
}
@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
nav ul:nth-of-type(1) li:nth-of-type(1) a, nav ul:nth-of-type(1) li:nth-of-type(2) a {
font-size:0;
line-height:0;
text-indent:-9999px;
height:60px;
}
}

	/*gnavi*/
	

ul:nth-of-type(2) {
width:78%;
margin:4% auto;
padding:0;
overflow:hidden;
}
nav ul:nth-of-type(2) li {
margin: 0;
float:left;
}
nav ul:nth-of-type(2) li a {
color:#0096ff;
}
nav ul:nth-of-type(2) li a:hover {
color:#0096ff;
text-decoration:underline;
}
nav ul:nth-of-type(2) li:nth-of-type(1) {
background:url(../images/iconHome.gif) center left no-repeat;
-webkit-background-size:12% auto;
background-size:12% auto;
}
nav ul:nth-of-type(2) li:nth-of-type(2) {
padding:10px 0 10px 8%;
background:url(../images/iconPageTop.gif) center left no-repeat;
-webkit-background-size:17% auto;
background-size:17% auto;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
nav ul:nth-of-type(2) li {
font-size:14px;
width: 28%;
}
}
@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
nav ul:nth-of-type(2) li {
font-size:12px;
width: 36%;
}
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
nav ul:nth-of-type(2) li:nth-of-type(1) {
padding:10px 26% 10px 9%;
}
}
@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
nav ul:nth-of-type(2) li:nth-of-type(1) {
padding:10px 11% 10px 8%;
}
}
/* bottomNavi layout */



/* footer layout*/

footer {
	background:#0099ff;
	clear:both;
	width:100%;
	padding:10px 0 10px 0;
}

footer a {
	margin:0 auto;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.1em;
	font-size: 12px;
}