/* **********************************************************************
 *
 *       Title:   Site-Shokunin （有）エムズ様
 *       Updated: 2010.01.26
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 * **********************************************************************
 */


body {
       margin: 0;
       padding: 0;
       color: #333;
       font-family: osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック';
       font-size: 90%;
       text-align: center;
       background: url(../img/bg.gif) 0 0;
       }

hr.hide { display: none; }
a:link, a:visited { color  : #0066cc; }
a:hover, a:active { color: #0066cc; text-decoration:none;}

p {
       margin: 0;
       padding: 0;
       }

span.texts { font-size: 80%; line-height: 1.3; }
span.textn { font-size: x-small; line-height: 1.5; }
html>body span.textn { font-size: small; }
span.textl { font-size: 120%; line-height: 1.5; }

table.nbr {
       font-size: x-small;
       }
html>body table { font-size: small; }

table.nbr,
table.tbr table.nbr {
       border-top: none;
       border-left: none;
       border-collapse: collapse;
       }

table.nbr th,
table.tbr table.nbr th {
       padding: 0;
       border-right: none;
       border-bottom: none;
       background: none;
       color: #fff;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.nbr th,
table.tbr table.nbr th { font-size: small; }

table.nbr td,
table.tbr table.nbr td {
       padding: 0;
       border-right: none;
       border-bottom: none;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.nbr td,
table.tbr table.nbr td { font-size: small; }

table.tbr,
table.nbr table.tbr {
       border-top: 1px solid #d5d0be;
       border-left: 1px solid #d5d0be;
       border-collapse: collapse;
       }

table.tbr th,
table.nbr table.tbr th {
       padding: 10px;
       border-right: 1px solid #d5d0be;
       border-bottom: 1px solid #d5d0be;
       background: #f8f5e5;
       font-size: x-small;
       line-height: 1.5;
       color: #47010f;
       }
html>body table.tbr th,
table.nbr table.tbr th { font-size: small; }

table.tbr td,
table.nbr table.tbr td {
       padding: 10px;
       border-right: 1px solid #d5d0be;
       border-bottom: 1px solid #d5d0be;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body table.tbr td,
table.nbr table.tbr td { font-size: small; }

th.nbr {
       font-size: x-small;
       line-height: 1.5;
       color: #47010f;
       }
html>body th.nbr { font-size: small; }

td.nbr {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body td.nbr { font-size: small; }

th.tbr {
       padding: 10px;
       border-right: 1px solid #d5d0be;
       border-bottom: 1px solid #d5d0be;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body th.tbr { font-size: small; }

td.tbr {
       padding: 10px;
       border-right: 1px solid #d5d0be;
       border-bottom: 1px solid #d5d0be;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body td.tbr { font-size: small; }

td.flow {
       padding: 3px 0 3px 0;
       font-size: x-small;
       line-height: 1.2;
}
html>body td.flow { font-size: small; }

td.flow2 {
       padding: 3px 0 3px 0;
       font-size: x-small;
       line-height: 1.4;
}
html>body td.flow2 { font-size: small; }

td.flow3 {
       padding: 0;
       font-size: x-small;
       line-height: 1.4;
       font-weight:bold;
       color:#643333;
}
html>body td.flow3 { font-size: small; }

blockquote {
       clear: both;
       margin: 0;
       padding: 10px;
       border: 1px dotted #a23a35;
       background: #f3f3f3;
       font-size: x-small;
       line-height: 1.4;
       font-align: left;
       }
html>body blockquote { font-size: small; }

form dt{
       font-size: x-small;
       font-weight: bold;
       line-height: 1.4;
       }
html>body form dt { font-size: small; }

form dd{
       margin: 0 0 5px 0;
       font-size: x-small;
       line-height: 1.4;
       }
html>body form dd { font-size: small; }

img {
       border: 0;
       }

.clear {
       width: 950px;
       margin: 0;
       padding: 0;
       clear: both;
       }

/* 全体のレイアウト設定 ###################### */

#wrapper {
       width: 950px;
       margin-left:auto;
       margin-right:auto;
       }

#header {
       width: 950px;
       }


#headnav {
       float: left;
       width: 950px;
       height: 44px;
       }

#nav {
       float      : left;
       width      : 226px;
       margin     : 0px 0px 0px 0px;
       padding    : 0px 0px 15px 0px;
       text-align : left;
       }

#main {
       float      : right;
       width      : 724px;
       padding    : 0px 0px 0px 0px;
       background: #fff;
       }

#footer {
       display:none;
       }

/* TOPページ用のレイアウト設定 ################### */

#top-a {
       float: left;
       margin: 15px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       width: 714px;
       text-align: left;
       }

#top-b {
       float: right;
       margin: 15px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       width: 216px;
       text-align: left;
       }

#top-a-contents {
       margin: 0;
       padding-bottom: 30px;
       text-align: left;
       }

.top-a-block {
       width: 714px;
       margin-bottom: 15px;
       background: #fff;
       }
.top-a-block a:visited { color: #3366ff; }

.top-a-block h4 {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-size: 100%;
       color: #a23a35;
       }

.top-a-block p {
       margin: 0px 0px 0px 0px;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block p { font-size: small; }

.top-a-block ul, .top-a-block ol {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block ul, div.top-a-block ol { font-size: small; }

.details {
       margin: 5px 0px 0px 10px;
       padding: 0px 0px 10px 0px;
       font-size: xx-small;
       }
html>body .details { font-size: x-small; }

.top-b-block {
       margin-bottom: 15px;
       }

.top-b-block h4 {
       margin: 0px 0px 0px 0px;
       padding: 3px 0px 0px 0px;
       font-size: x-small;
       color: #a23a35;
       }

html>body div.top-b-block h4 { font-size: small; }

.top-b-block p {
       margin: 0px 0px 0px 0px;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-b-block p { font-size: small; }

.top-b-block ul, .top-b-block ol {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-b-block ul, div.top-b-block ol { font-size: small; }

.link_brown {
       background: url(../img/arrow_brown.gif) 0 0.4em no-repeat;
       padding: 0 0 0 12px;
       }

.link_visit {
       background: url(../img/arrow_handmade.gif) 0 0.4em no-repeat;
       padding: 0 0 0 15px;
       font-size: 12px;
       }

.topics p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div#topics p { font-size: small; }

.topics a {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       voice-family: inherit;
       background: none;
}

.topics ul, #topics ol {
       margin: 0px 0px 0px 0px;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       list-style:none;
       }
html>body div#topics ul, div#topics ol { font-size: small; }

.topics li {
       border-bottom:1px dotted #d8b8a8;
       margin: 3px 0px 0px 0px;
       padding: 0px 0px 3px 0px;
       }

.topics li a {
       color: #000099;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       background: none;
       }

.topics li a:link, .topics li a:visited, .topics li a:active, .topics li a:hover {
       color: #000099;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       background: none;
       }

.topics {
       margin: 0;
       padding: 0;
       }

.topicsblock {
       height:24px;
       border-bottom: 2px solid #92332e;
       }

.topicsblockleft {
       float:left;
       width:402px;
       }

.topicsblockright {
       float:right;
       width:73px;
       }

.top-a-block .topicsblockleft {
       float:left;
       height:24px;
       width:400px;
       }

.top-a-block .topicsblockright {
       float:right;
       height:24px;
       width:60px;
       }

.top-a-block .topicsblockright/**/ {width:73px;}

.top-b-block .topicsblockleft {
       float:left;
       width:140px;
       }

.top-b-block .topicsblockleft/**/ {width:122px;}

.top-b-block .topicsblockright {
       float:right;
       width:77px;
       }

.top-b-block .topicsblockright/**/ {width:75px;}

.infolistset {
       margin: 0;
       padding: 0px 0px 0px 0px;
       font-size: x-small;
       float:left;
       }
html>body div.infolistset { font-size: small;}

a.infolist:link {
       margin: 0;
       padding: 0px 0px 0px 15px;
       background:url(../img/arrow_brown.gif) 0 0.4em no-repeat;
       }

a.infolist:visited, a.infolist:active {
       margin: 0;
       padding: 0px 0px 0px 15px;
       background:url(../img/arrow_brown.gif) 0 0.4em no-repeat;
       }

a.infolist:hover {
       margin: 0;
       padding: 0px 0px 0px 15px;
       background:url(../img/arrow_brown.gif) 0 0.4em no-repeat;
       }

.inforss {
       text-align:right;
       padding: 4px 0 0 0;
       margin: 0;
       background:none;
       }

.inforss a:link {
       padding: 0;
       margin: 0;
       background:none;
       }

.inforss a:hover {
       padding: 0;
       margin: 0;
       background:none;
       }

.topicsblockleft h3 {
       margin: 3px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-size: 100%;
       color: #a23a35;
       }

.topicsblockleft h4 {
       margin: 3px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-size: x-small;
       color: #a23a35;
       }
html>body div.top-b-block h4 { font-size: small; }

.topicbox {
       padding: 5px 10px 0 0;
       height:240px;
       overflow:auto;
       }

/* header部分のスタイル設定 ###################### */

#header h1 {
       float: left;
       width: 160px;
       margin: 0;
       padding: 15px 0 13px 0px;
       color: #333;
       font-size: 24px;
       line-height: 100%;
       text-align: left;
       }

#header h2 {
       float: left;
       width: 500px;
       margin: 0px 0px 0px 0px;
       padding: 33px 0px 0 30px;
       color: #92332e;
       font-size: 13px;
       line-height: 1.4;
       font-weight: bold;
       text-align: left;
       }

#header h2.contact {
       float: right;
       display: inline;
       width: 204px;
       margin: 0;
       padding: 0px 0px 0 0;
       }

/* main部分設定 ###################################  */

#contents-title {
       width: 724px;
       height: 77px;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       text-align: left;
       background: #fff url(../img/un_ttl_bg.gif) 0 0 repeat-x;
       }

#directry {
       width: 689px;
       margin: 0px 0px 0px 35px;
       padding: 10px 0px 0px 0px;
       font-size: xx-small;
       color: #666;
       line-height: 1.4;
       }
html>body div#directry { font-size: x-small; }

#directry a {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       background: none;
       }

#contents-title h3 {
       width: 699px;
       margin: 5px 0px 0px 25px;
       padding: 10px;
       font-size: 130%;
       color: #000;
       }
html>body div#contents h3 { width: 704px; }

#info-contents-title {
       width: 510px;
       margin: 20px 0px 0px 20px;
       padding: 0;
       text-align: left;
       /*＼*/
       _margin: 20px 0px 0px 0px;
       _padding: 0px;
       /**/
       }

#contents {
       width: 654px;
       margin: 0px;
       padding: 20px 0px 20px 0px;
       text-align: left;
       background: #fff;
       }
html>body #contents {padding: 20px 35px 20px 35px;}

.photo{
       float:right;
       margin: 3px 0px 15px 15px;
       }

.photo-r {
       float:right;
       margin: 3px 0 15px 15px;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-r { font-size: x-small; }

.photo-l {
       float:left;
       margin: 3px 15px 15px 0;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-l { font-size: x-small; }

.photo-c {
       margin: 3px auto 15px auto;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-c { font-size: x-small; }

.photo-r img, .photo-l img, .photo-c img {
       margin-bottom: 3px;
       }

.block {
       margin: 0px 0px 20px 0px;
       clear:both;
       }

.block a:link, .block a:visited, .block a:active, .block a:hover {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       background: none;
       }

.block h4 {
       margin: 0px 0px 15px 0px;
       padding: 5px 0px 5px 10px;
       font-size: 100%;
       color: #92332e;
       border-left: 8px solid #92332e;
       background: #f8f5e5;
       border-top: 1px solid #d5d0be;
       border-bottom: 1px solid #d5d0be;
       border-right: 1px solid #d5d0be;
       }

.block p {
       margin: 5px 0px 0px 0px;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block p { font-size: small; }

.block ul, .block ol {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block ul, div.block ol { font-size: small; }

div.flowblock {
       margin: 0;
       padding: 0;
}

div.l_bn {
       padding-top: 25px;
       }

p.btm_bn {
       text-align: center;
       margin: 50px 0 30px 0;
       }

table.casebox {
       background: url(../img/case_dot.gif) 0 bottom repeat-x;
       padding-bottom: 15px;
       }

.caselink {
       width: 377px;
       background-image: url(../img/arrow_brownbox.gif);
       background-repeat: no-repeat;
       background-position: 0 0.2em;
       padding: 0 0 0 22px;
       font-size: 14px;
       }

#topics h4 {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 3px;
       font-size: 100%;
       color: #a23a35;
       border-left: 4px solid #a23a35;
       }

#topics p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div#topics p { font-size: small; }

#topics ul, #topics ol {
       margin: 0px 0px 0px 0px;
       padding: 0;
       /*＼*/
       _margin: 0;
       /**/
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       list-style:none;
       }
html>body div#topics ul, div#topics ol { font-size: small; }

#topics li {
       border-bottom:1px dotted #d8b8a8;
       margin: 3px 0px 0px 0px;
       padding: 0px 0px 3px 10px;
       background: url(../img/topics_arrow.gif) -3px 0.4em no-repeat;
       }

#topics li a {
       color: #000099;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       background: none;
       }

#topics li a:link, #topics li a:visited, #topics li a:active, #topics li a:hover {
       color: #000099;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       background: none;
       }

.pagetopset {
       margin: 20px 0px 0px 0px;
       padding: 0px;
       text-align:right;
       clear:both;
       }



/* headnav部分設定 #############################  */

#nav_top {
       margin: 0;
       padding: 0;
       height: 77px;
       background: #f5f5f5 url(../img/nav_top_blank.gif) 0 0 no-repeat;
       }

#menu {
       margin: 0;
       padding: 0;
       list-style-type: none;
       }

#menu ul {
       margin: 0;
       padding: 0;
       }

#menu li {
       float: left;
       margin: 0;
       padding: 0;
       display: inline;
       list-style-type: none;
       }

#menu li a {
       margin: 0;
       float: left;
       padding-top: 44px;
       height: 0px !important;
       height /**/: 44px;
       overflow: hidden;
       }

#menu a:hover { background-position: 0 -44px; }
#menu a.selected { background-position: 0 -44px; }
#menu a:hover.selected { background-position: 0 -44px; }


/*++++++++++++++++ nav button set ++++++++++++++++*/
.nav01 a { width: 129px; background: url(../img/nav01.gif) no-repeat; }
.nav02 a { width: 176px; background: url(../img/nav02.gif) no-repeat; }
.nav03 a { width: 129px; background: url(../img/nav03.gif) no-repeat; }
.nav04 a { width: 129px; background: url(../img/nav04.gif) no-repeat; }
.nav05 a { width: 129px; background: url(../img/nav05.gif) no-repeat; }
.nav06 a { width: 129px; background: url(../img/nav06.gif) no-repeat; }
.nav07 a { width: 129px; background: url(../img/nav07.gif) no-repeat; }


/* nav部分設定 #############################  */

#submenu {
       float: left;
       margin: 0px 0px 0px 0px;
       padding: 0 0 0 0;
       list-style: none;
       }
html>body #submenu {margin: 0px 0px 25px 0px;}

#submenu ul {
       float: left;
       margin: 0;
       padding: 0;
       }   /* リストを隙間なくならべる */

.subbutton {
       float: left;
       margin: 0;
       padding: 0;
       width: 226px;
       font-size: x-small;
       text-align: left;
       line-height: 1.3;
       border-bottom: 1px solid #ccb79e;
       }
html>body li.subbutton { font-size: small; }

.subbutton a {
       margin: 0;
       padding: 10px 10px 7px 25px;
       text-decoration: none;
       display : block;
       color:#685644;
       background: url(../img/arrow_brown.gif) 10px 0.8em no-repeat;
       }
html>body .subbutton a { padding: 8px 10px 7px 25px; }
:first-child+html .subbutton a { padding: 10px 10px 7px 25px; }

.subbutton a:active,
.subbutton a:hover   {
       color           : #47010f;
       background-color: #f6dbcf;
       }

.subbutton a.subselected,
.subbutton a.subselected:active,
.subbutton a.subselected:hover {
       color           : #47010f;
       background-color: #f6dbcf;
       font-weight     : bold;
       }

#submenu a.subnolink { background-color: #f1f1f1; color: #666; }

/*++++++++++++++++ nav localbutton set ++++++++++++++++*/
.localmenu {
       margin    : 0;
       padding   : 0;
       list-style: none;
       }

.localbutton {
       float      : left;
       list-style : none;
       margin     : 0;
       padding    : 0;
       width      : 226px;
       font-size  : x-small;
       line-height: 130%;
       text-align : left;
       border-top : 1px solid #ccb79e;
       }
html>body .localbutton { font-size: small; }

#submenu .localbutton a {
       margin         : 0;
       padding        : 8px 0 6px 25px;
       text-decoration: none;
       display        : block;
       color: #47010f;
       background     : #f6dbcf url(../img/local_arrow.gif) no-repeat 18px 1em;
       }

#submenu .localbutton a:active,
#submenu .localbutton a:hover {
       color           : #92332e;
       background: #fff url(../img/local_arrow_on.gif) no-repeat 18px 1em;
       }
#submenu .localbutton a.localselected,
#submenu .localbutton a.localselected:active,
#submenu .localbutton a.localselected:hover {
       color           : #92332e;
       background: #fff url(../img/local_arrow_on.gif) no-repeat 18px 1em;
       font-weight     : bold;
       }
#submenu a.localnolink { background-color : #f1f1f1; color: #666; }


/* sitemapページのスタイル設定 ###################### */

.block_sm {
       border-bottom: 1px dotted #968968;
       padding: 0px 0 10px 0;
       margin: 0 0 10px 0;
       }

#contents .sitemap {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 12px;
       font-size: x-small;
       color: #0c5c7f;
       border: 0;
       background: url(../img/arrow_brown.gif) no-repeat 0px 0.4em;
       }
html>body div #contents .sitemap { font-size: small; }

#contents .sitemap_ul {
       margin: 3px 0 0 23px;
       padding: 0;
       border: 0;
       list-style: none;
       }

#contents .sitemap_ul li {
       padding: 2px 0 2px 17px;
       margin: 0;
       border: 0;
       font-size: x-small;
       text-align: left;
       background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
       }
html>body #contents .sitemap_ul li { font-size: small;}

.sitemap_ul li ul {
       margin: 3px 0 0px 13px;
       padding: 0;
       list-style: none;
       }

.sitemap_ul li ul li {
       padding-left: 17px;
       margin: 0;
       text-align: left;
       background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
       }

/* 余白設定 ################################# */

mb05 {margin-bottom: 5px;}
mb07 {margin-bottom: 7px;}
mb10 {margin-bottom: 10px;}
mb20 {margin-bottom: 20px;}