@charset "utf-8";

/*------------------------------------------------
動作環境チェック
--------------------------------------------------*/

.win1 {
  margin:20px auto 40px auto;
  padding:20px 15px 15px 15px;
}

.win1 .inner {
  width:610px;
  margin:0px auto 20px auto;
  border-bottom:1px solid #cccccc;
  padding-bottom:20px;
}

.win1 .radio {
  position:relative;
}

.win1 .radio input {
  position:absolute;
  top:2px;
  *top:-5px;
  left:197px;
}

.win1 .txt {
  margin-bottom:20px !important;
}

.button {
  width:343px;
  margin:0px auto 0px auto;
}

.button a {
  background-image: url(../../images/dosacheck/sprite_sheet.png);
  background-repeat: no-repeat;
  width: 343px;
  height: 50px;
  display:block;
  background-position: 0 0;
}

.button a:hover {
  background-position: 0 -50px;
}

.button a span {
  color:#FFF;
  font-size:16px;
  display:inline-block;
  padding-top:17px;
  font-weight:bold;
}

#all .win1 .red {
  text-align:left !important;
  font-size:11px;
  margin-bottom:3px;
}

.win1 li {
  line-height:1.3;
  font-size:11px;
  color:#e60d0d;
  text-align:left;
  margin-bottom:3px;
}

.title {
  margin-bottom:10px;
}

.title p {
  font-size:14px;
  float:left;
  color:#1c1f2b;
  font-weight:bold;
  padding-top:5px;
}

.title div {
  float:right;
}

.check-table {
  width:100%;
  border-bottom:1px solid #cccccc;
  border-left:1px solid #cccccc;
  margin-bottom:6px;
}

.check-table th {
  border-top:1px solid #cccccc;
  border-right:1px solid #cccccc;
  text-align:center;
  vertical-align:middle;
  background-color:#f5f5f5;
  font-weight:bold;
  padding:10px 0px 10px 0px;
  color:#666666;
}

.check-table td {
  border-top:1px solid #cccccc;
  border-right:1px solid #cccccc;
  text-align:center;
  vertical-align:middle;
  padding:10px 0px 10px 0px;
  line-height:1.3;
}

.check-table .bg01 {
  background-color:#eaeaea;
  font-weight:bold;
}

.check-table .imgsp {
  background: url(../../images/dosacheck/sprite_sheet.png) no-repeat;
  width: 19px;
  height: 19px;
}

.check-table .humei {
  background-position: -364px -104px;
}

.check-table .ng {
  background-position: -241px -104px;
}

.check-table .ok {
  background-position: -121px -104px;
}
.check-table .perfect {
  background-position: 0.5px -104px;
}

.icon {
  margin-bottom:23px;
}

.icon p {
  background: url(../../images/dosacheck/sprite_sheet.png) no-repeat 0 -100px;
  width: 483px;
  height: 24px;
  float:right;
}

.game-list {
  margin-bottom:23px;
  border:solid 4px #eeeeee;
  padding:16px 0px 16px 17px;
}

.game-list ul {
  *margin-bottom:10px;
}

.game-list li {
  float:left;
  padding-right:23px;
  margin-bottom:10px;
  width:112px;
}

.game-list .imgsp {
  background: url(../../images/dosacheck/sprite_sheet.png) no-repeat;
  width: 19px;
  height: 19px;
  margin:3px auto 0px auto;
}

.game-list .humei {
  background-position: -364px -104px;
}

.game-list .ng {
  background-position: -241px -104px;
}

.game-list .ok {
  background-position: -121px -104px;
}

.game-list .perfect {
  background-position: 0px -104px;
}

.game-list p {
  text-align:left;
  line-height:1.5;
}

/*------------------------------------------------
動作環境チェック STEP
--------------------------------------------------*/

#step.inner{
  border-bottom:none;
  margin:0 auto 0 !important;
}

#step .txt_l{
  font-weight:bold;
}

#step .step_txt01{
  line-height:1.5;
  margin-top:20px;
}

#step .frame{
  border:1px solid #cccccc;
  background-color:#ffffff;
  padding:15px;
  margin-top:15px;
}

#step .leftbox{
  float:left;
  margin-right:20px;
}

#step .leftbox span{
  font-size:14px;
  font-weight:bold;
  color:#1c1f2b;
  line-height:1.7;
}

#step .rightbox{
  float:left;
  width:510px;
}

#step .rightbox span{
  color:#1c1f2b;
  line-height:1.7;
  font-size:12px;
}

#step .frame .btn01,
#step .frame .btn02{
  margin-top:10px;
  width:343px;
  height:50px;
  padding-left:56px;
}

#step .frame .btn01 a,
#step .frame .btn02 a{
  display:block;
  background-image:url(../../images/pmang/template/deco.png);
  background-repeat:no-repeat;
  width:343px;
  height:50px;
  line-height:50px;
  color:#ffffff;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}

#step .frame .btn01 a{background-position:-343px -123px;}
#step .frame .btn02 a{background-position:-343px -223px;}

#step .frame .btn01 a:hover{background-position:-343px -173px;}
#step .frame .btn02 a:hover{background-position:-343px -273px;}

/*------------------------------------------------
アプリ画面 ゲーム一覧
--------------------------------------------------*/

#diagnostic{
  border:1px solid #222222;
  background-color:#333333;
  padding:4px;
}

#diagnostic .box_inner{
  background-color:#ffffff;
  padding:25px 10px 45px;
  min-height:480px;
  position:relative;
}

#windowControls{
  overflow:hidden;
  position:absolute;
  top:4px;
  right:4px;
}

#windowControls li{
  float:left;
  width:22px;
  height:16px;
}

#minimize{margin-right:2px;}

#windowControls li a{
  background-image:url(../../images/dosacheck/parts.png);
  background-repeat:no-repeat;
  width:22px;
  padding-top:16px;
}

#minimize a{background-position:0 0;}
#close a{background-position:-24px 0;}

#minimize a:hover{background-position:0 -16px;}
#close a:hover{background-position:-24px -16px;}

#diagnostic #page_header{
  margin:0 0 20px;
  border:3px solid #dddddd;
  padding:10px;
}

#diagnostic #page_header h1{
  background-position:-448px -379px;
}

#diagnostic #page_header h1 span{
  padding-left:20px;
  font-size:14px;
}

#diagnostic #page_header p{
  margin-top:10px;
}

#diagnostic #page_header .txt01{
  line-height:1.5;
}

#diagnostic .icon{
  margin-bottom:0;
}

#diagnostic .icon p{
  float:none;
  margin-left:auto;
}

#diagnostic .game-list{
  border:none;
  padding:0;
  margin-bottom:0;
}

#diagnostic .game-list li{
  margin-bottom:20px;
  padding-right:20px;
}

#diagnostic .game-list a{
  display:block;
  width:112px;
  height:82px;
}

#diagnostic .game-list .detail{
  position:absolute;
  border:3px solid #dddddd;
  padding:13px 10px 13px;
  background-color:#f5f5f5;
  z-index:10;
  margin-top:10px;
  display:none;
  /* left:15px; */
  left:10px;
  top:15px;
}

#diagnostic .game-list .detail ul{
  border-bottom:1px solid #dddddd;
  padding-bottom:10px;
  margin-bottom:10px;
}

#diagnostic .game-list .detail li{
  display:inline-block;
  margin-bottom:0;
  padding-right:0;
}

#diagnostic .game-list .detail .game-title{
  width:60%;
  font-size:16px;
  font-weight:bold;
}

#diagnostic .game-list .detail .game-type{
  width:40%;
  font-size:16px;
  font-weight:bold;
}

/*------------------------------------------------
アプリ画面 結果表示
--------------------------------------------------*/

#diag-result .check-table .item01,
#diag-result .check-table .item02,
#diag-result .check-table .item04{
  width:28%;
}

#diag-result .check-table .item03{
  width:16%;
}

#diag-result .check-table .imgsp{
  margin:0 10px;
}

#diagnostic .btn_back{
  width:190px;
  height:30px;
  margin:0 auto;
}

#diagnostic .btn_back{
  width:190px;
  height:30px;
  margin-top:20px;
  margin-bottom:30px;
}

#diagnostic .btn_back a{
  display:inline-block;
  background:url(../../images/pmang/template/deco.png) no-repeat -190px -3px;
  width:190px;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#ffffff;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
}

#diagnostic .btn_back a:hover{
  background-position:-190px -32px;
}

#diagnostic #footer{
  position:absolute;
  bottom:0;
  left:0;
  text-align:center;
  padding:15px 0 !important;
  width:100%;
}

#diagnostic #footer .logo_pmang{
  float:none;
  margin:0;
  display:inline-block;
  vertical-align:middle;
  padding:0 10px !important;
  width:63px !important;
}

#diagnostic #footer .copyright{
  width:auto !important;
  margin:0;
  padding:0;
  font-size:10px;
  display:inline-block;
  vertical-align:middle;
  padding:0 10px !important;
}