@charset "UTF-8";

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

　　GeeSync common -サイト共通

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

/*===============================================================================
　リセットCSS
===============================================================================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
p, hr, blockquote, address, noscript {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	border: none;
}
ul, li , ol, dl, dt, dd , pre, table, form {
	margin: 0px;
	padding: 0px;
}
li  {
	list-style-type: none;

}
table , img {
	border: none;
}
em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}

hr {
	display: none;
	clear: both;
}

/*===============================================================================
　全体設定
===============================================================================*/

html{overflow-y:scroll;}

/* リンクカラー */
a:link,
a:visited,
a:active {
	color: #0F9400;
	text-decoration: none;
	outline:none;
	}
a:hover {
	color: #ff3300;
	text-decoration: none;
	}

/* 全体レイアウト */
body {
	padding: 0;
	margin: 0;
	background:url("../img/common/black_bg.png") repeat top left;
	font: normal 160% Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	}
		
/* 注意書き */	

.note dt {
  position: relative;
}
.note dt span {
  position: absolute;
}
.note dd {
  padding-left: 1em;
}

/* 改行 */	

br.br01 {
  clear:both;
}

/* トライアル版フロートメニュー */	

#floatbox {
  position: absolute;
  margin: 0px;
  padding-top: 75px;
  
  width: 42px;
  height: 180px;
  
  top: 0px;
  right:0px;
  }

/*===============================================================================
　フレーム
===============================================================================*/

/* --背景--------------------------------------------------------------------- */

#wallpaper{
	display: block;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; 
	}

#contents{
	width:900px;
	margin:0 auto;
	padding:10px 0;
	background:#fff;
    overflow: auto;
	}


	
/* --ヘッダー----------------------------------------------------------------- */

#header{
	width: 100%;
	height:80px;
	margin:0 auto;
	background:url("../img/common/header_bg.png") repeat-x;
	padding: 0;
	}
	
#header_area{
	width: 880px;
	height:60px;
	margin:0 auto;
	padding: 10px;
	}

#logo_area{
	float:left;
	width:300px;
	height:60px;
	}	

/* --メニュー----------------------------------------------------------------- */

#globalnavi{
	float:right;
	width:200px;
	height:40px;
	margin: 20px 0 0 0;
	}
	
#globalnavi ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
#globalnavi li{  
  text-indent: -9999px;  
  float:left;  
  width: 100px;  
  margin: 0;  
  padding: 0;  
} 
	
#globalnavi a{  
  display: block;  
  width: 100%;  
  height: 40px;  
  background-image: url("../img/common/menu.png");  
  background-repeat: no-repeat;  
}  
  
#home a{background-position: 0 0;}  
#price a{background-position: -100px 0;}  
#tour a{background-position: -200px 0;}  
#support a{background-position: -300px 0;}  

  
#globalnavi a:hover{  
  background-image: url("../img/common/menu.png");  
  background-repeat: no-repeat;  
}  
  
#home  a:hover{background-position: 0 -40px;}  
#price a:hover{background-position: -100px -40px;}  
#tour a:hover{background-position: -200px -40px;}  
#support a:hover{background-position: -300px -40px;}  


#globalnavi a {  
  background-image: url("../img/common/menu.png");  
  background-repeat: no-repeat;  
}  
  
#home_2  a {background-position: 0 -80px;}  
#price_2 a {background-position: -100px -80px;}  
#tour_2 a {background-position: -200px -80px;}  
#support_2 a {background-position: -300px -80px;}  


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

#p-top{
	width:890px;
	height:21px;
	text-align:right;
	margin: 0 auto;
	padding:20px 10px 5px 0;
	background:#FFF url("../img/common/ptop_icon.png") no-repeat 762px 20px;
	}
	
/* リンクカラー */
#p-top a:link,
#p-top a:visited,
#p-top a:active {
	color: #333333;
	text-decoration: none;
	outline:none;
	}
	
#p-top a:hover {
	color: #ff3300;
	text-decoration: none;
	}
	
	
/* --フッターパンクズ----------------------------------------------------------------- */

#footer_menu_area{
	width: 890px;
	height:60px;
	background:#a4d047;
	margin: 0 auto;
	padding:10px 0 5px 10px;
	clear:both;
	font-size:14px;
	}
	
#footer_menu{
	float:left;
	width:420px;
	padding:0 ;
	margin: 5px 5px 0 30px;
	line-height:40px;
	background:#D9EAA4;
	border: solid #99CC00 3px;
	text-align:center;
	}
	
#footer_menu span.line{
	font-weight:bold;
	color:#99CC00;
	margin:3px;
	}
	
/* リンクカラー */
#footer_menu_area a:link,
#footer_menu_area a:visited,
#footer_menu_area a:active {
	color: #333333;
	text-decoration: none;
	outline:none;
	}
	
#footer_menu_area a:hover {
	color: #ff3300;
	text-decoration: none;
	}
	
/* サービスお申込はこちら */

#footer_menu_area .order{
	float:right;
	width:300px;
	margin: 8px 15px 0 15px ;
	line-height:60px;
	}


/* --フッター----------------------------------------------------------------- */	

#footer{
	width: 880px;
    background:#9cc925 url("../img/common/footer_bg.png") repeat-x left top;
	margin: 0 auto;
	padding:10px;
	clear: both;
	}

#company {	
	width: 550px;	
	padding: 0;
	margin: 0 auto;
	overflow:auto;
	float:left;
}

#c-logo{
	float: left;
	width: 130px;
	padding: 0;
	margin: 0 0 0 5px;
}

#c-info{
	float: left;
	padding: 0;
	margin: 0 0 0 5px;
	color: #fff;
	text-align:left;
}


#pc_banner{
	float:right;
	width: 210px;
	padding-top: 5px;
	}



#copy {	
	clear: both;
	width: 800px;
	padding: 0;
	margin: 0 0 0 5px;
	color: #fff;
	text-align:left;
}