@charset "utf-8";
body {
	background-color:#e5e5e5;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* header style*/



/*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 */



p.text {
margin:3% 5%;
line-height:1.4em;
}
/*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: 4% 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(../../common/images/iconArrow.png) 95% center no-repeat;
 -webkit-background-size:10% auto;
background-size:10% auto;
}
 @media only screen and (orientation : landscape) { /*横向きの際に適用*/
.btnArea dl dd:nth-of-type(2) {
font-size:20px;
 padding: 5% 0 4.5% 24%;
}
}
 @media only screen and (orientation : portrait) { /*縦向きの際に適用*/
.btnArea dl dd:nth-of-type(2) {
font-size:16px;
 padding: 5% 0 4.5% 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:nth-of-type(1) {
background-color:#f5f5f5;
border-top:#a5a5a5 solid 1px;
 overflow:hidden;
 padding:0;
}
 nav ul:nth-of-type(1) li {
 border-bottom: 1px solid #A5A5A5;
 font-weight: bold;
 padding: 3% 0 3% 4%;
}
 @media only screen and (orientation : landscape) { /*横向きの際に適用*/
nav ul:nth-of-type(1) li {
 font-size: 20px;
}
}
 @media only screen and (orientation : portrait) { /*縦向きの際に適用*/
nav ul:nth-of-type(1) li {
 font-size: 14px;
}
}
 nav ul:nth-of-type(1) li:nth-of-type(1) {
 background:url(../images/img01.gif) 97% 48% no-repeat;
 -webkit-background-size:4% auto;
background-size:4% auto;
}
nav ul:nth-of-type(1) li:nth-of-type(2) {
 background:url(../images/img02.gif) 97% 48% no-repeat;
 -webkit-background-size:4% auto;
background-size:4% auto;
}
nav ul:nth-of-type(1) li:nth-of-type(3) {
 background:url(../images/img03.gif) 97% 48% no-repeat;
 -webkit-background-size:4% auto;
background-size:4% auto;
}
nav ul:nth-of-type(1) li:nth-of-type(4) {
 background:url(../images/img04.gif) 97% 48% no-repeat;
 -webkit-background-size:4% auto;
background-size:4% auto;
}
nav ul:nth-of-type(1) li:nth-of-type(5) {
 background:url(../images/img05.gif) 97% 48% no-repeat;
 -webkit-background-size:4% auto;
background-size:4% auto;
}
nav ul li img {
	width:20%;
	padding-right:3%;
	vertical-align: middle;
}
 nav ul:nth-of-type(1) li:nth-of-type(1) a {
color:#ef6a3c;
}
 nav ul:nth-of-type(1) li:nth-of-type(2) a {
color:#4e9b41;
}
 nav ul:nth-of-type(1) li:nth-of-type(3) a {
color:#089cfe;
}
 nav ul:nth-of-type(1) li:nth-of-type(4) a {
color:#aa5d33;
}
 nav ul:nth-of-type(1) li:nth-of-type(5) a {
color:#797979;
}
nav p {
	line-height: 2em;
	margin: 5% 0;
}
 @media only screen and (orientation : landscape) { /*横向きの際に適用*/
 nav p {
 padding-left:44%;
 background:url(../../common/images/iconPageTop.gif) 40% center no-repeat;
 -webkit-background-size:5% auto;
background-size:5% auto;
 font-size: 14px;
}
}
 @media only screen and (orientation : portrait) { /*縦向きの際に適用*/
 nav p {
padding-left:40%;
 background:url(../../common/images/iconPageTop.gif) 36% center no-repeat;
 -webkit-background-size:5% auto;
background-size:5% auto;
 font-size: 12px;
}
}
nav p a {
	font-weight:bold;
	color:#0096ff;
}
nav p a:hover {
	text-decoration:underline;
}
 @media only screen and (orientation : landscape) { /*横向きの際に適用*/
 nav ul:nth-of-type(2) {
 margin: 0 9%;
 overflow: hidden;
 padding-bottom: 30px;
}
}
 @media only screen and (orientation : portrait) { /*縦向きの際に適用*/
 nav ul:nth-of-type(2) {
overflow: hidden;
 padding-bottom: 30px;
margin:0 1%;
}
}
 nav ul:nth-of-type(2) li {
float:left;
}
 nav ul:nth-of-type(2) li a {
text-decoration:underline;
display:inline;
color:#0096ff;
}
nav ul:nth-of-type(2) li a:hover {
text-decoration:none;
}
 @media only screen and (orientation : landscape) { /*横向きの際に適用*/
nav ul:nth-of-type(2) li a {
 font-size: 12px;
}
}
 @media only screen and (orientation : portrait) { /*縦向きの際に適用*/
nav ul:nth-of-type(2) li a {
 font-size: 10px;
 letter-spacing: -0.1em;
}
}

/* bottomNavi layout */


/* footer layout*/

footer {
	clear:both;
	width:100%;
}
footer img {
	width:70%;
}
footer a {
	background:#0099ff;
	margin:0 auto;
	text-align:center;
	padding:10px 0 10px 0;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.1em;
	font-size: 12px;
}