/* CSS Document */

#titleArea {	position: relative; }
#titleArea img {	vertical-align:bottom; }
#titleArea #update {
	font-size: 88%;
	position: absolute;
	right: 40px;
	top: 45px;
	}

#letterArea {
	background:url(/jmb/tabinotayori/img/bg_letterarea.jpg);
	padding-bottom: 30px;
	}
#letterArea-inner {/*bgImage表示用*/
	overflow: hidden;
	zoom: 1;
	}
.letter-Box {
	background: url(/jmb/tabinotayori/img/bg_letterbox.gif);
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	margin:30px 0 0 30px;
	width: 880px;
	}
.letter-Box .letter-Box-header-inner {
	padding: 30px 30px 20px 30px;
	}
.letter-Box .letter-title {
	font-size: 18px;
	line-height: 22px;
	}
/*英語のタイトルはFontSize小さめ*/
.tayori-EN	.letter-Box .letter-title {
	font-size: 17px;
	}
.letter-Box .letter-Box-content {
/*	font-size: 14px;*/
	line-height: 22px;
	}
.letter-Box .letter-Box-content-inner {
	background: url(/jmb/tabinotayori/img/letter_content_bg.gif) repeat-y;
	margin:0 0 10px 30px;
	padding: 22px 0;/*Line-heightと同じ数値*/
	width: 820px;
	}
.letter-Box .letter-Box-content .letter-photo {
	float: right;
	margin: 0 0 10px 10px;
	}

.letter-Box .letter-Box-content .letter-name {
	font-weight: bold;
	margin-top:22px;
	text-align: right;
	}

.link-Backnumber {
	padding-right: 10px;
	text-align: right;
	}

/*New出しわけ*/
#tayori-Mail .letter-Box-header {
	background: url(/jmb/tabinotayori/img/letter_header_new_bg.gif) no-repeat bottom;
	}
.tayori-Backnumber .letter-Box-header {
	background: url(/jmb/tabinotayori/img/letter_header_back_bg.gif) no-repeat bottom;
	}

/*バックナンバー用*/
.menuBox {
	padding: 10px 0;
	}
.menuBox #back-Menu {
	float: left;
	}
.menuBox .toTopPage {
	float: right;
	padding-top: 10px;
	}
	/*backMenu*/
#back-Menu {
	width: 740px;
	}
#back-Menu .menu-Item {
	display: inline ;
	float: left;
	margin: 0 5px 5px 0;
	}
#back-Menu .menu-Item a {
	background:url(/jmb/tabinotayori/img/back_menu.gif) no-repeat;
	display: block;
	height: 30px;
	width: 100px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}
#back-Menu #memu-10 a {	background-position: -100px 0 ;}
#back-Menu #memu-11 a {	background-position: -200px 0 ;}
#back-Menu #memu-12 a {	background-position: -300px 0 ;}
#back-Menu #memu-01 a {	background-position: -400px 0 ;}
#back-Menu #memu-02 a {	background-position: -500px 0 ;}
#back-Menu #memu-03 a {	background-position: -600px 0 ;}

#back-Menu #memu-09 a:hover {	background-position: 0 -30px ;}
#back-Menu #memu-10 a:hover {	background-position: -100px -30px ;}
#back-Menu #memu-11 a:hover {	background-position: -200px -30px ;}
#back-Menu #memu-12 a:hover {	background-position: -300px -30px ;}
#back-Menu #memu-01 a:hover {	background-position: -400px -30px ;}
#back-Menu #memu-02 a:hover {	background-position: -500px -30px ;}
#back-Menu #memu-03 a:hover {	background-position: -600px -30px ;}

#Backnumber-09 #back-Menu #memu-09 a {	background-position: 0 -60px; cursor: default;}
#Backnumber-10 #back-Menu #memu-10 a {	background-position: -100px -60px; cursor: default;}
#Backnumber-11 #back-Menu #memu-11 a {	background-position: -200px -60px; cursor: default;}
#Backnumber-12 #back-Menu #memu-12 a {	background-position: -300px -60px; cursor: default;}
#Backnumber-01 #back-Menu #memu-01 a {	background-position: -400px -60px; cursor: default;}
#Backnumber-02 #back-Menu #memu-02 a {	background-position: -500px -60px; cursor: default;}
#Backnumber-03 #back-Menu #memu-03 a {	background-position: -600px -60px; cursor: default;}

.tayori-EN #back-Menu .menu-Item a {	background:url(/en/jmb/tabinotayori/img/back_menu.gif) no-repeat;}