@charset "utf-8";

#hotnews {
  color:#333333;
}

#hotnews h3 {
  margin:1em 0 0.5em;
  font-size:1.5em;
  color:#330066;
  border-bottom:2px dotted #eeddff;
}

#hotnews  h4 {
  margin-top:1em;
  font-size:1.2em;
}
#hotnews #smapho h4 {
  color:#ff9900;
}

#hotnews #keitai h4 {
  color:#ff0099;
}

/*アイフォンサイド*/
#ip_side {
  width:280px;
  height:540px;
  background:#999999;
  float:left;
  margin:20px 12px;
  padding:0;
  border:1px solid #999999;
/* box-shadow */
box-shadow:2px 2px 8px 5px #cccccc;
-moz-box-shadow:2px 2px 8px 5px #cccccc;
-webkit-box-shadow:2px 2px 8px 5px #cccccc;
/* border-radius */
border-radius:24px;
-moz-border-radius:24px;
-webkit-border-radius:24px;
}

#ip_inner {
  width:280px;
  height:540px;
  background:#222222;
  background-image: linear-gradient(150deg, #111111, #333333);
  margin:0;
  padding:0;
/* box-shadow */
box-shadow:-3px -3px 6px 3px #666666 inset;
-moz-box-shadow:-3px -3px 6px 3px #666666 inset;
-webkit-box-shadow:-3px -3px 6px 3px #666666 inset;
/* border-radius */
border-radius:24px;
-moz-border-radius:24px;
-webkit-border-radius:24px;
}

/*テーブルバー*/
#hotnews table{
  color:#333333;
  font-size:8px;
  width:260px;
  margin:16px auto 0;
  background:#f6f6f6;
  line-height:1em;
}

#hotnews table td#t_left{
  width:115px;
  text-align:left;
  padding-left:0.5em;
}
#hotnews table td#t_center{
  width:30px;
  text-align:center;
}
#hotnews table td#t_right{
  width:115px;
  text-align:right;
  padding-right:0.3em;
}

#hotnews table img{
  width:36px;
  margin-top:4px;
}

/*アイフレーム*/
#ifhot {
  width:260px;
  height:414px;
  background:#fff;
  margin:0 10px;
}

#ipspk {
  width:100%;
  text-align:center;
  padding-top:10px;
}

#ipbtn {
  width:100%;
  text-align:center;
  color:#333333;
  margin-top:3px;
  font-size:25px;
  line-height:1;
  text-shadow:
		-1px -1px #666,
		1px -1px #666,
		-1px 1px #666,
		1px 1px #666;
}

#ipspk img {
  width:100px;
}

/*QRサイド*/
#qr_side {
  width:360px;
  margin-top:18px;
  padding-left:320px;
  text-align:left;
  height:560px;
}

#qr_side img {
  width:120px;
  margin-left:60px;
}

.qrurl {
  margin:0 1em;
  font-size:0.88em;
  text-align:center;
  /* border-radius */
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  position: relative;
}
.qrurl:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-width: 7px;
	margin-left: -7px;
}

#smapho .qrurl { background:#ff9900; }
#smapho .qrurl:after { border-bottom-color: #ff9900; }

#keitai .qrurl { background:#ff0099; }
#keitai .qrurl:after { border-bottom-color: #ff0099; }

#smapho, #keitai {
  margin-bottom:3em;
}

.qrurl a {
  color:#ffffff;
  text-decoration:none;
  border-bottom:none !important;
}

.cautions {
  width:90%;
  margin:0 auto;
  color:#666666;
  font-size:10px;
}

#kokuchi {
  clear:both;
  width:560px;
  margin:50px auto;
}

#kokuchi h3 {
  color:#333;
  font-size:14px;
  text-align:left;
}

#kokuchi p {
  text-align:center;
}