@charset "UTF-8";
/* CSS for Nimes Cloth House */

/* ------------COMMON------------ */
* {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

img {
	border: 0px;
	display: block;
	vertical-align: top;
}

ul { list-style: none;}

.clearb { clear: both;	font-size: 0em; }
.left { float: left; }
.right { float: right; }

a:link {color: #4B3636; text-decoration: none;}
a:visited {color: #4B3636; text-decoration: none;}
a:active {color: #4B3636; text-decoration: underline;}
a:hover {color: #4B3636; text-decoration: underline;}


/* FONT */
.texts80 {
	font-size: 80%;
	line-height: 150%;
}

textarea {
	font-size: 80%;
	line-height: 120%;
}

/* BASE */
body {
	background-color: #FFF;
	color: #585858;
	text-align: center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

div#base {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	background-color: #FFFFFF;
}

div#basein {
	margin: 0 20px;
	text-align: left;
	background-color: #FFFFFF;
	width: 900px;
}


/* oubo form, workshop detail */

p.backtotop { width: 800px; margin-top: 7px; }
p.backtotop img { float: right; }


/* HEADER */

div#header {
	background: #FFFFFF url(../img/h_bg.gif) left top no-repeat;
	padding: 25px 0 31px 0;
}

div#header div { clear: both; }

div#header div#header_links {
	float:right;
	clear: none;
	background-color: #FFFFFF;
}

div#header div#header_links p { padding-right: 25px; }
div#header div#header_links p a { float:left; }
div#header div#header_links p a img{ margin-left: 15px; }

div#header #header_logo  {
	padding-left: 353px;
	padding-top: 7px;
	padding-bottom: 0px;
}

div#header h1#header_logo { font-size: 0px; }

div#header div ul {
	list-style: none;
	padding: 19px 0 0 200px;
}

div#header div ul li { float: left; }

div#header div ul li a {
	margin-right: 33px;
	display: block;
}

/* MAIN CONTENTS */

div#main {
	padding-bottom: 50px;
	margin-left: 50px;
	width: 800px;
}

/*line*/

/* @ top, about, contact, news */
div.basic{
	background: #FFFFFF url(../img/bl_basic.gif) left top no-repeat;
	padding-top: 50px;
}

/* items page */
div.items_line {
	background: #FFFFFF url(../img/bl_items.gif) left top no-repeat;
	padding-top: 45px;
}

/* workshop page */
div.workshop_line {
	background: #FFFFFF url(../img/bl_wstop.gif) left top no-repeat;
	padding-top: 50px;
}

/* sewing gallery */
div.gallery_line {
	background: #FFFFFF url(../img/bl_gallery.gif) left top no-repeat;
	padding-top: 50px;
}

div.gallery_form_line {
	background: #FFFFFF url(../img/bl_gallery.gif) left top no-repeat;
	padding-top: 50px;
}



/* FOOTER */

div#footer {
	width: 900px;
	padding-bottom: 50px;
}

div#footer div#footer_menu p.left {
	padding-top: 17px;
	padding-left: 25px;
	text-align: left;
}

div#footer div#footer_menu p.left img { display: inline; }

div#footer div#footer_menu p.right { padding-right: 25px; }

div#footer div#footer_bottom { padding-top: 12px; }

div#footer div#footer_bottom div {
	background: #FFF url(../img/f_border.gif) left top no-repeat;
	padding: 14px 25px 0 25px;
}

div#footer div#footer_bottom div p.right {
	font-size: 70%;
	font-family: Helvetica, Arial, sans-serif;
	color: #58403E;
} 

ul#movin {
	list-style: none;
	background: #F7F5E9 url(../img/ga_bg.gif) left top repeat;
	padding: 20px;
}

ul#movin li {
	font-size: 80%;
	line-height: 150%;
}


/* ------------TOP PAGE------------ */

div#flashcontnts { height: 260px; }

/*---- common ----*/


div#top_left, div#top_center, div#top_right {
	width: 250px;
	margin: 30px 25px 0 0;
	float: left;
}
p#from_news_bottom, p#buy_online_bottom, p#new_column_bottom, p#from_gallery_bottom{
	padding-top: 10px;
	text-align: right;
	background: #FFFFFF left top no-repeat;
}
p#from_news_bottom a img, p#buy_online_bottom a img, p#new_column_bottom a img, p#from_gallery_bottom a img{ display: inline; }

div#top_right { margin-right: 0; }


/*--- left ---*/
/* news */
div#from_news {
	background: #FFFFFF url(../img/wakutop_news.gif) left top no-repeat;
	padding-top: 3px;
}

div#from_news div {
	background: #FFFFFF url(../img/wakubg_news.gif) left top repeat-y;
	padding: 13px 20px 20px 20px;
}

div#from_news div h2 { padding:0 0 5px 67px; font-size: 0px; }

div#from_news div dl dt {
	padding-top: 10px;
	font-size: 75%;
	font-family: Helvetica, Arial, sans-serif;
	color: #338E66;
}

div#from_news div dl dd {
	font-size: 80%;
	line-height: 130%;
	padding-top: 2px;
}

p#from_news_bottom { background-image: url(../img/wakutop_news.gif); }


/* buy online */
div#buy_online {
	background: #FFFFFF url(../img/wakutop_online.gif) left top no-repeat;
	padding-top: 3px;
	margin-top: 25px;
}

div#buy_online div#buy_onlinein {
	background: #FFFFFF url(../img/wakubg_online.gif) left top repeat-y;
	padding: 13px 20px 20px 20px;
}

div#buy_online div#buy_onlinein h2 { padding: 0 0 5px 30px;}

div#buy_online div#buy_onlinein div {
	padding-top: 10px;
	width: 210px;
	clear: left;
}

div#buy_online div#buy_onlinein div a { float: left; }
div#buy_online div#buy_onlinein div a img { padding-right: 5px; }

div#buy_online div#buy_onlinein div h3 {
	font-size: 80%;
	font-weight: bold;
	line-height: 130%;
}

div#buy_online div#buy_onlinein div h3 a { float: none; }

div#buy_online div#buy_onlinein div p {
	font-size: 70%;
	color: #666666;
	padding-top: 3px;
}
 
p#buy_online_bottom { background-image: url(../img/wakutop_online.gif); } 


/* new column */

div#new_column {
	background: url(../img/wakutop_column.gif) left top no-repeat;
	padding-top: 3px;
}

div#new_columnin {
	background: url(../img/wakubg_column.gif) left top repeat-y;
	padding: 13px 20px 20px 20px;
	overflow:auto;
}

div#new_columnin h2 { padding: 0 0 5px 18px; }

div#new_columnin div.left {
	padding-top: 10px;
	width: 70px;
}

div#new_columnin div.right {
	padding-top: 10px;
	width: 135px;
}

div#new_columnin div h3 {
	font-size: 80%;
	font-weight: bold;
	line-height: 130%;
}

div#new_columnin div h3 span {
	display:block;
	font-weight: normal;
	color: #DC6793;
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 4px;
	font-size: 95%;
}

div#new_columnin div p {
	font-size: 75%;
	line-height: 130%;
	width: 135px;
	float: left;
	padding-top: 5px;
}

p#new_column_bottom { background-image: url(../img/wakutop_column.gif); }


/* gallery */

div#from_gallery {
	background: #FFFFFF url(../img/wakutop_gallery.gif) left top no-repeat;
	padding-top: 3px;
	margin-top: 20px;
}

div#from_galleryin {
	background: #FFFFFF url(../img/wakubg_gallery.gif) left top repeat-y;
	padding: 13px 20px 20px 20px;
}

div#from_galleryin h2 { padding-left: 43px; }

div#from_galleryin div { padding-top: 15px; }

div#from_galleryin div p {
	float: left;
	width: 90px;
	height: 90px;
	background: #FFFFFF url(../img/tp_gallery_bg.gif) left top no-repeat;
	text-align: center;
	display: inline;
}

div#from_galleryin div p.last {
	float:right;
}

div#from_galleryin div p a img{ 
	display: inline;
}

div#from_galleryin div p.top_gallery_comment {
	float: none;
	font-size: 70%;
	line-height: 130%;
	color: #666666;
	background: none;
	width: 210px;
	height: auto;
	text-align: left;
	position: relative;
	top: 10px;
}

p#from_gallery_bottom { background-image: url(../img/wakutop_gallery.gif); }

/*--- right banner ---*/
div#top_right p { padding-bottom: 15px; }



/* ------------ ITEM PAGE ----------- */



div#items_head {
	padding: 0px 0px 45px 0px;
	background: #FFFFFF  url(../img/bl_items.gif) left bottom no-repeat;
	overflow: auto;
	width: 800px;
}

div#items_head div.left { width: 370px; }

div#items_head h1 {
	font-size: 120%;
	color: #4B3636;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0.02em;
	font-weight: bold;
	margin-left: 30px;
	line-height: 130%;
}

div#items_head div.left p {
	font-size: 80%;
	line-height: 150%;
	padding-top: 13px;
	margin-left: 30px;
}

div#items_head p.right { padding-right: 30px; }

/* item box */

div.items {
	margin: 50px 0 0 0;
}

div.items  div.items_photo {
	width: 310px;
	float: left;
}

div.items  div.items_photo a {
	float:left;
}

div.items  div.items_photo a {
	padding-right: 5px;
	padding-bottom: 5px;
}

div.description {
	width: 470px;
	float: right;
}

div.description h2 {
	background: #FFFFFF url(../img/it_titlemark.gif) left 50% no-repeat;
	font-size: 90%;
	color: #4B3636;
	font-weight: bold;
	line-height: 100%;
	padding-left: 15px;
	width: 470px;
	margin-bottom: 15px;
}

div.description p.buyonline {
	margin: 20px 0 15px 0;
}

div.description table {
	clear: both;
	width: 470px;
	background: url(../img/it_tabletop.gif) left top no-repeat;
	padding-top: 2px;
}

div.description table th, div.description table td {
	line-height: 130%;
	font-size: 80%;
	border-bottom: #E9E9E9 1px solid;
	vertical-align: middle;
}

div.description table th {
	color: #405C91;
	text-align: left;
	font-weight: normal;
	padding: 9px 0px 7px 2px;
	width: 60px;
}

div.description table td {
	width: 170px;
	padding: 9px 2px 7px 5px;
}

div.description table td.item_tableleft {
	border-bottom: none;
	background: url(../img/it_tableline.gif) left bottom no-repeat;
}

p.description_comment {
	padding-top: 18px;
	font-size: 80%;
	line-height: 150%;
}

p.items_line { padding-top: 50px; }

/* items list simple */

div#simple_list {
	margin-top: 70px;
	width: 800px;
}

div#simple_list div {
	float: left;
	width: 165px;
}

div#simple_list div.simple_last { width: 140px; }

div#simple_list div h3 {
	padding-top: 10px;
	width: 140px;
	font-size: 80%;
	font-weight: bold;
	line-height: 140%;
}

div#simple_list div p.simple_price {
	padding-top: 5px;
	padding-bottom: 30px;
	font-size: 70%;
	width: 140px;
}

div#simple_list div p.simple_price a img { margin-top: 5px; }



/* -- prev next button -- */

div#prevnext {
	width: 800px;
	text-align: center;
	margin: 30px 0;
}

div#prevnext p {
	width: 39px;
	display: inline;
}

div#prevnext p#prev_btn,div#prevnext p#next_btn {margin: 0 15px;}

div#prevnext ul {
	display: inline;
	position: relative;
	top: -2px;
}

div#prevnext ul li {
	display: inline;
	font-size: 75%;
	font-weight: bold;
	padding: 0 3px;
	color: #999999;
}

div#prevnext img { 
	display: inline;
	padding-top: 2px;
}

div#prevnext p#page_list {
	width: auto;
	font-size: 75%;
	font-weight: bold;
}

div#prevnext p#page_list a, div#prevnext p#page_list span{
	padding: 0 3px;
}

div#prevnext p#page_list span{
	color:#999;
}

/*-- sewing books --*/

div#sewing_books {
	margin-top: 80px;
	width: 800px;
	overflow: auto;
	background: #FFFFFF url(../img/it_sewingline.gif) left top no-repeat;
}

div#sewing_books div#sewing_booksin {
	padding: 21px 0px 20px 0px;
	overflow: auto;
	width: 800px;
	background: url(../img/it_sewingline.gif) left bottom no-repeat;
}

div#bookbox {
	width: 780px;
	margin-left: 20px;
}

div#sewing_books h2 {
	height: 15px;
	margin-left: 20px;
}

div#sewing_books div#bookbox div {
	width: 260px;
	float: left;
	padding-top: 15px;
}

div#sewing_books div#bookbox div img{ float:left; }

div#sewing_books div#bookbox div h3 {
	font-size: 80%;
	float: right;
	width: 150px;
	line-height: 130%;
}

div#sewing_books div#bookbox div h3 a { padding-right: 20px; }

div#sewing_books div#sewing_booksin div p {
	font-size: 70%;
	float: right;
	padding-top: 5px;
	width: 150px;
}

div#sewing_books div#bookbox div p a img{ padding-top: 5px; }

/*-- archives --*/

div#item_archives { margin-top: 40px; }

div#item_archives h2 {
	font-size: 0px;
	width: 67px;
	float: left;
	margin-right: 10px;
}

div#item_archives h3 {
	background: #FFFFFF url(../img/it_arrow.gif) 0 50% no-repeat;
	font-size: 75%;
	margin: 6px 10px 0 0;
	padding-left: 5px;
	float: left;
}

div#item_archives h3 a { color: #405C91; }

div#item_archives ul {
	float: left;
	margin: 6px 15px 0 0;
}

div#item_archives ul li {
	float: left;
	font-size: 75%;
}

div#item_archives ul li a {
	margin: 0 5px;
	font-weight: bold;
}

/*-- note --*/
p#attention {
	padding-top: 30px;
	font-size: 75%;
	line-height: 150%;
}


/*--- ITEMS NOTE ---*/
div.items_line div.fabric_note h1 {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0px 30px 10px 30px;
	font-size: 110%;
}

div.items_line div.fabric_note h2 {
	color: #4B3636;
	font-size: 90%;
	margin: 35px 30px 10px 30px;
}

div.items_line div.fabric_note h3 {
	color: #4B3636;
	font-size: 85%;
	margin: 20px 30px 10px 30px;
}

div.items_line div.fabric_note p {
	line-height: 150%;
	font-size: 80%;
	margin: 0 30px 0 30px;
}



/* ------------ ONLINE WORKSHOP INDEX PAGE ----------- */

div#workshop_index { padding: 0 30px 0px 30px; }

div#workshop_index div.left { width: 500px; }

div#workshop_index h1 img { display: inline; }

div#workshop_index h1 {
	margin: 0 0 13px 0;
	float: left;
}

div.workshop_line strong {
	font-size: 80%;
	font-weight: normal;
	margin-bottom: 8px;
}

strong.workshop_time {
	background: #FFFFFF url(../img/ws_time.gif) left 50% no-repeat;
	padding-left: 30px;
}

strong.workshop_revel {
	background: #FFFFFF url(../img/ws_revel.gif) left 50% no-repeat;
	margin-left: 20px;
	padding-left: 60px;
}

div#workshop_index div.left p {
	font-size: 80%;
	line-height: 140%;
	margin-top: 8px;
}

p#workshop_note {
	font-size: 75%;
	line-height: 150%;
	color: #4B3636;
	padding-top:75px;
	background: #FFFFFF  url(../img/bl_wsbottom.gif) left 35px no-repeat;
}

h2#top_archives { margin-top: 40px; }

div#workshop_top_archive {
	padding: 30px  30px 0 30px;
	margin: 0;
	zoom:100%;
	background-color: #F7F5E9;
} 

div#workshop_top_archive div {
	background-color: #F7F5E9;
	width:355px;
	margin-bottom: 30px;
}

div#workshop_top_archive div p {
	float: left;
	width: 185px;
}

div#workshop_top_archive div div {
	float: right;
	width: 170px;
	margin-bottom: 0px;
}

div#workshop_top_archive div div h3 {
	width: 150px;
	font-size: 80%;
	padding-top: 7px;
	line-height: 140%;
}


div#workshop_top_archive div div p {
	float: none;
	width: 150px;
	font-size: 75%;
	font-weight: bold;
	color: #999999;
}

div#workshop_top_archive div div strong {
	font-size: 75%;
	display: block;
	margin-top: 10px;
}

div#workshop_top_archive div div strong.workshop_time {
	background: #F7F5E9 url(../img/ws_time2.gif) left 50% no-repeat;
	padding-left: 30px;
	margin-left: 0px;
} 

div#workshop_top_archive div div strong.workshop_revel {
	background: #F7F5E9 url(../img/ws_revel2.gif) left 50% no-repeat;
	padding-left: 60px;
	margin-left: 0px;
}


/* ------------ ONLINE WORKSHOP DETAILL PAGE ----------- */

div#workshop_detail {
	background: #FFFFFF  url(../img/bl_wsbottom.gif) left bottom no-repeat;
	padding-bottom: 30px;
	width: 800px;
	overflow: auto;
}

div#workshop_detail h1 img { display: inline; }

div#workshop_detail div.left { padding-left: 30px; }

div#workshop_detail p#workshop_maru { margin-top: 0px; }

div#workshop_detail div.left p.photoin { margin-top: 12px; }

div#workshop_detail div.right { width: 490px; }

div#workshop_detail .right p#workshop_oubo {
	text-align: right;
	margin: 0 0 25px 0;
	padding-right: 30px;
}

div#workshop_detail .right p#workshop_oubo a img{ display: inline; }

div#workshop_detail .right p.texts80 {
	margin-right: 30px;
	width: 460px;
	padding-top: 12px;
}

div.workshop_line h2 { margin-top:55px; }

div#prepare, div#howto, div#point {
	padding: 30px 40px 30px 40px;
	background-color: #F7F5E9;
	overflow: auto;
}


/* 用意するもの */

div#prepare div { width: 325px; }

div#prepare h3 { font-size: 0px; }

div#prepare div ul { margin-top: 15px; }

div#prepare div ul li {
	font-size: 80%;
	line-height: 130%;
	border-bottom: 1px #CCCCCC solid;
	width: 325px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#prepare p {
	clear: both;
	padding-top: 15px;
}


/*howto*/

div#howto div { margin-bottom: 30px; }

div#howto div h3 {
	width: 450px;
	font-size: 90%;
	line-height: 130%;
	color: #4B3636;
	background-position: left 50%;
	background-repeat: no-repeat;
	padding-left: 27px;
	padding-top: 3px;
	padding-bottom: 3px;
	clear: both;
}

div#howto div h3.howto1 { background-image:url(../img/ws_howto1.gif); }
div#howto div h3.howto2 { background-image:url(../img/ws_howto2.gif); }
div#howto div h3.howto3 { background-image:url(../img/ws_howto3.gif); }
div#howto div h3.howto4 { background-image:url(../img/ws_howto4.gif); }
div#howto div h3.howto5 { background-image:url(../img/ws_howto5.gif); }
div#howto div h3.howto6 { background-image:url(../img/ws_howto6.gif); }
div#howto div h3.howto7 { background-image:url(../img/ws_howto7.gif); }
div#howto div h3.howto8 { background-image:url(../img/ws_howto8.gif); }
div#howto div h3.howto9 { background-image:url(../img/ws_howto9.gif); }
div#howto div h3.howto10 { background-image:url(../img/ws_howto10.gif); }
div#howto div h3.howto11 { background-image:url(../img/ws_howto11.gif); }
div#howto div h3.howto12 { background-image:url(../img/ws_howto12.gif); }
div#howto div h3.howto13 { background-image:url(../img/ws_howto13.gif); }
div#howto div h3.howto14 { background-image:url(../img/ws_howto14.gif); }
div#howto div h3.howto15 { background-image:url(../img/ws_howto15.gif); }
div#howto div h3.howto16 { background-image:url(../img/ws_howto16.gif); }
div#howto div h3.howto17 { background-image:url(../img/ws_howto17.gif); }
div#howto div h3.howto18 { background-image:url(../img/ws_howto18.gif); }
div#howto div h3.howto19 { background-image:url(../img/ws_howto19.gif); }
div#howto div h3.howto20 { background-image:url(../img/ws_howto20.gif); }

div#howto div p {
	width: 495px;
	float: left;
	padding-top: 15px;
}

div#howto div p.howto_nophoto { width: 720px; }

div#howto div div {
	float: right;
	width: 200px;
}

div#howto div div p { width: 200px; }

div#howto div div p a img {
	float: right;
	margin-bottom: 5px;
	width: 200px;
}

div#howto div div p a img.howto_zoom {
	width: 31px;
	margin-right: 1px;
}

/*POINT*/

div#point ul li {
	padding-left: 25px;
	margin-top: 8px;
}

div#point ul li.point1 { margin-top: 0px; }

div#point ul li.point1 { background: #F7F5E9 url(../img/ws_point1.gif) left 50% no-repeat; }
div#point ul li.point2 { background: #F7F5E9 url(../img/ws_point2.gif) left 50% no-repeat; }
div#point ul li.point3 { background: #F7F5E9 url(../img/ws_point3.gif) left 50% no-repeat; }
div#point ul li.point4 { background: #F7F5E9 url(../img/ws_point4.gif) left 50% no-repeat; }
div#point ul li.point5 { background: #F7F5E9 url(../img/ws_point5.gif) left 50% no-repeat; }
div#point ul li.point6 { background: #F7F5E9 url(../img/ws_point6.gif) left 50% no-repeat; }
div#point ul li.point7 { background: #F7F5E9 url(../img/ws_point7.gif) left 50% no-repeat; }
div#point ul li.point8 { background: #F7F5E9 url(../img/ws_point8.gif) left 50% no-repeat; }
div#point ul li.point9 { background: #F7F5E9 url(../img/ws_point9.gif) left 50% no-repeat; }
div#point ul li.point10 { background: #F7F5E9 url(../img/ws_point10.gif) left 50% no-repeat; }


/*材料をそろえる*/

div#buy_zai {
	background: #FFFFFF url(../img/ws_buyline.gif) left top no-repeat;
	margin-top: 55px;
	padding-top: 4px;
	float: left;
	width: 530px;
}

div#buy_zaiin {
	background: #FFFFFF url(../img/ws_buybg.gif) left top repeat-y;
	width: 530px;
	overflow: auto;
	padding: 0 0 7px 20px;
}

div#buy_zaiin h2 {
	margin: 0 0 15px 0;
	padding-top: 17px;
	font-size: 0px;
}

div#buy_zaiin div {
	width: 245px;
	float:left;
	margin-bottom: 10px;
}

div#buy_zaiin a img {
	float: left;
	margin-right: 10px;
}

div#buy_zaiin div h3 {
	width: 175px;
	font-size: 80%;
	line-height: 130%;
	float: right;
}

div#buy_zaiin div p{
	font-size: 70%;
	margin-top: 5px;
	float: right;
	width: 175px;
}

div#buy_zaiin div p a img{ margin-top: 5px; }

p#buy_zai_bottom {
	float: left;
	width: 530px;
	background: #FFFFFF url(../img/ws_buyline.gif) left top no-repeat;
	padding-top: 10px;
}

p#buy_zai_bottom img{ float: right; }




/*Arcihves*/

div#workshop_detail_archives {
	float: right;
	width: 250px;
	margin-top: 55px;
}

div#workshop_detail_archives h3 {
	background-color: #F7F5E9;
	font-size: 80%;
	padding: 10px;
	color: #4B3636;
}
div#workshop_detail_archives ol {
	list-style: none;
	background-color: #F7F5E9;
	margin-top: 2px;
	padding: 13px 8px 5px 8px;
}

div#workshop_detail_archives ol li {
	color: #D0AB30;
	font-size: 70%;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 7px;
}

div#workshop_detail_archives ol li a {
	margin-left: 5px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* ------------ SEWING GALLERY ----------- */

div#sewing_gallery {
	background: #FFFFFF url(../img/bl_gallery.gif) left bottom no-repeat;
	padding-bottom: 45px;
	overflow: auto;
	width: 800px;
}

div#sewing_gallery h1 {
	float: left;
	width: 128px;
	display: block;
}

div#sewing_gallery h1 img { margin-left: 30px; }
div#sewing_gallery p.right img { margin-right: 30px; }

div#sewing_gallery p.left {
	width: 530px;
	margin-top: 15px;
	background-color: #FFFFFF;
	padding-left: 30px;
}

div.works { 
	margin-top: 20px;
	clear: both;
}

div.works div{
	width: 250px;
	float: left;
	margin: 50px 0 0 25px;
}

div.works div.first_work{margin-left: 0px;}

div.works div p {
	display: block;
	width: 250px;
	height: 250px;
	text-align:center;
	position: relative;
	background: #FFFFFF url(../img/ga_bg.gif) left top no-repeat;
}

div.works div p img{
	display: inline;
}

div.works div span.newmark {
	position: absolute;
	top: 10px;
	left: 200px;
	z-index: 10;
}

div.works div h2 {
	margin-top: 16px;
	font-size: 90%;
	color: #4B3636;
	position: relative;
}

div.works div table { margin-top: 10px; width: 250px;}

div.works div table th {
	vertical-align: top;
	width: 50px;
	padding-top: 2px;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
	margin: 0;
}

div.works div table td {
	width: 200px;
	font-size: 80%;
	line-height: 150%;
	padding-bottom: 7px;
	vertical-align: top;
}

div.works div table td.cloth_comment {
	color: #405C91;
	width: 250px;
}


/* prev next*/
p#prevnext {
	width: 800px;
	text-align: center;
	font-weight: bold;
}

p#prevnext a img {
	display: inline;
}

p#prevnext {
	font-size: 75%;
}

p#prevnext span {
	padding: 0 3px 0 3px;
}

p#prevnext a {
	padding: 0 3px 0 3px;
}


/* ------------ GALLERY FORM ----------- */

div.gallery_form_line div#sewing_gallery h1 {
	width: 106px;
	display: block;
	float: left;
}

div.gallery_form_line div#sewing_gallery p {
	width: 430px;
	float: left;
	padding-top: 15px;
	padding-left: 30px;
	background-color: #FFFFFF;
}

div.gallery_form_line div#sewing_gallery div.right { padding-right: 30px; }

div.gallery_form_line div#sewing_gallery cite {
	width: 275px;
	display: block;
	text-align: right;
	font-size: 65%;
	font-style: normal;
	color: #405C91;
	padding-top: 5px;
}

div.gallery_form_line div#sewing_gallery cite a { color:#405C91; text-decoration: underline; }

div#oubo_form {
	margin-top: 45px;
	width: 800px;
	text-align: center;
}

div#oubo_form form {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	text-align: left;
}

div#oubo_form form table {
	width: 600px;
	border-top: #D2E0E5 1px solid;
}

div#oubo_form form table th, div#oubo_form form table td { border-bottom:  #D2E0E5 1px solid; }

div#oubo_form form table th {
	padding: 20px 30px;
	width: 270px;
	text-align: left;
}

div#oubo_form form table td {
	width: 330px;
	padding: 20px 30px 20px 0;
	font-size: 75%;
}

div#oubo_form form table td input, div#oubo_form form table td select, div#oubo_form form table td textarea {width: 300px;}

div#oubo_form form p {	text-align: center;	background-color: #FFF;	}

div#oubo_form form input.submit_btn {
	width: 100px;
	display: inline;
	margin-top: 30px;
}

p#subimt_note {
	font-size: 75%;
	color: #405C91;
	margin-top: 15px;
}

div#attention {
	margin-top: 55px;
	background-color: #F7F5E9;
	padding: 25px;
}

div#attention h3 { padding-top: 15px; font-size: 75%; }

div#attention p {
	font-size: 80%;
	line-height: 150%;
	width: 750px;
	background-color: #F7F5E9;
	padding-top: 3px;
}

div#attention p strong{
	text-decoration: underline;
}

p#thankyou {
	font-size: 80%;
	width: 700px;
	line-height: 150%;
	margin : 0 0 30px 20px;
}

#thankyou_back{
	margin: 0 0 30px 20px;
	width: 80px;
}


/* ------------ ABOUT ----------- */

div#about_flash { height:335px; }

div#shop_concept {	margin-top: 40px; margin-bottom: 25px; }

div#shop_concept h1{ float: left; }

div#shop_concept p {
	float: right;
	width: 600px;
	font-size: 80%;
	line-height: 150%;
	padding-bottom: 35px;
}

div.about h2 {
	display: block;
	padding: 8px 0 8px 18px;
	background-color: #F7F5E9;
	font-size: 90%;
	letter-spacing: 0.05em;
	color: #4B3636;
}

div#shoplist {
	margin-top: 2px;
	background-color: #F7F5E9;
	padding: 20px 0 20px 0;
	width: 800px;
	overflow: auto;
}

div#shoplist div {
	width: 390px;
	float: left;
}

div#shoplist div p { float: left; }

div#shoplist div p img { margin-left: 20px; }

div#shoplist div h3 {
	width: 160px;
	font-size: 85%;
	color: #4B3636;
	float: right;
	line-height: 150%;
}

div#shoplist div address {
	float: right;
	font-size: 75%;
	font-style: normal;
	width: 160px;
	padding-top: 10px;
	line-height: 140%;
}

div#shoplist div address span{	 font-family: Helvetica, Arial, sans-serif; }

div#shoplist div address a img { margin-top: 10px; }

/* ------------ NEWS ----------- */

/*left menu*/
div#news_archives {
	float: left;
	width: 175px;
}

div#news_archives h1{
	display: block;
	padding: 10px;
	font-size: 80%;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #F7F5E9;
	color: #4B3636;
}

div#news_archives ol {
	list-style: none;
	padding: 12px 10px 6px 10px;
	margin-top: 2px;
	background-color: #F7F5E9;
}

div#news_archives ol li {
	font-size: 80%;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 5px;
}

/*main right*/
div#news_contents { float: right; }

div#news_contents table {
	width: 575px;
	text-align: left;
}

div#news_contents table th { 
	font-family: Helvetica, Arial, sans-serif;
	line-height: 150%;
	color: #D0AB30;
	font-size: 75%;
	width: 60px;
	font-weight: normal;
	padding-bottom: 10px;
}

div#news_contents table td { 
	width: 515px;
	font-size: 80%;
	line-height: 150%;
	padding-bottom: 10px;
}

div#news_contents table td span.new{
	margin-left: 7px;
	color: #405C91;
}

/* ------------ NEWS KIJI ----------- */

div#news_archives dl {
	list-style: none;
	padding: 12px 10px 6px 10px;
	margin-top: 2px;
	background-color: #F7F5E9;
}

div#news_archives dl dt {
	color:#D0AB30;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 70%;
}

div#news_archives dl dd {
	line-height: 130%;
	font-size: 70%;
	margin-bottom: 10px;
	padding-top: 3px;
}


div#news_detail_contents {
	float: right;
	width: 575px;
}


div#news_detail_contents span {
	font-size: 75%;
	font-family: Helvetica, Arial, sans-serif;
	color:#D0AB30;
}

div#news_detail_contents h2 {
	margin: 5px 0 0 0;
	padding: 0 0 25px 15px;
	color: #4B3636;
	font-size: 90%;
	background: #FFFFFF url(../img/it_titlemark.gif) left top no-repeat;
	letter-spacing: 0;
}

div#news_detail_contents p {
	padding-bottom: 35px;
	font-size: 80%;
	line-height: 150%;
}

/* image potision */
p.kiji_1 { clear: both; }
p.kiji_2 { float: left; }
p.kiji_3 { float: right; }

p.kiji_2 img { margin: 0 25px 0 0; }
p.kiji_3 img { margin: 0 0 0 25px; }

div.news div#prevnext {
	margin-bottom: 0;
	padding-top: 50px;
}

/* ------------ CONTACT ----------- */
div#contact_note {
	float: left;
	width: 175px;
}

div#contact_note h1{ font-size: 0px; }

div#contact_note p.texts80 {
	padding: 12px 10px 12px 10px;
	background-color: #F7F5E9;
	margin-top: 2px;
	font-size: 75%;
}

div#contact_note p img{
	padding-top: 20px;
}

div#contact_note p cite{
	width: 175px;
	display: block;
	text-align: left;
	font-size: 65%;
	font-style: normal;
	color: #405C91;
	padding-top: 5px;
	line-height: 130%;
}

div#contact_note p cite a { color:#405C91; text-decoration: underline; }

div#contact_form {
	float: right;
	width: 575px;
	padding-bottom: 60px;
}

div#contact_form form table {
	width: 575px;
	border-top: #D2E0E5 1px solid;
}

div#contact_form form table th, div#contact_form form table td {
	border-bottom: #D2E0E5 1px solid;
	padding-top: 20px;
	padding-bottom: 20px;
}

div#contact_form form table th {
	padding-left: 30px;
	width: 245px;
	text-align: left;
}

div#contact_form form table td {
	width: 330px;
	padding-right: 30px;
	font-size: 75%;
	line-height: 130%;
}

div#contact_form form input {	
	width: 100px;
	margin-top: 25px;
	margin-left: 237px;
}

div#contact_form form p {
	text-align: center;
}

div#contact_form form p input {	
	width: 100px;
	margin: 25px 10px 0 10px;
}

div#contact_form form table td input, div#contact_form form table td select, div#contact_form form table td textarea {
	width: 300px;
	margin: 0;
	font-weight:
}

span.err {
	display: block;
	font-weight: bold;
	color: #DC6793;
	padding-top: 3px;
}

div#privacy {
	clear: both;
	width: 800px;
	background-color: #F7F5E9;
	padding: 25px 0;
}

div#privacy h2 {
	font-size: 0px;
	margin-left: 25px;
}

div#privacy h3 {
	font-size: 75%;
	padding-top: 20px;
	margin-left: 25px;
}

div#privacy p {
	font-size: 75%;
	padding-top: 5px;
	line-height: 150%;
	margin: 0 25px;
}

/* 確認画面 */

div#contact_form p#atttxt {
	font-size: 75%;
	margin-bottom: 25px;
}


