body {
  width: 100%;
  font-size: 100%;
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.7;
}

p { /* android用hack */
  background: #fff;
}

p.txt a{
	color:#03C;
	text-decoration:none;
}
p.txt a:hover{
	color:#F00;
	text-decoration:underline;
}

p.textright {
	text-align: right;
}

#whole {
	width: 96%;
	margin: 0 auto;
	background: #FFF;
}

img { border: none; }

#header {
	background: #FFF;
	margin: 0 0 4px 0;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding-top: 0.5em;
}

#headline {
	width: 100%;
	margin: 0 auto;
}

#headline img {
  width: 100%;
}

.menu {
  width: 100%;
}


ul {
	margin: 0 0 0 2em;
	padding: 0;
}

ul.buttons { margin: 0; 	list-style: none;}

ul.buttons li {
  clear: both;
  margin: 2px 0;
  padding: 4px 10px;
  background: #0166FF;
  color: #fff;
  border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
}

.buttons2 {
  clear: both;
  color: #fff;
  margin: 2px 0;
  padding: 4px 10px;
  background: #009946;
  color: #fff;
  border-radius: 16px;        /* CSS3草案 */  
    -webkit-border-radius: 16px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 16px;
    text-align: center;
}

ul.buttons li a {
  color: #fff;
  text-decoration: none;
  }

ul.buttons  li:first-child {
	margin: 0;
}

#footer {
	border-top: 1px solid #999;
	font-size: 80%;
	margin-top: 1em;
	padding-top: 1em;
}

#footer img { width: 100%; }

.imgleft { float: left; margin-right: 10px;}
.imgright { float: right; width: 230px;}

.brclear { clear: both; }

h1 {
	background:#EAF1FB;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #0166FF;  
	border-bottom:1px solid #ccc;  
	padding:.4em;
	font-size: 120%;
}

h1.title {
  background: #fff;
  border: none;
  padding: 0;
}

h1 img { width: 100%; }

h2 {
	border-top: 4px solid #7AA6E6; 
	border-bottom: 2px solid #CEDEF6;  
	padding:.6em 0;
	font-size: 120%;
	margin-top: 2em;
	background: #fff;
}

.screen img,
.chara img {
  width: 100%;
  margin-bottom: 1em;
}

.chara2 img {
  width: 50%;
  margin-bottom: 1em;
}

.dlink {
	margin: 1.5em 0 0.5em 0;
	border-bottom: none;
	font-size: 100%;
	background: url(../images/pdficon_large.png) no-repeat left top;
}

.dlink a {
	display: block;
	padding:0 0 0 34px;
	display: block;
	height: 32px;
}

h3 {
  background: url(../images/dot.jpg) no-repeat 0 50%;
  margin: 1em 0 1em 1em;
  padding: 0 30px;
  font-size: 100%;
  min-height: 24px;
  line-height: 24px;
}

h3 a {
  background: url(../images/download.gif) no-repeat right 50%;
  padding-right: 34px;
}



/* 他コンテンツへのリンク　*/
	div#conlink {
	clear: both;
	margin: 1em 0; 
	text-align:right;
	line-height:130%;
	font-size: 88%;
}

/* cleafix */
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

.backbtn {
	width: 550px;
	margin: 1em auto;
}

.closebtn {
	width: 250px;
	margin: 1em auto;
}


* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.foruse {
	margin: 1em 0;
	border: 3px solid #7AA6E6;
	padding: 0.5em 1em;

}