@charset "UTF-8";
#gallery {
  margin: 0 0 10px;
}

#slider {
  background: #d5b984;
}
#slider li {
  padding: 10px;
  background: #d5b984;
}
#slider li div {
  padding: 10px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: #fff;
  font-size: 14px;
  color: #a4aeb7;
  text-align: center;
  box-shadow: 2px 2px 2px #555 inset;
}
#slider li div img {
  text-align: center;
}

#gallery nav {
  background: #d5b984;
  height: 35px;
  position: relative;
}

#position {
  text-align: center;
  font-size: 27px;
  line-height: 1.3;
  color: #555;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -75px;
  width: 150px;
}
#position em {
  display: inline-block;
  padding: 0 3px;
  font-style: normal;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  font-family: sans-serif;
}
#position em.on {
  color: #fff;
}

#prev {
  border-right: 1px #fff solid;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 0;
}
#prev em {
  display: block;
  padding: 10px 13px 8px;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
}

#next {
  border-left: 1px #fff solid;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
}
#next em {
  display: block;
  padding: 10px 13px 8px;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
}

/*インデックス形式表示*/
#tab-basic-self {
  background-color: #ff8300;
}
#tab-basic-self a {
  color: #fff;
  text-decaration: none;
}

#basic-self {
  background-color: #caf1ff;
  border: solid 3px #ff8300;
}

#tab-basic-other {
  background-color: #0080e2;
}
#tab-basic-other a {
  color: #fff;
  text-decaration: none;
}

#basic-other {
  background-color: #caf1ff;
  border: solid 3px #0080e2;
}

/*初心者向けコンテンツ紹介*/

.info_text1{
  width:70%;
  padding:0 10px 10px; 
  -webkit-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  line-height:20px;
  font-size:13px;
}

.info_img1{
  width:30%;
}

.info_text2{
  padding:0 10px;
  line-height:20px;
  margin-bottom:20px;
    font-size:13px;
}

.info_img2{
  margin:-20px auto 5px;
  width:95%;
  background:#D6BD94;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.info_text3{
  padding:0 5px 10px; 
  -webkit-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  line-height:20px;
  font-size:13px;
}

.info_text3 ul li{
  margin-bottom:8px;
}

.info_img3{
  width:25%;
  background:#F17C67;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.info_img4{
  width:25%;
  background:#DDA52D;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.info_img5{
  width:25%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3759F7), color-stop(0.00, #60C7FD));
background: -webkit-linear-gradient(#60C7FD, #3759F7);
background: -moz-linear-gradient(#60C7FD, #3759F7);
background: -o-linear-gradient(#60C7FD, #3759F7);
background: -ms-linear-gradient(#60C7FD, #3759F7);
background: linear-gradient(#60C7FD, #3759F7);
  -webkit-border-radius:3px;
  border-radius:3px;
}

.info_img6{
  width:25%;
  background:#0D5661;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.icon1 li{
background: url("/image/menu/8.096.gif") 0% 49% no-repeat;
-webkit-background-size:13px;
padding-left: 15px;  
}

.icon1_1 li{
background: url("/image/menu/8.096.gif") 0% 13% no-repeat;
-webkit-background-size:13px;
padding-left: 15px;
}

.icon2 li{
background: url("/image/menu/15.096.gif") 0% 49% no-repeat;
-webkit-background-size:13px;
padding-left: 15px;  
}

.icon3 li{
background: url("/image/menu/13.096.gif") 0% 50% no-repeat;
-webkit-background-size:13px;
padding-left: 15px;  
}

.icon4 li{
background: url("/image/menu/9.096.gif") 0% 48% no-repeat;
-webkit-background-size:13px;
padding-left: 15px;  
}

.icon4 li:last-child{
background: url("/image/menu/9.096.gif") 0% 7% no-repeat;
-webkit-background-size:13px;
padding-left: 15px;  
}

.icon5 li{
background: url("/image/menu/1.096.gif") 0% 48% no-repeat;
-webkit-background-size:13px;
padding-left: 15px;  
}

.info_img7{
background: #060F23;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.info_text4{
  width:90%;
  margin:15px auto 30px; 
  line-height:23px;
  font-size:14px;
color:#ffffff;
text-shadow:
		0px -2px rgba(0,0,0,1),
		2px 0px  rgba(0,0,0,1),
		0px 1px rgba(0,0,0,1),
		-2px 1px rgba(0,0,0,1);
-webkit-text-shadow:
		0px -2px rgba(0,0,0,1),
		2px 0px rgba(0,0,0,1),
		0px 1px rgba(0,0,0,1),
		-2px 1px rgba(0,0,0,1);
}

.info_text4 li{
margin-bottom:8px;
}

.info_text4 li .font_blue{
  color: #3322C3;
  font-weight:bold;
  font-size:15px;
	text-shadow:
		0px -1px rgba(255,255,255,1),
		1px 0px 5px rgba(255,255,255,1),
		0px 1px 10px rgba(255,255,255,1),
		-1px 1px 10px rgba(255,255,255,1);
-webkit-text-shadow:
		0px -1px rgba(255,255,255,1),
		1px 0px 5px rgba(255,255,255,1),
		0px 1px 10px rgba(255,255,255,1),
		-1px 1px 10px rgba(255,255,255,1);

}

.info_text4 .font_red{
	  color: #ffffff;
  font-weight:bold;
  font-size:120%;
	text-shadow:
		0px -1px rgba(255,0,0,1),
		1px 0px 5px rgba(255,0,0,1),
		0px 1px 10px rgba(255,0,0,1),
		-1px 1px 10px rgba(255,0,0,1);
-webkit-text-shadow:
		0px -1px rgba(255,0,0,1),
		1px 0px 5px rgba(255,0,0,1),
		0px 1px 10px rgba(255,0,0,1),
		-1px 1px 10px rgba(255,0,0,1);

}

.info_img8{
background: #0d5661; /* Old browsers */
background: -moz-linear-gradient(left,  #0d5661 0%, #0d5661 50%, #d6bd94 51%, #d6bd94 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0d5661), color-stop(50%,#0d5661), color-stop(51%,#d6bd94), color-stop(100%,#d6bd94)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #0d5661 0%,#0d5661 50%,#d6bd94 51%,#d6bd94 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #0d5661 0%,#0d5661 50%,#d6bd94 51%,#d6bd94 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #0d5661 0%,#0d5661 50%,#d6bd94 51%,#d6bd94 100%); /* IE10+ */
background: linear-gradient(to right,  #0d5661 0%,#0d5661 50%,#d6bd94 51%,#d6bd94 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d5661', endColorstr='#d6bd94',GradientType=1 ); /* IE6-9 */
-webkit-border-radius:3px;
  border-radius:3px;
}

.info_img9{
	width:95%;
	margin:10px auto;
}