@charset "utf-8";

/*---------------------------------------------
	Browser reset css
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/* ------ Body ------ */

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #666;
	font-size: 16px;
	line-height: 160%;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* ------ Anchor ------ */

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color: #094162;
}
a:visited {
	text-decoration: none;
	color: #094162;
}
a:hover {
	text-decoration: underline;
	color: #0178B2;
}
a:active {
	text-decoration: underline;
	color: #0178B2;
}



/* ==================================================  
	+1: Leyout Pattern Set
================================================== */
.boxSet {
	clear: both;
	float: none;
}
/* clearFix
================================================== */
.clearFix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }

.clearFix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearFix { zoom:1; height: 1%; }

.clearFix { display: block; }/* End hide from IE-mac */


/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */

/* フルードイメージ対応 */
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}

p {
	font-size: 76%;
}

.img {
	text-align: center;
}

.text-center {
	text-align: center;
}

body {
	/*background-color: #ededed;*/
	background-color: #fff;
}

#header_container {
	position: relative;			/* 親要素をposition:relativeとする */
	width: 100%;
	max-width: 1560px;
	margin: 0 auto;
	padding-top: 122px;
	/*-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);*/
}


/* ------ Font ------ */

/* 各ブラウザに対応したWebフォントを指定 */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ------ Column ------ */

.row {
	max-width: 641px;
	margin: 0 auto;
}
.row2 {
	max-width: 1560px;
	margin: 0 auto;
}
.row:after {
	content: "";
	display: block;
	clear: both;
}

/* 各カラムを横並びにし、左マージンを設定 */
.col {
	float: left;
	margin-left: 3.2258064515%;
}

/* 左端のカラムの左マージンを削除 */
.col:first-child,
.col.left {margin-left: 0;}

/* カラムの左右を入れ替えるための設定 */
.col.right {
	float: right;
	margin-left: 3.2258064515%;
}

/* 各カラムの幅を％で設定 */
.one-second {width: 48.3870967741%;}
.one-third {width: 31.1827956988%;}
.two-third {max-width: 641px;}


/* ------ Header ------ */

.headerBox {
	position: fixed;
	width: 100%;
	z-index: 9999;
}
header {
	position: relative;
	padding-bottom: 0px;
	background-color: #fff;
	height: 70px;
}
header h1 a {
	position: absolute;
	top: 10px;
	z-index: 9999;
}
header #logo-area {
	float: left;
	margin-right: 10px;
}

#header-sub .right li {
	float: left;
	margin-top: 7px;
	margin-bottom: 2px;
	line-height: 14px;
	margin-right: 0px;
	margin-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #fff;
}
#header-sub .right li.pp {
	padding-left: 7px;
	padding-right: 0px;
	border-left: 1px solid #999;
	border-right: 0;
	margin-left: 0px;
}
#header-sub .right li.sm {
	padding-right: 10px;
	border-right: 0;
	margin-left: 0px;
}
#header-sub .right li a {
	font-size: 12px;
	font-weight: normal;
	padding-left: 8px;
	color: #454545;
	text-decoration: none;
}
#header-sub .right li a:hover {
	color: #0178b2;
}
#header-sub .right li a.current {
	color: #0178b2;
}
#header-sub .right li a.pp:before {
	content: "\38";
	font-family: 'icomoon';
	font-size: 11px;
	font-weight: normal;
	padding-right: 5px;
}
#header-sub .right li a:after {
	content: "\23";
	font-family: 'icomoon';
	font-size: 10px;
	font-weight: normal;
	padding-left: 5px;
}
#header-sub .right li a.sm:before {
	content: "\37";
	font-family: 'icomoon';
	font-size: 11px;
	font-weight: normal;
	padding-right: 5px;
}


/* remote */
#remote {
	padding:0;
}
#remote li {
	float: left;
}
#remote li:nth-child(2) {
	padding-right: 10px;
}
#remote li a {
	display:block;
	padding:5px 0 0;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#remote li.monitor {
	color: #0073c3;
	padding:5px 10px 0 0;
	font-size: 15px;
	line-height: 35px;
	font-weight: bold;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#remote li.monitor:before {
		content: "\e60a";
		color: #0073c3;
		font-family: 'icomoon';
		font-size: 15px;
		line-height: 35px;
		opacity:1;
		filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#remote a:hover,
#remote a:active{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	color: #0073c3;
}
/*************
/* トップナビゲーション
*************/
  
  nav#hNav {
	  position: relative;
	padding-bottom: 0px;
	background-color: #ededed;
	background: -moz-linear-gradient(top, #f8f8f8, #ededed);
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ededed));
	background: -webkit-linear-gradient(top, #f8f8f8, #ededed);
	background: linear-gradient(to bottom, #f8f8f8, #ededed);
	height: 46px;
  border-bottom: 3px #f2f2f2 solid;
  border-top: 3px #f9f9f9 solid;
  -webkit-box-shadow: 0 10px 6px -10px #777;
       -moz-box-shadow: 0 10px 6px -10px #777;
            box-shadow: 0 10px 6px -10px #777;
  }
  
  #nav-global ul{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative;
	}
	

	#nav-global ul li{
	float: right;
	position: relative;
	list-style: none;
	border-left:1px solid #fff;
	width: 162px;
	}

	#nav-global li:first-child{
		border-right:1px solid #fff;
		width: 161px;
		}

	#nav-global ul li a{
	display: block;
	text-align: center;
	_float:left;
	font-size:13px;
	padding-top:10px;
	color:#666;
	height: 31px;
	border-bottom:7px solid #ededed;
	padding-right:10px;
	padding-left:10px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff;
	}
	
	#nav-global li a:hover,
	#nav-global li a:active,
	#nav-global li a.current {
	border-bottom:7px solid #0178b2;
	color: #0178b2;
	text-decoration: none;
	background-color: #f8f8f8;
	background: -moz-linear-gradient(top, #ededed, #f8f8f8);
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f8f8f8));
	background: -webkit-linear-gradient(top, #ededed, #f8f8f8);
	background: linear-gradient(to bottom, #ededed, #f8f8f8);
	}

* html .clearfix {
	height: 1%;
}
.clearfix:after {
	height: 0px;
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
}
.clearfix {
	display: block;
}
.inner {
	text-align: left;
	margin: 0px auto;
	width: 978px;
}
.right {
	float: right;
}



/* ------ Mainvisual ------ */

#mainvisual,
#subvisual {
	width: 100%;
	background-color: #29a9e7;
}

#mainvisual ul,
#subvisual ul {
	position: relative;
}

#mainvisual ul li,
#subvisual ul li {
	display: none;
	position: absolute;			/* 背面の画像にはposition: absoluteを指定 */
	z-index: 1;				/* 背面の画像のz-indexを1に指定 */
	width: 100%;
	top: 0;					/* 背面の画像をtop: 0に移動し、画像を重ねる */
}
#mainvisual ul li:first-child,
#subvisual ul li:first-child {
	display: block;
	position: relative;			/* 前面の画像にはposition: relativeを指定 */
	z-index: 1000;				/* 前面の画像のz-indexを1000に指定 */
}

#mainvisual-button {
	width: 100%;
	padding: 25px 0 20px;
	background-color: #fff;
}

#mainvisual-button ul {
	text-align: center;
	line-height: 10px;

}

#mainvisual-button li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	overflow: hidden;
	vertical-align: top;
}

#mainvisual-button li a {
	display: block;
	width: 10px;
	height: 20px;
}

#mainvisual-button li a:link,
#mainvisual-button li a:visited{
	margin-top: 0;
}

#mainvisual-button li a:hover,
#mainvisual-button li a:active,
#mainvisual-button li a.current {
	margin-top: -10px;
}


/* ------ Article ------ */

article {
	background-color: #fff;
	padding: 30px 0;
}


/* ------ パンくず ------ */
.pankuzu {
	padding-top: 20px;
	padding-left: 0px;
}

/* ------ サブメイン ------ */
#submain {
	padding-top: 140px;
	background: #fff;
}
/* ------ topbana ------ */

#topbana {
	padding-top: 20px;
	padding-bottom: 20px;
}
#topbana .rightbana {
	padding-bottom: 9px;
}

/* ------ カルーセル ------ */
.is　{
	border-top:5px solid #fff;
	border-bottom:5px solid #fff;
	background: #fff;
}
.is img {
	border:0px;
	border-left:2px solid #fff;
}
#loopslider {
	margin: 0 auto;
	width: 100%;
	height: 200px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#loopslider ul {
/*	width: 100%;*/
	height: 200px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 200px;
	height: 200px;
	float: left;
	display: inline;
	overflow: hidden;
}
/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}

/* ------ Index ------ */

#index {
	padding-bottom: 27px;
}
@media screen and (min-width: 640px) {
	#index {
		background: url(../images/gb_sdw.png) no-repeat bottom center;
	}
}

#index section a {
	display: block;
	position: relative;
	padding: 10px 0 30px;
	text-decoration: none;
}
#index section a:link,
#index section a:visited {
	background-color: transparent;
}
#index section a:hover,
#index section a:active {
	background-color: #fafafa;
}

#index .img {
	margin-bottom: 10px;
}
#index .titleline {
	border-left: 5px solid #0178B2;
	padding-left: 10px;
}
#index h2 {
	margin-bottom: 3px;
	font-size: 90%;
	font-weight: bold;
}
#index h2:after {
	content: "\23";
	font-family: 'icomoon';
	font-size: 10px;
	font-weight: normal;
	transition-duration: 0.3s;
}
#index section a:link h2:after,
#index section a:visited h2:after {
	margin-left: 5px;
}
#index section a:hover h2:after,
#index section a:active h2:after {
	margin-left: 8px;
}

#index p {
	color: #666;
}


/* ------ News ------ */

#news {
	margin-top: 20px;
	border-bottom: solid 1px #eee;
}
#news2 {
	margin-top: 0px;
	border-bottom: none;
}

#news h3.title,
#news2 h3.title {
	color: #07162D;
	font-size: 100%;
	margin-bottom: 10px;
	font-weight: bold;
}
#news h3.accessTitle,
#news2 h3.accessTitle {
	color: #07162D;
	font-size: 100%;
	font-weight: bold;
}
#news p.accessComment,
#news2 p.accessComment {
	color: #666;
	font-size: 90%;
	margin-bottom: 20px;
	line-height: 30px;
	border-bottom: 1px solid #eee;
}
#news p.comment,
#news2 p.comment {
	color: #666;
	font-size: 90%;
	margin-bottom: 20px;
	line-height: 30px;
}
.comment_center {
	color: #666;
	font-size: 90%;
	margin-bottom: 20px;
	line-height: 30px;
	text-align: center;
}
#news p.comment2,
#news2 p.comment2 {
	color: #666;
	font-size: 90%;
	margin-bottom: 20px;
	line-height: 30px;
	padding: 0 20px;
}
#news p.comment3,
#news2 p.comment3 {
	color: #464646;
	font-size: 90%;
	margin-bottom: 20px;
	line-height: 25px;
}
#news p.commentRight,
#news2 p.commentRight {
	color: #666;
	font-size: 13px;
	margin-bottom: 20px;
	text-align: right;
}
#news p.photo,
#news2 p.photo {
	margin-bottom: 20px;
	text-align: center;
}
#news h2,
#news2 h2 {
	display: block;
	position: relative;
	z-index: 2;
	padding: 8px 15px 8px 15px;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	background: #0084B4;
}
#news2 h2.formttl {
	margin: 20px 0px;
padding: 0px 0px 10px;
font-size: 24px;
font-weight: normal;
color: #000;
line-height: 40px;
border-top: 3px solid #0084B4;
background: #FFF;
}
#news dl a,
#news2 dl a {
	position: relative;
	display: block;
	padding: 15px 20px 15px 0;
	text-decoration: none;
	border-top: solid 1px #eee;
}
#news dl a:first-child,
#news2 dl a:first-child {
	border-top: none;
}
#news dl a:link,
#news dl a:visited,
#news2 dl a:link,
#news2 dl a:visited {
	background-color: transparent;
}
#news dl a:hover,
#news dl a:active,
#news2 dl a:hover,
#news2 dl a:active {
	background-color: #fafafa;
}
#news dl a:after,
#news2 dl a:after {
	content: "\23";
	font-family: 'icomoon';
	font-size: 11px;
	display: block;
	position: absolute;
	width: 10px;
	line-height: 10px;
	top: 50%;
	margin-top: -5px;
	transition-duration: 0.3s;
}
#news dl a:link:after,
#news dl a:visited:after,
#news2 dl a:link:after,
#news2 dl a:visited:after {
	right: 6px;
}
#news dl a:hover:after,
#news dl a:active:after,
#news2 dl a:hover:after,
#news2 dl a:active:after {
	right: 3px;
}

#news dt,
#news2 dt  {
	margin-bottom: 3px;
	color: #000;
	font-size: 76%;
	font-weight: bold;
}

#news dd,
#news2 dd  {
	color: #666;
	font-size: 76%;
}
#news dd.info,
#news2 dd.info  {
	color: #666;
	font-size: 76%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#news2 dd.hst  {
	color: #464646;
	font-size: 13px;
}

#news .history,
#news2 .history {
	position: relative;
	display: block;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

#news .history dt,
#news2 .history dt  {
	margin-top: 10px;
	margin-bottom: 3px;
	padding-top: 10px;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	border-top: solid 1px #eee;
}
#news .history dt:first-child,
#news2 .history dt:first-child {
	border-top: none;
}

#news .history dd
#news2 .history dd {
	color: #666;
	font-size: 76%;
}
/*#news .history dd:last-child {
	border-bottom: solid 1px #eee;
	padding-bottom: 10px;
}*/
#news section .tableDesign01,
#news2 section .tableDesign01 {
	font-size: 13px;
	color: #464646;
}
#news section .tableDesign01 td,
#news2 section .tableDesign01 td {
	background-color: #FFF;
	border: 1px solid #ccc;
	padding: 5px 10px;
	line-height: 25px;
	font-size: 13px;
}
#news section .tableDesign01 td span,
#news2 section .tableDesign01 td span {
	font-weight: bold;
	font-size: 14px;
}
#news section .tableDesign01 th,
#news2 section .tableDesign01 th {
	background-color: #ededed;
	background: -moz-linear-gradient(top, #f8f8f8, #ededed);
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ededed));
	background: -webkit-linear-gradient(top, #f8f8f8, #ededed);
	background: linear-gradient(to bottom, #f8f8f8, #ededed);
	border: 1px solid #ccc;
	padding: 5px 10px;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff;
	text-align: center;
}
#news2 section .tableDesign01 th.company {
	width: 30%;
}
#news section .tableDesign02,
#news2 section .tableDesign02 {
	margin-bottom: 5px;
	font-size: 90%;
}
#news section .tableDesign02 th,
#news2 section .tableDesign02 th {
	background-color: #FFF;
	border: 1px solid #fff;
	line-height: 30px;
	text-align: center;
}
#news section .tableDesign02 td,
#news2 section .tableDesign02 td {
	background-color: #FFF;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-align: center;
}
#news section iframe,
#news2 section iframe {
	width: 100%;
	height: 400px;
	border: none;
}

#news .mcnImg,
#news2 .mcnImg {
	float: left;
	margin: 0;
}
#news h3.machine {
	margin-left: 100px;
	font-weight: bold;
	color: #000;
	padding-right: 10px;
	padding-left: 10px;
}
#news2 h3.machine {
	margin-left: 160px;
	font-weight: normal;
	color: #0178B2;
	font-size: 14px;
	padding-right: 10px;
	padding-left: 10px;
}
#news2 h3.machine span {
	font-weight: normal;
	color: #000;
	font-size: 16px;
	line-height: 30px;
}
#news2 h4.machine {
	margin-left: 10px;
	font-weight: normal;
	border-left: 3px solid #f90000;
	color: #0178B2;
	font-size: 15px;
	padding-right: 10px;
	padding-left: 10px;
}
#news2 h4.machine2 {
	margin-left: 0px;
	font-weight: normal;
	color: #0178B2;
	font-size: 15px;
	padding-right: 10px;
	padding-left: 10px;
}
#news p.mcnComment {
	margin-left: 100px;
	color: #666;
	padding: 10px;
	font-weight: normal;
	font-size: 100%;
}
#news2 p.mcnComment {
	color: #464646;
	line-height: 25px;
	padding: 10px;
	font-weight: normal;
	font-size: 100%;
}
#news2 .exmplLine {
	border-bottom: 1px solid #ccc;
}


/* ------ レンタル商品一覧 ------ */
section.rent {
	border-bottom: 1px solid #ededed;
	margin: 10px;
	padding: 10px;
}
section.rent a {
	color: #464646;
	text-decoration: none;
}
section.rent a:hover {
	color: #0178B2;
}

h4.rentTtl {
	font-size: 13px;
	font-weight:bold;
	line-height: 25px;
	text-align: center;
}



/* ------ Sidebar ------ */

#sidebar {
	margin-top: 20px;
	border-bottom: solid 1px #eee;
}

#sidebar section.topSide {
	border-top: solid 1px #eee;
}

section .sideInfo {
	margin-top: 0px;
	padding-bottom: 20px;
}
#sidebar h2 {
	margin-left: 70px;
	font-size: 90%;
	font-weight: bold;
	color: #000;
}
#sidebar h2.name {
	margin-left: 20px;
	font-size: 90%;
	color: #666;
	font-weight: normal;
}

#sidebar section a {
	display: block;
	position: relative;			/* ボックス全体にposition:relativeを指定 */
	padding: 15px 20px 15px 0;
	text-decoration: none;
	overflow: hidden;
}
/* :after疑似要素にリンクアイコンを設定 */
#sidebar section a:after {
	content: "\23";
	font-family: 'icomoon';			/* リンクアイコンをWebフォントとして指定 */
	font-size: 11px;
	display: block;
	position: absolute;			/* position:absoluteでボックスの右側にリンクアイコンを配置 */
	width: 10px;
	line-height: 10px;
	top: 50%;				/* リンクアイコンを上下中央に配置 */
	margin-top: -5px;
	transition-duration: 0.3s;		/* リンクアイコンをアニメーション動作させる（FireFoxのみ） */
}
#sidebar section a:link,
#sidebar section a:visited {
	background-color: transparent;
}
#sidebar section a:hover,
#sidebar section a:active {
	background-color: #f5f5f5;
}
#sidebar section a:link:after,
#sidebar section a:visited:after {
	right: 6px;				/* リンクアイコンを右端から6pxに配置*/
}
#sidebar section a:hover:after,
#sidebar section a:active:after {
	right: 3px;				/* マウスオーバー時にリンクアイコンの位置をずらす */
}

#sidebar p {
	margin-left: 70px;
	color: #666;
}
#sidebar p.infoAddress,
#sidebar p.infoHours {
	margin-left: 20px;
}

#sidebar .img {
	float: left;
	margin: 0;
}

/* テーブル */
#sidebar section .sideInfo table {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 90%;
	border-collapse: separate;
	border-spacing: 1px;
	empty-cells: show;
}
#sidebar section .sideInfo table.tableDesign01 {
	background-color: #eee;
}
#sidebar section .sideInfo table.tableDesign01 td {
	background-color: #FFF;
	border: 1px solid #FFF;
}



/* ==================================================
　　　　　　ページトップ
================================================== */

#page { /* position　基準　親要素 */
    position: relative;
}
#pagetop { /* ボタン */
	position: fixed;
	bottom: 50px;
	right: 0px;
	font-size:12px;
	font-weight:bold;
	z-index: 9999;
}
#pagetop a {
	background: #22538B url(../images/arrow_up.png) no-repeat top;
	text-decoration: none;
	color: #fff;
	width: 65px;
	text-align: center;
	display: block;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
	
	border: 2px solid #bbb;
}
#pagetop a:hover {
	text-decoration: none;
	background: #22538B url(../images/arrow_up.png) no-repeat top;
	color: #fff;
	border: 2px solid #ECF4DD;
	filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}




/* Global Footer
----------------------------------------------------------------------------------------------- */
footer{
	background: url(../images/f-bg.png) #fff repeat-x left top;
	color: #ccc;
	font-size: 24px;
	position: relative;
	padding-bottom: 15px;
	padding-top:7px;
	clear: both;
	overflow: hidden;
	z-index:150;
}
footer hr {
	border-top: 2px solid #fff;
	border-left-style: none;
	height: 4px;
	background: url(../images/footer-line.gif) repeat-x;
	border-bottom-style: none;
	border-right-style: none;
	margin: 0px;
}
footer h2.footer {
	padding-bottom: 15px;
	text-align: center;
}
footer a{
	background-color:transparent;
	color:#464646;
	line-height:1.5;
}
footer a:hover,
footer a:active{
	color:#cccccc;
}
/* Sitemap */
footer nav.sitemap{
	background-color:#353535;
	padding:20px 3.4% 41px;
	color:#cccccc;
	overflow:hidden;
	font-size: 12px;
}
footer nav.guide{
	float:left;
	padding:15px 0 0;
	font-size: 12px;
}
footer nav.guide ul li{
	float:left;
	border-left:solid 1px #999999;
	padding:0 18px;
}
footer nav.guide ul li:first-child{
	padding-left:0;
	border-left:none;
}
footer p.copyright{
	float:right;
	color: #464646;
	padding:15px 0 0;
	text-align:right;
	font-size: 12px;
}

#footer-top {
	padding-top: 30px;
	width: 978px;
	margin: 0 auto;
}
#footer-top h2 {
	float: left;
	margin-right: 30px;
}
#footer-top .footer-nav {
	float: right;
	width: 80%;
}
#footer-top .footer-nav .box {
	float: left;
	margin-right: 10px;
	width: 15.5%;
}
#footer-top .footer-nav .break.box {
	margin-right: 0px;
}
#footer-top .footer-nav .box h3 {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #ededed;
}
#footer-top .footer-nav .box h3 span {
	padding-left: 7px;
	border-left: #0178B2 3px solid;
}
#footer-top .footer-nav .box h3.menu span {
	padding-left: 7px;
	border-left: #91121a 3px solid;
}
#footer-top .footer-nav .box li {
	font-size: 11px;
	padding-bottom: 6px;
	line-height: 1.2;
	color: #ededed;
}
#footer-top li a,
#footer-top h3 a {
	color: #ededed;
}


#footer-bottom {
	font-size: 11px;
	padding:5px 3.4% 5px;
	background: #29a9e7 url(../images/footer-line.gif) top left repeat-x;
}
footer .fb_box {
	width: 978px;
	margin: 0 auto;
}
#footer-bottom h3 {
	color: #fff;
	font-size: 13px;
	padding-left: 7px;
	border-left: #0178B2 3px solid;
	line-height: 1.4;
}
#footer-bottom h3 span {
	font-size: 11px;
}
#footer-bottom .left {
	margin: 5px 0px 0px 0px;
}
#footer-bottom .left img {
	float: left;
}
#footer-bottom .left h3 {
	float: left;
}
#footer-bottom .left dl {
	float: left;
	color: #fff;
}
#footer-bottom .left dd {
	float: left;
}
#footer-bottom .left dl {
	padding-left: 20px;
	line-height: 1.4;
	margin-bottom: 10px;
}
#footer-bottom .left dt {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
}
#footer-bottom .left dt span {
	font-size: 11px;
}
#footer-bottom .left dd {
	margin-right: 12px;
}
#footer-bottom .right .box {
	float: left;
	margin-left: 25px;
}
#footer-bottom .right .break.box {
	margin-top: -10px;
}

/* ------ サンクスページ ------ */
.topBtn {
	margin:30px auto 50px;
	display:block;
	width: 250px;
}
.topBtn .btn a {
	text-align: center;
	padding: 10px 30px;
	background: #C90000;
	font-size: 14px;
	color: #fff;
}





/*-----------------------------------------------------	*/
/*	for 640px - 979px				*/
/*-----------------------------------------------------	*/

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

	/* ------ Column ------ */

	/* 左右に25pxの余白を設定 */
	.row, .row2 {
		padding: 0 25px;
	}
	.headerBox {
	position: absolute;
	width: 100%;
	z-index: 9999;
}
	#s1,
	#loopslider {
		display: none;
	}
}