@charset "utf-8";
/* ===================================================================
  common.css
=================================================================== */
/* --------------------------------------------------------
	reset
-------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
img{ border: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* --------------------------------------------------------
	.clearfix
-------------------------------------------------------- */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
   height: 1px;
   /*\*//*/
   height: auto;
   overflow: hidden;
   /**/
}
/* --------------------------------------------------------
	a
-------------------------------------------------------- */
a,a:visited{ color:#f09;}
a:hover{ color:#8ced07;}
/* --------------------------------------------------------
	body
-------------------------------------------------------- */
body{
	background: url(../images/bg.jpg) repeat-y center top #81c37c;
    font: 14px/140% "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";;
    color: #333;
    text-align: center;
	line-height: 1.6;
}
/* --------------------------------------------------------
	h1
-------------------------------------------------------- */
h1{
	width: 100%;
	background: url(../images/bg_h1.jpg) no-repeat center top;
	height: 680px;
}

h1 span{
	display: none;
}
/* --------------------------------------------------------
	#header
-------------------------------------------------------- */
#header{
	width: 940px;
	margin: -595px auto 0;
	padding: 0;
	height: 253px;
}

#header p{
	text-align: center;
	background: #fff;
	padding: 15px;
}
/* --------------------------------------------------------
	#container
-------------------------------------------------------- */
#container{
	width: 940px;
	overflow: hidden;
	margin: -33px auto 0;
	clear:both;
	
}
/* --------------------------------------------------------
	#globalNavi
-------------------------------------------------------- */
#globalNavi{
	margin: 0;
	height: 68px;
	text-align: center;
}

#nav{
	width: 940px;
	margin: 0;
	position: relative;
	line-height:1;
	text-align: left;
}

#nav li{
	width: 220px;
	height: 68px;
	list-style: none;
	float: left;
	position: relative;
	display: inline;
	margin-left: 20px;
}

#nav li.first{
	margin-left: 0;
	clear: left;
}


#nav ul{
	display: none;
	position: absolute;
	top: 68px;
	left: 0;
}
* html #nav ul { line-height: 0; }
#nav ul li { float: none; }

#nav ul { width: 220px; }
#nav ul a { 
	display: block;
	width: 220px;
	background:#121212;
	padding: 6px;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.85;
	filter: alpha(opacity=85);
	zoom: 1;
	line-height: 1;
	text-align: center;
}

#nav ul a.hover { background: #444; }
/* --------------------------------------------------------
	基本構造
-------------------------------------------------------- */
.columns-8, .columns-7,.columns-6,.columns-5,.columns-4,.columns-3, .columns-2, .column-1 {
	float: left;
	display: inline;
	margin-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.columns-8{ width: 940px; }
.columns-7 { width: 820px;}
.columns-6 { width: 700px;}
.columns-5 { width: 580px;}
.columns-4 { width: 460px;}
.columns-3 { width: 340px;}
.columns-2 { width: 220px;}
.column-1 { width: 100px;}
.first {margin-left: 0;clear: left;}


.columns-8 .box, .columns-7 .box,.columns-6 .box,.columns-5 .box,.columns-4 .box,.columns-3 .box, .columns-2 .box, .column-1 .box{
	margin-left: 5px;
	margin-right: 5px;
	background: #fff;
}

.box h3{
	background: url(../images/bg_h3.gif) repeat-x left top #000;
	padding: 3px;
	color: #fff;
}

.box h4{
	background: url(../images/bg_h4.gif) repeat left top #ff3;
	padding: 3px;
	color: #333;
}

.box p{
	padding: 3px;
	text-align: left;
	font-size: 11px;
}


/*-------------------------------------------------------------
	#att
-------------------------------------------------------------*/
#att{
	margin: 5px 0 15px;
	width: 940px;
	background: url(../images/bg_att.gif) repeat 0 0 #f4f4f4;
}

#att h3{
	margin: 0;
	padding: 0;
}

#att ul{
	list-style: disc outside;
	margin-left: 2.5em;
	margin-right: 1em;
}

#att ul li{
	font-size: 12px;
	padding: 5px 0;
	text-align: left;
}

/*-------------------------------------------------------------
	#barLink
-------------------------------------------------------------*/
#barLink{
	margin: 0 0 15px;
	padding: 5px 0;
	background: #333;
	text-align: center;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
}
/*-------------------------------------------------------------
	footer
-------------------------------------------------------------*/
#footer{
	width: 940px;
	margin: 0 auto;
	background: url(../images/bg_footer.jpg) repeat-x 0 bottom #393;
	padding: 0;
	text-align: center;
	color: #fff;
}

#footer p#footerT1{
	padding: 5px 0 15px;
	font-size: 13px;
}

#footer p#footerT2{
	padding: 10px 0 5px;
	font-size: 14px;
	font-weight: 600;
}

#footer p#footerT3{
	padding: 5px 0;
	font-size: 12px;
}

#footer p#footerT4{
	padding: 25px 0 15px 0;
	font-size: 12px;
	font-weight: 600;
}

#footer a:link {text-decoration: underline; color: #fff;}
#footer a:visited {text-decoration: underline; color: #fff;}
#footer a:hover {text-decoration: underline; color: #ff0;}
#footer a:active {text-decoration: underline; color: #fff;}


/*-------------------------------------------------------------
	font
-------------------------------------------------------------*/
strong{ font-weight: 700;}

.fs9{ font-size: 9px;}
.fs10{ font-size: 10px;}
.fs11{ font-size: 11px;}
.fs12{ font-size: 12px;}
.fs13{ font-size: 13px;}
.fs14{ font-size: 14px;}
.fs15{ font-size: 15px;}
.fs16{ font-size: 16px;}
.fs17{ font-size: 17px;}
.fs18{ font-size: 18px;}
.fs19{ font-size: 19px;}
.fs20{ font-size: 20px;}

.c_red{ color: #f00;}
.c_pink{ color: #f09;}

.mb20{ margin-bottom: 20px;}