@charset "UTF-8";
/* CSS Document */
body{
	font: 16px/20px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	background-color:#000;
	}
img{
	zoom: 0.5;
	} 
#app a:link {
	color: #333;
	}
#app a:visited {
	color: #333;
	}
#app a:hover {
	color: #333;
	}
#app a:active {
	color: #333;
	}

img{
	margin:0;
	padding:0;
	display:block;
	}

#container{
	margin:0 auto;
	width:100%;
	overflow:hidden;
	}

#logo{
	color:#FFF;
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:20px;
/*
	display:table-cell;
*/
	vertical-align:middle;
	line-height:45px;
	width:100%;
	float:left;
	text-align:center;
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#4812c2),
		to(#3f1a92));
	text-shadow:
		0px 1px 1px rgba(000,000,000,1),
		0px -1px 1px rgba(255,255,255,0.2);
	}
/*
#app{
	clear:both;
	}
*/
#apps ul{
	padding:0px;
	margin:0px;
	list-style:none;
	display:block;
	}
#apps li{
	margin:0;
	padding:0;
    float:none;
	clear:both;
	width:100%;
	weight:bold;
	text-align:left;
	border:1px #000 solid;
	border-bottom:0px;
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fff),
		to(#999));
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,0.7);
    display:block;
	text-shadow:
		0px 1px 0.5px rgba(0,0,255,0.2),
		0px -1px 0px rgba(255,255,255,0.7);
	}
#apps li>a{
	color:#666;
	display:block;
	width:100%;
	height:auto;
	padding:20px 0px 20px 10px;
	text-align:left;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	}
#apps li>a>span{
	display:table-cell;
	clear:none;
	vertical-align:middle;
	height:auto;
	}
#apps li>a>span>img{
	-webkit-border-radius:12px;
	margin-right:30px;
	width: 114;
	}
.plus{
	float: left;
	margin: 10px 15px 0 0;
	}
#apps li>a:after{
	content:url(../images/arrowR.png);
	padding-right:20px;
	display:table-cell;
	vertical-align:middle;
	}
#apps li>a>span:last-child{
    width:100%;
	}

#app ul{
	padding:0px;
	margin:0px;
	list-style:none;
	display:block;
	}
#app li{
	color:#333;
	margin:0;
	padding:0;
    float:none;
	clear:both;
	width:100%;
	weight:bold;
	text-align:left;
	border:1px #000 solid;
	border-bottom:0px;
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fff),
		to(#999));
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,0.7);
    display:block;
	text-shadow:
		0px 1px 1px rgba(0,0,255,0.2),
		0px -1px 0px rgba(255,255,255,0.7);
	}
#app li>a{
	display:block;
	width:100%;
	height:auto;
	padding:20px 0px 20px 10px;
	text-align:left;
	text-decoration:none;
	font-size:17px;
	font-weight:bold;
	vertical-align:middle;
	}
#app li>a>span{
	display:table-cell;
	clear:none;
	vertical-align:middle;
	height:auto;
	}
#app li>a>img{
	-webkit-border-radius:12px;
	margin-right:30px;
	}
#app li>a>span>img{
	-webkit-border-radius:12px;
	margin-right:10px;
	}
.plus{
	float: left;
	margin: 10px 15px 0 0;
	width: 20px;
	}
#app li>a:after{
	content:url(../images/arrowR.png);
	padding-right:20px;
	display:table-cell;
	vertical-align:middle;
	}
#app li>a>span:last-child{
    width:100%;
	}

.A {
	position: absolute;
	width: 50px;
	margin-left: 10px;
	padding-top: 0px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	z-index: 5;
	left: 3px;
}
.A:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    width: 50px;
    height: 30px;
    background-image: -webkit-gradient(
		linear,
		left top,
		left bottom, 
		from(#999), 
		color-stop(0.5, #333), 
		to(#111));
    border-top-color: #000;
    border-right-color: #222;
    border-bottom-color: #333;
    border-left-color: #666;
    border-width: 1px;
    border-style: solid;
    border-radius: 7px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    z-index: -1;
	-webkit-border-radius:5px;
}
.B {
	position: absolute;
	width: 32px;
	margin-left: 10px;
	padding-top: 0px;
	font-size: 25px;
	text-align: center;
	text-decoration: none;
	z-index: 5;
	left: 3px;
}
.B:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    width: 30px;
    height: 30px;
    background-image: -webkit-gradient(
		linear,
		left top,
		left bottom, 
		from(#999), 
		color-stop(0.5, #333), 
		to(#111));
    border-top-color: #000;
    border-right-color: #222;
    border-bottom-color: #333;
    border-left-color: #666;
    border-width: 1px;
    border-style: solid;
    border-radius: 7px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    z-index: -1;
	-webkit-border-radius:5px;
}

#i {
	background-color: #dfdfdf;
/*
    background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#eee),
		to(#666));
*/
	}
#info {
	background-color: #fff;
	padding: 5px;
	margin: 0px 10px;
	-webkit-border-radius: 8px;
	}
#info p:first-child {
	margin-top: 0;
	} 
#info p:last-child {
	margin-bottom: 0;
	} 
#info p{
	margin: 0px;
	padding: 0px;
	}
.i-t {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	padding-left: 10px;
	text-shadow: 0px 1px 1px rgba(0,0,255,0.2),0px -1px 0px rgba(255,255,255,0.7);
  line-height: 1.5em;
	}
.i {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	}
.i a {
	text-decoration:none;
    font-size: 15px;
	color: #069;
	text-shadow: 0px 1px 1px rgba(0,0,255,0.2),0px -1px 0px rgba(255,255,255,0.7);
	}
	
/*
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
a[target="_blank"],
area[target="_blank"],
form[target="_blank"]
  { target: new }
} 
*/
/*リスト共通*/
li p{
  font-weight: 400;
}

/*番号*/
ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
/*
  border: solid 2px #74c2f8;
*/
}
ol li{
/*
  border-bottom: dashed 1px #f60;
*/
  position: relative;
  padding: 0.5em 0.5em 0.5em 30px;
  line-height: 1.5em;
  font-size: 20px;
}

ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #4812c2;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 12px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
/*
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
*/
}
h3{
font-size: 20px;
  line-height: 1.5em;
padding-left: 10px;
border-bottom: 1px solid #4812c2;
border-left: 5px solid #4812c2;
}