@charset "Shift_JIS";
/* Base Weblog (base-weblog.css) */

/* basic elements */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 20px 0;
   font-family: verdana, 'trebuchet ms', sans-serif;
   font-size: 80%;
   color: #333;
   line-height:1.4;
   background: #FFF url("http://www.m-workshop.co.jp/common/images/bg_body.gif") ;
}

form, input { margin: 0; padding: 0; }
a img { border: 0; }

a:link {color:#1D5187;text-decoration:underline;}
a:active {color:#666;text-decoration:underline;}
a:visited {color:#1D5187;text-decoration:underline;}
a:hover {color:#666;text-decoration: underline;}

h2, h3, h4, h5, h6 { font-weight: normal; }
h4, h5, h6,pre, blockquote {
   margin-top: 10px;
   margin-bottom: 10px;
}
ul,ol{
margin:0.5em 0 0.5em 2em;
padding:0;
}

img {
border: 0;
}







#container {
width: 784px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
border: 1px solid #8D8D8D;
background-color: #FFF;
}

#header {
margin: 0;
padding: 0;
}

#header h1.offLeft {
position: relative;
display: block;
text-indent: -9999px;
background: #848400 url("http://www.m-workshop.co.jp/common/images/img_logo.gif") right top no-repeat;
font-size: 10px;
width: 784px;
height: 22px;
margin: 0;
padding: 0;
}



#contentsBody {
margin: 0;
padding: 0;
}


/*========== column1 ==========*/
#contentsBody #column1 {
float: left;
width: 140px;
}

#column1 ul {
list-style-position:outside;
list-style-type: none;
vertical-align:bottom;
margin: 0;
padding: 0;
}

#column1 ul li {
font-size:1px;
line-height:0;
vertical-align:bottom;
}

#column1 img{
vertical-align:bottom;
}




/*========== column2 ==========*/
#contentsBody #column2 {
float: left;
width: 504px;
padding: 0 0 20px 0;
background: url("http://www.m-workshop.co.jp/common/images/bg_column2.gif") center top repeat-y;
}

#column2 .main {
width: 460px;
margin: 30px auto 1em auto;
padding: 0 0 27px 0;
}

#column2 .main h2 {
display: block;
font-weight: bold; 
font-size: 16px;
margin: 0;
padding: 5px 0 5px 25px;
background: url("http://www.m-workshop.co.jp/common/images/bg_entrytitle.gif") left top repeat-y;
color: #666;
}

#column2 .main h3 {
padding:5px 0 5px 20px;
font-size:110%;
font-weight: bold;
color: #336667;
background:url("common/images/bg_h3.gif") left bottom no-repeat;
}

#column2 .main h4 {
padding: 3px;
color: #666;
font-size:130%;
font-weight: bold;
border-top: 1px solid #46777B;
border-bottom: 1px solid #46777B;
}



#column2 .main .entryNavi a {
font-size: 11px;
}

#column2 .mainImg {
width: 466px;
text-align:center;
}
#column2 .mainImg img {
margin: 0 auto;
}


#column2 .main p.concept{
color:#701B1B;
font-size:110%;
font-weight:bold;
}

#column2 .main ul.point{
margin:0.8em 1em;
}

#column2 .main ul.point li{
padding:0 0 0 13px;
list-style:none;
background:url(common/images/ico_point.gif) no-repeat 0px 5px;
}


/* div.consal */
#column2 div.consal{
margin-bottom:20px;
border:1px solid #CCCC98;
}

#column2 div.consal h4{
margin:0;
padding:5px 0 5px 5px;
color:#444;
border-top:none;
border-bottom:1px solid #D9D9D9;
border-left:5px solid #996533;
}

#column2 div.consal p{
margin:10px;
}

#column2 div.conceptDetails h3 {
font-weight:bold;
font-size:1.5em;
}

#column2 div.conceptDetails h4 {
font-weight:bold;
color:#336667;
}

#column2 .topEntries {
width: 460px;
margin: 5px auto 27px auto;
}

#column2 .topEntries .entryDate {
color: #6F745D;
font-weight: bolder;
}


#column2 .topEntries h2.entryTitle {
display: block;
font-weight: bold; 
font-size: 16px;
margin: 0;
padding: 5px 0 5px 25px;
}

#column2 .topEntries .entryWriter {
margin: 0;
padding: 5px 10px 5px 5px;
font-size: 12px;
text-align: right;
}

#column2 .topEntries .writerName {
font-weight: bold; 
color: #6F745D;
}



#column2 .main table {
border: 1px solid #666;
margin: 0 0 15px 0;
}

#column2 .main td {
border: 1px solid #eee;
padding: 4px;
}

#column2 .main th.th_bg {
height:26px;
padding-left:5px;
color:#6A5442;
text-align:left;
background:url("common/images/bg_th.gif") repeat-x;
}

#column2 .main td.item {
background-color: #C0D2DA;
}

#column2 .main .btnSubmit {
text-align:center;
}


#column2 .main .topBack {
font-size: 11px;
}




/*========== column3 ==========*/
#contentsBody #column3 {
float: right;
width: 140px;
}

#column3 ul {
margin:0;
padding:0;
list-style-position:outide;
list-style-type:none;
vertical-align:bottom;
}

#column3 ul li {
font-size:0;
line-height:0;
vertical-align:bottom;
}

#column3 img{
vertical-align:bottom;
}



/*========== footer ==========*/
#footer {
clear: both;
height: 1.4em;
padding: 2px;
text-align: right;
vertical-align: middle;
color: #FFF;
font-size: 11px;
background-color: #5B5C34;
}