/* スマホ スレ本文用のCSS */

/*  
表示フォントサイズはここのbodyをいじってください。
フォントファミリーもここに追加で
（readではiui.cssは読み込まれていない。smartphone.cssとread.cssだけ）
*/
body{
	line-height:132%;
	background-color:#fff;
	margin: 0;
	/*
	font-size: 16px;
	font-family: ;
	*/
	word-wrap: break-word; 
	overflow-x:hidden;
	/* -webkit-user-select:none; */
	-webkit-text-size-adjust:none;
}

div, p {
	margin-right: 5px; margin-left: 5px;
}

/* レス記事 */
div.rdiv {
	margin-right: 0px; margin-left: 0px; /* 入れ子となるためmarginをゼロに */
}

/* スレタイ */
h4.thread_title { /* read */
	margin: 10px 4px 8px 4px;
	color: #f40;
}
div.thread_title { /* read_new_i */
	margin: 10px 4px 8px 4px;
}
span.thread_title {
	color: #f40;
}

hr {
	margin:1px;
	border:none;
	border-top:1px solid #e0e0e0; /* #e0e0e0; */
	height:1px;
}

/* レス番号 名前 日付行 */
div.nameline {
	margin: 1px 0 4px 0px;
	border-top: 1px solid #e0e0e0;
	padding: 7px 2px 0 2px;
	line-height: 100%;
}

/* レス本文 */
div.rbody {
	margin: 3px 2px 9px 3px;
	padding: 0px 4px 0px 6px;
}

/* URL 対策したからもういらないかも */
div.footbar a { 
	max-width: 300px; 
	display: inline-block; 
}

/* read_new_i でのスレッドフッタ表示 */
div.read_new_thre_footer {
	padding-top: 0px; padding-bottom: 4px;
}

/***********************************************************/
/* ヘッダーのツールバー */
/* @see iui.css */
body > .toolbar{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-bottom:1px solid #2d3642;
	border-top:1px solid #333333;/*#6d84a2*/
	padding: 6px;
	height:45px;
	margin: 0;
	background:url(toolbar.png) #6d84a2 repeat-x;
}

/* ツールバーの真ん中の文字 read_new_i */
.toolbar > h1.pageTitle{
	font-size: 17px;
}

.toolbar > h1.noShinMatome{
        font-size:14px; left:227px; right:6px; padding-top:5px;
}

.toolbar a {
	color: #FFFFFF;
	text-decoration: none;
	/* padding: 2px; */
}

.toolbar select {
	margin-left: 90px;
}

.toolbar a.buttonW{
	width: 28px;
	text-align: center;
}

a.longitaButton {
        width:90px; max-width: 90px; text-align:center;
}

.toolbar a.favbutton{
	right: 106px;
}

/* レス番号移動 ナビゲーション */
div#footform {
	margin: 8px 5px 8px 5px;;
	/* border-top: 1px solid #999999; */
	/* padding-top: 5px; */
	/* padding-right: 5px; padding-left: 5px; */
}

/*  本文フッター用ボタン  */
div#footform select{
	text-align: center;
	width: 300px;
	padding: 0;
}

form#frmresrange{
        position: absolute;
}
form#frmresrange select{
	margin: 0px;
	width: 134px;
	height: 29px;
}

/* 大きな次Nボタン */
#large_next{
        font-family:Helvetica;
        display:block; position:relative; left:136px;
        padding-top:4px; padding-bottom:0px;
        text-decoration:none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 165px;
	height: 26px;
	color: white;
	-webkit-border-image: url(toolButton.png) 0 5 0 5;
	border-width: 0 5px;
}
/* 次N disabled */
span#large_next{
        opacity: 0.5;
}

#footform form {
 /*margin-bottom: 3px;*/
 margin: 0px;
}

.blueButton{
	-webkit-border-image:url(blueButton.png) 0 5 0 5;
	border-width:0 5px;
	padding: 3px;
}

/* ******************************* */
/* 本文ではフッタあたりで使用 */
body > ul {
	margin: 0;
	padding: 0;
}
/*
body>ul>li{
	position:relative;
	margin:0;
	border-bottom:1px solid #E0E0E0;
	padding:8px 0 8px 10px;
	font-size:20px;
	font-weight:bold;
	list-style:none;
}
*/

/********************************************/

/*  スレ内レス検索 */
.rsearch {
	width: 180px;
	font-size: 16px;
}

/* レス番号 */
span.trnum {margin-right:2px; margin-left:1px;
	color: #333;
	font-size:16px;
}

/* スレ内日時、名前、めーる */

span.tname {
	font-weight: bold;
	/* color: #006600; */
	color: #1144aa;
	font-size:14px;
}
span.tmail {
	color: #555;
	font-size:12px;
}
span.tdate {
	color: #555;
	font-size:12px;
}
font.sage {
	color: #555;
	font-size:12px;
}

/* レスポップアップ */
dd.respopup{
	margin:8px 8px;

}

/* 引用レスポップアップ */
/* 080730 配色いじりました */
.respopup{
	position:absolute;
	top:0;
	visibility:hidden; /* 普段は隠しておく*/
	/* background-color: rgba(22,22,22,0.7); */
        background-color: rgba(255,255,207,0.96);
	/* color: #FFFFFF; */
	border:1px #cccc40 solid;
	font-size:16px;
	padding:5px 4px 5px 6px;
	line-height:122%;
	word-break: break-word; 
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px gray;
	width: 92%;
	margin-top: 50px;
	margin-left: -2px;
	/* background-image:url(footformbg.png); */
	-webkit-background-size: 100%;
}
/*
.respopup span.tdate {
	color: #eee;
}
.respopup span.tname {
	color: #cef;
}
.respopup a {
	color: #6cf; cyan 
}
*/
.respopup span.tname {
	margin-left:1px;
}

.respopup input { 
	padding: 3px;
}

select {
	font-size: 14px;
}

/* 閉じるボタン */
.respopup .close {
	position: absolute;
	top: -10px;
	left: -10px;
}

/*
レス検索とレス書き込みポップアップ
http://pc11.2ch.net/test/read.cgi/iPhone/1225958706/202
*/
body > .dialog_filter, body > .dialog_write {
	display: none;
	position: relative;
	margin: 0;
	/* bottom: 478px; */
	bottom: 48px;
	padding: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	background: rgba(0, 0, 0, 0.5);
	/* min-height: 430px; */
	padding: 0;
	overflow: visible;
}
body > .dialog_write {
        bottom: 0px;
}

.dialog_filter > fieldset , .dialog_write > fieldset {
	position: absolute;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	margin: 0;
	bottom: 1px;
	border: none;

	/* border-top: 480px rgba(0, 0, 0, 0.2) solid; */
	padding: 5px 6px 6px 0;
	background: rgba(0, 0, 0, 0.5) url(footformbg.png?130609) repeat-x;
	/*
	border-top: 1px solid
	padding: 0px 6px;
	background: url(footformbg.png) transparent repeat-x;
	*/
	overflow: visible;
}
.dialog_write > fieldset {
        position: relative; background-color:#aaa;
        border:none;
}

.dialog_filter fieldset > h1, .dialog_write > fieldset > h5 {
	margin: 0 10px 0 10px;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
	text-align: center;
}

.dialog_write > fieldset > h5 {
text-overflow:ellipsis;
	position:absolute;
	width:300px;
	font-size: 14px;
	margin: 0 0 0 0;
	top: 0px;
}

.dialog_filter > fieldset > label, .dialog_write > fieldset > label {
	position: absolute;
	margin: 16px 0 0 6px;
	font-size: 14px;
	color: #999999;
}

.dialog_filter > fieldset > input[type="text"], .dialog_write > fieldset > input[type="text"], textarea {
	width: 100%;
	border-radius: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 8px -100px 0 0;
	padding: 6px 6px 6px 44px;
	font-size: 24px;
	font-weight: normal;
}

.dialog_filter > fieldset > input[type="submit"], .dialog_write > fieldset > input[type="submit"] {
	display: inline;
	font-size: 18px;
	float: right;
	margin: 8px 1px 0 0;
	padding: 6px 6px 6px 4px;
}

.dialog_write > fieldset {
	color: white;
}

.dialog_write > fieldset > span {
	float: right;
}

.dialog_write > fieldset > input[type="text"], textarea {
	padding: 6px 6px 6px 54px;
	font-size:16px;
}
textarea#MESSAGE {
	padding: 6px 6px 6px 6px;
	line-height:132%;
}
.dialog_write > fieldset > input[type="text"] {
	width: 60%;
}
.dialog_write > * input[type="checkbox"] {
	width: 25px;
	height:25px;
}


/* 画像サムネイル */
img {
	max-width: 160px;
	max-height: 160px;
}

/*******************************/
/* スマートポップアップメニュー */
.spm{
	position:absolute;
	visibility:hidden; /* 普段は隠しておく*/
	font-size:16px;
	line-height:170%;
	width:8.5em;
	margin:0px;
	padding:2px 4px;
	border:1px black solid;
	margin-left: 50px;
	margin-top: -10px;
	background-color: rgba(22,22,22,0.5);
	color: #FFFFFF;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px gray;
	background-image:url(footformbg.png);
	-webkit-background-size: 100%;
}

/* スマートポップアップメニュー：ヘッダ */
.spm p{
	white-space: nowrap;
	margin:2px;
	padding:0px;
	border-bottom:1px white solid;
	vertical-align:middle;
}

/* スマートポップアップメニュー：リンク */
.spm a{
	display:block;
	white-space: nowrap;
	margin:2px -4px;
	padding:0px 4px;
	vertical-align:middle;
	text-decoration:none;
	color: white;
}

/* 閉じるボタン */
.spm img {
	position: absolute;
	top: -10px;
	left: -10px;
}

/* スマートポップアップメニュー：レス番号 */
.spm > span > .numbox {
	margin:0px;
	padding:0px;
	border:none;
}


.spm div.spmMona {
	white-space: nowrap;
	margin:2px;
	padding:0px;
	vertical-align:middle;
}

.spm div.spmMona a{
	display:inline;
	color:#000;
	text-decoration:none;
}


.resnum {
	text-decoration: none;
	color: inherit;
}

/* ニコニコサムネイル */
.nico {
	margin: 0;
	padding: 0;
	border: 0;
}


/*****************/
/* フッターリンク
フッタ下に余白がでるときあるので一時的に対策
 */
 
#footer {
	position: relative;
	bottom: 320px;
}


