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

#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:1200px;
    height:100%;
    margin:0;
    padding:0;
    float:left;
}

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

#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 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:12pt;
	text-align:center;
    color:#333333;
}

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

#sub_title {
    width:1200px;
    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:1200px;
    height:50px;
    margin-left:-25px;
    padding:0;
    float:left;
}

#desc1_s h3{
    width:265px;
	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-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;
}

#sub_title1 {
    width:1200px;
    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:300px;
    height:50px;
    margin:0;
    padding:0;
    float:left;
}

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

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

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

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

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

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

#contents_bd video {
    width:700px;
    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;
}

