@charset "utf-8";
/*
///////////////////////////////////////////
CSS FOR Common
Made by Tranpth
/////////////////////////////////////
*/

html {
	overflow-y: scroll;
}
/*/////BODY/////*/
body {
	font-size: 12px;
	line-height: 1.4;
/*	font-family: "MS PGothic", "MS Gothic", "MS PMincho", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Osaka, Sans-Serif;*/
	font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', verdana, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	min-width:1000px;	
	overflow:hidden;
	
	
		-webkit-text-size-adjust: 100% !important;
	    -moz-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	    -o-text-size-adjust: 100%;
	    text-size-adjust: 100%;
	
	
	
	
	
}

#Container {
	width: 100%;
	padding: 0;
	margin: 0;
	background: #dcdedf;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;	
	background: #fff;
}


/*===============
webfont
===============*/
@font-face{ 
	font-family: 'myfont'; /* お好きな名前にしましょう */
	src: url('../fonts/GenShinGothic-Medium.eot'); /* IE9以上用 */
	src: url('../fonts/GenShinGothic-Medium.eot#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('../fonts/GenShinGothic-Medium.woff') format('woff'), /* モダンブラウザ用 */
		url('../fonts/GenShinGothic-Medium.ttf') format('truetype'); /* iOS, Android用 */
	/*font-weight: bold; *//* 念の為指定しておきます */
	font-style: normal;
}
.myFont {
	font-family: 'myfont';
	/*font-weight:bold !important;*/
	color:#434343;
}




/*/////HEADER/////*/
#Header {
	clear: both;
}

/*/////NAVIGATION/////*/
#Navigation {
  width: 100%;
  height: 57px;
  position: relative;
  z-index: 10;
}
#Navigation #Nav {
  width: 185px;
  height: 57px;
  margin: 0;
}
#Navigation #Nav li {
	width: 185px;
  height: 57px;
  float: left;
  overflow: hidden;
}
#Navigation #Nav li.active span {
  background: url(http://www.beacon-all.co.jp/images/common/navi.png) no-repeat 0 -57px;
}
#Navigation #Nav li a {
  height: 0;
  margin-top: -57px;
  padding: 57px 0 0;
  display: block;
  overflow: hidden;
  position: relative;
}
#Navigation #Nav li span {
  height: 0;
  padding: 57px 0 0;
  display: block;
  overflow: hidden;
  position: relative;
}

#Navigation #Nav li.nav1 span {
  background: url(../images/common/img_nav_01.png) no-repeat -185px 0;
}
#Navigation #Nav li.nav1 a {
  background: url(../images/common/img_nav_01.png) no-repeat 0 0;
}

#Navigation #Nav li.nav2 span {
  background: url(../images/common/img_nav_02.png) no-repeat -185px 0;
}
#Navigation #Nav li.nav2 a {
  background: url(../images/common/img_nav_02.png) no-repeat 0 0;
}

#Navigation #Nav li.nav3 span {
  background: url(../images/common/img_nav_03.png) no-repeat -185px 0;
}
#Navigation #Nav li.nav3 a {
  background: url(../images/common/img_nav_03.png) no-repeat 0 0;
}

#Navigation #Nav li.active span {
  background-position: 185px 0;
}

/*/////SUB-NAV//////*/
/*/////NAVIGATION/////*/
#Sub-navigation {
  float:left;
  height: 18px;
  position: relative;
  z-index: 10;
	padding:10px 0 0 75px;
}
#Sub-navigation #Sub-nav {
  height: 18px;
  margin: 0;
}
#Sub-navigation #Sub-nav li {
  height: 18px;
  float: left;
  overflow: hidden;
}

#Sub-navigation #Sub-nav li a {
  height: 0;
  padding:18px 0 0;
  display: block;
  overflow: hidden;
  position: relative;
}



#Sub-navigation #Sub-nav li.nav1 a {
  background: url(../images/common/sub_nav1.png) no-repeat 0 0;
	width:42px;
	margin-right:45px;
}


#Sub-navigation #Sub-nav li.nav2 a {
  background: url(../images/common/sub_nav2.png) no-repeat 0 0;
	width:69px;
	margin-right:45px;
}


#Sub-navigation #Sub-nav li.nav3 a {
  background: url(../images/common/sub_nav3.png) no-repeat 0 0;
	width:54px;
}

#Logo{
	float:left;
}



/*/////CONTENT/////*/
#Content {

}

#Main {}

#Side {}

/*/////FOOTER/////*/
#Footer {
	clear: both;
	background: #333;
	color: #fff;
}
#Footer .wrapper{
	background: none;
	text-align: center;
	padding: 20px 0 25px;
}
#Footer-nav ul{
	padding-bottom: 15px;	
}
#Footer-nav ul li {
	display: inline;
	margin: 0 25px;
}
#Footer-nav ul li a{
	color: #c5c4c4;
	text-decoration: none;
	font-size: 109%;
	text-transform: uppercase;
}
#Footer-nav ul li a:hover{
	text-decoration: underline;
}

#Copyright{
	font-size: 100%;
}

/*/////PAGETOP/////*/

#Pagetop {
	position: fixed;
	right: 50px;
	bottom: 90px;
}
#Pagetop a {
	width: 70px;
	height: 90px;
	overflow: hidden;
	background: url(../images/common/pagetop.png) top center no-repeat;
	display: block;
}