@charset "utf-8";
/* CSS Document */
/*--------------------------------------
  Universal selector
---------------------------------------*/
* {
margin:0px;
padding:0px;
}

 
body  {
font-size:85%;
font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";
background: #666666;
margin: 0;
padding: 0;
text-align: center;
/* これにより、IE 5* ブラウザではコンテナが中央揃えになります。テキストは、#container セレクタの初期設定である左揃えに設定されます */
color: #000000;
background-image: url(image/body_back.gif);
background-repeat: repeat-x;
background-color: #FFFFFF;
}

p {
line-height: 1.3em;
margin: 0px 10px;
}

h1, h2, h3, h4, h5, h6 {
font-size:1em;
font-weight:bold;
}

img {
border:0px;
}

a {
color:#3C5388;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a:visited {
color: #7C358E;
}

strong {
font-weight: normal;
}



.twoColFixLt #container {
width: 900px;
background: #FFFFFF;
margin: 0 auto;
/* 自動マージン（幅と連動）により、ページが中央揃えになります */
border: 1px solid #999999;
text-align: left;
/* この設定は body エレメントの text-align: center より優先されます。 */
}
.twoColFixLt #sidebar1 {
float: left;
/* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
width: 204px;
/* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
/* 背景色は、列内のコンテンツの長さにわたって表示されます */
padding: 15px 10px 15px 20px;

}

.twoColFixLt #mainContent {
margin: 0 0 0 10px;
/* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
padding: 0 20px 20px;
float: left;
width: 600px;
} 

/* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
.fltrt { 
float: right;
margin-left: 8px;
}

/* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
.fltlft { 
float: left;
margin-right: 8px;
}

/* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
.clearfloat { 
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*---------------------------------
   header
---------------------------------*/
#header {
width: 900px;
margin: 0px 0px 10px 0px;
}

#header #midashi {
/*width: 900px;*/
background-color:#FFFFFF;
color: #666666;
font-size:0.9em;
font-weight:normal;
text-align:right;
padding:0 10px 2px 10px;
margin:5px auto 1px auto;
}

#header #title h1 {
display:none;
}

#header #title p {
display:none;
}

p.toiawase {
width: 200px;
text-align: center;
margin: 0px 0px 10px 0px;
padding: 0px;
}
p.toiawase img {
margin: 3px 0px 0px 0px;
padding: 0px;
}
div#main_menu01 {
padding: 0px;

}

#sidebar1 ul {
padding:0px;
margin:0px;
text-align:left;
display:block;
}

#sidebar1 li {
width:200px;
height:27px;
text-indent:0px;
padding:0px;
margin:0px;
background-repeat:no-repeat;
display:inline;
}
#sidebar1 li a {
width: 200px;
height:27px;
display:block;
padding:0px;
margin:0px;
color: #CCCCCC;
font-size: 1.2em;
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
/* ボタンが画像の場合、文字を消す */
overflow:hidden;
font-weight: bold;
}

#sidebar1 li a:hover {
padding:0px;
background-position:0px 0px;
/*text-indent:-9999px;*/
overflow:hidden;
}

#sidebar1 li span {
margin:0px;
display:block;
}

#sidebar1 li#inquiry, #sidebar1 li#inquiry a {
background-image:url(image/menu_inquiry.jpg);
background-position: center;
}
#sidebar1 li#inquiry a:hover {
background-image:url(image/menu_inquiry_f2.jpg);
background-position: center;
background-repeat: no-repeat;
}
#sidebar1 li#estimate, #sidebar1 li#estimate a {
background-image:url(image/menu_estimate.jpg);
background-position: center;
}
#sidebar1 li#estimate a:hover {
background-image:url(image/menu_estimate_f2.jpg);
background-position: center;
}



#sidebar1 #side_menu {
background-color:#FFFFEE;
width: 196px;

text-align: center;
height: 184px;
}

#sidebar1 #main_menu01 li#menu_corporate  {
background-image:url(image/menu_corporate.gif);

}

#sidebar1 #main_menu01 li#menu_corporate a {
background-image:url(image/menu_corporate.gif);
height: 35px;
}


#sidebar1 #main_menu01 li#menu_personal {
background-image:url(image/menu_personal.gif);
}
#sidebar1 #main_menu01 li#menu_personal a {
background-image:url(image/menu_personal.gif);
height: 35px;
}




#sidebar1 li#menu_about a span,
#sidebar1 li#menu_policy a span,
#sidebar1 li#menu_privacy a span,
#sidebar1 li#menu_legalnotice a span
{
background-image: url(image/bg_list2.gif);
color: #663300;
text-indent: 15px;
margin: 10px 0px;
background-repeat: no-repeat;
font-size: 0.82em;
height: 20px;
background-position: 0 4px;
font-weight: normal;
}

#sidebar1 #main_menu01 li#menu_sample {
background-image:url(image/menu_sample.gif);
}
#sidebar1 #main_menu01 li#menu_sample a {
background-image:url(image/menu_sample.gif);
text-indent: -9999px;
height: 35px;
margin: 20px 0 0 0;
}

#sidebar1 #main_menu01 li#menu_corporatelogo a,
#sidebar1 #main_menu01 li#menu_productlogo a,
#sidebar1 #main_menu01 li#menu_titlelogo a,
#sidebar1 #main_menu01 li#menu_monument a,
#sidebar1 #main_menu01 li#menu_testimonial a,
#sidebar1 #main_menu01 li#menu_greetingcard a,
#sidebar1 #main_menu01 li#menu_interior a,
#sidebar1 #main_menu01 li#menu_nameplate a,
#sidebar1 #main_menu01 li#menu_seal a
{
background-image:url(image/bg_list1.gif);
color: #663300;
font-size: 0.95em;
font-weight: normal;
padding: 2px 0px 0px 0px;
background-position: 0 10px;
height: 26px;
}



#sidebar1 #main_menu01 li#menu_corporatelogo a:hover,
#sidebar1 #main_menu01 li#menu_productlogo a:hover,
#sidebar1 #main_menu01 li#menu_titlelogo a:hover,
#sidebar1 #main_menu01 li#menu_monument a:hover,
#sidebar1 #main_menu01 li#menu_testimonial a:hover,
#sidebar1 #main_menu01 li#menu_greetingcard a:hover,
#sidebar1 #main_menu01 li#menu_interior a:hover,
#sidebar1 #main_menu01 li#menu_nameplate a:hover,
#sidebar1 #main_menu01 li#menu_seal a:hover
{
color: #FF0000;
text-decoration: none;
}

#sidebar1 ul ul {
padding:4px 0px 8px 0px;
margin:0 0px 10px 0px;
text-align:left;
border: 1px solid #999966;
background-color: #FFFFEE;
width: 198px;
}

#sidebar1 li li{
height:26px;
text-indent:4px;
padding:0px 0px 0px 4px;
margin:0px;
display:block;
}
#sidebar1 li li a {
color: #333333;
font-size: 1.2em;
text-indent:4px;
/* ボタンが画像の場合、文字を消す */
overflow:hidden;
}

#sidebar1 li li span {
margin:0px;
display:block;
height: 27px;
padding: 6px 0px 0px 0px;
text-indent: 14px;
}

#sidebar1 li a:hover {
color: #330000;
}

#mainContent #category h2 {
font-size: 1.3em;
padding: 10px;
border-left: solid #663300 6px;
margin: 5px 0px 20px 0px;
}
#mainContent #category h3 {
font-size: 1.2em;
padding: 10px;
margin: 5px 0px 5px 0px;
background-image: url(image/h3_back.gif);
background-repeat: no-repeat;
}

h2.intro {
background-image: url(image/intro.gif);
margin: 20px 0px 0px 0px;
text-indent: -9999px;
height: 70px;
background-repeat: no-repeat;
background-position: top left;
}

p.intro,
p.greetings {
margin: 10px 10px 0 20px;
line-height: 1.7em;
}



p.intro img,
p.greetings img {
float: right;
margin-top: -10px;
}


h3.greetings {
clear: both;
background-image: url(image/greetings.gif);
text-indent: -9999px;
background-repeat: no-repeat;
height: 28px;
clear: both;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
padding:25px 0 0 0;
}
h3.point {
background-image: url(image/point.gif);
text-indent: -9999px;
background-repeat: no-repeat;
height: 35px;
margin: 5px;
clear: both;
}

ol.point {
margin: 10px 10px 10px 28px;
font-size: 1.2em;
color: #663300;
}

li.point {
margin: 15px 15px 25px 15px;
font-weight: bold;
}

span.point {
font-size: 0.8em;
color: #333333;
font-weight: 100;
}

#index_item01 ul li ul li {
color: #663300;
font-size: 0.8em;
text-align: center;
font-weight: normal;
background-position: center 32px;
height: 100px;
width: 180px;
background-repeat: no-repeat;
list-style-type: none;
float: left;
padding: 20px 0 0 10px;
margin: 0px;
}

#index_item01 li#item_corporate,
#index_item01 li#item_personal {
clear: both;
font-size: 1.2em;
list-style-type: none;
margin: 25px 0px 0px 0px;
padding: 5px 0px 4px 6px;
list-style-position: inside;
background-color: #FFFFCC;
font-weight: bold;

}

#index_item01 li#item_corporate a,
#index_item01 li#item_personal a {
color: #663300;
text-decoration: none;
}
/* 
#index_item01 li#item_corporatelogo {
background: url(image/menu_corporatelogo_img.jpg) no-repeat center 32px;
}

#index_item01 li#item_productlogo {
background: url(image/menu_productlogo_img.jpg) no-repeat center 32px;
}

#index_item01 li#item_titlelogo {
background: url(image/menu_titlelogo_img.jpg) no-repeat center 32px;
}

#index_item01 li#item_monument {
background: url(image/menu_monument_img.jpg) no-repeat center 32px;
}

#index_item01 li#item_testimonial {
background: url(image/menu_testimonial_img.jpg) no-repeat center 32px;
}

#index_item01 li#item_greetingcard {
background: url(image/menu_greetingcard_img.jpg) no-repeat center 32px;
}

#index_item01 li#item_personal {
clear: both;
}

#index_item01 li#item_interior {
background: url(image/menu_interior_img.jpg) no-repeat center 32px;
}

#index_item01 li#item_nameplate {
background: url(image/menu_nameplate_img.jpg) no-repeat center 32px;

#index_item01 li#item_seal {
background: url(image/menu_seal_img.jpg) no-repeat center 32px;
}
}
*/

div.entry_body img.pt {
margin: 5px 10px 5px 5px;
}

div.entry_body img.smpl {
margin: 15px 20px;
}

.return_navi {
text-align: right;
}
#topic_path {
font-size: 0.9em;
margin: 10px 0px;
}

.txt_9ex {
font-size: 0.9em;
}
/*---------------------------------
   footer
---------------------------------*/
#footer {
width:auto;
color:#666666;
border:#CCCCCC solid 1px;
padding: 0px 0px 0px 10px;
background-repeat:repeat-x;
background-color: #EBEBEB;
clear: both;
background-image: url(image/footer_back.gif);
background-position: center bottom;
height: 100px;
}

#footer p {
margin:5px 10px 10px 10px;
text-align: right;
font-size: 1em;
}

#footer #cinfo {
text-align: right;
width:400px;
float:right;
color: #FFFFFF;
font-size: 1em;
display: block;
margin: 18px 10px 10px 0px;
}

#footer #cinfo2 {
text-align: right;
width:400px;
float:right;
color: #000000;
}

#footer #cinfo_img {
margin:1px;
display:block;
}



#footer #pp {
text-align: center;
}

#footer ul {
}

li.subcont {
list-style-type:disc;
padding: 0px;
margin:0px;
text-indent :4px;
font-size: 95%;
text-align: left;
}

ul.subcont {
padding:0px;
margin:15px 0px 15px 25px;
text-align:left;
display:block;
line-height: 1.4em;
font-size: 0.9em;
}