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


body {
	margin: 0 auto;
}

#wrapper {
	width: 920px;
	padding-left: 40px;
	padding-right: 40px;
	margin: 0 auto;
	background-image: url(../images/yokoku/background01.gif);
	background-repeat: repeat-y;
}

/* ----------バナー---------- */
.banner01 {
	margin: 0 auto;
}

.text_line {
	text-decoration: line-through;
	font-size: 12px;
	color: #666;
	line-height: 18px;
	letter-spacing: 2px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* ----------ヘッダ／ヨドガワ／目次---------- */
.news_btn {
	margin-top: 30px;
	}
#header {
	margin: 0 auto;
}

#yodogawa {
	margin: 0 auto;
	margin-bottom: 20px;
}

#yodogawa_left {
	width: 784px;
	margin: 0 auto;
	float: left;
}
#yodogawa_right {
	width: 136px;
	margin: 0 auto;
	float: right;
}


#img_photo {
	margin: 0 auto;
	margin-top: 0px;
}

#img_photo_t {
	position:relative;
	margin: 0 auto;
}

#icon_loft {
	position:relative;
	z-index: 1;
	
    position: absolute;
    top: 0;
	right: 0px;
}

/* ----------メイン---------- */

.main01 {
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
	
}

.main {
	margin: 0 auto;
	margin-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px;
	
}
.sale_end_1 {
	margin: 0px 0 0 50px;
	
}
.sale_end_lineup img{
	vertical-align:middle
	
}



/* ----------目次---------- */
.mokuji {
	width: 520px;
	margin: 0 auto;
	float: left;
}

/* ----------インフォメーション---------- */
.info01 {
	width: 330px;
	margin: 0 auto;
	
	/* メインの文字要素 */
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #5E341D;
	
	float: right;
}

.info02 {
	
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 40px;
	
	/* 文字要素 */
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 26px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #5E341D;
}


/* ----------フッター---------- */

#footer {
	width: 920px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.btn_footer01 {
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 23px;
	float: left;
}

.btn_footer02 {
	margin: 0 auto;
	padding-top: 10px;
	float: right;
}

/* ------------------テキストフォント------------------ */

.textfont_small01 {
	margin: 0 auto;
	font-size: 12px;
	color: #666;
	line-height: 18px;
	letter-spacing: 2px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* ------------------マージン------------------ */

.margin_b_60 {
	margin-bottom: 60px;
}

.margin_b_40 {
	margin-bottom: 40px;
}

.margin_b_8 {
	margin-bottom: 8px;
}


.margin_r_8 {
	margin-right: 8px;
}

.margin_b_27 {
	margin-bottom: 27px;
}
.margin_b_15 {
	margin-bottom: 15px;
}

.margin_t_27 {
	margin-top: 27px;
}

.margin_t_10 {
	margin-top: 10px;
}




/* ------------------リンク------------------ */
a:link {
	color: #1B871E;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #1B871E;
}
a:hover {
	text-decoration: none;
	color: #1B871E;
}
a:active {
	text-decoration: none;
}



/* ------------------ボタン------------------ */
.btn {
}


/* -----フロート解除----- */ 
.clear {
    clear:both;　/*floatの解除*/
}