@charset "utf-8";
/* トップページ用スタイルシート */
html {
    overflow-y:scroll;
    }
body {
	font: 14px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #FFF;
	overflow-x: hidden;
}
/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #FF0;
	text-decoration: none;
}

#toggle{
	display: none;
}

#nav ul {
    list-style:none;
}

#nav {
	height:50px;
	width:100%;
	position: fixed;
	bottom: 0px;
	z-index:999999;
}

#container {
    width: 100%;
    text-align: center;
}
 
/* fullSlideShow
--------------------------- */
.fullSlideShow {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.fullSlideShow ul {
    top: 50%;
    left: 50%;
    width: 100%;
    position: fixed; /* absolute or fixed */
    overflow: hidden;
}
.fullSlideShow ul li {
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    position: absolute;
}
.fullSlideShow ul li img {
    width: 100%;
}




.fullSlideShow ul a.nashi{
	pointer-events: none;
	cursor:default;
}


 
 
/* SideNavi
------------------------- */
.fullSlideShow .btnPrev,
.fullSlideShow .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: fixed; /* absolute or fixed */
    z-index: 105;
}
.fullSlideShow .btnPrev {
    left: 10px;
    background: transparent url(../img/btnPrev.png) no-repeat center center;
}
.fullSlideShow .btnNext {
    right: 10px;
    background: transparent url(../img/btnNext.png) no-repeat center center;
}
 
 
/* PagiNation
--------------------------- */
.pagiNation {
    bottom: 30px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: fixed; /* absolute or fixed */
    z-index: 90; /* 非表示にする場合は「90」以下に */
    visibility: hidden; /* 非表示にする場合は「hidden」に */
}
 
.pagiNation a {
    margin: 0 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    background: #000;
}
.pagiNation a.pnActive {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
 
/* Wrapper
--------------------------- */
#wrapper {
    width: 100%;
    text-align: left;
    background: #fff;
	position: fixed;
}
 
.contents {
    padding: 30px 50px 50px 50px;
	background-color: #F00;
}
.contents p {
    padding-bottom: 3em;
    line-height: 180%;
}
 
/* =======================================
    ClearFixElements
======================================= */
.fullSlideShow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
.fullSlideShow ul {
    display: inline-block;
    overflow: hidden;
}







.cf:after {
	clear: both;
}








@media only screen and (max-width: 480px) {
	
	
	
	#nav ul {
    list-style:none;
}

#nav {
	height: auto;
	width:100%;
	margin: 0px;
	padding: 0px;
	background-color: #0F0;
	position: absolute;　bottom: 0;
}

	
	
	
  #menu{
	  height: 250px;
    display: none;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
  }
  
  
  #menu li{
	  height: 50px;
    width: 100%;
	margin: 0px;
	padding: 0px;
	background-image:url(../img/navi_bg.png);
	background-repeat: repeat-x;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
  
  
  
  
  
  
  
  /* fullSlideShow
--------------------------- */
.fullSlideShow {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.fullSlideShow ul {
    top: 50%;
    left: 50%;
    width: 100%;
    position: fixed; /* absolute or fixed */
    overflow: hidden;
}
.fullSlideShow ul li {
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    position: absolute;
}
.fullSlideShow ul li img {
    width: 100%;
	overflow: hidden;
}
.fullSlideShow ul a.nashi{
	pointer-events: none;
	cursor:default;
}

  
  
  
  
  
  
}
/*-  MEDIA QUERIES
 ----------------------------------------------------------------------*/
/* Disable ios/winmob font size changes */
@media screen and (max-width: 600px), screen and (max-device-width: 480px) {
    html {
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
	
	#menu {
					background: #eee;
				}
				#page {
					border-left: 1px solid #ccc;
					min-height: 100%;
				}
				/* hide open-button */
				a[href="#menu"]
				{
					display: none !important;
				}
}


/* PC向けおよび大型タブレット向けのレイアウトの指定：601px～960px */
@media only screen and (min-width: 601px) {

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/

#nav ul {
    list-style:none;
}

#nav {
	height:50px;
	width:100%;
	background-image: url(../img/navi_bg.png);
	background-repeat: repeat-x;
	position: fixed;
	bottom: 0px;
	z-index:999999;
}

#menu {
	width: 1000px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#nav li {
	height: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	border-right: 1px solid #CCC;
}
.navLeft {
	border-left:  1px solid #CCC;
}
	


}

/* PC向けレイアウトの指定：941px以上では固定レイアウト */
@media only screen and (min-width: 941px) {

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/

#nav ul {
    list-style:none;
}

#nav {
	height:50px;
	width:100%;
	background-image: url(../img/navi_bg.png);
	background-repeat: repeat-x;
	position: fixed;
	bottom: 0px;
	z-index:999999;
}

#menu {
	width: 1000px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#nav li {
	height: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	border-right: 1px solid #CCC;
}
.navLeft {
	border-left:  1px solid #CCC;
}
	


}