@charset "UTF-8";
/* CSS Document */

.headroom {
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}

#contents {
	width:1200px;
	height:100%;
	margin:0em auto 0em auto;
	text-align:center;
}

#contents_0 {
/*	width:1200px;*/
	width:100%;
	/*height:800px;*/
	margin:5em auto 0em auto;
	background-color:#f5f5f5;
	/*background-image:url(img/index_bg_1200x600_1.png);*/
/*	float:left;*/
}

#video {
    width:1200px;
    height:100%;
    margin:0em 0em 2em 0em;
    padding:0;
    float:left;
}
#video video{
    width:100%;
    height:600px;
    margin:0;
    padding:0;
    float:left;
}

#desc0 {
    width:1200px;
    height:100%;
    margin:0;
    padding:0;
    float:left;
}

#main_title {
    width:1000px;
    height:100%;
    margin:0 100px 0 100px;
    padding:0;
    float:left;
}

#title1 {
	/*position:absolute;
	right:30%;
	top:30%;*/
	width: 1000px;
	height:70px;
	margin:0.5em 1em 2em 0em;
	border:solid #dcdcdc 1px;
	background-color:#000066;
	box-shadow:#B1AFAF 3px 3px 3px;
	float:left;
}

#title1 h1 {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:20pt;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	margin:0.5em 0em 1.5em 0em;
	/*text-shadow:#B1AFAF 3px 3px 3px;*/
}

#main_title h2{
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:15pt;
	text-align:center;
    color:#333333;
}

#main_title h3 {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:13pt;
	text-align:left;
	color:#333333;
	font-weight:bold;
	margin:0.5em 0em 1.5em 0em;
	/*text-shadow:#B1AFAF 3px 3px 3px;*/
    border-bottom: 2px #000066 solid;
    /*padding-bottom: 5px;*/
    font-weight: bold;
}

#main_title h4{
    font-size:12pt;
	border-bottom: 5px #000066 solid;
/*	margin-left:20px;*/
	padding-bottom: 5px;
	font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	text-align:left;
}

#main_title h4{
	border:solid 1px #ddd;
  -moz-border-radius: 5px; /* FF */
  -webkit-border-radius: 5px;/* Webkit */
  border-radius: 5px;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top,  #fff,  #eee);
	padding: 5px;
  -pie-background:linear-gradient(top,  #fff,  #eee);
  behavior: url(http://www.webcreatorbox.com/sample/images/PIE.htc);  /* ie */
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
    text-align:left;
/*    margin-left:25px;*/
}
#main_title h4 span {
  border-left:5px #3cf solid;
  padding-left:10px;
}

#main_title p{
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:11pt;
    padding:0em 0.5em 0em 0.5em;
	text-align:left;
    color:#333333;
}

#main_title2 {
    width:1000px;
    height:100%;
    margin:0 100px 0 100px;
    padding:0;
    float:left;
}

#main_title2 h3 {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:13pt;
	text-align:left;
	color:#333333;
	font-weight:bold;
	margin:0.5em 0em 1.5em 0em;
	/*text-shadow:#B1AFAF 3px 3px 3px;*/
    border-bottom: 2px #000066 solid;
    /*padding-bottom: 5px;*/
    font-weight: bold;
}

#main_title2 h4{
    font-size:12pt;
	border-bottom: 5px #000066 solid;
/*	margin-left:20px;*/
	padding-bottom: 5px;
	font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	text-align:left;
}

#main_title2 h4{
	border:solid 1px #ddd;
  -moz-border-radius: 5px; /* FF */
  -webkit-border-radius: 5px;/* Webkit */
  border-radius: 5px;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top,  #fff,  #eee);
	padding: 5px;
  -pie-background:linear-gradient(top,  #fff,  #eee);
  behavior: url(http://www.webcreatorbox.com/sample/images/PIE.htc);  /* ie */
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
    text-align:left;
/*    margin-left:25px;*/
}
#main_title2 h4 span {
  border-left:5px #3cf solid;
  padding-left:10px;
}

#main_title2 p{
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:10pt;
    padding:0em 0.5em 0em 0.5em;
	text-align:left;
    color:#666666;
}

@import url(http://fonts.googleapis.com/css?family=Neucha);
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Philosopher);

.ol1 li{
    color: #3cf;
    font-size:150%;
    font-family: 'Neucha';
    list-style: decimal inside;
    text-align:left;
    margin-left:-1.5em;
}
.ol1 li span{
  color: #333333;
  font-size:16px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}



#desc1 {
    width:1000px;
    height:100%;
    margin:0 100px 0 100px;
    padding:0;
    float:left;
}

#sub_title {
    width:1000px;
    height:100%;
    margin:0;
    padding:0;
}

#sub_title h3{
    font-size:13pt;
	border-bottom: 5px #000066 solid;
/*	margin-left:20px;*/
	padding-bottom: 5px;
	font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	text-align:left;
}

#desc1_s {
    width:1000px;
    height:50px;
    padding:0;
/*    margin:0 0 0 15px;*/
    float:left;
}

#desc1_s h3{
    width:240px;
	border:solid 1px #ddd;
    -moz-border-radius: 5px; /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    border-radius: 5px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top,  #fff,  #eee);
	padding: 5px 5px 5px 0px;
    -pie-background:linear-gradient(top,  #fff,  #eee);
    behavior: url(http://www.webcreatorbox.com/sample/images/PIE.htc);  /* ie */
    font-size:13pt;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
/*    margin-left:50px;*/
}

#desc1_s a{
    text-decoration: none;
    color:#333333;
    display:block;
}

#sub_title1 {
    width:1000px;
    height:50px;
    margin-bottom:30px;
    padding:0;
    float:left;
}

#sub_title1 h4{
	border:solid 1px #ddd;
  -moz-border-radius: 5px; /* FF */
  -webkit-border-radius: 5px;/* Webkit */
  border-radius: 5px;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top,  #fff,  #eee);
	padding: 5px;
  -pie-background:linear-gradient(top,  #fff,  #eee);
  behavior: url(http://www.webcreatorbox.com/sample/images/PIE.htc);  /* ie */
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
    text-align:left;
/*    margin-left:25px;*/
}
#sub_title1 h4 span {
  border-left:5px #3cf solid;
  padding-left:10px;
}


#box1 {
    width:250px;
    height:50px;
    margin:0;
    padding:0;
    float:left;
}

#box2 {
    width:250px;
    height:50px;
    margin:0;
    padding:0;
    float:left;
}

#box3 {
    width:250px;
    height:50px;
    margin:0;
    padding:0;
    float:left;
}

#box4 {
    width:250px;
    height:50px;
    margin:0;
    padding:0;
    float:left;
}

#desc1_l {
    width:1000px;
    height:600px;
    margin:0;
    padding:0;
/*    float:left;*/
}

#desc1_l1 {
    width:1000px;
    height:600px;
    margin:0;
    padding:0;
/*    float:left;*/
}
#desc1_l2 {
    width:1000px;
    height:600px;
    margin:0;
    padding:0;
/*    float:left;*/
    display:none;
}
#desc1_l3 {
    width:1000px;
    height:600px;
    margin:0;
    padding:0;
/*    float:left;*/
    display:none;
}
#desc1_l4 {
    width:1000px;
    height:600px;
    margin:0;
    padding:0;
/*    float:left;*/
    display:none;
}

#contents_bd {
    width:1000px;
    height:100%;
    margin:0;
    padding:0;
}
#contents_bd img{
    width:500px;
    height:100%;
    margin:10px;
    padding:0;
    float:left;
/*    border: solid 1px #333333;*/
}

#contents_bd video {
    width:500px;
    height:100%;
    float:right;
    margin:0em 0em 2em 1em;
}

#contents_bd h5 {
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:12pt;
	text-align:left;
    color:#333333;
/*    margin-left:30px;*/
    
}

#contents_bd p {
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:10pt;
	text-align:left;
    color:#333333;
    padding:0em 1em 0em 0em;
/*    margin-left:30px;*/
}

#contents_bd ul li {
	position: relative;
    text-align:left;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
    color:#333333;
    padding-left:4.3em;
    padding-right:3em;
    padding-bottom:0.5em;
    margin-top:-0.5em;
    font-size:8pt;
    
}
#contents_bd ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 3em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#contents_bd ul li ol{
	position: relative;
    font-size:10pt;
}
#contents_bd ul li ol::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 1.5em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/*footer用css*/
#footer {
	width:100%;
	height:50px;
	margin:0em auto 0em auto;
	background-color:#000066;
	text-align:center;
    float:left;
}

#footer h5{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
	font-size:8pt;
	line-height:1em;
	color:#f5f5f5;
}

#footer a{
	color:#f5f5f5;
}