@charset "UTF-8";
/* 東京堂書店HP 各ページCSS */

/* 店舗案内 -----------------------------*/
.floor {}

.floor h4 {font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #663333;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	color: #663333;
	margin-bottom: 5px;}

/* 店舗案内：ジャンル切り替え -----------------------------*/

.tab_area {
	margin-bottom: 15px;
	margin-right: 10px;
}

.tab_area ul{
	margin: 0px;
	padding: 0px;
} 
#genre li {
	float: left;
	list-style: none;
	height: 20px;
	background-color: #FFFFFF;
	cursor: pointer;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #d9cdac;
	border-left-color: #d9cdac;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 0px;
	font-size: 12px;
}

#genre li:hover {
	background-color: #ece6d5;
}

#genre li.select {
background-color:#d9cdac
}

#genre li.last {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d9cdac;
} 
.none {
  display: none;
}
.genre_area {
	clear: left;
	font-size: 12px;
	text-align: left;
	color: #000000;
	padding: 10px;
	height: 50px;
	background-color: #ece6d5;
	border: 1px solid #d9cdac;
}

.shop_info {margin:10px 10px 10px 0; border: solid 1px #666600; padding:10px}

/* 店舗案内：右サイドメニュー -----------------------------*/
.menu {
	padding-left: 10px;
}

.menu.second {
	padding-top:25px
}

.menu .menu_floor{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bolder;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-image: url(../books_images_common/ti_floorguide.jpg);
	background-repeat: no-repeat;
	height: 25px;
	text-indent: -9999px;
}

/* ボタン */
.floor-btn {
	border: 1px solid #666666;
	height: 37px;
	width: 238px;
}

.floor-btn.btmline {
	border-bottom-style: none;
}

.floor-btn a:hover {
	background-position: -240px 0px;
}

.floor-btn#first a {
	background-image: url(../books_floor/images/btn_floor01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;
}

.floor-btn#second a{
	background-image: url(../books_floor/images/btn_floor02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;}

.floor-btn#third a{
	background-image: url(../books_floor/images/btn_floor03.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;}

.floor-btn#fourth a{
	background-image: url(../books_floor/images/btn_floor04.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;}
	
.floor-btn#fifth a{
	background-image: url(../books_floor/images/btn_floor05.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;}
	
.floor-btn#sixth a{
	background-image: url(../books_floor/images/btn_floor06.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;}
	

/* 地図 */
.fl-map{
	background-color: #ece6d5;
	padding: 10px;
}

.fl-map:hover {
	background-color: #D6CFC3
}

.fl-map.acs {margin-top:5px}

/* 店舗案内：右サイド　イベント表示 -----------------------------*/

.right-box .menu_event{
	font-weight: bolder;
	color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-image: url(../books_images_top/ti_event.jpg);
	background-repeat: no-repeat;
	height: 25px;
	text-indent: -9999px;
}

.right-box .menu_event_photo{
	border: 10px solid #C1E3F3;
}

.right-box .menu_event_photo:hover {
	border: 10px solid #9DCFF9;
}

.right-box ul.event_list{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color: #f7f7f7;
}

.right-box ul.event_list li {
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../books_images_top/icon_arrow_blue.png);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1d74d3;
	font-size: 10px;
	padding-right: 5px;
	margin: 0px;
}

.right-box ul.event_list li.last {
	border-bottom-color: #1d74d3;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.right-box ul.event_list li a {
	color: #000000;
}

.right-box ul.event_list li a:hover {
	color: #666666;
}

/* お問い合わせ --------------------------------------------------------------------------------------*/
.contact{margin:15px}

.contact .form-wid {
	width:620px
}

.contact .name-cls {
	background-color:#ece6d5;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.contact .inp-area{
	width: 300px;
	height: 50px;
}

.contact .text-area{
	width: 100%;
	height: 150px;
}

.contact .description{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}
.require { color:#FF0000}


/* 個人情報保護方針 --------------------------------------------------------------------------------------*/
.privacy {
}

.privacy ul {
	list-style-type: decimal;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 10px;
}

.privacy li {
	padding-top: 5px;
	padding-bottom: 3px;
}

.privacy .sign {
	margin-right: 30px;
	margin-left: 40px;
	text-align: left;
}

.privacy .name {
	text-align: right;
}

/* サイトポリシー --------------------------------------------------------------------------------------*/
.policy {}

.policy h4,.agreement h4,.company h4/*規約・会社概要共通*/ {
	border-bottom-color: #000000;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-size: 14px;
}

.policy .attention {
	background-color: #ece6d5;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.policy .attention td.line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}



/* 会社概要 --------------------------------------------------------------------------------------*/

.company {}

.company td {
	padding: 0px;
}

.company td.add {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.company td.add img {
	margin-top: 7px;
}

.company .c_mid {
	width: 150px;
	padding: 3px;
}

.company .c_txt {
	padding: 3px;
}

.company .line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 12px;
}

.company .history {
	font-size: 12px;
	padding: 3px;
}

.company .history.year {
	width: 130px;
}

.menu .menu_access{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bolder;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-image: url(../books_images_common/ti_access.jpg);
	background-repeat: no-repeat;
	height: 25px;
	text-indent: -9999px;
}

.menu .access {
	font-size: 12px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-weight: bolder;
	color: #663333;
}

/* 会員規約 --------------------------------------------------------------------------------------*/

.agreement {
	font-size: 10px;
}

.agreement h3.list {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.agreement ul {
	list-style-type: disc;
	padding-right: 0px;
	padding-left: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style-position: outside;
}

.agreement li {}

.agreement .sign {
	margin-top: 15px;
	padding: 10px;
	background-color: #ece6d5;
}

/* サイトマップ --------------------------------------------------------------------------------------*/

.sitemap {}

.sitemap a {
	color: #00463a;
	text-decoration: none;
}
.sitemap a:hover {
	cursor:pointer;
	color: #669933;
	text-decoration: underline;
}

.sitemap ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	list-style-type: none;
}

.sitemap li {
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../books_images_top/icon_arrow_green.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-right: 0px;
	padding-left: 10px;
	margin: 0px;
}

/* カフェ --------------------------------------------------------------------------------------*/

.cafe_top {
	background-image:url(../books_cafe/images/cafe_top_bg.jpg);
	background-repeat:no-repeat;
	padding-top:20px;
}

.conc_top {
	background-image:url(../books_cafe/images/cafe_con_bg.jpg);
	background-repeat:no-repeat;
	padding-top:200px;
}

.conc_sp_bg {
	margin:0px 20px 0;
	padding:15px;
	background-image: url(../books_cafe/images/cafe_bg_s_white.png);
	background-repeat: repeat;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.cafe_top .time{
	color: #663333;
	padding: 8px;
	margin-top: 110px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 370px;
	background-image: url(../books_cafe/images/cafe_bg_s_white.png);
	background-repeat: repeat;
	/*border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
}

.menutxt {
	font-weight: bold;
	padding-top: 3px;
	font-size: 12px;
	color: #7c4341;
}

.cafe_top td { font-size:12px}

.cafe_item_line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7c4341;
	margin-top: 3px;
	padding-top: 3px;
}

.cafe_sp_bg {
	margin:60px 20px 0;
	padding:15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
	
.cafe_line{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #7c4341;
	padding-bottom: 3px;
}


/* ドリンクメニュー　アイテム*/
.cafe_drink_txt {
	font-weight: bold;
}
.dri_ti_line {
	border-bottom: 3px #7c4341 solid;
	margin:0 0 5px;
	color: #7c4341;
	font-weight: bolder;
}
.drink_w_size {
	width:50px
}

.dri_cate_size {width:400px}

.drink_menu td { padding:3px 0;}

td .menu_ti_sp { padding:5px 0}

/* メニュータブ切り替え -----------------------------*/

.tb_slect {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	width: 879px;
}

.tb_slect ul{
	margin: 0px;
	padding: 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #7c4341;
	height: 33px;
	width: 878px;
} 
#tb_fd li {
	float: left;
	list-style: none;
	width:215px;
	height: 33px;
	cursor: pointer;
	display: block;
	margin:0 6px 0 0;
}

#tb_fd li a {
	text-indent: -9999px;
	width:215px;
	height: 33px;
	display: block;
}

#tb_fd li#drink {
	background-image: url(../books_cafe/images/cafe_tab_drink.gif);
	background-repeat: no-repeat;
}
#tb_fd li#food {
background-image: url(../books_cafe/images/cafe_tab_food.gif);
	background-repeat: no-repeat;}
#tb_fd li#lunch {
background-image: url(../books_cafe/images/cafe_tab_lunch.gif);
	background-repeat: no-repeat;}
#tb_fd li#sweet {
background-image: url(../books_cafe/images/cafe_tab_sweet.gif);
	background-repeat: no-repeat;}

#tb_fd li:hover {
	background-position: 0px -33px;
}

#tb_fd li.select {
	background-position: 0px -33px;
}

#tb_fd li.last {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
.none {
  display: none;
}
.tab_menu {
	clear: left;
	font-size: 12px;
	text-align: left;
	color: #000000;
	padding-top: 15px;
}

/*lunch*/

.opt_set {
	margin:0 0 20px;
	color:#FF9966;
	border-bottom: solid 1px #FF9966;
	padding:3px;
	font-size:14px
}

.option_line {
	width: 430px;
}

.lunch_ti {
	border-bottom: solid 3px #000000;
	width: 430px;
	padding-bottom: 5px;
}

.lunch_itemline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	width: 350px;
	padding-bottom: 6px;
	padding-top: 6px;
}

.lunch_price {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-size: 12px;
	font-weight: bolder;
}

.ti_menu {
	margin:0 0 15px;
	color:#7c4341;
	font-weight:bold;
	font-size: 14px;
	border-bottom-style: double;
	border-bottom-color: #7c4341;
}

/* 東京堂ホール ------------------------------------------------------------------------------------------------*/

.hall h4 {font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #663333;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	color: #663333;
	margin-bottom: 5px;}

.hall_body {margin:5px 20px 15px 0px; padding:10px;}

/* ホール：右サイドメニュー -----------------------------*/
.menu {
	padding-left: 10px;
}

.menu.second {
	padding-top:25px
}

.menu .menu_hall{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bolder;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-image: url(../books_images_common/ti_hall.jpg);
	background-repeat: no-repeat;
	height: 25px;
	text-indent: -9999px;
}

/* ボタン */
.hall-btn {
	border: 1px solid #666666;
	height: 37px;
	width: 238px;
}

.hall-btn.btmline {
	border-bottom-style: none;
}

.hall-btn a:hover {
	background-position: -240px 0px;
}

.hall-btn#first a {
	background-image: url(../books_hall/images/btn_hall01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;
}

.hall-btn#second a{
	background-image: url(../books_hall/images/btn_hall02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;}

.hall-btn#third a{
	background-image: url(../books_hall/images/btn_hall03.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;}

.hall-btn#fourth a{
	background-image: url(../books_hall/images/btn_hall04.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;}
	
.hall-btn#fifth a{
	background-image: url(../books_hall/images/btn_hall05.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;}
	
.hall-btn#sixth a{
	background-image: url(../books_hall/images/btn_hall06.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;}

.hall-btn#seventh a{
	background-image: url(../books_hall/images/btn_hall07.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 238px;
	text-indent: -9999px;}
	
/*テーブル*/
.hall-price-tb {
	background-color:#333333;
	width:650px;
	border: 1px solid #000000;
}

.hall-price-tb .itemname {
	background-color:#C4E5FE;
	padding: 3px;
}

.hall-price-tb .price {
	background-color:#FFFFCC;
	padding: 3px;
}

.hall-price-tb .comment {
	background-color:#FFFFFF;
	padding: 3px;
}
	
/*リスト*/	

.hallagreement dl {}

.hallagreement dl dt {
	font-weight: bolder;
}

.hallagreement dl dd {
	margin-bottom: 10px;
	font-size: 12px;
	padding-left: 20px;
	margin-left: 0px;
}

/*平面図*/

.hall_plan {
	border: solid 1px #999999;
	float: left;
	width: 320px;
	height: 375px;
	margin-right: 3px;
	margin-top: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*流れ*/

.hall_how_arw {
	font-size:21px;
	color:#CCCCCC;
	margin:8px 0 0;
	padding-left:30px
}

/*ホールイベント*/
.hallevent {
	margin-bottom:15px;
	font-size: 12px;
	clear: both;
}

.hallevent .title {
	border: solid 1px #00463a;
	padding:5px;
	color:#00463a;
	font-weight:bolder;
	font-size: 14px;
}

.hallevent .schedule { background-color:#00463a; color:#FFFFFF; padding:5px; margin-bottom:5px}

.hallevent ul {
	list-style-type: none;
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	height: 20px;
	border: 1px dotted #999999;
}

.hallevent ul li {
	padding-left:18px;
	float:left;
	display: block;
	height: 20px;
	padding-right: 20px;
}

.hallevent ul li.link {
	background-image: url(../books_hall/images/icon_link.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.hallevent ul li.paper {
	background-image: url(../books_hall/images/icon_dl.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/*login + members:profile --------------------------------------------------------------------------------------*/
.members .prof {
	background-color:#d9cdac;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	width:222px;
}

#login .prof {
	font-size: 12px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border: 1px solid #FFFFFF;
	background-color: #d9cdac;
}

.prof a {color: #00463a;
	text-decoration: none;}

.prof a:hover {
cursor:pointer;
	color: #669933;
	text-decoration: underline;}

.prof #name {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}

.prof #point {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

.prof .sns {
	font-size: 11px;
	padding-top: 3px;
	padding-left: 3px;
}

.prof .sns img {
	vertical-align: middle;
}

.prof .fav_ti {
	background-color: #f4e8cc;
	background-image: url(../books_images_members/prof_icon_favorite.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 11px;
	color: #333333;
	font-weight: bolder;
	padding-top: 3px;
	padding-bottom: 3px;
}

.prof .fav_body {
	font-size: 11px;
	padding: 5px;
}


/*------------------------------------------------------------------------------------------------------
不動産事業部　2013.12追加分
------------------------------------------------------------------------------------------------------*/
h4.estate{
font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #663333;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	color: #663333;
	margin-bottom: 5px;}

.realestate_btncate{
width:650px

}

.realestate_btncate td{
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 14px;}
	
.realestate_btncate td a{
	display: block;
	padding:5px;
	text-decoration: none;
	background-color:#00463a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00735F;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #00735F;
	color: #FFFFFF;
}

.realestate_btncate td a:hover{
	background-color:#006F5B;
}


/* その他アイテム --------------------------------------------------------------------------------------*/


/* ライン -----------------------------*/

hr.dotted_gray {
	margin:5px 0;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
}

hr.d_line {
	margin:5px 0;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #333333;
}

/* clear -----------------------------*/

.clear {clear:both}

.clear hr {display:none}


/*------------------------------------------------------------------------------------------------------
clearfix
------------------------------------------------------------------------------------------------------*/

.clearfix:after {
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */