@charset "utf-8";

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	color:#333;
	-webkit-text-size-adjust: 100%;
	position:relative;
	font-size:13px;
}

img {
	vertical-align:middle;
}

sup{
  vertical-align: baseline;
  position: relative;
  top: -1ex;
  font-size:0.6em;
}
sub{
  vertical-align: baseline;
  position: relative;
  top: 0ex;
  font-size:0.6em;
}
.kome{
	text-indent:-1em;
	padding-left:1em;
}


/*common link
-------------------------------------------*/
a:link 		{color: #000000;text-decoration: none;}
a:visited 	{color: #000000;text-decoration: none;}
a:active	{color: #78BD36;text-decoration: underline;}
a:hover 	{color: #78BD36;text-decoration: none;}

a:hover img{
	opacity:0.80;
	filter: alpha(opacity=80);
}

.link{
	padding-left:15px;
	background:url(../img/icon_link.png) no-repeat;
	background-position:left center;
}
.red{
color: #d2355b;
font-weight:bold;
}

.udrline {
color: #333333;
font-weight:bold;
}

/*layout
-------------------------------------------*/
section{
	position:relative;
}

section:after{
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0;
}

.contents {
	position:relative;
	width:1000px;
	margin:0 auto;
}

.contents:after{
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0;
}

.path-area{
	position:relative;
	width:1000px;
	margin:0 auto;
}


.pc{display:block;}
.sp{display:none;}


/*header
-------------------------------------------*/
header{
	height:34px;
	background:#044e7d;
	border-bottom:6px solid #b7d44c;
}

.box_header_tool{
	float:right;
	width:463px;
}

/*フォントサイズ
---------------------------*/
.box_font{
	float:left;
	width:115px;
	height:28px;
	padding-left:26px;
	background:#063a5d url(../img/common/bg_header_font.gif) no-repeat;
}

.box_font ul li{
	float:left;
	width:18px;
	height:18px;
	margin:5px 10px 0 0;
}

.box_font ul li a{
	width:18px;
	height:18px;
	display:block;
	text-indent:-9999px;
}

.btn_font_S{
	background:url(../img/common/btn_header_font.png) no-repeat;
	background-position:0 0;
}

.btn_font_M{
	background:url(../img/common/btn_header_font.png) no-repeat;
	background-position:-18px 0;
}

.btn_font_L{
	background:url(../img/common/btn_header_font.png) no-repeat;
	background-position:-36px 0;
}

a:hover.btn_font_S{
	background:url(../img/common/btn_header_font.png) no-repeat;
	background-position:0 -18px;
}

a:hover.btn_font_M{
	background:url(../img/common/btn_header_font.png) no-repeat;
	background-position:-18px -18px;
}

a:hover.btn_font_L{
	background:url(../img/common/btn_header_font.png) no-repeat;
	background-position:-36px -18px;
}

/*お問い合わせ
---------------------------*/
.box_inq{
	float:left;
	width:225px;
	height:28px;
	padding-left:13px;
	background:#002251 url(../img/common/bg_header_inq.gif) no-repeat;
}

/*English
---------------------------*/
.box_english{
	float:left;
	width:123px;
	height:28px;
	padding:0 10px 0 13px;
	background:#001F00 url(../img/common/bg_header_english.gif) no-repeat;
}


/*footer
-------------------------------------------*/
footer{
	position:absolute;
	width:100%;
	margin-top:-30px;
	padding:50px 0;
	background:url(../img/common/bg_footer.png) repeat-x center top;
	z-index:999999;
	color:#FFF;
	font-size:12px;
}

footer .contents{
	text-align:center;
}

footer .contents ul{
	margin-bottom:30px;
}

footer .contents ul li{
	border-right:1px solid #FFF;
	display:inline;
}

footer .contents ul li:first-child{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	display:inline;
}

footer .contents ul li a{
	padding:0 1em;
	color:#FFF;
}


/*page-top
-------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 110px;
	right: 20px;
	z-index:999999;
}


@media screen and (max-width: 740px) {

/*layout
-------------------------------------------*/
.contents {
	width:100%;
	margin:0 auto;
}

.pc{display:none;}
.sp{display:block;}


/*header
-------------------------------------------*/
header{
	display:none;
}


/*footer
-------------------------------------------*/
/*footer{
	position:absolute;
	width:100%;
	margin-top:-10px;
	padding:30px 0;
	background:url(../img/common/bg_footer.png) repeat-x center top;
	z-index:999999;
	color:#FFF;
	font-size:12px;
}*/

footer .contents{
	width:90%;
	margin:0 auto;
}

footer .contents p{
	margin-bottom:20px;
}

/*footer .contents ul{
	margin-bottom:30px;
}

footer .contents ul li{
	border-right:1px solid #FFF;
	display:inline;
}

footer .contents ul li:first-child{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	display:inline;
}

footer .contents ul li a{
	padding:0 1em;
	color:#FFF;
}*/




/*page-top
-------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 0;
	right:0;
	width:100%;
	background:#044e7d;
	z-index:999999;
}

#page-top a{
	width:100%;
	height:30px;
	text-align:center;
	display:block;
}

}


