body{

	padding:0;

	background-color:#fff;

	background:url(../img/bg03.jpg) repeat-x;

}



container {

	width: 100%;

	padding: 0 0 0 0;

	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */

}



section{

margin: 0 auto;

}





section.main1{

width:640px;

padding:60px 0 40px 0;

}

section.main2{

width:874px;

padding:0 0 0 0;

background-color:#efeff0;

}

section.main3{

width:874px;

padding:0 0 0 0;



}



section.text{

width:900px;

padding:0 0 30px 0;

}



#main1 .navi{

width:640px;

text-align:center;

margin:25px 20px 0 0;

}



#main1 .navi2{

float:left;

width:180px;

text-align:left;

margin:25px 0 0 20px;

}



.store{

	position:fixed;

	top:150px;

	right: 0;

	width: 115px;

	

}







/* =============================================================== 

*** 01: utility *** 

=============================================================== */



/* ----- clear fix ----- */



.cmn_cl:after {

content:".";

display:block;

clear:both;

visibility:hidden;

height:0;

font-size:0.1em;

line-height:0;

}

.cmn_cl {

display:inline-block;

}



/* Hides from IE-mac \*/

* html .cmn_cl {

height:1%;

}

.cmn_cl{

display:block;

}





/* =============================================================== 

*** 03: header *** 

=============================================================== */



#header {

width:940px;

min-height:70px;

margin:0 auto;

border:none;

background-color:#FFF;

}



#header #logo{

width:220px;

margin:5px 5px 0 5px;

float:left;

}



#header .navi{

width:680px;

float:right;

}

#header .navi ul.hdrLink1{

float:right;

margin:30px 0 0 0;

padding:0 0 0 0;

font-size:12px;

}

#header .navi ul.hdrLink1 li{

height: 25px;

float:left;

display:inline;

margin:0 0 0 10px;

}



#header .navi ul.hdrLink1 li.first{

height: 25px;

padding: 0 0 0 0;

margin:0 0 0 15px;

}



#header .navi ul.hdrLink2{

float:right;

margin:0 0 0 0;

padding:0 0 0 0;

background-color:#F0f0f0;

}

#header .navi ul.hdrLink2 li{

float:right;

display:inline;

margin:0 0 0 15px;

}



#sub {

width:100%;

padding:18px 0 10px 5px;

}



section.sub1{

width:940px;

padding:0 0 0 0;



}







.dc {

list-style-type: decimal;

margin: 0 0 0 2em;

padding: 0;

} 



a img {

    border-style:none;

}



.text1  {

padding-top:30px;

padding-left:70px;

color:#000;

}

.test2  {

padding: 10px 30px 20px 30px;

}

.test3  {

padding: 10px 0 20px 140px;

margin: 0 0 2em; /* 段落のマージン（上、左右、下） */

}

.h1  {

padding:10px 40px 10px 30px;

font-size:18px;

font-style:normal;

}



.h1M  {

padding:50px 0 30px 70px;

font-size:36px;

font-weight:normal;

color:#9c8787;

}



.h2  {

padding: 0 0 0 140px;

font-weight:bold;

font-size: 120%;

clear:both;

margin: 0;

}









/* ================ font-color ================ */



body{

font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

font-size:12px;

color:#fff;

}



a {

color:#fff;

text-decoration:underline;

}

a:hover {

color:#fff;

text-decoration:none;

}



section.main{

color:#818181;

font-size:14px;

}

section.2nd{

color:#818181;

font-size:24px;

}



section.contact a {

color:#1355fe;

text-decoration:none;

}

section.contact a:hover {

color:#1355fe;

text-decoration:underline;

}



/* =============================================================== 

*** 04: footer 調整*** 

=============================================================== */



#footer {

width:940px;

min-height:59px;

margin:0 auto;

color:#000;

}



#footer .navi{

width:940px;

text-align:center;

margin:25px 20px 0 0;

}



#footer .navi2{

float:left;

width:200px;

text-align:left;

margin:25px 0 0 20px;

}

/*//////////////////// youtube ////////////////////*/
#youtube {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.90);
	z-index: 9999;
}
#youtube #player {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -223px 0 0 -396px;
}
#youtube #skip {
	position: absolute;
	right: 20px;
	bottom: 30px;
	cursor: pointer;
}