﻿/*初期値クリア*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

body{
    font-size: 10pt;
    color: #333333;
}

a:link { color: #5A3D1C; }

/* 目次 */
/* 01共通仕様　 */
/* 02枠　基本構造 */
/* 03TOPページ */
/* 04イベントページ        　　　　　　　     　　　　　  event */
/* 05アーティスト  カテゴリ一覧     システムのページ     artist */
/* 06お買い物案内　　　　　　　　　　　　　　　　　　　shopping */
/* 07会社概要　　　　　　　　　　　　　　　　　 　　　　company */
/* 08ギフト                              　　　　　　　    gift */
/* 09ブライダル                    　　　　　　   　       gift */
/* 10オリジナル                     　　　　　　  　       gift */
/* 11版画　現代版画　技法 　        　　　　　　   　     hanga */
/* 12額装                   　　　　　　　        　      frame */
/* 13リンク            　     　         　　　　　　　    link */
/* 14問い合わせ      　              　　　　　　　     inquiry */


/* 01共通仕様 */
#outer{
height: auto;
width: 900px;
}
#contents{
text-align: left;
clear: both;
width: 900px;
}
#nav{
float: left;
width: 200px;
}
#main{
float: right;
width: 700px;
}

/* 右寄せ */
.t_migi{
text-align: right;
margin-bottom: 5px;
clear: both;
}
/* 左寄せ */
.t_hidari{
line-height: 120%;
text-align: left;
margin-bottom: 5px;
clear: both;
}
/* 中央 */
.t_center{
line-height: 120%;
text-align: center;
margin-bottom: 5px;
clear: both;
}

.t_hidari img{
margin-right: 10px;
margin-bottom: 10px;
}

/* 中央 マージンなし*/
.t_center00{
text-align: center;
clear: both;
}



/* 赤文字　文字サイズノーマル */
.text_re01{
font-size: 10pt;
color: #ff0000;
margin-bottom: 5px;
}

/* 赤文字　文字サイズ大 */
.text_re02{
font-size: 12pt;
color: #ff0000;
margin-bottom: 5px;
}
/* 赤文字　文字サイズノーマル センタリング */

.text_re01_c{
font-size: 10pt;
color: #ff0000;
margin-bottom: 5px;
text-align: center;
}
/* 赤文字　文字サイズノーマル センタリング　マージンなし */

.text_re01_c00{
font-size: 10pt;
color: #ff0000;
text-align: center;
}

/* 画像のライン */
.line01{
margin-top: 10px;
margin-bottom: 10px;
height: 5px;
width: 670px;
background-image: url('../images/line01.gif');
}


/* 右側にオレンジの太線 */
#main h3{
line-height: 25px;
text-indent: 20px;
margin-bottom: 10px;
border-right: 25px solid #eb6120;
height: 25px;
background-color: #e4bc96;
}
/* 角が丸いテキストスペース */
table.kadomaru{
margin-bottom: 10px;
}

td.kadomaru_mid{
background-color: #fae0c2;
}
.kadomaru_mid_in{
line-height: 120%;
margin-right: 15px;
margin-left: 15px;
}

.kadomaru_mid_in ul{
margin-left: 15px;
list-style-type: disc;
}




h4{
text-align: left;
margin-bottom: 15px;
padding-left: 10px;
border-left: 4px solid #e2b78f;
}


/* 02枠　基本構造 */
#footer{
border-top: 3px solid #fae0c2;
clear: both;
height: 60px;
width: 900px;
background-image: url('../images/footer.gif');
background-repeat: no-repeat;
background-position: center bottom;
}
h1{
color: #666666;
text-align: left;
height: 15px;
width: 900px;
}
h2{
float: left;
height: 80px;
width: 300px;
}

/* ヘッダー */
#header{
text-align: left;
height: 95px;
width: 900px;
background-image: url('../images/title_02.gif');
background-position: right bottom;
display: block;
}
#menu_home{
margin-top: 55px;
float: right;
height: 22px;
width: 290px;
}
#menu_home li{
float: left;
}

/* ヘッダーナビ */
#header_nav{
margin-bottom: 3px;
height: 25px;
width: 900px;
}
#header_nav li{
float: left;
}
/* 新着情報 menu_01 */
.menu_01{
text-indent: -99999mm;
height: 25px;
width: 83px;
}
.menu_01 a{
height: 25px;
width: 83px;
background-image: url('../images/menu_01.gif');
background-repeat: no-repeat;
display: block;
}
.menu_01 a:hover{
background-image: url('../images/menu_01_o.gif');
background-repeat: no-repeat;
}
/* イベント情報 menu_02 */
.menu_02{
text-indent: -99999mm;
height: 25px;
width: 112px;
}
.menu_02 a{
height: 25px;
width: 112px;
background-image: url('../images/menu_02.gif');
background-repeat: no-repeat;
display: block;
}
.menu_02 a:hover{
background-image: url('../images/menu_02_o.gif');
background-repeat: no-repeat;
}

/* 現代版画について menu_03 */
.menu_03{
text-indent: -99999mm;
height: 25px;
width: 132px;
}
.menu_03 a{
height: 25px;
width: 132px;
background-image: url('../images/menu_03.gif');
background-repeat: no-repeat;
display: block;
}
.menu_03 a:hover{
background-image: url('../images/menu_03_o.gif');
background-repeat: no-repeat;
}

/* くらしと版画 menu_04 */
.menu_04{
text-indent: -99999mm;
height: 25px;
width: 101px;
}
.menu_04 a{
height: 25px;
width: 101px;
background-image: url('../images/menu_04.gif');
background-repeat: no-repeat;
display: block;
}
.menu_04 a:hover{
background-image: url('../images/menu_04_o.gif');
background-repeat: no-repeat;
}

/* 版画のギフト  menu_05 */
.menu_05{
text-indent: -99999mm;
height: 25px;
width: 107px;
}
.menu_05 a{
height: 25px;
width: 107px;
background-image: url('../images/menu_05.gif');
background-repeat: no-repeat;
display: block;
}
.menu_05 a:hover{
background-image: url('../images/menu_05_o.gif');
background-repeat: no-repeat;
}
/* 額装について menu_06 */
.menu_06{
text-indent: -99999mm;
height: 25px;
width: 109px;
}
.menu_06 a{
height: 25px;
width: 109px;
background-image: url('../images/menu_06.gif');
background-repeat: no-repeat;
display: block;
}
.menu_06 a:hover{
background-image: url('../images/menu_06_o.gif');
background-repeat: no-repeat;
}
/* お買い物案内 menu_07 */
.menu_07{
text-indent: -99999mm;
height: 25px;
width: 106px;
}
.menu_07 a{
height: 25px;
width: 106px;
background-image: url('../images/menu_07.gif');
background-repeat: no-repeat;
display: block;
}
.menu_07 a:hover{
background-image: url('../images/menu_07_o.gif');
background-repeat: no-repeat;
}

/* 会社案内 menu_08 */
.menu_08{
text-indent: -99999mm;
height: 25px;
width: 78px;
}
.menu_08 a{
height: 25px;
width: 78px;
background-image: url('../images/menu_08.gif');
background-repeat: no-repeat;
display: block;
}
.menu_08 a:hover{
background-image: url('../images/menu_08_o.gif');
background-repeat: no-repeat;
}

/* リンク menu_09 */
.menu_09{
text-indent: -99999mm;
height: 25px;
width: 72px;
}
.menu_09 a{
height: 25px;
width: 72px;
background-image: url('../images/menu_09.gif');
background-repeat: no-repeat;
display: block;
}
.menu_09 a:hover{
background-image: url('../images/menu_09_o.gif');
background-repeat: no-repeat;
}

/* ヘッダーのナビゲーションここまで */


/* 左のナビ */
.nav_banner{
margin-bottom: 5px;
}
.nav_banner li{
margin-bottom: 3px;
}
.nav_artist_list{
margin-bottom: 5px;
}
.nav_artist_list h3{
color: #5A3D1C;
line-height: 25px;
text-indent: 5px;
height: 25px;
background-color: #e4bc96;
}
.nav_artist_list ul{
}
.nav_artist_list li{
line-height: 20px;
text-indent: 25px;
margin-bottom: 2px;
height: 20px;
background-color: #fae0c2;
}

/* メイン部分 */
#main_in{
margin-top: 5px;
margin-bottom: 10px;
margin-left: 5px;
}
/* パンくずリスト */
#pankuzu{
margin-bottom: 10px;
border-bottom: 1px solid #e4bc96;
height: 20px;
}

/* 作品ページ用パンくずリスト */
#pankuzu_list{
line-height: 120%;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 5px;
border-top: 1px solid #e4bc96;
}




/* フッター */
#footer01{
float: left;
height: 40px;
width: 255px;
}
#footer01 img{
margin-top: 3px;
margin-right: 5px;
margin-bottom: 3px;
}

#footer02{
text-align: right;
margin-top: 8px;
float: right;
height: 40px;
width: 645px;
}
#footer02 ul{
font-size: 9pt;
line-height: 15px;
text-align: right;
margin-bottom: 3px;
height: 15px;
}

#footer02 li{
margin-right: 2px;
margin-left: 2px;
float: left;
}
#copy{
margin-right: 5px;
clear: both;
}

/* 03TOPページ　　　　　　　　　　　　　　　　　　　　　　　　 */
/* イベントの告知 　*/
#top_event{
line-height: 120%;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 3px;
}

/* 現在のイベント情報　画像がある方 */
#top_event01{
margin-bottom: 5px;
height: auto;
}
#top_event01 table{
margin-left: 15px;
}
#top_event01 td{
vertical-align: top;
padding-bottom: 5px;
}

.top_artist_img{
vertical-align: top;
margin-right: 3px;
width: 120px;
}
#top_event hr{
clear: both;
color: #e2b78f; 
height: 1px;
}
.event_comment{
margin-bottom: 10px;
margin-left: 3px;
}


.picture_title{
margin-left: 20px;
list-style-type: disc;
}


/* 次回のイベント情報 */
#top_event02{
margin-bottom: 5px;
height: auto;
}
#top_event02 dl{
margin-left: 15px;
}

#top_event02 dt{
}

#top_event02 dd{
margin-top: -17px;
margin-bottom: 10px;
margin-left: 350px;
}



/* トップの以下3スペース共通仕様 */
.top_message,.top_info,.top_artist{
margin-bottom: 15px;
}
.top_message p,.top_info dl,.top_artist p{
line-height: 120%;
margin-left: 15px;
}

/* トップのメッセージ */
.top_message{
}


/* トップの新着情報、お知らせ */
.top_info dl{
margin-bottom: 5px;
}
.top_info dd{
margin-top: -15px;
margin-left: 90px;
}

/* トップの主な取扱作家 */

/* 04イベントページ　　　　　　　　　　　　　　　　　　　　　 */
#event{
text-align: left;
padding-top: 5px;
padding-bottom: 20px;
height: auto;
width: 690px;
}


/* イベントリスト */
.event_list{
margin-bottom: 10px;
margin-left: 15px;
border-top: 2px solid #ae875a;
border-left: 2px solid #ae875a;
width: 675px;
}
.event_list th{
padding: 4px 4px 4px 6px;
border-right: 2px solid #ae875a;
border-bottom: 2px solid #ae875a;
width: 335px;
background-color: #fae0c2;
}
.event_list td{
padding: 4px 4px 4px 6px;
border-right: 2px solid #ae875a;
border-bottom: 2px solid #ae875a;
width: 340px;
}

/* 年代リスト */
.year{
margin-bottom: 20px;
margin-left: 13px;
width: 672px;
}
.year li{
line-height: 25px;
text-align: center;
margin-bottom: 3px;
margin-left: 3px;
float: left;
height: 25px;
width: 63px;
background-color: #fae0c2;
}
/* 各イベントの作品表示スペース */
#event h3{
font-size: 12pt;
margin-bottom: 15px;
margin-left: 20px;
border-bottom: 1px solid #999999;
width: 670px;
}

.picture{
margin-bottom: 20px;
width: 675px;
}
.picture td{
text-align: center;
vertical-align: top;
padding-bottom: 10px;
}
.picture p{
margin-top: 5px;
margin-bottom: 15px;
}

.p_size{
text-align: right;
margin-bottom: 10px;
}

/* 会期のおことわり */
.attention{
font-weight: bold;
margin-bottom: 25px;
}
/* 作品のうんちくとか */
.explain{
line-height: 120%;
margin-top: 5px;
margin-bottom: 20px;
margin-left: 5px;
}
/* 赤の売り切れ表示 */
.sold_out{
font-size: 11pt;
color: #cc0000;
font-weight: bold;
}

/* 品切れご容赦 */
.sold{
font-weight: bold;
text-align: center;
}

/* 出品作品リスト 写真なしの作品リスト　*/
.no_picture{
margin-bottom: 20px;
margin-left: 50px;
width: 500px;
}
.no_picture caption{
font-size: 11pt;
font-weight: bold;
}
.no_picture th{
font-weight: bold;
border-bottom: 2px solid #cccccc;
padding: 3px;
}
.no_picture td{
padding: 3px;
border-bottom: 1px solid #cccccc;
}
/* イベントページ　ここまで　 */

/* 05アーティスト　　　　　　　　　　　　　　　　　　　　 */
/* アーティスト一覧、アーティストの詳細、作品詳細と共通 */
.artist_list,.goods_list,.artist_explain{
margin-bottom: 10px;
margin-left: 15px;
border-top: 1px solid #8B5C29;
border-left: 1px solid #8B5C29;
width: 680px;
}

.artist_list th,.goods_list th{
font-weight: bold;
text-align: center;
padding: 8px;
border-right: 1px solid #8b5c29;
border-bottom: 1px solid #8b5c29;
background-color: #fae0c2;
}


.artist_list td,.goods_list td,.artist_explain td{
padding: 8px;
border-right: 1px solid #8B5C29;
border-bottom: 1px solid #8B5C29;
}

.artist_list td{
width: 33%;
}

.goods_list td{
text-align: center;
vertical-align: baseline;
width: 25%;
}

.artist_inquiry{
text-align: center;
}

/* カテゴリ一覧　　　　　　　　　　　　　　　　　　　　　　　 */
.category_all_list{
margin-left: 80px;
font-weight: bolder;
}

.category_kaisou_1 ul{
margin: 5px 0px 5px 40px;
list-style-type: circle;
font-weight: normal;
}

.category_kaisou_2 ul{
margin: 5px 0px 5px 40px;
list-style-type: disc;
font-weight: normal;
}

.category_kaisou_3 ul{
margin: 5px 0px 5px 40px;
list-style-type: square;
font-weight: normal;
}

.category_kaisou_4 ul{
margin: 5px 0px 5px 40px;
font-weight: normal;
}
/* カテゴリ一覧　　　　　　　　　　　　　　　ここまで　　　　　 */



/* 作家紹介ページ */
.artist_img{
text-align: center;
margin-bottom: 10px;
width: 695px;
/*background-color: #ffff99;*/
}
/* 作家ページのフリースペース */
.artist_free01,.artist_free02,.artist_free03{
margin-bottom: 10px;
width: 695px;
}

.artist_free_in{
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
/* 作品詳細ページ */
.artist_explain th{
font-weight: bold;
padding: 3px;
border-right: 1px solid #8b5c29;
border-bottom: 1px solid #8b5c29;
width: 127x;
background-color: #fae0c2;
}
.artist_explain_img{
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
clear: both;
}
.artist_explain_img_sub{
text-align: center;
margin-left: 55px;
width: 575px;
}
.artist_explain_img_sub li{
margin-right: 5px;
margin-bottom: 10px;
float: left;
width: 110px;
}

.artist_explain_text{
width: 550px;
}

/* 05アーティストここまで　　　　　　　　　　　　　　　　　　　　 */


/* 06お買い物案内 　　　　　　　　　　　　　　　　　　　　　　　　*/
/* 07会社概要 　一部共通　　　　　　　　　　　　　　　　　　　　　*/
/* 08ギフト　一部共通　　　　　　　　　　　　　　　　　　　　　　 */
/* 09ブライダル　　　　　　　　　　　　　　　　　　　　　　　　　 */
/* 10オリジナル　　　　　　　　　　　　　　　　　　　　　　　　　 */
/* 11版画　現代版画　技法　　　　　　　　　　　　　　　　　　　　 */

#shopping h5,#bridal h5,#hanga h5{
color: #ae875a;
margin-bottom: 5px;
}
#gift h5{
color: #333333;
line-height: 20px;
text-indent: 10px;
margin-bottom: 10px;
background-color: #fae0c2;
}



.shopping_in,.company_in,.gift_in,.bridal_in,.original_in,.hanga_in{
margin-bottom: 10px;
margin-left: 25px;
width: 670px;
}
.shopping_text,.company_text,.gift_text,.bridal_text,.original_text{
line-height: 120%;
margin-bottom: 5px;
margin-left: 15px;
}

.shopping_attention{
font-size: 12pt;
color: #ffffff;
font-weight: bold;
line-height: 30px;
text-align: center;
margin-bottom: 10px;
background-color: #cc0000;
}
.shopping_table,.company_table{
margin-bottom: 10px;
border-top: 2px solid #ae875a;
border-left: 2px solid #ae875a;
width: 670px;
}
.shopping_table th,.company_table th{
vertical-align: top;
padding: 4px 4px 4px 6px;
border-right: 2px solid #ae875a;
border-bottom: 2px solid #ae875a;
width: 25%;
background-color: #fae0c2;
}
.shopping_table td,.company_table td{
padding: 4px 4px 4px 6px;
border-right: 2px solid #ae875a;
border-bottom: 2px solid #ae875a;
}

.company_in li{
margin-bottom: 3px;
float: left;
}

.company_li01{
margin-right: 5px;
}
.gift_table{
margin-bottom: 10px;
}


.gift_table td{
vertical-align: top;
}
.gift_table p{
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
}

.original_table{
vertical-align: top;
padding: 4px 4px 4px 6px;
width: 665px;
}
.original_table td{
text-align: center;
vertical-align: baseline;
padding-bottom: 10px;
width: 25%;
}

.original_no{
margin-bottom: 8px;
}

/* 06お買い物案内 ここまで　　　　　　　　　　　　　　　　　　　　*/


/* 11版画の技法　　　　　　　　　　 */

.technique dt{
color: #AE875A;
font-weight: bold;
width: 160px;
}
.technique dd{
line-height: 120%;
margin-top: -14px;
margin-bottom: 10px;
margin-left: 170px;
}

/* 12　額装　　　　　　　　　　　　　 */
.t_gaku{
margin-left: 20px;
}

.frame_table{
margin-bottom: 10px;
border-top: 2px solid #ae875a;
border-left: 2px solid #ae875a;
width: 670px;
}

.frame_table th{
padding: 4px 4px 4px 6px;
border-right: 2px solid #ae875a;
border-bottom: 2px solid #ae875a;
background-color: #fae0c2;
}

.frame_table td{
padding: 4px;
border-right: 2px solid #ae875a;
border-bottom: 2px solid #ae875a;
}
.frame_table_img{
text-align: center;
}

/* 13　リンク　　　　　　　　　　　 */
.link_table{
width: 670px;
}
.link_table th{
padding: 3px;
width: 150px;
}
.link_table td{
padding: 3px;
}


/* 14 問い合わせ　　　　　　　　　　　　　　　　　　　　　　 */
.inquiry_table{
margin-bottom: 10px;
border-top: 2px solid #ae875a;
border-left: 2px solid #ae875a;
width: 670px;
}
.inquiry_table th{
padding: 4px;
border-right: 2px solid #ae875a;
border-bottom: 2px solid #ae875a;
background-color: #fae0c2;
}
.inquiry_table td{
padding: 4px;
border-right: 2px solid #ae875a;
border-bottom: 2px solid #ae875a;
}
.inquiry_error{
color:#ff0000;
}




/* ボタン、サブミットの幅（基本仕様） */
.button3{
width: 3em;
}

.button4{
margin-top: 2px;
width: 4em;
}

.button6{
margin-top: 2px;
width:6em;}

.button8{
width: 8em;
}

.button10{
width:10em;}

.button12{
width
:12em;}

.button13{
margin-bottom: 5px;
width: 13em;
}

.button14{
width:14em;}

.button16{
width:16em;}



.button25{
width:25em;}

.button40{
width:40em;}





/* ボタン、サブミットの幅ここまで */

/*トップページ追加*/
#welcome {
	text-indent:-9999px;
	background: url(../images/welcome.gif) right top no-repeat;
	display:block;
	height:50px;
	border-left: 4px solid #fff;

}
.top_message,#top_event,.top_info {
	padding-bottom:20px;
	margin-bottom:20px;
	background: url('../images/line01.gif') bottom right no-repeat;
}
.top_message p,.top_info dl,.top_artist p,#top_event02 dl{
	margin-left: 25px;
}
.event_comment{
	margin-left: 10px;
}
/* information 　*/
#top_information{
line-height: 120%;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 3px;
}
#top_information p{
	width:580px;
	margin: 10px auto;
	padding:10px;
	font-weight:bold;
	background-color:#FFC;
	color:#554024;
}

/*menu追加　2009/08/07吉田*/
.xms {
	font-size:10px;
}

/* topオススメ作品　2009/09/30吉田 */
#top_pickup{
margin-bottom: 5px;
height: auto;
}
#top_pickup table{
width: 670px;
margin:10px auto;
}

#top_pickup td{
padding: 4px;
text-align:center;
}
.top_pickup_title {
margin-top: 10px;
}

/* カテゴリー商品画像リスト 2009/11/12 ookawara */
.ct_img_soldout {
color:#ff0000;
font-size:10px;
}

