@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   common

--------------------------------------------------------------------------------------------------*/


/*reset-------------------------------------------------*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd {
	margin: 0;
	padding: 0;
}

table {
 border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: none;
	vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

header,section,article,aside,footer,nav {
 display: block;
}

/*-------------------------------------------------reset*/


/*common-------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	line-height: 1.4;
}

/*a:link {
	color: #006699;
}

a:visited {
	color: #993300;
}

a:hover, a:active {
	color: #F26400;
}*/

.clear:after {
 content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
 clear:both;
}

/* mac \*/
* html .clear {
 height: 1%;
}
.clear {
 display: block;
}
/* macend */

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
/*a img:hover {
	opacity: .8;
}
map area:hover {
	opacity: .8;
}*/
.aligncenter {
	display: block;
	margin: 0 auto;
}

.full {
	width: 100%;
}
img {
    border: 0px;
}
/*-------------------------------------------------common*/


/*------------------------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------------------------*/
.wrapper {
	background-image: url(../image/bg.jpg);
	background-position: right 40% bottom 120%;
	background-repeat:repeat-y;
}
header {
	width: 100%;
	background-color: #414141;
	text-align: center;
}
header nav {
	width: 960px;
	height: 50px;
	margin:0 auto;
}
header ul {
	margin:0;
}
header ul li{
	float: left;
	width: 152px;
	height: 43px;
	text-align: center;
	list-style-type: none;
	padding-top: 7px;
	line-height: 40px;
}
header .now {
	background-color: #dbdcdc;
	color: #231815;
}
header nav ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	display:block;
	text-align: center;
}
header nav ul li a:hover {
	opacity: .8;
}
header nav ul li a.narrow {
	transform: scale(0.8,1);
	letter-spacing: 0px;
}
.mainImg {
	width: 100%;
}
.sImg {
	margin:0 auto;
	width: 960px;
}
.sImg img {
	width: 960px;
}

/*------------------------------------------------------------------------------------------------
  contents
--------------------------------------------------------------------------------------------------*/
.contents {
	padding-top:20px;
}
.contents {
	width: 960px;
	margin:0 auto;
}
.contentsLeft {
	width: 700px;
	float:left;
	border-right: solid 1px #ccc;
	padding-right:10px;
}
.contentsRight {
	width: 248px;
	float: right;
	text-align: right;
}
.contentsRight img {
	margin-bottom: 16px;
}
.contentsRight .ko {
	width: 200px;
	list-style-type: none;
	text-align:left;
	font-size: 19px;
	color: #004f8e;
	margin-top: 0;
}
.contentsRight .ko li {
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom: solid 1px #004f8e; 
	display:block:
}
.contentsRight .ko li:first-child {
	margin-top:0;
}
.contentsRight .ko li a {
	text-decoration: none;
	color: #004f8e;
}
h1 {
	margin-bottom: 24px;
}
	

/*------------------------------------------------------------------------------------------------
  footer
--------------------------------------------------------------------------------------------------*/
.bottom {
	width: 960px;
	margin:0 auto;
	text-align: center;
	margin-top: 80px;
	position: relative;
}
.totop {
	/*position: absolute;
	right: -160px;
	top: 100px;*/
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 100;
}
.blue-line {
	width: 100%;
	height:48px;
	margin-top: 41px;
	background-color: #004f8d;
}
.gray {
	width: 100%;
	height: 200px;
	background-color: #e5e5e6;
}
.footer_content {
	width: 960px;
	margin:0 auto;
	padding-top: 24px;
}
.footer_left {
	float: left;
}
.footer_left p {
	margin-top: 14px;
}
.footer_right {
	float: right;
	text-align: right;
	font-size: .9em;
}