/*
Theme Name: macchan
Theme URI: http://www.mylife-issyou.com/
Description: 記帳代行安心システム
Author: Webcom
*/

*{
margin: 0;
padding: 0;
}*

img{
border-style: none;
}

a{
outline: 0;
}

body{
background-color: #ffffff;
margin: 0;
padding: 0;
font-family: 'MS PGothic', Osaka, sans-serif;
}

#wrapper{
background-image: url("image/share/bg.png");
background-repeat: repeat-y;
width: 916px;
height: auto;
margin: auto;
}

#header{
width: 900px;
height: 80px;
margin: auto;
}

#headnavi{
width: 900px;
height: 20px;
margin: auto;
}

#headnavi h1{
color: #555555;
font-size: 10px;
padding: 3px 10px;
}

#logo{
width: 370px;
height: 60px;
float: left;
}

#inq{
width: 190px;
height: 60px;
float: right;
}

#container{
width: 900px;
height: auto;
margin: auto;
}

#content{
width: 700px;
height: auto;
margin: auto;
float: right;
}

#maincontents{
width: 695px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
}

#maincontents b{
font-size: 14px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

#navi{
width: 680px;
height: auto;
margin: 10px;
}

#navi p{
font-size: 13px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

#contact{
width: 695px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
}

#contact b{
font-size: 14px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

#pagecontents{
width: 695px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
}

#pagecontents h3{
width: auto;
height: auto;
background-color: #f8e0e0;
font-size: 14px;
color: #333333;
margin-top: 5px;
margin-bottom: 5px;
padding: 13px 10px;
border-left: 10px solid #a0414f;
}

#pagecontents b{
font-size: 13px;
color: #333333;
margin-top: 5px;
margin-bottom: 5px;
padding: 10px 10px;
border-left: 10px solid #a0414f;
}

#pagecontents p{
font-size: 13px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

table.form{
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
font-size: 13px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

table.form td{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
text-align: left;
}

table.about{
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
border-spacing: 2px;
}

table.about th,table.about td{
padding: 4px 6px;
}

table.about th{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
background: #a0414f;
text-align: center;
white-space: nowrap;
font-size: 13px;
color: #ffffff;
}

table.about td{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
background: #f3f3f3;
text-align: left;
font-size: 13px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

#sidebar{
width: 200px;
height: auto;
margin: auto;
float: left;
}

#sidenavi{
width: 195px;
height: 205px;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
}

#sidenavi ul{
padding: 0;
list-style: none;
}

#sidenavi li,#sidenavi a{
float: left;
width: 195px;
height: 40px;
background-image: url("image/share/navi.gif");
text-indent: -9999px;
}

#sidenavi01 a {background-position: 0 0 }
#sidenavi02 a {background-position: 0 -40px }
#sidenavi03 a {background-position: 0 -80px }
#sidenavi04 a {background-position: 0 -120px }
#sidenavi05 a {background-position: 0 -160px }
#sidenavi01 a:hover {background-position: -195px 0 }
#sidenavi02 a:hover {background-position: -195px -40px }
#sidenavi03 a:hover {background-position: -195px -80px }
#sidenavi04 a:hover {background-position: -195px -120px }
#sidenavi05 a:hover {background-position: -195px -160px }

#blog{
width: 185px;
height: auto;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 10px;
border: 1px solid #eed1d0;
}

#blog p{
background-image: url("image/share/blog_title.gif");
background-repeat: no-repeat;
font-family: 'HG丸ｺﾞｼｯｸM-PRO''Hiragino Maru Gothic Pro', Osaka, sans-serif;
color: #a0414f;
font-size: 13px;
padding: 2px 20px;
}

table.blog{
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.blog td{
padding: 3px 10px;
font-size: 13px;
color: #333333;
text-align: left;
}
.blog th{
padding: 3px 10px;
font-size: 13px;
color: #f5a627;
text-align: left;
}
.blog a{
padding: 3px 10px;
font-size: 13px;
color: #f5a627;
text-align: left;
}

#footer{
clear: both;
background-image: url("image/share/footer.gif");
background-repeat: no-repeat;
width: 900px;
height: 150px;
margin: auto;
}

#footer address{
font-size: 14px;
font-style: normal;
color: #a0414f;
text-align: right;
padding: 5px 5px;
}

#footer ul{
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}

#footer li{
font-size: 12px;
display: inline;
}

#footer a,#footer a:link,#footer a:visited{
text-decoration: none;
color: #f7b551;
background-color: transparent;
padding: 5px 5px;
}
