/*=======================================*/
/*　東京地図出版株式会社　*/
/*　出版案内用のスタイルシート　*/
/*　制作開始：2005.08.03　　　　　　　　　*/
/*=======================================*/

/*----------------------------------------*/
/*　共通部品　*/
/*----------------------------------------*/
/**
 *　横線
 */
.line{
	margin-top: 10px;
	/*margin-left: 208px;*/
	width: 562px;
	height: 1px;
	display: block;
	background: url(/images/line.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
#line{
	margin-top: 10px;
	/*margin-left: 208px;*/
	width: 562px;
	height: 1px;
	display: block;
	background: url(/images/line.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
#line2{

	width: 562px;
	height: 1px;
	display: block;
	background: url(/images/line.gif);
	background-repeat: no-repeat;
	font-size:0px;
}


/**
 *　閉じるボタン
 */
#closeBtn {
	margin-top: 18px;
	margin-left: 0px;
}
#closeBtn span{
	display: none;
}

#closeBtn a{
	margin-top: 0px;
	margin-left: 210px;
	height: 22px;
	width: 92px;
	display: block;
	background: url(/images/btn_close.gif);
	background-repeat: no-repeat;
}

/* 拡大図_大 */
#closeBtn2 {
	margin-top: 18px;
	margin-left: 0px;
}
#closeBtn2 span{
	display: none;
	align: center;
	text-align: center;
}

#closeBtn2 a{
	margin-top: 0px;
	margin-left: 650px;
	height: 22px;
	width: 92px;
	display: block;
	background: url(/images/btn_close.gif);
	background-repeat: no-repeat;
}




/*----------------------------------------*/
/*　タイトル　*/
/*----------------------------------------*/
#title {
}
#title h2 {
	position: absolute;
	top: 110px;
	margin-left: 40px;
	height: 30px;
	width: 800px;
	display: block;
	background: url(/recommend/images/title.gif) no-repeat; /* 「おすすめ：画像：共通」ページより */
	font-size:0px;
}
#title h2 span {
	display: none;
}


#bookName05 h4 {
	margin-left: -2px;
	font-size:14px;
	color : #1F7839;
	background-color:#E3F1D6;
	padding:2px;
}
/*----------------------------------------*/
/*　サブタイトル　*/
/*----------------------------------------*/
#subTitle1 {
}
#subTitle1 h3 {
	position: absolute;
	/*	top: 170px;
	margin-left: 208px;*/
	height: 32px;
	width: 588px;
	display: block;
/*	background: url(/recommend/images/sub_title1.gif) no-repeat; */
	font-size:0px;
}
#subTitle1 h3 span {
	display: none;
}
#subTitle2 {
}
#subTitle2 h3 {
	position: absolute;
	/*	top: 170px;
	margin-left: 208px;*/
	height: 61px;
	width: 562px;
	display: block;
/*	background: url(/recommend/images/sub_title2.gif) no-repeat; */
	font-size:0px;
}
#subTitle2 h3 span {
	display: none;
}




#subTitleBackNumber {
}
#subTitleBackNumber h3 {
	position: absolute;
/*	top: 170px;
	margin-left: 208px;*/
	height: 61px;
	width: 562px;
	display: block;
/*	background: url(/recommend/images/sub_title1.gif);*/
	font-size:0px;
}
#subTitleBackNumber h3 span {
	display: none;
}








/*----------------------------------------*/
/*　サブメニュー2　*/
/*----------------------------------------*/
#subMenu2 {
float: left;
	display: inline;
margin-bottom:15px;
margin-left:40px;
margin-right:29px;
width:183px;
text-align:left; 
}
#subMenu2 h2 {
	display: none;
}
#subMenu2 ul {
	position: absolute;
/*	top: 188px;*/
	margin: 0px 0px 0px 0px;
/*	margin-top: 0px;*/
/*	margin-left: 40px;*/
	padding-top: 0px;
	padding-left: 0px;
/*	width: 152px;*/
	width: 183px;
	list-style-type: none;
}
#subMenu2 li {
	float: left;
	display: inline;
/*	width: 152px;*/
	width: 183px;
}
#subMenu2 a {
	text-decoration: none;
}
#subMenu2 p {
	display: none;
}
#sublink2-1 a {
	display: block;
/*	height: 26px;
	width: 152px;*/
	height: 31px;
	width: 183px;
	background: url(/recommend/images/sub_menu_01.gif) no-repeat; /* 「おすすめ：画像：共通」ページより */
	font-size:0px;
}
#sublink2-1on a {
	display: block;
/*	height: 26px;
	width: 152px;*/
	height: 31px;
	width: 183px;
	background: url(/recommend/images/sub_menu_01on.gif) no-repeat; /* 「おすすめ：画像：共通」ページより */
	font-size:0px;
}

#sublink2-2 a {
	display: block;
	height: 25px;
	width: 152px;
	background: url(/recommend/images/sub_menu_02.gif) no-repeat; /* 「おすすめ：画像：共通」ページより */
	font-size:0px;
}




/*----------------------------------------*/
/*　ディレクトリ　*/
/*----------------------------------------*/
#directory {
	position: absolute;
	top: 90px;
	margin-top: 0px;
	margin-left: 23px;
	padding-top: 0px;
	padding-left: 0px;
}
#directory h3 {
	display: none;
}
#directory span {
	margin-top: 0px;
	margin-left: 14px;
	font-size:12px;
	color:#333333;
}
#directory span a {
	margin-top: 0px;
	margin-left: 0px;
	font-size:12px;
	color:#333333;
}
#icon {
	position: absolute;
	top: 3px;
	margin-top: 0px;
	margin-left: 0px;
	height: 11px;
	width: 11px;
	background: url(/images/hdg02000000001gl-img/hdg02000000001r5.gif);
	background-repeat: no-repeat;
}




/*----------------------------------------*/
/*　あいさつ　*/
/*----------------------------------------*/
#compliments {
/*	margin-top: 176px;
	margin-left: 208px;*/
	width: 562px;
	font-size:12px;
	line-height:1.2;
}

#compliments h4 {
	margin-top: 0px;
	margin-left: 0px;
	height: 40px;
	width: 562px;
/*	background: url(); */
	background-repeat: no-repeat;
	
}

#compliments h4 span {
	display: none;
}

#compliments .snap {
	margin-top:10px;
/*	background: url(); */
	background-repeat: no-repeat;
	width: 550px;
	text-align:left;
}

#compliments .caption{
	padding-top:20px;
	width:562px;
	margin:0;
}

#compliments .caption p{
	margin-bottom:15px;
}

#compliments .caption p.nolong{
	margin-bottom:5px;
}

#compliments .name{
	font-size:10px;
	float: right;
	display: inline;
	padding-right:13px;
	
}

#compliments p {
	font-size:12px;
	line-height:130%;
	padding-top: 5px;
	padding-left: 5px;
}



/*----------------------------------------*/
/*　「おすすめ」ページ内容　*/
/*----------------------------------------*/
.topBorder {
	margin-top: 10px;
	/*margin-left: 208px;*/
	padding-top: 0px;
	padding-left: 0px;
	height: 1px;
	width: 561px;
	background: url(/images/line.gif);
	background-repeat: no-repeat;
	font-size:0px;
}
#introduction {
/*	margin-top: 179px;
	margin-left: 208px;*/
	width: 562px;
}


#introduction h4 span {
	display: none;
}
#introduction ul {
	/*list-style-type: none;*/
}

#introduction li {
	font-size:12px;
	line-height:130%;
}
#introduction p {
	font-size:12px;
	line-height:130%;
	padding-top: 5px;
	padding-left: 30px;
}

.introductionData {
	width:588px;
}


/*----------------------------------------*/

#backnumberContent {
/*	margin-top: 179px;
	margin-left: 208px;*/
	width: 562px;
}
#backnumberContent p {
	font-size:12px;
	line-height:130%;
	padding-top: 5px;
	padding-left: 0px;
}


#backnumberSpacer {
	margin-top: 0px;
	margin-left: 0px;
	height: 220px;
}




/**
 * pickup
 */
#pickup {
	margin-top: 10px;
	/*margin-left: 208px;*/
	width: 562px;
}
#pickup .pickupClear{
	clear:both;
	height: 30px;
}
#pickup .pickupClear2{
	clear:both;
}

#pickup .pickupClear3{
	clear:both;
	height: 5px;
}
#pickup h4 {
	width: 562px;
	height: 28px;
	display: block;
	background: url(../images/top_subtitle02.gif);
	font-size:0px;
}

#pickup h4 span {
	display: none;
}

#pickup h5 {
	width: 542px;
	height: 30px;
	display: block;
/*	background: url() no-repeat; */
	font-size:0px;
}

#pickup h5 span {
	display: none;
}


/**
 * pickup(class)(0708-)
 */
.pickup {
	margin-top: 10px;
	/*margin-left: 208px;*/
	width: 562px;
	line-height: 1.3;
}


.pickup .pickupClear{
	clear:both;
	height: 30px;
}
.pickup .pickupClear2{
	clear:both;
}

.pickup .pickupClear3{
	clear:both;
	height: 5px;
}





/*----------------------------------------*/

#pickupContents .line{
	margin-top: 15px;
	width: 562px;
	height: 1px;
	display: block;
	background: url(/images/line.gif);
	background-repeat: no-repeat;
	font-size:0px;
}

#pickupContents .pickupClear{
	clear:both;
	height: 20px;
}

#pickupContents .pickupClear2{
	clear:both;
}






/*----------------------------------------*/
#pickup-1{

}

#pickup-1 .pickupTitle{
	margin-bottom: 10px;
	height: 30px;
	width: 542px;
/*	background: url(../images/0604/pickup01.gif) no-repeat; */
}
#pickup-1 .pickupTitle span{
	display: none;
	
}





/*----------------------------------------*/
/**
 * pickup01(class)
 */
.pickup01 .pickupTitle01{
	height: 30px;
	width: 562px;
	margin-bottom: 8px;
/*	background: url() no-repeat;*/
}
.pickup01 .pickupTitle02{
	height: 30px;
	width: 562px;
	margin-bottom: 8px;
/*	background: url() no-repeat;*/
}
.pickup01 .pickupTitle03{
	height: 30px;
	width: 562px;
	margin-bottom: 8px;
/*	background: url() no-repeat;*/
}
.pickup01 .pickupTitle01 span{
	display: none;
}
.pickup01 .pickupTitle02 span{
	display: none;
}
.pickup01 .pickupTitle03 span{
	display: none;
}
.pickup01 .imgsetLeft{
	float: left;
	display: inline;
	margin-right:1px;
	margin-bottom:8px;
	width: 270px;
}

.pickup01 .imgsetLeft .photo {
	width: 270px;
}

.pickup01 .imgsetLeft p{
	font-size:10px;
	line-height: 100%;
}

.pickup01 .readtext {
	font-size:12px;
	margin:0;
}

.pickup01 .readtext p {
	padding-bottom:15px;
}

.readtext p.special {
	padding-bottom:40px;
}

.readtext p.nolong {
	padding-bottom:5px;
}

.pickup01 .textLeft {
	width:280px;
	margin:0;
	float: left;
	display: inline;
}

.pickup01 .textRight {
	width:280px;
	float: right;
	display: inline;
	line-height: 100%;
}


.pickup01 .imgsetRight{
	float: right;
	display: inline;
	width: 270px;
}

.pickup01 .imgsetRight .photo {
	width: 270px;
}
.pickup01 .imgsetRight .caption {
	font-size:10px;
	line-height: 100%;
}



/*----------------------------------------*/
/**
 * pickup01(id)
 */
/*----------------------------------------*/

#pickup01{
	margin-top: 5px;
}
#pickup01 .pickupTitle01{
	height: 30px;
	width: 562px;
	background: url();
	background-repeat: no-repeat;
}
#pickup01 .pickupTitle01 span{
	display: none;
}

#pickup01 .imgsetLeft{
	float: left;
	display: inline;
	margin-right:3px;
	width: 271px;
}

#pickup01 .imgsetLeft .photo {
	width: 270px;
}

#pickup01 .imgsetLeft .caption {
	font-size:10px;
	line-height: 100%;
}

#pickup01.textRight {
	width:260px;
	float: right;
	display: inline;
	line-height: 100%;
}


#pickup01 .imgsetLeft02{
	float: left;
	display: inline;
	width: 260px;
	margin:0 15px 0 0;
}

#pickup01 .imgsetLeft02 .photo {
	width:260px;
}
#pickup01 .imgsetLeft02 .caption {
	font-size:10px;
	line-height: 100%;
}

#pickup01 .imgsetRight{
	float: right;
	display: inline;
	margin:0;
	width: 271px;
}

#pickup01 .imgsetRight .photo {
	width: 271px;
	height: 200px;
}
#pickup01 .imgsetRight .caption {
	font-size:10px;
	line-height: 100%;
} 

#pickup01 .imgsetRight02{
	float: left;
	display: inline;
	width: 260px;
	margin:0;
}

#pickup01 .imgsetRight02 .photo {
	width: 260px;
}
#pickup01 .imgsetRight02 .caption {
	font-size:10px;
	line-height: 100%;
}






/*----------------------------------------*/

#pickup02{
	margin-top: 5px;
}
#pickup02 .pickupTitle02{
	height: 30px;
	width: 562px;
/*	background: url() no-repeat; */
}
#pickup02 .pickupTitle02 span{
	display: none;
}
#pickup02 .imgsetLeft{
	float: left;
	display: inline;
	margin:0 15px 0 0;
	width: 260px;
}

#pickup02 .imgsetLeft .photo {
	width: 260px;
}
#pickup02 .imgsetLeft .caption {
	font-size:10px;
	line-height: 100%;
}

#pickup02 .imgsetRight{
	float: left;
	display: inline;
	width: 260px;
	margin:0;
}

#pickup02 .imgsetRight .photo {
	width: 260px;
}
#pickup02 .imgsetRight .caption {
	font-size:10px;
	line-height: 100%;
}

/*----------------------------------------*/

#pickup03{
	margin-top: 5px;
}
#pickup03 .pickupTitle03{
	height: 30px;
	width: 562px;
/*	background: url() no-repeat; */
}
#pickup03 .pickupTitle03 span{
	display: none;
}


#pickup03 .imgsetLeft{
	float: left;
	display: inline;
	margin:0 0 0 0;
	width: 260px;
}

#pickup03 .imgsetLeft .photo {
	width: 260px;
}

#pickup03 .imgsetLeft .caption {
	font-size:10px;
	line-height: 100%;
}
#pickup03.textRight {
	width:260px;
	float: right;
	display: inline;
	line-height: 100%;
}

#pickup03 .imgsetRight{
	float: right;
	display: inline;
	margin-bottom:15px;
	width: 260px;
}

#pickup03 .imgsetRight .photo {
	width: 260px;
}

#pickup03 .imgsetRight .caption {
	font-size:10px;
	line-height: 100%;
}
#pickup03.textLeft {
	width:260px;
	margin:0 0 0 0;
	float: left;
	display: inline;
	line-height: 100%;
}

#pickup03 .image01 {
	float: left;
	display: inline;
	margin-left: 0px;
	margin-right:10px;
	width: 80px;
	height: 135px;
}

#pickup03 .image01.photo {
	margin-left: 0px;
	margin-right:10px;
	width: 80px;
	height: 110px;
}



#pickup03 .image02 {
	float: left;
	display: inline;
	margin-left: 0px;
	margin-right:15px;
	width: 80px;
	height: 135px;
}

#pickup03 .image02.photo {
	margin-left: 0px;
	margin-right:15px;
	width: 80px;
	height: 110px;
}

#pickup03 .image03 {
	float: left;
	display: inline;
	margin-left: 0px;
	margin-right:8px;
	width: 80px;
	height: 135px;
}

#pickup03 .image03.photo {
	margin-left: 0px;
	margin-right:8px;
	width: 80px;
	height: 110px;
}

#pickup03 .caption {
	font-size:10px;
	line-height: 100%;
}









/**
 * 「ご注文はこちらから」ボタン
 */
.orderButtonSp p{
	display: none;
}

.orderButtonSp a{
	margin-top: 10px;
	margin-left: 3px;
	height: 17px;
	width: 189px;
	display: block;
	background: url(/images/hdg02000000001gl-img/hdg02000000002gw.gif);
	background-repeat: no-repeat;
}




/*----------------------------------------*/
.orderButton01 p{
	display: none;
}

.orderButton01 a{
	margin-top: 10px;
	margin-left: 100px;
	height: 17px;
	width: 189px;
	display: block;
	background: url(/images/hdg02000000001gl-img/hdg02000000002gw.gif);
	background-repeat: no-repeat;
}
/*----------------------------------------*/
.orderButton02 p{
	display: none;
}

.orderButton02 a{
	margin-top: 10px;
	height: 17px;
	width: 189px;
	display: block;
	background: url(/images/hdg02000000001gl-img/hdg02000000002gw.gif);
	background-repeat: no-repeat;
}


/*----------------------------------------*/
/*　ポップアップウインドウ　*/
/*----------------------------------------*/
#popupContainer {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	width: 532px;
	height: 100%;
	margin: 0;
}
#popupBackGroud {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	width: 532px;
	background: url(/images/popup_gb_1.gif);
/*	background: url(/images/header_s.gif);*/
	background-repeat: repeat-y;
	text-align: left;
}
#popupContent {
	margin-top: 0px;
	margin-left: 5px;
	width: 512px;
}
#popupContent p {
	margin-top: 0px;
	margin-left: 5px;
	font-size:10px;
	line-height: 100%;
}
#popupHeader {
	height: 55px;
	width: 512px;
	background: url(/images/header_s.gif);
}

#popupHeader span{
	display: none;
}

#popupTitle {
	margin-top: 2px;
	margin-bottom: 12px;
	width: 512px;
	background-color:#dddddd;
}
#popupCopyright {
	margin-top: 15px;
	margin-left: 5px;
	height: 50px;
	width: 512px;
	background: url(/images/hdg02000000001gl-img/hdg02000000001gx.gif) 0px -10px;
}



/*----------------------------------------*/
/*　ポップアップウインドウ2　*/
/*----------------------------------------*/
#popupContainer2 {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	width: 1400px;
	height: 100%;
	margin: 0;
}
#popupBackGroud2 {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	width: 1400px;
	background: url(/images/popup_gb_2.gif);
	background-repeat: repeat-y;
	text-align: left;
}
#popupContent2 {
	margin-top: 0px;
	margin-left: 5px;
	width: 1400px;
}
#popupContent2 p {
	margin-top: 0px;
	margin-left: 5px;
	font-size:10px;
	line-height: 100%;
}
#popupHeader2 {
	height: 55px;
	width: 1370px;
	background: url(/images/header_s.gif);
}

#popupHeader2 span{
	display: none;
}

#popupTitle2 {
	margin-top: 2px;
	margin-bottom: 12px;
	width: 1400px;
	background-color:#dddddd;
}
#popupCopyright2 {
	position: relative;
	top:22px;
	margin-left: 0px;
	height: 20px;
	width: 512px;
	font-size:10px;
	color:#333333;
	text-align: center;
	margin-top: 0px;
}
#popupCopyright2text {
	margin-top: 15px;
/*	margin-left: 5px; */
	height: 50px;
	width: 1390px;
	background: url(/images/hdg02000000001gl-img/hdg02000000001gx.gif) 0px -10px;
}
#popupCopyright222 {
	position: relative;
	top:22px;
	margin-left: 0px;
	height: 20px;
	width: 1400px;
	font-size:10px;
	color:#333333;
	text-align: center;
}

/**
 * 書籍情報
 */
.bookImg {
	margin-top: 7px;
	margin-left: 5px;
	background-repeat: no-repeat;
	width: 85px;
	height:110px;
	float: left;
	display: inline;
}


/**
 * 電子書籍
 */
.popDBook {
	margin-top: 5px;
	margin-left: 6px;
	float: left;
	display: inline;
}


/**
 *おすすめ：記事追加用テンプレート
 */
.publishingtitle {
	background: url(/recommend/images/title.gif) no-repeat; /* 「おすすめ：画像：共通」ページより */
	font-size: 0px;
}

