/*全体の設定*/
body{
    margin-left: auto;
    margin-right: auto;
    width: 770px;
    margin-top: 0px;
    padding: 0px;
    font-style: normal;/*文字のスタイル：普通*/
    font-weight: normal;/*文字の太さ：普通*/
    font-size: medium;/*文字の大きさ：中*/
    text-align: center;/*文字の寄せ方：左寄せ*/
    color: #040404;/*文字の色：黒*/
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    background-repeat: repeat-x;
    background-color: #EDFB79;
    background-image: url("images/bg_sora_yama_haru.png");



} 
	


/******全体枠ですcolerで文字の色****/

#container  {
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	margin-top: 10px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}





/* ヘッダーの設定*/
header{
   width:770px;
	height:180px;
	margin:auto;
	padding-top:10px;
	text-align:center;
    color:#000000;
}


nav a {
	text-align:center;
	margin-left:15px;
}
/* ラッパーの設定*/
#wrap{
    position: relative;
    width: 770px;
    height: auto;
    font-family: Verdana;
    font-size: 14px;
    color: #040404;
    font-style: normal;
}
#container  {
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	margin-top: 10px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #040404;
}




/* 左側の設定*/
#left{
    float:left;
    width:150px;
	text-align:center;
}





#conte {
	width:150px;
	height:auto;
	margin:0px;
	text-align:center;
	font-size:15px;
	line-height: 110%;
}

#conte2 {
	width:150px;
	height:auto;
	margin:0px;
	text-align:left;
	font-size:15px;
	list-style-position: outside;
	list-style-image: url(images/nabi2.gif);
	line-height: 110%;
}



/* 真ん中の設定*/
#center{
    float:left;
    width:460px;
    height:auto;
	margin:0px;
	vertical-align:top;
	text-align:center;
}
#center a{
	color: #232FE5;
	font-size: 16px;
	font-style: normal;
}
#swiffycontainer {
	margin: auto; 
	overflow: hidden;
	height: auto;
}
#animation_container {
	margin: auto; 
}


/* 右側の設定*/
#right{
    float:right;
    width:150px;
 }
 
 
 
 
 
/* フッターーの設定*/
footer{
    height:160px;
    width:770px;
    clear:both;
	margin-top:10px; 
	color: #170101;
}




.font_blue {
    font-size: 100%;
    font-weight: bold;
    color: #1918A8;
    margin: auto;
}


.font-white {
    font-size:80%;
	font-weight:bold;
    color: #ffff;
	}	




/* ====================================================
         btnの設定
==================================================== */


.btn1 a {
	display: block;
	width: 118px;
	height: 64px;
	background:url(images/button_01_on.svg) no-repeat 0 0;
}

.btn2 a {
	display: block;
	width: 118px;
	height: 64px;
	background:url(images/button_02_on.svg) no-repeat 0 0;
}

.btn3 a {
	display: block;
	width: 118px;
	height: 64px;
	background:url(images/button_03_on.svg) no-repeat 0 0;
}

.btn4 a {
	display: block;
	width: 118px;
	height: 64px;
	background:url(images/button_04_on.svg) no-repeat 0 0;
}

.btn5 a {
	display: block;
	width: 118px;
	height: 64px;
	background:url(images/button_05_on.svg) no-repeat 0 0;
}


.btn6 a {
	display: block;
	width: 118px;
	height: 64px;
	background:url(images/button_06_on.svg) no-repeat 0 0;
}

.btn7 a {
	display: block;
	width: 118px;
	height: 64px;
	background:url(images/button_07_on.svg) no-repeat 0 0;
}

.btn8 a {
	display: block;
	width: 118px;
	height: 64px;
	background:url(images/button_08_on.svg) no-repeat 0 0;
}