@charset "utf-8";
/* ===================================================================

  レイアウト

=================================================================== */
body {
	border-top: solid 16px #0068b7;
	background: url(../img/common/bg_sky.jpg) repeat-x left top;
}

/* #page
----------------------------------------------------*/
#page {
	width: 960px;
	margin: 0 auto;
	font-size: 100%;
}

/* #contents
----------------------------------------------------*/
#contents {
	/zoom: 1;
	margin-bottom: 10px;
}

body.page-archive #contents {
	width: 960px;
	padding: 10px 0;
	/zoom: 1;
}

/* header
----------------------------------------------------*/
header {
	margin-bottom: 10px;
	background: #ffffff;
}

/* グローバルナビゲーション
----------------------------------------------------*/
header nav {
}

header nav ul {
	/zoom: 1;
}

header nav ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

header nav ul li {
	float: left;
}

/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer {
	clear: both;
	background: #ffffff;
}

footer ul {
	list-style: none;
}

footer #fend {
	background:#fff url(../img/common/bg_foot.png) no-repeat center top;
	margin-top: 35px;
	padding: 76px 20px 20px 20px;
}

footer #fend .inr {
	background: url(../img/common/bg_parmtree.png) no-repeat left bottom;
	min-height: 200px;
}
footer #fend .inr dl {
  margin-left: 160px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  padding-left: 60px;
  background: url(../img/common/hd_cloud.png) no-repeat left top;
  border-bottom: solid 1px #fff;
}

footer #fend .inr dt {
	font-weight: bold;
	margin-bottom: 8px;
}
footer #fend .inr dd {
	font-size: 85%;
	line-height: 1.3;
}

/* copyright
----------------------------------------------------*/
footer p.copyright {
	text-align: left;
	font-size: 77%;
	display: inline;
	width: 45%;
}


/* #main
----------------------------------------------------*/
#main {
	background: #ffffff;
}

#main table,
#main ol,
#main ul,
#main dl,
#main blockquote,
#main pre,
#main p {
	margin-bottom: 10px;
}

#main .pageTop {
	clear: both;
	margin: 0;
	text-align: right;
}



/* Grid
----------------------------------------------------*/

/*--- 2 columns @60px, 20px margin ---*/
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
	display: inline;
	margin-left: 20px;
}
.grid1 { width: 60px; }
.grid2 { width: 140px; }
.grid3 { width: 220px; }
.grid4 { width: 300px; }
.grid5 { width: 380px; }
.grid6 { width: 460px; }
.grid7 { width: 540px; }
.grid8 { width: 620px; }
.grid9 { width: 700px; }
.grid10 { width: 780px; }
.grid11 { width: 860px; }

.first {
	margin-left: 0;
	clear: left;
}

/* ===================================================================

  汎用

=================================================================== */

/* リンク
----------------------------------------------------*/
a {
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

a img {
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
}

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

/* ページ内リンク
----------------------------------------------------*/
p.page_anchor {
	margin-bottom: 20px;
}
p.page_anchor a {
	padding: 3px 5px;
	line-height: 1.7;
	color: #ffffff;
	text-decoration: none;
	background: #009c42;
	border-radius: 3px;
}
p.page_anchor a:hover {
	color: #666666;
	text-decoration: none;
	background: #fdde8e;
}

/* clearfix
----------------------------------------------------*/
#page:after, 
#contents:after,
.row:after,
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}

.clear { clear:both;}

.imgR {
	float: right;
	margin: 0 0 20px 20px;
}

.imgL {
	float: left;
	margin: 0 20px 20px 0;
}

.tC,
.btn {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
}

.mgnB8 { margin-bottom: 8px; }
.mgnB16 { margin-bottom: 16px; }
.mgnB24 { margin-bottom: 24px; }
.mgnB32 { margin-bottom: 32px; }
.mgnB40 { margin-bottom: 40px; }

.red { color: red; }


/* ===================================================================
 汎用フォントサイズ

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

.fs10 { font-size:77%; }
.fs11 { font-size:85%; }
.fs12 { font-size:93%; }
.fs13 { font-size:100%; }
.fs14 { font-size:108%; }
.fs15 { font-size:116%; }
.fs16 { font-size:123.1%; }
.fs17 { font-size:131%; }
.fs18 { font-size:138.5%; }
.fs19 { font-size:146.5%; }
.fs20 { font-size:153.9%; }
.fs21 { font-size:161.6%; }
.fs22 { font-size:167%; }
.fs23 { font-size:174%; }
.fs24 { font-size:182%; }
.fs25 { font-size:189%; }
.fs26 { font-size:197%; }

section .row { margin-bottom: 24px; }