@charset "utf-8";

/*--【リセット】------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html {background: #FFF; color: #000;}

* html body {font-size: small; font: x-small;}
*:first-child+html body {font-size: small; font: x-small;}

img {border: 0; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}


/*--【全体】------------------------------------------------------------------*/

html {
background:none;
}
body {
background-color:transparent !important;
}


/*--【ヘッダー】------------------------------------------------------------------*/

h1 {
text-decoration:none !important;
font-weight:normal !important;
margin-top:5px!important;
float:left!important;
}
.hd_contact {
float:right!important;
}


/*--【コンテンツ内ナビ】------------------------------------------------------------------*/

ul.horizontal_navi {
background:url(../assets/navi_on.jpg) no-repeat 0 0 !important;
overflow:hidden;
zoom:1;
width:700px !important;
}
.horizontal_navi li {
float:left;
}
.horizontal_navi li.navi01 a {
display:block;
width:171px;
height:51px;
visibility:visible;
}
.horizontal_navi li.navi02 a,
.horizontal_navi li.navi03 a {
display:block;
width:174px;
height:51px;
visibility:visible;
}
.horizontal_navi li.navi04 a {
display:block;
width:181px;
height:51px;
visibility:visible;
}
.horizontal_navi li.navi01 a:hover img {
display:block;
width:171px;
height:51px;
visibility:hidden;
}
.horizontal_navi li.navi02 a:hover img,
.horizontal_navi li.navi03 a:hover img {
display:block;
width:174px;
height:51px;
visibility:hidden;
}
.horizontal_navi li.navi04 a:hover img {
display:block;
width:181px;
height:51px;
visibility:hidden;
}

/*--【RSSリーダー】------------------------------------------------------------------*/

#rss_block {
margin:0 0 0 40px;
width:200px;
}

/*--【サイドナビ】------------------------------------------------------------------*/

/*--（トップページ）------------------------------------------------------------------*/

#SF-navigation a#catBtnhome {
height:51px !important;
margin-bottom:20px !important;
}
#SF-navigation a#catBtnhome:hover {
height:51px !important;
background:url(../assets/navi_top_on.jpg) no-repeat 0 0!important;
}

/*--（着物オーダーメイド問診表）------------------------------------------------------------------*/

#SF-navigation a#catBtnmmenu1 {
height:68px !important;
}
#SF-navigation a#catBtnmmenu1:hover {
height:68px !important;
background:url(../assets/navi_table01_on.jpg) no-repeat 0 0!important;
}


/*--（オーダーメイド着物）------------------------------------------------------------------*/

#SF-navigation a#catBtnmmenu2 {
height:41px !important;
}
#SF-navigation ul#smenu2 {
background:url(../assets/navi_order_bg.jpg) no-repeat 0 bottom!important;
height:117px !important;
}
#SF-navigation ul#smenu2 li a.pageBgColor {
background:none!important;
height:33px!important;
line-height:39px!important;
padding-left:32px!important;
}


/*--（着物リフォーム問診表）------------------------------------------------------------------*/

#SF-navigation a#catBtnmmenu3 {
height:56px !important;
}
#SF-navigation a#catBtnmmenu3:hover {
height:56px !important;
background:url(../assets/navi_table02_on.jpg) no-repeat 0 0!important;
}


/*--（着物リフォーム）------------------------------------------------------------------*/

#SF-navigation a#catBtnmmenu4 {
height:41px !important;
}
#SF-navigation ul#smenu4 {
background:url(../assets/navi_reform_bg.jpg) no-repeat 0 bottom!important;
height:246px !important;
}
#SF-navigation ul#smenu4 li a.pageBgColor {
background:none!important;
height:32px!important;
line-height:42px!important;
padding-left:32px!important;
}

/*--（ご案内）------------------------------------------------------------------*/

#SF-navigation a#catBtnmmenu5 {
height:41px !important;
}
#SF-navigation ul#smenu5 {
background:url(../assets/navi_information_bg02.jpg) no-repeat 0 bottom #eaebf2 !important;
padding-top:15px !important;
height:186px !important;
}
#SF-navigation ul#smenu5 li a.pageBgColor {
background:none!important;
height:26px!important;
line-height:16px!important;
padding:0 0 10px 32px!important;
}



/*--（琵琶湖つれづれ日誌）------------------------------------------------------------------*/

#SF-navigation a#catBtnmmenu6 {
height:72px !important;
}
#SF-navigation a#catBtnmmenu6:hover {
height:72px !important;
background:url(../assets/navi_diary02_on.jpg) no-repeat 0 0!important;
}

/*--（京都・着物つれづれ）------------------------------------------------------------------*/

#SF-navigation a#catBtnmmenu7 {
height:55px !important;
}
#SF-navigation a#catBtnmmenu7:hover {
height:55px !important;
background:url(../assets/navi_diary_on.jpg) no-repeat 0 0!important;
}


/*--（京友禅 公庄工房 Facebook）------------------------------------------------------------------*/

#SF-navigation a#catBtnmmenu8 {
height:102px !important;
}
/*#SF-navigation a#catBtnmmenu8:hover {
height:58px !important;
background:url(../assets/navi_diary02_on.jpg) no-repeat 0 0!important;
}*/

/*--（Facebook likebox）------------------------------------------------------------------*/

#likebox_block {
/*height:333px;*/
margin: 10px 0;
padding:0px;
}


/*--（染め直し等）------------------------------------------------------------------*/

ul.side_case {
overflow:hidden;
zoom:1;
}
ul.side_case li {
float:left;	
}
ul.side_case li a {
display:block;
width:230px;
height:196px;
text-align:center;
font-weight:bold;
padding-top:22px;
}
ul.side_case li a:hover {
display:block;
width:230px;
height:196px;
}
a.side_case01 {
background:url(../assets/side_case01.jpg) no-repeat 0 0!important;
}
a:hover.side_case01 {
background:url(../assets/side_case01_on.jpg) no-repeat 0 0!important;
}
a.side_case02 {
background:url(../assets/side_case02.jpg) no-repeat 0 0!important;
}
a:hover.side_case02 {
background:url(../assets/side_case02_on.jpg) no-repeat 0 0!important;
}
a.side_case03 {
height:194px;
background:url(../assets/side_case03.jpg) no-repeat 0 0!important;
}
a:hover.side_case03 {
height:194px;
background:url(../assets/side_case03_on.jpg) no-repeat 0 0!important;
}
a.side_case04 {
height:197px;
background:url(../assets/side_case04.jpg) no-repeat 0 0!important;
}
a:hover.side_case04 {
height:197px;
background:url(../assets/side_case04_on.jpg) no-repeat 0 0!important;
}


/*--【メインコンテンツ】------------------------------------------------------------------*/

.left_margin {
margin-left:40px;	
}

ul#top_before_after {
background:url(../assets/top_case_on.jpg) 0 0 no-repeat #faebd8 !important;
padding:0 10px;
overflow:hidden;
zoom:1;
width:640px !important;
}
ul#top_before_after li {
float:left;
}
ul#top_before_after li a {
display:block;
width:160px;
height:127px;
visibility:visible;
}
ul#top_before_after li a:hover img {
display:block;
width:160px;
height:127px;
visibility:hidden;
}


/*--（着物リフォーム）------------------------------------------------------------------*/

a#top_reform {
visibility:visible;
}
a:hover#top_reform img {
display:block;
width:258px;
height:187px;
visibility:hidden;
}


/*--（オーダーメイド着物）------------------------------------------------------------------*/

a#top_order {
visibility:visible;
}
a:hover#top_order img {
display:block;
width:162px;
height:190px;
visibility:hidden;
}


/*--（下部ページ共通部分）------------------------------------------------------------------*/

.comment {
background:url(../assets/common_comment_bg01.jpg) 0 0 no-repeat !important;
padding:0 20px;
overflow:hidden;
zoom:1;
height:94px;
width:620px !important;
}
.comment li a {
display:block;
width:155px;
height:94px;
visibility:visible;
float:left;
}
.comment li a:hover img {
display:block;
width:155px;
height:94px;
visibility:hidden;
float:left;
}
.comment_data {
background:url(../assets/common_comment_bg02.jpg) 0 0 no-repeat !important;
margin-left:40px;
overflow:hidden;
zoom:1;
width:660px !important;
}
.comment_left {
padding:31px 127px 39px 37px;
float:left;
width:240px;
}
.comment_left ul {
background:url(../assets/top_comment_title.jpg) 0 0 no-repeat !important;
padding-left:50px;
height:72px;
width:190px;	
}
.comment_left li {
margin-bottom:9px;
line-height:13px;
font-size:12px;
width:190px;
}
.comment_btn a {
display:block;
width:240px;
height:40px;
visibility:visible;	
}
.comment_btn a:hover img {
display:block;
width:240px;
height:40px;
visibility:hidden;	
}
.comment_name {
float:left;
margin-top:20px;
}


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

.site_map {
margin:17px 0 0 40px;
width:660px !important;
}
.site_map h3 {
color:#374280 !important;
background:#eaebf2;
font-weight:bold !important;
padding:10px 0;
display:block;
width:660px;
text-align:center;
font-size:12px;
}
.site_map h3 a {
color:#374280 !important;
font-weight:bold !important;
text-decoration:none !important;
}
.site_map h3 a:hover {
color:#5b6ed4 !important;
font-weight:bold !important;
text-decoration:none !important;
}
.site_map_list {
border:3px solid #eaebf2;
background:#fff;
padding:20px 124px 20px 20px;
margin-top:1px;
color:#666;
overflow:hidden;
zoom:1;
font-size:12px;
margin-top:-0.5em;
width:510px;
}
.site_map_list h4 {
font-weight:bold;
width:510px;
margin-top:0.5em;
}
.site_map_list ul {
overflow:hidden;
zoom:1;
}
.site_map_list li ul li {
float:left;
display: inline;
}


/*--【全ページ共通】------------------------------------------------------------------*/

.red {
color:#e95464 !important;	
}
.strong {
font-weight:bold; !important;
}
strong {
font-weight:bold !important;
}
.letter_spacing {
letter-spacing:-0.1em; !important;
}
.red2 {
color:#cd5e3c !important;	
}

/*--【公庄工房へのお問い合わせ】------------------------------------------------------------------*/

#inquiry_data {
background:url(../assets/inquiry_data_bg.jpg) 0 0 no-repeat !important;
padding:28px 20px 0px;
margin-left:40px;
height:170px;
width:620px;
}
#inquiry_data h3 {
font-size:15px;
color:#000;
text-align:center;
padding-bottom:27px;
}
#inquiry_data dl {
padding:0 15px;
overflow:hidden;
zoom:1;
font-size:13px;
width:410px;
}
#inquiry_data dt {
padding-right:2em;
float:left;
width:4em;
display:block;
}
#inquiry_data dd {
float:left;
width:325px;
display:block;
}
.grouplabelname {
padding-top:5px !important;	
}


/*--【公庄工房へのお問い合わせ】------------------------------------------------------------------*/

#introduction_anchor {
overflow:hidden;
zoom:1;
background:#f7f7f3;
padding:10px;
font-size:12px;
margin-left:40px;
}
#introduction_anchor_list {
float:left;
padding-right:30px;	
}
#introduction_anchor li ul li {
overflow:hidden;
zoom:1;
margin-bottom:0.5em;
}
#introduction_anchor li ul li a {
background:url(../assets/commmon_icon_arrow.jpg) 0 center no-repeat !important;
padding-left:20px;
}


/*--【公庄工房について】------------------------------------------------------------------*/

#about_anchor {
overflow:hidden;
zoom:1;
background:#f7f7f3;
padding:10px;
font-size:12px;
margin-left:40px;
}
#about_anchor li {
float:left;
padding-right:30px;	
}
#about_anchor li a {
background:url(../assets/commmon_icon_arrow.jpg) 0 center no-repeat !important;
padding-left:20px;
}




/*--【古典模様のいろいろ（参考例）】------------------------------------------------------------------*/

h2.newslistHeadlineStyle {
display:inline !important;
line-height:1.7 !important;
}

.etc_title {
font-weight:bold !important;
color:#cd9615 !important;
font-size:13px !important;
padding-right:230px !important;
}

.case {
padding:15px;
background:#faebd8 !important;
width:630px !important;
}
.case02 {
padding:3px 15px 3px;
background:#faebd8 !important;
width:630px !important;
}
#gallery03 {
font-size:10px !important;	
}
.case h3 {
border-top:2px solid #fff;
padding-top:10px;
font-weight:bold;	
font-size:13px !important;
}
.case_img {
background:#faebd8 !important;
text-align:center;
margin-top:15px;
padding:20px 0 10px;
font-size:13px !important;
}

.case_img02 {
background:#faebd8 !important;
text-align:center;
padding:10px 0px 10px 0px;
font-size:13px !important;
}

.table {
line-height:2.9 !important;
}
.indent01 {
padding-left:1em	 !important;
}
.indent05 {
padding-left:5.5em	 !important;
}
.company {
width:95px !important;
display:inline-block !important;
}

.table {
overflow:hidden;
zoom:1;	
}
.table .table_title {
font-weight:bold; !important;
}
.table strong {
display:block !important;
width:100px !important;
}
.table strong,
.table span {
float:left	 !important;
}

#B000000764 span,
#B000000781 span,
#B000000747 span {
letter-spacing:-2px	 !important;
}


#B000000916 .label {　width:200px!important; white-space:normal!important; display:inline-block!important; }
#B000000916 .grouplabelname { width:200px!important; white-space:normal!important; display:inline-block!important; }

#B000000897 .label {　width:200px!important; white-space:normal!important; display:inline-block!important; }
#B000000897 .grouplabelname { width:200px!important; white-space:normal!important; display:inline-block!important; }