/* 豆腐DEトーク特集ページ用css */

/* ###### bodyの設定 ######################## */
body {
	margin : 0;
	padding : 0;
	font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size : medium;
}

/* ###### 画像(img)の設定 ######################## */
img {
	margin : 0;
	padding : 0;
	border : 0;
}

/* ###### 文章(p)の設定 ######################## */
p {
	margin : 0;
	padding : 0;
	line-height : 1.4em;
	text-align : left;
}

/* ###### 文字を小さくする設定 ######################## */
.xs {
	font-size : x-small;
}

/* ###### 文字寄せの設定 ######################## */
.left {
 text-align : left;
}

.center {
 text-align : center;
}

.right {
 text-align : right;
}

/* ###### 回り込みの設定 ######################## */
.f-left {
	float:left;
	margin : 0;
	padding : 0;
}

.f-right {
	float:right;
	margin : 0;
	padding : 0;
}

.f-left2 {
	float:left;
	margin : 0px 10px 10px 0px;
	padding : 0;
}

.f-right2 {
	float:right;
	margin : 0px 0px 10px 10px;
	padding : 0;
}

/* ###### 回り込みの解除 ######################## */
.clear {
	clear : both;
}

.clr {
	margin : 0;
	padding : 0;
	font-size : 0;
	line-height : 0;
}

/* ###### リンクの設定 ######################## */
a {
	text-decoration : none;
	color : #FF9933;
}

a:link {
	text-decoration : none;
}

a:active {
	text-decoration : none;
}

a:visited {
	text-decoration : none;
}

a:hover {
	text-decoration : none;
	color:#FF0000;
}

/* ###### 見出しの設定 ###################### */
h1 {
  font-size: 150%;
  color:#CC0033;
  margin: 10px 0px;
  padding: 0px;
}

h2 {
  font-size: 120%;
  color: #006699;
  margin: 10px;
  padding: 0px 0px 10px 10px;
	border-left : 8px solid #CC0000;
}

h3 {
  font-size: 110%;
  color: #334d55;
  margin: 0px;
  padding: 0px;
}

h4 {
  font-size: 100%;
  font-weight: normal;
  color: #333333;
  margin: 0px;
  padding: 0px;
}

/* 全体のbox */
#wrapper,#head {
	width : 780px;
	margin : 0px auto;
	paddingh : 0;
}

#navi {
	margin : 0px auto 5px auto;
	padding : 0;
	width : 770px;
}

#logo {
	width : 135px;
	margin : 0;
	padding : 0;
	float : left;
}

#back {
	width : 200px;
	margin : 15px 5px 0px 0px;
	padding : 0;
	float : right;
	text-align : right;
}

#contents {
	width : 780px;
	margin : 0;
	padding : 0;
	background-image : url(/talk/images/otokomae/bg.gif);
	background-position : top;
	background-repeat : repeat-y;
}

#contents-inner {
	width : 650px;
	margin : 0px auto;
	padding : 0;
}

#chapter {
	width : 600px;
	margin : 0px auto;
	padding : 15px 0px;
}

.chap-title-01 {
	width : 181px;
	margin-right : 26px;
	padding : 0;
	float : left;
}

.turn {
	width : 80px;
	margin : 0;
	padding : 0;
	float: left;
	text-align : right;
	font-weight : bold;
	line-height:1.2em;
}

.talk {
	width : 550px;
	margin : 0;
	padding : 0;
	float:right;
	line-height:1.4em;
}

.picture {
	margin : 10px auto;
	padding : 0;
	text-align : center;
}

#continue {
	text-align:right;
	border-bottom : 1px solid #999999;
	margin : 10px;
	padding : 5px;
}

.bottom-info {
	border-top : 1px solid #999999;
	border-bottom : 1px solid #999999;
	padding : 10px;
	margin : 10px;
}

.bottom-info p {
	text-align:center;
}

#copyright {
	margin : 10px auto;
	padding : 0;
	text-align :center;
}

#teller {
	width : 500px;
	margin : 10px auto 20px auto;
	padding : 0;
}

#teller h3 {
	width : 400px;
	text-align:center;
	margin : 10px auto;
	padding : 0;
	color:#FF9999;
}

#teller table {
	width : 450px;
	margin : 0 auto;
	padding : 0;
}

#teller table th,#teller table td {
	padding : 8px 5px;
	border-bottom : 1px dashed #999999;
	font-size:small;
}

.pagetop {
	text-align : right;
	font-size : small;
}