@charset "utf-8";

p{
  margin-bottom: 1em;
}

a{
  color:#0082c2;
  text-decoration:none;
  outline:none 0px
}

a:hover{
  text-decoration:underline;
}

h1{
  font: 20px HiraMinProN-W6, "MS PMincho", serif;
  /* border-bottom: 1px solid rgba(0,0,0,.8); */
}

h2{
  border-bottom: #626063 1px solid;
  color: #626063;
  font: 18px  HiraMinProN-W6, "MS PMincho", serif;
  padding-bottom:0px;
  margin: 20px 0 10px;
  width:100%;
}

h3{
  font-size:24px;
  margin-bottom:16px;
}

h4 {
  border-bottom:1px solid #666;
  color:#666;
  display:block;
  font:14px HiraminProN-w6, "MS PMincho", serif;
  margin:2em 0 4px;
  width:97%;
}

em{
  color:#999;
  font-weight:600;
  font-style:normal;
}


dt {
  color: #444;
  font-size: 15px;
  font-weight:bold;
  padding-bottom:1px;
}

dd {
  padding-bottom:2em;
}


td {/* FAQ */
  vertical-align:top;
  width:458px;
  line-height: 1.9;
}

td:first-child{
  padding-right:100px;
}

/* コンテンツ包括 */
#wrap{
  margin:auto;
  padding: 40px 0 0 0;
  position:relative;
  width: 900px;
}

/*header*/
#header{
  border-top: 6px solid rgba(0,0,0,.8);
  margin: 0 auto 40px;
  position: relative;
  padding: 10px 0;
  width:900px;
}

/*navigation*/
.topnavi {
  position: absolute;
  right: 0;
  top: 20px;
}
.topnavi li{
  color:#666;
  float:left;
  font-weight:800;
  letter-spacing:0.7px;
  list-style:none outside;
  padding:0 20px;
}
.topnavi a{
  display:block;
  height:11px;
}
#navi_blog a{
  background:url(img/blog.png) 0 0 no-repeat;
  display:block;
  width:52px;
}
#navi_blog a:hover{
  background:url(img/blog.png) 0 -11px no-repeat;
}

/* 左側アプリケーション一覧包括 */
.app_group{
  float:left;
  width:600px;
}

/* アプリケーション個別。下のID郡も */
.app_group div{
  border-top: 1px solid rgba(0,0,0,.1);
  padding-top: 0px;
  background-position: center 28px;
  background-repeat: no-repeat;
  font: 14px HiraMinPro-N, "MS PMincho", serif;
  height:190px;
  padding: 30px 0;
  position:relative;
}

.app_group div:first-child{
  margin-top: 20px;
}

#ibunkohd{
  border: 0 none;
}

.app_group div:last-child{
  margin-bottom: 10px;
}


/* 詳細情報 */
.more{
  border-radius:8px;
  color:#333;
  display:block;
  width:210px;
}

.more:hover{
  background:url(img/app_hover_bg.png) no-repeat center center;
  color:#333;
  text-decoration:none;
}

.more span{
  background:url(img/arrow.svg) no-repeat right 2px;
  color:#0082c2;
  font-family: HiraKakuProN-W3, Meiryo, sans-serif;
  padding-right: 16px;
  position:relative;
}

.more:hover span{
  text-decoration:underline;
}

/* 各アプリケーションの背景画像 */
#ibunkohd{  background-image: url(img/appimage_ibunkohd.png); background-position: 220px 28px;}
#zonote{  background-image: url(img/appimage_zonote.png); background-position: 220px 28px;}
#ibunkos{ background-image: url(img/appimage_ibunkos.png);}
#bizcards{  background-image: url(img/appimage_bizcards.png);}
#ibunko{  background-image: url(img/appimage_ibunko.png);}
#freakycam{ background-image:url(img/appimage_freakycam.png);}
#hikonyan{  background-image: url(img/appimage_hikonyan.png);}
#kittenescape{
      background-image: url(img/appimage_kittenescape.png);}
#humandevolution{
      background-image: url(img/appimage_humandevolution.png); background-position: center center;}
#menubarclock{
      background-image:url(menubarclock/ss1.png); background-position: 220px center;}
#localtimeplus{background-image: url(img/appimage_localtimeplus.png);}
#unishelf{background-image: url(img/appimage_unishelf.png);}

/* iTunes link */
.itus{
  border: 1px solid #999;
  border-radius: 6px;
  color: #777;
  font-family: HelveticaNeue, Arial, sans-serif;
  padding: 4px 40px;
  position:relative;
  top:30px;
}

/* 右側サイド包括 */
#side{
  position:absolute;
  right:10px;
  top:40px;
  width:220px;
}

/* サポート誘導とレビューリンク */
#info,#reviews{
  padding:10px;
  margin:10px 0;
}

#info{
  font-size:14px;
  font-weight: 800;
  margin-top:10px;
}

#reviews{
  font-size: 12px;
}

#reviews a{
  color: #74c3e8;
}

/* footer */
#footer{
  bottom:0;
  clear:both;
  padding-left:6px;
  position:relative;
  width: 96%
}

#copy{
  color:#999;
  display:block;
  font-size:12px;
  margin:auto;
  padding: 0;
  text-align:right;
}

/* 外部リンク */
.out{
  background:url(img/out.gif) right center no-repeat;
  margin-right:6px;
  padding-right:13px;
}

/* ドロイド君 */
#android{
  background:#e3e3e3;
  border-radius:4px;
  display:block;
  height:50px;
  left:80px;
  margin-top:10px;
  padding:4px 8px 2px;
  position:relative;
  width:250px;
}
#android img{
  left:-70px;
  position:absolute;
  top:0;
}
#android .arrow {
  border-left: 12px solid white;
    border-right: none;
    border-top: 18px solid #e3e3e3;
    bottom: 30%;
    height: 0;
    left:-12px;
    line-height: 0; 
    position: absolute; 
    width: 0;
}
/* ドロイド君ここまで */

/* Season */
/*A Happy New Year! Inde.html & Support.html */
/*#header h1 a{display:block; width:310px; background:url(img/newyear1.png) no-repeat right bottom}*/
/*#header h1 a{display:block; width:310px; background:url(img/xmas-sticker-01.png) no-repeat right center}*/
/*
#twinkle{position: absolute; top:10px; left:280px; opacity: 1.0}
#twinkle2{position: absolute; top:40px; left:242px; opacity: 0.8}
*/


/* サポートとFAQ用 */
.faq{
  line-height: 1.8;
}

.faq a {
  font-weight:800;
}


.device{
  background-repeat: no-repeat;
  font-weight: 800;
  margin: 0;
  padding: 6px 30px 0;
}

footer {
  width: 900px;
}