/*
iPhone3G:	480x320
medias:		480x854
Galaxy S:	480x800
iPhone4:	640x960
IS03:		640x960
iPad:		768x1024

*/




	/*===============
	HEADER
	===============*/

	.sp header#menu {
		background-repeat: repeat-x;
		height: inherit;
	}
		.sp div#menu-main {
			background: none;
			height: inherit;
		}
	
		
		.sp div#menu-main { width: 320px; }
	
		/* logoの最適化 */
		.sp div#menu-main h1#logo { width: 150px; height: 32px; margin-left: 4px; }
		.sp div#menu-main h1#logo a { width: 150px; height: 32px; background: url(../images/top/header/logo_s.png) no-repeat left top; }
	
	
		/* GNAV */
		.sp div#menu-main nav#gnav ul { float: none; }
	
			/* GNAV | 男性アナ、女性アナ */
			.sp div#menu-main nav#gnav ul#ana-list { margin: 7px 0 0 8px; }
		
			/* GNAV | サブメニュー */
			.sp div#menu-main nav#gnav ul#topic-list { float: none; width: 312px; height: inherit; margin-left: 4px; margin-top: 15px; background: none;}
			
				/* 一括指定 */
				.sp div#menu-main nav#gnav ul#topic-list li a {
					float: left;
					width: 104px; height: 22px;
					margin: 0 0 0 0;
				}
		
				/* 個別指定 */	
				.sp nav#gnav ul li#m03 a { background: url("../images/top/header/btn_m03_s.gif") no-repeat left top; }
				.sp nav#gnav ul li#m04 a { background: url("../images/top/header/btn_m04_s.gif") no-repeat left top; }
				.sp nav#gnav ul li#m05 a { background: url("../images/top/header/btn_m05_s.gif") no-repeat left top; }
				.sp nav#gnav ul li#m06 a { background: url("../images/top/header/btn_m06_s.gif") no-repeat left top; }
				.sp nav#gnav ul li#m07 a { background: url("../images/top/header/btn_m07_s.gif") no-repeat left top; }
				.sp nav#gnav ul li#m08 a { background: url("../images/top/header/btn_m08_s.gif") no-repeat left top; }
				.sp nav#gnav ul li#m09 a { background: url("../images/top/header/btn_m09_s.gif") no-repeat left top; }
				.sp nav#gnav ul li#m10 a { background: url("../images/top/header/btn_m10_s.gif") no-repeat left top; }
				.sp nav#gnav ul li#m11 a { background: url("../images/top/header/btn_m11_s.gif") no-repeat left top; }
				
				/* ｐタグの改行用 */					
								
				.sp div#contents-main p {padding-top:0.5em;}	
				.sp div#contents-main p {padding-bottom:0.5em;}	
				
	/*===============
	MAIN AREA
	===============*/

	.sp section#wrapper {
		margin-top: 0;
		width: 320px;
	}
	/*過去の担当番組*/
	.sp section#wrapper-non {
		margin-top:0;
		margin-left: 25px;
	}


	/*===============
	FOOTER
	===============*/
	.sp section#wrapper-non div#footer{
		background: url( ../../personal/img/footer_br.gif) left top no-repeat;
		margin-left: 0px;
		width: 316px;
		text-align: center;
		float:none;
	}

	
	.sp div#footer{
		background: url( ../../personal/img/footer_br.gif) left top no-repeat;
		padding-top: 20px;
		width: 316px;
		text-align: center;
		
	}

	/*===============
	personal一覧　
	===============*/
	.sp div#contents-left{ float:none; width: 316px; margin-left:20px;}
		.sp div.personal,
		.sp div.personal-last{margin-right: 30px;}
			
	.sp div#contents-right{ float:none; margin-left:95px; margin-top: 30px;}
	
	.sp  div#back-btn{
		margin: 20px 0 0 0;
		padding: 0 0 0 0;
	}
	
		/* sphon-banner						##################################### */	
		.sp div.sphon-banner{
			margin: 0 0 0 0;
			padding:0 0 0 0;
			float: none;
			width: 316px; 
			display:block;
		}
		.sp div.sphon-banner a{
			margin: 20px 0 20px 0;
			padding:0 0 0 0;
			display:block;
			text-indent:-9999px;
			width: 316px; height: 89px;
			background: url(../images/ana_pcprof.png) left top no-repeat;
			margin-top: 20px;
			m-moz-background-size:100% 100%;
			background-size:100% 100%; 
		}
	/*===============
	personal-nav　
	===============*/
	.sp div#personal-nav ul{ float: none; width: 316px; height: inherit; }
	.sp div#personal-nav{ width: 316px; height: inherit; margin: 0 0 0 0; padding: 0 0 0 0;}
	.sp div#personal-nav li { float: left;}
		
		.sp div#personal-nav ul li#m01 a,
		.sp div#personal-nav ul li#m02 a,
		.sp div#personal-nav ul li#m03 a,
		.sp div#personal-nav ul li#m04 a,
		.sp div#personal-nav ul li#m05 a,
		.sp div#personal-nav ul li#m06 a{ margin-left: 0; margin-top:3px;}

		.sp div#personal-nav ul li#m02-blank,
		.sp div#personal-nav ul li#m03-blank,
		.sp div#personal-nav ul li#m05-blank,
		.sp div#personal-nav ul li#m06-blank{ margin-left: 0; margin-top:3px;}


		.sp div#personal-nav ul li#m01 a,
		.sp div#personal-nav ul li#m03 a,
		.sp div#personal-nav ul li#m05 a{margin-right: 5px;}

		.sp div#personal-nav ul li#m03-blank,
		.sp div#personal-nav ul li#m05-blank{margin-right: 5px;}


	/*===============
	mein-img
	===============*/
		.sp img {max-width: 316px; height: auto; padding-top:10px;}

	/*===============
	index.html　プロフィール
	===============*/


		.sp div#contents-main{float: none; width: 320px; margin: 0 0 0 0;}
		
		.sp div#profile-contents-left{ float: none;  width: 316px; margin-left: 48px;}
		
		.sp div#profile-contents-center-m{ margin-left:0; margin-top:20px; border-bottom: 1px dotted #CCC;}
		.sp div#profile-contents-center-w{ margin-left:0; margin-top:20px; border-bottom: 1px dotted #CCC;}
		
		.sp div#profile-contents-right{ float: none; width: 316px;  margin-left: 65px; padding-top: 20px; margin-top: 20px;}
		
		.sp div#blog-content{ width: 316px;}
		
		.sp h1#blog-title-m{ width: 316px; padding: 5px; }
		.sp h1#blog-title-w{ width: 316px; padding: 5px; }
		.sp p.diary-prev,
		.sp p.diary-next{ padding-left:40px ;}
		
		
		/*プロフィール写真のサイズ変更*/
		.sp div#profile-contents-left div#photo img{  width:128px; height:170px; padding-left:50px;}	
		
				
				/* ｐタグの改行用 */					
/*								
				div#contents-main p {padding-top:0.7em;}	
				div#contents-main p {padding-bottom:0.7em;}	
				*/
		
	
	/*===============
	タイトル
	===============*/	
	.sp h1#title_topic_vtr,
	.sp h1#title_topic_hudan,
	.sp h1#title_topic_qa,
	.sp h1#title_topic_tantou
	{ width: 316px; margin-top: 20px;}

 	.sp ul.phot-center li{
		padding:0 0 0 0; margin:0 auto; float: none;
	} 

	
		.sp span.pa100{ padding-left: 0;}
		.sp span.pa90{ padding-left: 0;}
		.sp span.pa80{ padding-left: 0;}	
		.sp span.pa70{ padding-left: 0;}
		.sp span.pa60{ padding-left: 0;}
		.sp span.pa50{ padding-left: 0;}
		.sp span.pa40{ padding-left: 0;}
		.sp span.pa30{ padding-left: 0;}
		.sp span.pa20{ padding-left: 0;}

	.sp p.blog-waku{ width:310px;}
	
	/*===============
	body2 自己紹介QA
	===============*/
		.sp div#qa-contents-left{ float: none; margin-left: 27px;  }
		.sp div#qa-contents-center{float: none; margin-left: 0; width: 316px; }
		.sp div#qa-contents-right{ float: none; margin-left: 0; width: 316px; }
		
		.sp div.qa-top{background: url(../../personal/img/body/balloon_qa_top_s.gif) left top no-repeat;}
		.sp div.qa-inner{background: url(../../personal/img/body/balloon_qa_inner_s.gif) left top repeat-y;}
		.sp div.qa-bottom{background: url(../../personal/img/body/balloon_qa_bottomv_s.gif) left top no-repeat;}
			.sp h1.qa-title-w,h1.qa-title-m{ width:296px; margin: 0 0 0 10px; background-img: url(../../personal/img/body/qa_title_br_s.gif);}
				.sp div.qa-inner p{ margin: 0 10px 0 10px;}

	/*===============
	body3普段はどんな人
	===============*/
	.sp ul#phot-box { margin:0 0 0 0; float:none; width:316px; padding: 0 0 0 0;}
		.sp ul#phot-box li{ width: 316px;}
			.sp ul#phot-box li.phot-yoko1,
			.sp ul#phot-box li.phot-yoko2,
			.sp ul#phot-box li.phot-yoko3{ width: 304px; height: 207px; margin-bottom:20px; margin-left: 6px;}
			.sp ul#phot-box li.phot-tate1,
			.sp ul#phot-box li.phot-tate2,
			.sp ul#phot-box li.phot-tate3,
			.sp ul#phot-box li.phot-tate4{ width:207px;  height:304px; margin-bottom:20px;margin-left: 54px;}

	.sp div#contents-phot-top,
	.sp div#contents-phot-inner,
	.sp div#contents-phot-bottom{ background-image: none; padding: 0 0 0 0; margin:0 0 0 0;}


	/*ボタン*/
	.sp div#phot-btn{ width:316px; float: none;}
		.sp div#phot-btn ul{margin-left:80px;}

	/*　他のアナからコメント*/
		.sp div.comment-left{ float: none;  width: 316px;/* border-bottom: #999 1px dotted;*/}
		.sp div.comment-right{float: none;  width: 316px;}
		
		.sp div.comment-ana{width: 93px; float:left; text-align: center;}

		.sp div.balloon-inner-w{ width:219x;  background:url(../../personal/img/body/hudan_balloon_top_s.gif) left top no-repeat;}
		.sp div.balloon-comment-w{ width: 219px; background:url(../../personal/img/body/hudan_balloon_bottom_s.gif) left bottom no-repeat; margin-left: 0px;}
		.sp div.balloon-inner-m{ width:219x;  background:url(../../personal/img/body/hudan_balloon_top_s_m.gif) left top no-repeat;}
		.sp div.balloon-comment-m{ width: 219px; background:url(../../personal/img/body/hudan_balloon_bottom_s_m.gif) left bottom no-repeat; margin-left: 0px;}
			.sp div.inner-read{ margin-left: 25px; margin-top: 10px;; width: 195px;}


	/*===============
	body4　過去の担当番組
	===============*/		

/*	table,
	tr{
		display:block;
	}
	td{
		width:100%;
		-webkit-box-sizing:border-box; 
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		float:left; 
		clear:both;
	}
	td.blank{ display: none;}
	
	/*table tr{
		margin:0 0 .3em;
	}
	 table tr:after{ 
		content:'';
		display:table;
	}

td.program-phot{ height:50px; width: 50px;  float: none; overflow:inherit}
td.program-link{ width: 200px;; float: none; overflow:inherit}
td.houdou,
td.jyouhou,
td.jyouhou,
td.sport{ height: inherit; overflow:inherit;}

*/
		
/**/	/*===============
	body5　人物紹介
	===============*/

	/*グリーンボックス*/
	.sp article#movie-green{ width: 316px; margin: 20px 0 0 0; padding:0 0 0 0; float:none;}
		.sp article#movie-green h1 {width: 316px; background:#83de18; padding:0; font-size:13px; padding:5px;}
		.sp article#movie-green div.inner {width: 316px; height: inherit; background: url(../../movie/img/inner_green_s.gif) no-repeat 0 bottom;}
			.sp article#movie-green div.movie-box {float: none; width:316px; display:block; margin:0 0 0 0; padding:15px 0 15px 80px;}
	/*ピンクボックス*/
	.sp article#movie-pink{ width: 316px; margin: 20px 0 0 0; padding:0 0 0 0; float:none;}
		.sp article#movie-pink h1 {width: 316px; background:#ff5dba; padding:0; font-size:13px; padding:5px;}
		.sp article#movie-pink div.inner {width: 316px; height: inherit; background: url(../../movie/img/inner_pink_s.gif) no-repeat 0 bottom;}
			.sp article#movie-pink div.movie-box {float: none; width:316px; display:block; margin:0 0 0 0; padding:15px 0 15px 80px;}
	/*オレンジボックス*/
	.sp article#movie-orange{ width: 316px; margin: 20px 0 0 0; padding:0 0 0 0; float:none;}
		.sp article#movie-orange h1 {width: 316px; background:#ff8b02; padding:0; font-size:13px; padding:5px;}
		.sp article#movie-orange div.inner {width: 316px; height: inherit; background: url(../../movie/img/inner_orange_s.gif) no-repeat 0 bottom;}
			.sp article#movie-orange div.movie-box {float: none; width:316px; display:block; margin:0 0 0 0; padding:15px 0 15px 80px;}
	/*ブルーボックス*/
	.sp article#movie-blue{ width: 316px; margin: 20px 0 0 0; padding:0 0 0 0; float:none;}
		.sp article#movie-blue h1 {width: 316px; background:#58c9ff; padding:0; font-size:13px; padding:5px;}
		.sp article#movie-blue div.inner {width: 316px; height: inherit; background: url(../../movie/img/inner_blue_s.gif) no-repeat 0 bottom;}
			.sp article#movie-blue div.movie-box {float: none; width:316px; display:block; margin:0 0 0 0; padding:15px 0 15px 80px;}

	/*過去の激撮リンク*/			
	.sp div#back-movie{ width:316px; font-size: 10px;}
	
	
	/*動画の見方*/	
	.sp div#movie-info{ width:310px; background-image:none;  border:#FC0 dotted 2px; padding:0 0 0 0; margin:0 0 0 0 ;}
	.sp div#movie-info p{ overflow:auto; height: inherit; width:300px; margin:5px;}
			
	/*===============
	bk　バックナンバー
	===============*/	
	.sp div#bk-box-w,
	.sp div#bk-box-m{ margin-top: 20px;}

/*	div#bk-date-box{ width: 316px; padding:0 0 0 0;float: none;}	*/
	.sp div.line-m,
	.sp div.line-w,
	.sp div.line-end{ width: 290px; float: none;}	
	




	/*パーソナル写真角丸 */	
	.sp p.photo-center-corner,
	.sp ul.photo-center-corner,
	.sp ul.photo-center-corner li{
		text-align:center;
		font-size: 12px;
	}
	.sp p.photo-center-corner img,
	.sp ul.photo-center-corner,
	.sp ul.photo-center-corner li,
	.sp ul.photo-center-corner li img{
		padding:0 0 0 0;
		margin-top: 10px;
		border-radius: 10px;/* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */
		behavior: url(../js/PIE.htc);
		text-align:center;
	}