@charset "UTF-8";
/* CSS Document */


/*見出し______________________________________________________*/
.midashi {
	text-align:center;
	margin: 0 auto 30px;
}
.midashi_w {
	text-align:center;
	margin: 0 auto 40px;
}

.howto_title {
	width: 618px;
	margin: -10px auto 0px;
}
	
#header_3 {
	width: 413px;
	margin: 0px auto 30px;
	padding-top:30px;
}

.howto_topphoto {
	width: 1000px;
	margin: 40px auto 40px;
}
#howto_yodogawa {
	width:1000px;
	margin: 0 auto;
	margin-bottom: 20px;
	overflow:hidden;
	height:auto;
	position:relative;
}
.yodo_right {
	margin:80px 0 0 60px;
}
.yodo_left{
	margin:0px 30px 0 0px;
	float : right;
}
.yodo_center{
	margin:0px auto 0px;
	width:930px;
}
	
.calendar_icon_btn{
	position:absolute;
	top:220px;
	right:65px;
}
.calendar_icon_btn2{
	position:absolute;
	top:220px;
	right:82px;
}
.archive_midashi {
	margin: 70px auto 50px;
	width:520px;
	text-align:center;
}
.archive_midashi2 {
	margin: 70px auto 50px;
	width:541px;
	text-align:center;
}



/*本文______________________________________________________*/
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 2;
	letter-spacing: 1px;
	font-family:" Lucida Lucida Sans Unicode", "Lucida Grande", ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic sans-serif, ;
}

/*対談内容*/

.conv {
  width: 600px;
  margin: 25px auto 25px;
}
.conv dt {
  width: 80px;
  padding: 2em 0 0 0;
  font-weight: bold;
  vertical-align: top;
  color: #FFF;
}
.conv dt.talker0{
	letter-spacing:-0.05em;
	}
.conv dt.talker0, .conv dd.talker0 {
  color: #808080;
}
.conv dt.talker1, .conv dd.talker1 {
  color: #000000;
}

.conv dl {
  display: table;
  width: 100%;
}
.conv dt, .conv dd {
  display: table-cell;
  text-align: left;
}
.conv dd {
  padding-top: 2em;
  vertical-align: middle;
  color: #FFF;
}
.continue{
	margin:50px 0 50px;
	text-align: center;
}
.continue2{
	margin:50px 0 30px;
	text-align: center;
}
.photo {
	width:600px;
	margin:50px auto 50px;
}
.photo2 {
	width:600px;
	margin:50px auto 50px;
	text-align:center;
}
.illust {
	width:472px;
	margin:50px auto 50px;
	text-align:center;
}
.howto_caption {
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 1px;
	text-align:left;
	}

.howto_line{
	width:921px;
	margin: 50px auto 50px;
}
.howto_line2{
	width:921px;
	margin: 20px auto 20px;
}
.howto_line3{
	width:921px;
	margin: 20px auto 50px;
}
.howto_line4{
	width:921px;
	margin: 50px auto 20px;
}


.foot_top{
	width: 921px;
	margin: 50px auto 50px;
	background-image: url(../images/howto/howto_line2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}


/*目次______________________________________________________*/

#mokuji_section .twoline{
	line-height:1.3em;
	padding-bottom:10px;
	float:left;
}
#mokuji_section .twoline_date{
	margin-top:10px;
	color: #FF5878;
	font-size: 11px;
	letter-spacing: 1px;
	font-family:" Lucida Lucida Sans Unicode", "Lucida Grande", ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic sans-serif, ;
	line-height:1.3em;
	float:left;
}
	
#mokuji_section {
	margin: 0px auto 20px;
	width:550px;
}
#mokuji_section:first-child {
	margin-bottom:20px;
}

.mokuji_title {
	margin: 30px auto 15px;
	
}
	
.mokuji_middle {
	overflow:hidden;
	height:auto;
	width:550px;
	background-image: url(../images/howto/archive_back2.gif);	
}
#mokuji_section p {
	margin:0px auto 0px;
	padding:10px 0 0 30px;
}
#mokuji_section .archive_number {
	margin:0px auto 0px;
	padding:0 0 10px 30px;
	color:#000000;
}
#mokuji_section p span{
	color: #FF5878;
	font-size: 11px;
	line-height: 2;
	letter-spacing: 1px;
	font-family:" Lucida Lucida Sans Unicode", "Lucida Grande", ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic sans-serif, ;
}

	
	
	

/*ラインナップ______________________________________________________*/
.howto_top_btn{
	margin: 10px 10px 0 30px;
}
/*ナビゲーション______________________________________________________*/

#navisection {
	padding-bottom:15px;
	margin: 0 auto ;
	width:182px;
	overflow:hidden;
	height:66px;
}

#navi0 {
	margin: 0px auto 0px;
	width:66px;
}

#navi1 {
	float:left;
	width:66px;
}

#navi2 {
	margin-left:116px;
	width:66px;
}

.date{
	font-size: 12px;
	padding:0px 0 30px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif
}
.date2{
	font-size: 12px;
	padding:0px 0 10px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif
}
/* ------------------リンク------------------ */
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FF5878;
}
a:active {
	text-decoration: none;
}