/* ---------- よく使うcss ----------
.textbox_640 = 幅640のdiv箱
.float_clear = フロートの調整用
.div_center = 中央揃え用
.book_price = 本の値段。
.book_img_b = 画像に枠をつける。
--------------------*/

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

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

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; }

/* ---------- 共通の数値 ----------
横幅等の、全体に共通する数値の設定
--------------------*/

/* サイト横幅 */
#main_wrapper,
#main_wrapper860,
#menu_main,#menu_sub,
.main_titletext,
.manupage_booklist ul,
#book_ul_booklist {
width: 960px;
}


/* ---------- 共通用 ----------
#main_wrapper = 横800pxにまとめる
#main_wrapper860 = 横860pxにまとめる
.float_clear = フロートの調整用
.img_left = 画像を左へ。
.img_right = 画像を左へ。
.div_center = 中央揃え用
.textbox_640 = 幅640のdiv箱
--------------------*/
#main_wrapper{
text-align: left;
margin: 0px;
margin-left: auto;
margin-right: auto;
}

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

.float_clear{
clear: both;
}

.img_left{
float: left;
}

.img_right{
float: right;
}

.div_center{
margin-left: auto;
margin-right: auto;
}

.textbox_640{
clear: both;
text-align: left;
width: 640px;
margin-left: auto;
margin-right: auto;
}

.main_titletext{
clear: both;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 4px;
background-color: #F6E0E7;
color: #800000;
font-weight: bold;
font-size: 1.2em;
}

.main_cont_headline{
border-left: solid 10px #ff3333;
padding-left: 10px;
background-color: #EEEEEE;
clear: both;
margin-top: 15px;
}

.main_cont_list{
}

.main_topicPath{
font-size: 0.8em;
text-align: left;
width: 960px;
margin-left: auto;
margin-right: auto;
}
/* ---------- 新menu用 メインメニュー ----------
#menu_main = メニュー全体
.menu_main_logo = はうすロゴ用
.menu_main_ac = 現在のディレクトリ
.menu_main_nac = その他のディレクトリ
--------------------*/

#menu_main{
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, .menu_main_nac a{
display: block;
background-repeat: no-repeat;
font-weight: bold;
font-size: 1em;
text-decoration: none;
padding-top: 5px;
margin-top: 15px;
width: 80px;
height: 30px;
}

.menu_main_ac a{
background-image: url(image/tsume-mae.gif);
color: #660000;
}
.menu_main_nac a{
background-image: url(image/tsume-ushiro.gif);
color: #FFFFFF;
}

.menu_font_s{
line-height: 2em;
font-size: 0.8em;
}
.menu_font_s2{
line-height: 1em;
font-size: 0.8em;
}
.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;
text-align: center;
background-color: #ffcccc;
}

#menu_sub ul{
background-color: #ffcccc;
}

#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;
}

/* ---------- フッタ ----------
#house_footer = サブメニュー全体
#footer_blog = 山口ブログ、左側へ
#footer_shop = オンラインショップ、右側へ

--------------------*/
#house_footer{
clear: both;
text-align: center;
width: 700px;
margin-left: auto;
margin-right: auto;
}

#house_footer hr{
}

#footer_blog{
float: left;
width: 150px;
}
#footer_shop{
float: right;
width: 150px;
}

/* ---------- トップページ用 ----------
#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: 540px;
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;
}

.top_olshopbnr a{
display: block;
text-decoration: none;
width: 500px;
height: 50px;
background-color: #ffffCC;
}

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

.manupage_booktitle = 本のタイトル
.manupage_bookzeppan = 絶版表示
.manupage_booklist = 本のリスト、2列
.manupage_bookcategory = 本の種類
--------------------*/

.menupage_list{
clear: both;
text-align: left;
width: 650px;
margin-left: auto;
margin-right: auto;
}

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

.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;
}

.manupage_bookitems{
height: 110px;
list-style: none;
}

.manupage_booklist ul{
margin-left: auto;
margin-right: auto;
clear: both;
}

.manupage_booklist li{
width: 400px;
height: 100px;
float: left;
list-style: none;
text-align: left;
padding: 10px;
}

.manupage_booklist img{
float: left;
margin-left: 10px;
margin-right: 20px;
}


/* ---------- 書籍用 ----------
#book_wrapper = 横800pxにまとめる
#book_wrapper h1 = 本のタイトル
#book_wrapper h2 = 小見出し

.book_div_right = 表紙画像の横のカラム用。個別に横幅（style = "width: 460px;"など）を追加する。
.book_coverimg = 表紙画像用、左寄せ。
.book_ul_modellist = 作品画像リスト。テーブルと置き換え用
.book_ul_modellist_4 = 作品画像リスト。横4枚(枠200px)
.book_ul_modellist_3 = 作品画像リスト。横3枚(枠266px)

.book_price = 本の値段。

.book_img_b = 画像に枠をつける。
.book_modellist_jp = 折り図集作品リストの日本語タイトルなど
.book_orizusyu_modellist = 折り図集のリスト用。


#book_ul_booklist 

以下減らすべき物。
.book_Paypalprice = Paypalの価格
.book_div_clear = floatを使った場合のレイアウトの乱れ回避用。
.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_price{
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;
clear: left;
margin-bottom: 5px;
}



.book_ul_modellist, .book_ul_modellist_4, .book_ul_modellist_3, .book_ul_modellist_2{
width: 960px;
margin-left: auto;
margin-right: auto;
}

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

.book_ul_modellist_4 li{
width: 200px;
}

.book_ul_modellist_3 li{
width: 266px;
}

.book_ul_modellist_2 li{
width: 400px;
}


.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;
}

.book_img_b img{
border:1px solid #000000;
}

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

.book_orizusyu_modellist li{
float: left;
list-style: none;
width: 380px;
height: 110px;
}

#book_ul_booklist{
margin-left: auto;
margin-right: auto;
clear: both;

}

#book_ul_booklist li{
list-style: none;
float: left;
text-align: center;
width: 130px;
height: 160px;
font-size: 0.7em;
}


/* ---------- その他の商品用 ----------
.tsukaeru = 海外IPMO使える場合
.tsukaenai = 海外IPMO使えない場合
--------------------*/
.paper_tablehead {
background-color: #999999;
text-align: center;
white-space: nowrap;
}

.tsukaeru{
background-color: #99FF99;
}


.tsukaenai{
background-color: #FF9999;
}
.unnamed1 {
width: 800px;
margin-left: auto;
margin-right: auto;
}


/* ---------- 古い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;}