/* ---------- はうすcss ----------
共通用 = すべてに共通するもの
新menu用 = ヘッダメニュー関連
トップページ用 = トップページのもの
メニューページ用 = カテゴリ毎のメニュー
書籍用 = 書籍紹介ページ
--------------------*/

body {
font-size: small;
color: #333333;
margin: 0px; 
padding: 0px; 
}

table {
font-size: small;
color: #333333;
}

img { border: 0px; }
h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
ul { padding: 0px; margin: 0px 0px 0px 1.5em; }

/* ---------- 古いcss ----------*/
.update { font-size: small; color: #999999; background-position: right bottom }
.english { background-color: #CCFF99}
.menu {  font-size: small; text-decoration: none}
.fp1b { font-size: medium; font-weight: bolder;}
.bg999999 { background-color: #999999;}
.f0b { font-weight: bolder;}
.b-nedan {font-weight: bold;}
.menu_list { line-height:1.6em }
.shop_list { line-height:1.3em; vertical-align:top }
.book_model_left { width:112px; text-align:right; vertical-align:top }
.book_text_left { height:56px; text-align:left; vertical-align:bottom }
.book_model_right { width:112px; text-align:left; vertical-align:bottom }
.book_text_right { text-align:right; vertical-align:top; height:56px }
.book_zeppan { font-weight: bold; color:#FF0000 }
p.top_oshirase_t { font-weight:bold }
p.top_oshirase_n { color: #999999; size: 0.8em; }

/* ---------- menu用 ----------*/
.subm_na {  line-height:1.4em; background-color: #FFCCCC}
.subm_ac {  background-color: #FFFFFF}
.topm_f {  font-weight: normal; color: #FFFFFF}
.topm_b {  width: 800px; line-height:1em; font-weight:normal; color: #FFFFFF; background-color: #FF3333}
.tabbg {  background-color: #FF3333; background-image: url(http://www.origamihouse.jp/image/tsume-ushiro.gif); background-repeat: no-repeat; font-weight: bolder}
.tabbg_ac {  background-color: #FF3333; background-image: url(http://www.origamihouse.jp/image/tsume-mae.gif); background-repeat: no-repeat}
.tabfont { color: #FFFFFF; font-weight: bolder; text-decoration: none;}
.tabfont_ac { text-decoration: none; color: #660000; font-weight: bolder;}
.stm_l {  background-color: #FFFF99;}

/* ---------- 共通用 ----------
#main_wrapper = 横800pxにまとめる
#main_wrapper860 = 横860pxにまとめる
.float_clear = フロートの調整用
--------------------*/
#main_wrapper{
width: 800px;
text-align: left;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

#main_wrapper860{
width: 860px;
text-align: left;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

.float_clear{
clear: both;
}
/* ---------- 新menu用 メインメニュー ----------
#menu_main = メニュー全体
.menu_main_logo = はうすロゴ用
.menu_main_ac = 現在のディレクトリ
.menu_main_nac = その他のディレクトリ
--------------------*/

#menu_main{
width: 860px;
height: 45px;
margin-left: auto;
margin-right: auto;
background-color: #ff3333;
text-align: center;
}
#menu_main li{
list-style: none;
float: left;
}

.menu_main_logo{
float: left;
width: 200px;
}

.menu_main_ac a{
display: block;
background-image: url(image/tsume-mae.gif);
background-repeat: no-repeat;
font-weight: bold;
font-size: 1.2em;
color: #660000;
text-decoration: none;
padding-top: 5px;
margin-top: 15px;
width: 80px;
height: 30px;
}

.menu_main_nac a{
display: block;
background-image: url(image/tsume-ushiro.gif);
background-repeat: no-repeat;
font-weight: bold;
font-size: 1.2em;
color: #FFFFFF;
text-decoration: none;
padding-top: 5px;
margin-top: 15px;
width: 80px;
height: 30px;
}

.menu_font_s{
line-height: 2em;
font-size: 0.8em;
}
.menu_font_s2{
line-height: 1em;
font-size: 0.7em;
}
.menu_font_ss{
line-height: 2em;
font-size: 0.7em;
}

/* ---------- 新menu用 サブメニュー ----------
#menu_sub = サブメニュー全体
.menu_sub_e = 英語用フォント設定。少し小さく。
.menu_sub_数字 = メニューの項目数にあわせた幅設定
.menu_clear = float調整用。
--------------------*/
#menu_sub{
line-height:1.4em;
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: center;
}

#menu_sub ul{
background-color: #ffcccc;
width: 800px;
}

#menu_sub li{
float: left;
list-style: none;
background-color: #ffcccc;
}

.menu_sub_e{
font-size: 0.8em;
}

.menu_clear{
clear: both;
}

.menu_sub_3 li{
width: 266px;
}
.menu_sub_4 li{
width: 200px;
}
.menu_sub_5 li{
width: 160px;
}
.menu_sub_6 li{
width: 133px;
}
.menu_sub_7 li{
width: 114px;
}
.menu_sub_8 li{
width: 100px;
}

/* ---------- トップページ用 ----------
#top_houselogo = 上部のロゴ
#top_left_div　= 左メニュー
#top_center_div = 中央メイン情報
#top_right_div = 右の新刊情報など
#top_footer = フッタ

#top_leftmenu = 左側メニューのリスト用
.top_menulist_e = 左側メニューの英語
#top_opentimeinfo = 営業時間案内の枠
#top_left_link = ブログ・ますたけリンクの枠

.top_photoflame = 画像枠
#top_news = 新着情報の枠
#top_news h2 = 新着情報タイトル
.top_date = 更新の日付。右寄せ

#top_book_new = 新刊紹介の枠
.top_book_list = 新刊紹介
#top_paper_new = オンラインショップ新商品の枠
.shop_shinsyohin_list = オンラインショップの新商品リスト

#top_twitter
--------------------*/
#top_houselogo{
background-color: #FF3333;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}

#top_left_div{
float: left;
width: 160px;
}

#top_center_div{
float: left;
width: 440px;
padding: 10px;
}

#top_right_div {
float: right;
width: 240px;
}

#top_footer{
width: 600px;
margin-left: auto;
margin-right: auto;
}

/*-----*/
#top_left_link{
background-color: #ffffCC;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

#top_opentimeinfo{
border:2px solid #CCFFCC;
padding: 5px; 
background-color: #ffffff;
}


.top_date{
text-align: right;
font-size: 0.9em;
clear: both;
}

dl.shop_shinsyohin_list{
font-size: 0.9em;
}
dl.shop_shinsyohin_list dt{
font-weight: bold;
}
dl.shop_shinsyohin_list dd{
margin-left: 10px;
}

.top_menulist_e{
font-size: 0.9em;
}

#top_leftmenu{
background-color: #ffffCC;
}

#top_leftmenu dt{
font-weight: bold;
color: #FFFFFF;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
}

#top_leftmenu dd{
margin-left: 5px;
}

.top_book_list li{
font-size: 0.9em;
}

.top_book_list ul{
list-style: none;
}

.top_book_title{
font-size: 1.1em;
font-weight: bold;
}

.top_book_cover{
float: left;
margin: 5px;
}



#top_book_new{
background-color: #fff8dc;
font-size: 0.9em;
margin-bottom: 5px;
padding: 5px;
}

.top_photoflame{
width: 400px;
border:4px solid #ff9933;
margin-left: auto;
margin-right: auto;
}

#top_news h2{
font-size: 1.2em;
font-weight: bold;
}

#top_twitter{
margin-bottom: 5px;
}

#top_paper_new{
background-color: #E7F7FD;
padding: 5px;
}

#
/* ---------- メニューページ用 ----------
.menupage_ul_list_3 = カテゴリ横3列
.menupage_title = カテゴリのタイトル部分
.manupage_text = カテゴリの説明文

.manupage_booktitle = 本のタイトル
.manupage_bookzeppan = 絶版表示
--------------------*/

.menupage_ul_list_3{
width: 630px;
margin-left: auto;
margin-right: auto;
}

.menupage_ul_list_3 li{
list-style: none;
float: left;
text-align: center;
width: 200px;
text-align: center;
padding: 5px;
}

.menupage_title a{
display: block;
background-image: url(book/image/book_logo_bg_l.png);
background-repeat: no-repeat;
font-weight: bold;
font-size: 1.2em;
color: #000000;
text-decoration: none;
padding-top: 3px;
line-height: 1.2em;
}

.manupage_text{
background-color: #FFFF99;
padding: 10px;
text-align: left;
}

.manupage_booktitle {
font-weight: bold;
font-size: 1.3em;
}

.manupage_bookzeppan {
font-weight: bold;
font-size: 1.2em;
color : #FF0000;
}
/* ---------- 書籍用 ----------
#book_wrapper = 横800pxにまとめる
#book_wrapper h1 = 本のタイトル
#book_wrapper h2 = 小見出し
.book_div_clear = floatを使った場合のレイアウトの乱れ回避用。
.book_div_right = 表紙画像の横のカラム用。個別に横幅（style = "width: 460px;"など）を追加する。
.book_coverimg = 表紙画像用、左寄せ。
.book_ul_modellist = 作品画像リスト。テーブルと置き換え用
.book_ul_modellist_4 = 作品画像リスト。横4枚(枠200px)
.book_ul_modellist_3 = 作品画像リスト。横3枚(枠266px)
.book_Paypalprice = Paypalの価格
.book_modellist_jp = 折り図集作品リストの日本語タイトルなど

.bookt = 古いタイトル（メニューで使用）
--------------------*/
#book_wrapper{
width: 800px;
text-align: left;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

#book_wrapper h1{
font-weight: bold;
font-size: 1.5em;
}

#book_wrapper h2{ 
width: 750px;
background-color: #ffff66;
padding-left: 50px;
font-size: 1.2em;
margin-top: 20px;
}

.bookt {
font-weight: bold;
font-size: 1.5em;
}

.book_div_clear{
width: 800px;
clear: both;
}

.book_div_right{
float: right;
}

.book_coverimg{
float: left;
margin-right: 20px;
}

.book_ul_modellist{
width: 800px;
}

.book_ul_modellist li{
list-style: none;
float: left;
text-align: center;
}

.book_ul_modellist_4{
width: 800px;
margin-left: auto;
margin-right: auto;
}

.book_ul_modellist_4 li{
list-style: none;
float: left;
text-align: center;
width: 200px;
text-align: center;
}

.book_ul_modellist_3{
width: 800px;
margin-left: auto;
margin-right: auto;
}

.book_ul_modellist_3 li{
list-style: none;
float: left;
text-align: center;
width: 266px;
text-align: center;
}

.book_Paypalprice{
font-weight: bold;
font-size: 1.2em;
}

.book_modellist_jp{
font-weight: bold;
}

.book_modellist_table{
width: 600px;
margin-left: auto;
margin-right: auto;
}

.book_modellist_table img{
margin-left: auto;
margin-right: auto;
}

/* ---------- その他の商品用 ----------
--------------------*/
.paper_tablehead {
background-color: #999999;
text-align: center;
white-space: nowrap;
}