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

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #ffffff;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.clear{clear: both;}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}

a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.tr{text-align:right;}
.tc{text-align:center;}

.p20{padding:20px;}

.pt30{padding-top:30px;}
.pt50{padding-top:50px;}

.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}

.flL{float:left;}
.flR{float:right;}

.w49{width:49%;}
.w100{width:100%;}

#header_navi{
	background:#2D363F;
	height:40px;
	line-height:40px;
	margin-bottom:0;
}
#header_navi .content_w{width:980px; margin:0 auto;}
#header_navi a{
	color:#fff;
}
#header_navi a.selected{
	font-weight:bold;
}
#header_navi #top_menu{
	margin:0;
	padding:0;
}
#header_navi #top_menu li{
	list-style:none;
}
#header_navi #top_menu li a{
	display:block;
	padding:0 15px 0 0;
	text-decoration:none;
	font-size:13px;
}
#header_navi #top_menu li a:hover{
	text-decoration:underline;
}
#header_navi .left{
	background:none;
	width:auto;
	float:left;
	border:none;
}
#header_navi .clear{clear:both;}

#header{background:url(img/top_bg.gif) repeat-x;}
#header2{
	background:url(img/top2_bg.png) no-repeat bottom;
	background-size:100%;
	color:#fff;
	padding-bottom:25px;
}
#header2 a{padding-left:5px;}

.container {
	width: 792px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.content {
	padding: 10px 0;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

.btnBox{
	width:674px;
	margin:0 auto;
  height: auto;
}
	
.btnBox img, {
    height: auto;
    width: 96%;
}

#footer{
	background: url(img/btm_bg.gif) repeat-x;
}
.footer {
	padding: 20px 30px 10px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	font-weight: bold;
}
.sub {
	width: 726px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.copyright {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	background-color: #3E6480;
}

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

.container{width:100% !important;}
.header .p20 img{width:100%;}
.content img{width:100%; height:auto;}
.sub{width:90% !important;}
.btnBox{width:88% !important;}
#footer{
	background:#6891d8 url(img/btm_bg.gif) repeat-x !important;
}
#header2{
	background:#2c66a1 url(img/top2_bg.png) no-repeat bottom !important;
}


}