@charset "UTF-8";

/* ------------------------------
▼ container
------------------------------ */

div#container {
	min-height: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	width: 100%;
	}

/* ------------------------------
▲ container
▼ header
------------------------------ */

div#header {
	margin: 0;
	width: 100%;
	height: 450px;
	background: url(/images/header/header_bg.png) repeat-x ;
	}

div.header_inner {
	margin: 0 auto;
	width: 960px;
	height: 450px;
	position: relative;
	}

div#header h1 {
	top: 90px;
	left: 0;
	position: absolute;
	}

h2.description {
	display: none;
	}

div.g01 {
	top: 35px;
	left: 575px;
	position: absolute;
	}

div.g02 {
	top: 35px;
	left: 691px;
	position: absolute;
	}

div.g03 {
	top: 35px;
	left: 792px;
	position: absolute;
	}

div.g04 {
	top: 35px;
	left: 877px;
	position: absolute;
	}

ul.navi {
	margin: 0;
	padding: 0;
	top: 45px;
	right: 8px;
	position: absolute;
	text-align: right;
	list-style: none;
	}

ul.navi li {
	margin: 0 0 0 16px;
	padding: 0;
	float: left;
	}

/* ------------------------------
▲ header
▼ contents
------------------------------ */

div#contents {
	margin: 0;
	padding: 0 0 80px 0;
	width: 100%;
	overflow: hidden;
	}

div.contents_inner {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	position: relative;
	}

/* ------------------------------
▲ contens
▼ home
------------------------------ */

div#home {
	margin: 0;
	width: 100%;
	height: 270px;
	background: #e0f1f4;
	}

div.home_inner {
	margin: 0 auto;
	width: 960px;
	height: 270px;
	}

/*-- ▼ home_img --*/

div#home_img {
	margin: 0;
	height: 270px;
	}

/*-- ▲ home_img --*/
/*-- ▼ home --*/

div.home {
	margin: 16px 0 16px 0;
	padding: 8px 0 4px 0;
	width: 658px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	clear: both;
	position: relative;
	}

.news_box {
	margin: 4px 0 0 0;
	clear: both;
	overflow: hidden;
	}

.news_box .btn {
	padding: 2px 0 2px 0;
	width: 80px;
	float: left;
	}

.news_box .date {
	padding: 2px 0 0 0;
	width: 108px;
	font-size: 12px;
	color: #737373!important;
	float: left;
	}

.news_box .txt {
	background: url(/images/format/icon_arrow.png) no-repeat 0 3px;
	padding-left:20px;
	*background-image: none;
	*padding-left:0px;
	font-size: 14px;
	width: 420px;
	float: left;
	}

.news_box .txt a:link,
.news_box .txt a:visited,
.news_box .txt a:active {
	color: #7399bc!important;
	text-decoration: none;
	}

.news_box .txt a:hover {
	color: #7399bc!important;
	text-decoration: underline;
	}

.blog_box {
	clear: both;
	overflow: hidden;
	}

.blog_box .btn {
	padding: 2px 0 2px 0;
	width: 80px;
	float: left;
	}

.blog_box .date {
	padding: 2px 0 0 0;
	width: 108px;
	font-size: 12px;
	color: #737373!important;
	float: left;
	}

.blog_box .txt {
	background: url(/images/format/icon_arrow.png) no-repeat 0 3px;
	padding-left:20px;
	*background-image: none;
	*padding-left:0px;
	font-size: 14px;
	width: 420px;
	float: left;
	}

.blog_box .txt a:link,
.blog_box .txt a:visited,
.blog_box .txt a:active {
	color: #7399bc!important;
	text-decoration: none;
	}

.blog_box .txt a:hover {
	color: #7399bc!important;
	text-decoration: underline;
	}

/*-- ▲ home --*/
/*-- ▼ blog --*/

div#blog {
	margin: 16px 0 16px 0;
	padding: 8px 0 8px 0;
	width: 658px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	clear: both;
	position: relative;
	}

div.btn_blog {
	top: 4px;
	left: 8px;
	position: absolute;
	}

div.blog_inner {
	margin: 0 0 0 84px;
	*background-image: none;
	*padding-left: 0px;
	overflow:hidden;
	text-align: left;
	zoom:1;
	}

div.blog_inner a:link,
div.blog_inner a:visited,
div.blog_inner a:active {
	color: #7399bc!important;
	text-decoration: none;
	}

div.blog_inner a:hover {
	color: #7399bc!important;
	text-decoration: underline;
	}

div.blog_inner div.home_post {
	margin-bottom: -1px;
	padding: 6px 0 6px 0;
	background: url(/images/home/line.png) no-repeat 0 bottom;
	}

div#blog div.home_date {
	font-size: 12px;
	color: #737373!important;
	}

div#blog div.home_title {
	background: url(/images/format/icon_arrow.png) no-repeat 0 3px;
	padding-left:20px;
	*background-image: none;
	*padding-left:0px;
	font-size: 14px;
	}

/*-- ▲ blog --*/

/*-- ▼ btn_sns --*/

div#btn_tw {
	top: 0;
	right: 116px;
	position: absolute;
	}

div#btn_fb {
	top: 0;
	right: 10px;
	position: absolute;
	}

/*-- ▲ btn_fb --*/

/* ------------------------------
▲ home
▼ footer
------------------------------ */

div#footer {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #000934;
	position: absolute;
	}

div.footer_inner {
	margin: 0 auto;
	width: 960px;
	height: 80px;
	text-align: left;
	position: relative;
	}

div#btn_top {
	display: none;
	}

div#link_left {
	top: 10px;
	left: 0;
	position: absolute;
	}

/*-- ▼ copyright --*/

div#copyright {
	bottom: 10px;
	right: 10px;
	position: absolute;
	font-size: 12px;
	color: #fff;
	}

div#copyright a:link,
div#copyright a:visited,
div#copyright a:active {
	color: #fff;
	text-decoration: none;
	}

div#copyright a:hover {
	color: #fff;
	text-decoration: none;
	}

/*-- ▲ copyright --*/

/* ------------------------------
▲ footer
------------------------------ */