@charset "utf-8";


/*全体の設定
------------------------------------------------*/
body {
	color: #000;
	margin: 0px;
	padding: 0px;
	/* 画像ファイルの指定 */
	background-image: url(../images/back.jpg);
	
	/* 画像を常に天地左右の中央に配置 */
  	background-position: center center;
  	
  	/* 画像をタイル状に繰り返し表示しない */
 	background-repeat: no-repeat;
 	
 	/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  	/*background-attachment: fixed;*/
  	
  	/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
 	background-size: cover;

}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*リンク設定
------------------------------------------------*/
a {
	color: #666;
	text-decoration: none;
}


/*ヘッダー
------------------------------------------------*/
header {
	height: 4.05vw;
	width: 45vw;
	margin-right: auto;
	margin-left: auto;	
	position: relative;
	overflow: auto;
}
/*ロゴの設定*/
header img {
  position: absolute;
  display: block;
  width: auto;
  height: 1.5vw;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}


/*タイトルブロック設定
------------------------------------------------*/
nav#title {
	height: 2.4vw;
	background: #F4F9EB;
	margin-bottom: 15px;
	width:auto;
    min-width: 400px;
}

nav#title ul {
	width:50vw;
	height:2vw;
	margin:  auto;	
	margin-top: 0px;
}


nav#title ul img{
	text-align: right;
	width: auto;
	height: 2vw;
	margin-top: 0.2vw;
	margin-bottom: auto;
	right: 0;
	bottom: 0;
	margin-left: 2vw;
}

nav#title ul hidari img{
	text-align: right;
	width: auto;
	height: 2vw;
	left: 0;
}


/*トップページのアスリチアロゴ
------------------------------------------------*/
#toplogo {
	position: relative;
	height: auto;
	width: 50vw;
	margin-top: 10.7vw;
	margin-right: auto;
	margin-left: auto;	
	margin-bottom: 0.6vw;
}
#toplogo img {
  display: block;
  width: 47.4vw;
  height: auto;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

/*h1タグ設定
------------------------------------------------*/
h1 {
	height: 0.15vw;
	background: #D7E7A3;
	text-align: right;
    min-width: 1000px;
}

/*コンテナー（HPを囲むブロック）
------------------------------------------------*/
#container {
	width: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;	
}

/*コンテンツ（main,subを囲むブロック）
------------------------------------------------*/
#contents {
	clear: left;
	width: 51.5%;
	margin-right: auto;
	margin-left: auto;	
}

/*メインコンテンツ
------------------------------------------------*/
#main {
	font: 1.3vw/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*文字サイズ・行間・フォント設定*/
	float: left;
	width: 100%;
	min-width: 300px;
	margin-top: 7.2vw;
	margin-bottom: 20px;
}

#main img{
	text-align: right;
	width: 28%;
	height: auto;
	margin-top: 0.8vw;
	right: 0;
	bottom: 0;
	margin-left: 4%;
}

/*mainコンテンツのh2タグの設定*/
#main h2 {
	height: 2.8vw;
	border-top: 0.13vw solid #99A37E;	/*上部の線の幅、線種、色*/
	border-bottom: 0.13vw solid #99A37E;	/*下部の線の幅、線種、色*/
}
#main h2 img {
  display: block;
	height: 2vw;
	width: auto;
	margin-top: 0.4vw;
	margin-left: 2vw;
}
/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0;
}

/*下部ブロック設定
------------------------------------------------*/
nav#title2 {
	clear: left;
	height: 2.51vw;
	background: #112748;
	margin-bottom: 1.3vw;
	width: 100%;
    min-width: 300px;
}

nav#title2 ul {
	width:50vw;
	height:2vw;
	margin:  auto;	
	margin-top: 0px;
}

nav#title2 ul hidari img{
	text-align: right;
	width: auto;
	height: 2vw;
	left: 0;
	margin-left: 2vw;
}

nav#title2 ul img{
	text-align: right;
	width: auto;
	height: 2vw;
	margin-top: 0.2vw;
	margin-bottom: auto;
	right: 0;
	bottom: 0;
	margin-left: 3.5vw;
}



/*フッター設定
------------------------------------------------*/
footer {
	clear: both;
}
footer ul {
	width: 55%;
	margin:  auto;
}

footer ul img{
	text-align: right;
	width: 28%;
	height: auto;
	margin-top: 08.vw;
	margin-bottom: 1vw;
	margin-left:65%;
}