/* Webフォントを定義 */
@font-face {
  font-family: 'kirofont'; /* フォント名 */
  /* フォーマットごとにパスを指定 */
  src: url('../fonts/kiloji_p.ttf') format('truetype');
}

/* アプリ外側 */
body {
  	width:100%; /*ページ全体の幅は100%と指定する*/	
  	text-align:center; /*ページ全体を中央揃えにする*/
  	background-color:black;
  	overflow-x:hidden;
	font-family: 'kirofont';
	font-weight:bold;
	font-size: 16px;
}

/* アプリ画面 */
#wrapper { 
  	width: 950px;	   /*全体の幅を指定する*/  
  	margin: 0 auto;    /*マージンの指定をする、ブラウザ対策*/
  	text-align:left;   /*全体を左揃えにする。*/
  	background-size:contain;
  	background-repeat: no-repeat;
  	height:700px;
}

/* テキスト入力共通 */
input[type="text"] {
  	opacity:0.5;
  	display:block;
	border:none;
  	position:relative;
  	background-color:transparent;
  	font-family: 'kirofont';
  	font-size:18px;
  	font-weight:bold;
  	text-indent:1em;
}

/* 画像ボタン共通 */
input[type="image"]:hover {
	opacity:0.8;
}

  /***********************************/
  /* ヘッダー                        */
  /***********************************/
  
  /* ヘッダー */
  header {
  	height:135px;
  	text-align:left;
  }
  
  /***********************************/
  /* 左メニュー                      */
  /***********************************/
  
  /* 左メニュー */
  header .menu_left {
  	float:left;
  	width:617px;
  	padding-top:18px;
  	padding-left:20px;
  	line-height:1.7em;
  	font-size:14px;
  }
  
  /* No. */
  header .menu_left .menu_no {
  	float:left;
  	width:60px;
  	padding-left:8px;
  }
  
  /* ニックネーム */
  header .menu_left .menu_nickname {
  	float:left;
  	width:190px;
  }
  
  /* 左メニュー：２行目 */
  header .menu_left .menu_line2 {
  	clear:both;
  	width:250px;
  	height:37px;
  	padding-left:8px;
  }
  
  /* MVP */
  header .menu_left .menu_mvp {
    margin-left:30px;
    float:left;
    width:100px;
  }
  
  /* 友達数 */
  header .menu_left .menu_friend {
  	margin-left:20px;
    float:left;
    width:100px;
  }
  
  /* ポイント枠 */
  header .menu_left .menu_point {
  	clear:both;
  	margin-top:33px;
  	margin-left:25px;
  }
  
  /* DS */
  header .menu_left .menu_point .menu_ds {
  	float:left;
  	width:80px;
  	text-align:right;
  }
  
  /* DEN */
  header .menu_left .menu_point .menu_den {
  	margin-left:70px;
  	float:left;
  	width:80px;
  	text-align:right;
  }
  
  /* DS/DENポイント */
  header .menu_each_point  {
  	float:left;
  	text-align:right;
  	padding-right:5px;
  	width:45px;
  }
  /* DS/DEN単位 */
  header .menu_each_unit  {
  	float:left;
  }
  
  /***********************************/
  /* 右メニュー                      */
  /***********************************/
  
  /* 右メニュー */
  header .menu_right {
  	float:left;
  	width:295px;
  	padding-top:13px;
  }
  
  /* スケジュール */
  header .menu_right .menu_schedule {
  	padding-left:40px;
  	padding-top:5px;
  	padding-bottom:5px;
  }
  
  /* スケジュールリンク */
  header .menu_schedule_link {
  	display:block;
  	height:25px;
  	margin-left:-37px;
  	color:black;
  	text-decoration:none;
  	text-indent:37px;
  }
  
  /* アイコン枠 */
  header .menu_right section.menu_icon {
  	height:85px;
  }
  
  /* アイコン共通定義 */
  header .menu_right section.menu_icon div {
  	float:left;
  	height:85px;
  	width:83px;
  	cursor:pointer;
  }
  
  /* アイコン１ */
  header .menu_right .menu_icon1 {
  }
  
  /* アイコン２ */
  header .menu_right .menu_icon2 {
  	margin-left:20px;
  }
  
  /* アイコン３ */
  header .menu_right .menu_icon3 {
  	margin-left:19px;
  }
  
  /***********************************/
  /* メイン枠                        */
  /***********************************/
  
  main {
  	height:510px;
  	text-align:left;
  	clear:both;
  }
  
  /***********************************/
  /* フッター                        */
  /***********************************/
  
  footer {
  	height:60px;
  	text-align:left;
  }
  
  /* フッターボタン共通 */
  footer div {
  	width:195px;
  	height:46px;
  	cursor:pointer;
  }
  
  /* アイテムBOX */
  footer .menu_itembox {
  	float:left;
  	margin-left:20px;
  }
  
  /* 保護者メニュー */
  footer .menu_guardian {
  	float:right;
  	margin-right:20px;
  }