@charset "shift_jis";
/*■■■スタイルシート for iPhone■■■*/

  body, body#toppage
{
	background-image : none;
}

  #titleandmenu, #topblockarea, #widepage #titleandmenu
{
	display: none;
}

  #topblockarea
{
	display: none;
}


  #topblockarea img#aniangel
{
	display: block;
}
  #toppage div#titleandmenu
{
	display: block;
	width : auto;
	float: none;
	border-width: 0px;

}
  #menuarea
{

	background-color : #ccc;
	overflow : visible;
	padding : 5px;
	line-height : 1.0;
	float: none;
}
  #menuarea ul li, #menuarea ul li.menusmall
{
	display : inline;
	font-size : 90%;
	margin : 0px 0px 0px 0px;
	margin-right : 0.5em;
/*	word-break:keep-all;
*/
}

  .kensakutext, .submitbutao, .radiowww, .radiosite
{
	display : inline;
}

/*■■■footer■■■*/

  #footer1
{
	width : 580px;
}



/*■■■■■■■■■flex width■■■■■■■■■*/

  body, body#toppage
{
	margin : 0px;
	width : auto;
}
  div#titleandmenu
{
	width : auto;
	float: none;
	border-width: 0px;
}
  #vinylcon
{
	width : auto;
	float:none;
}
  #topconcept p, #tophaiku2 p
{
	display:inline;
}
  #tophaiku h1
{
	text-align : left;
	font-weight: normal;
	border-width : 0;
	margin : 5px 0 5px 30px;
}
  #tophaiku1
{
	width : auto;
	text-align : left;
	float:left;
}
  #tophaiku2
{
	width : auto;
	text-align : left;
	float:left;
	border-width:3px;
	border-style:double none double none;
	margin : 5px 5px 5px 5px;
	padding : 5px 5px 5px 5px;
}
  #tophaiku2 p
{
	margin-top : 3px;
	margin-bottom : 3px;
}
  #topyesno
{
	word-spacing:0.5em;
}
  #topblockarea
{
	margin:5px 0 5px 5px;
	line-height : 1em;
}
  #topdiary
{
	width : auto;
	height : auto;
	overflow : auto;
	float:none;
	padding : 5px;
	border:1px solid #000033;
}
  #topdiary h1
{
	text-align : left;
	margin : 5px 0 0 30px;
}
  #toplink
{
	width : auto;
	float:left;
	padding : 5px 5px 0px 5px;
}
  #toplink h1
{
	border-style: solid;
	border-width: 0px 0px 0px 10px;
	padding : 0px 0px 0px 5px;
	margin : 0px 0px 10px 0px;
}
  #toplink ul li
{
	display : inline;
	margin : 0px 0px 0px 0px;
	margin-right : 1em;
/*	word-break:keep-all;
*/
}
  #toplink ul li br
{
	display: none;
}

  #emergency
{
}
  form#cssselect
{
  width:auto;
  float:none;
  text-align:left;
  margin:0 0 10px 0;
}

/* ■■■幅100%選択スタイルに関する追加分■■■ */
  #titleandmenu,   #menuarea
{
  width:auto;
}
/* ■■■h0の後で改行しないスタイルに統一■■■ */
  #titlearea
{
	width : 162px;
	float: left;
}
/* ■■■日記ログのトップ■■■ */
  ul li
{
	list-style-type: none;
}
  ul.kakodiaryul li, ul.diaryul li
{
	display : inline;
	margin-right : 0.5em;
}
  ul.kakodiaryul, ul.diaryul li
{
	word-break:keep-all;
}

/* ■■■スクロールバーを常に表示しレイアウトの変化を防ぐ■■■ */
html {
overflow-y:scroll;
}

/* ■■■トップページの気温リンク内で改行しない■■■ */
  #toplink ul li br
{
display: none;
}
  #toplink ul li img
{
position:relative; top:10px;
}
  #toplink ul
{
position:relative; top:-10px;
}

/*■■■■■■■■■flex width■■■■■■■■■*/
/*■■■一般■■■*/
  blockquote
{
	width: auto;
}
  .diary
{
	width : auto;
}
  .diary h1
{
	text-align : left;
	margin-left : 30px;
	color : #006400;
}
  p.profile
{
	margin : 10px 0px 10px 10px;
}
/*■■■特殊■■■*/
  #footer1
{
	width: auto;
	margin : 5px;
	font-size : 120%;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■ここまでをstyle-wide.cssにコピー■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■*/

  option.iphone
{
	color:#00c;
	font-weight: bold;
}
  option.default, option.office
{
	color:#666;
	font-weight: normal;
}
  fieldset.change
{
	background-image : url(../../vinyl-images/backiphone30-tr.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
}

p, ul, ol, dl, ul li, ol li, dl dt, dl dd
{
	line-height: 1.3;
}

/*■■■韓を詠む■■■*/
  #ku .tovinyl, #ku .kutitlearea, #ku .kumenu, #ku .shita
{
	width : auto;
}
  #ku .kumenu ul
{
	margin-left : 0.5em;
}
  #ku .shita
{
	text-align : left;
}
  #ku .haiku, #ku .info, #ku .kuqanda, #ku .link1, #ku .link2, #ku .link3, #ku .link4
{
	writing-mode:lr-tb;
	line-height : 1.0;
	width : auto;
	height : auto;
	position : static;
	margin : 0px;
}
  #ku .shita, .#ku .shita .info, #ku .shita .haiku, #ku .shita .kuqanda
{
	width : auto;
	height : auto;
	text-align : left;
}
  #ku .shita .haiku ul
{
	text-align: left;
}
  #ku .shita .haiku ul li
{
	line-height: 1.5;
}
  #ku .playerarea
{
	display: none;
}


/*■■■韓国語レッスン■■■*/
  #kl div.tovinyl, #kl h1, #kl div#menu, #kl div.contents, #kl div.conseo
{
	position : static;
	width : auto;
}
  #kl div#menu
{
	width : 90%;
	display : block;
	background-color : transparent;
	filter: Alpha(opacity=100);
	position : static;
	border : dashed 0px black;
	z-index:4;
}
  #kl div#menu
{
	display : none;
}
  #kl div#menu ul li
{
	display : inline;
	border : solid 0px #666;
	background-color : #ccc;
}
  #menu li a:active, #menu ul li a:hover
{
	left : 0px;
	position : relative;
}


  #kl h1
{
	font-size: 30px;
	letter-spacing: -2px;
	padding : 5px;
	border : 1px solid black;
}
  p#lessonchuu br, p#lessonconcept br
{
	display : none;
}
  .contents, .conseo
{
	float:none;
}

  .tovinyl, .contents, .conseo,  #footer2
{
	width: auto;
}



/*■■■ニーハオ中国語■■■*/
  h1, h2, .lesson, .intro
{
	width : auto;
}
  .navi1{
	width : auto;
}
  .navi2{
	width : auto;
}


/*■■■iPhone,iPod touch対応■■■*/

  *
{
	margin:0px;
	padding:0px;
	line-height:normal;
}

  #sttoppage .topline .toptitle h1 br
{
	display: inline;
}
  #sttoppage .topline .toptitle h1
{
	text-shadow: none;
}
  #nihao
{
	margin:10px;
}
  li{ list-style-type:none;}

	body{-webkit-text-size-adjust:150%}
	pre, pre p{-webkit-text-size-adjust:150%}
	.year
{
	width: 10em;
}
  .smalldeviceinfo
{
	display : block;
	font-size : 100%;
}
  .klessonbutton
{
	font-size:10px;
	background-color: #99cc00;
}
  #footer1
{
	margin-bottom : 50px;
}
  #menuarea, #toplink h1, #toplink ul
{
	font-size : 100%;
}
 .lesson {
	margin-left : 12px;
}
  #copyrightperiod
{
	display: none;
}

  html
{
	background-image: none;
}
  body, body#toppage, body#nihao, body#ku, body#kl
{
	margin:0px;
	border:none;
	width:auto;
}



/*■■■Google Ad■■■*/
  #googlead-pc
{
	display : none;
}
  #googlead-iphone
{
	display : block;
}