/* CSS Document */

body {
border-top:3px solid #c00;
margin:0;
background:#fff;
/* 
background-image:url(http://simer.jp/img/bg.gif);
background-repeat:repeat-y;
background-position:top center;
*/
color:#383636;
font-size:85%;
line-height:180%;
letter-spacing:1px;
font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
h2 {
border-bottom:2ps solid #c00;
background-image:url(http://simer.jp/img/bg-h2.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
height:30px;
}
h3 {
clear:both;
background-image:url(http://simer.jp/img/bg-h3.gif);
background-repeat:no-repeat;
background-position:right;
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
}

h4 {
margin-bottom:0;
}
h5 {
font-size:100%;
border-bottom:1px dotted #666;
}
li {
border-bottom:1px dotted #ccc;
}
img {
border:0;
}
img.right {
float:right;
padding-left:5px;
}
img.left {
float:left;
padding-right:5px;
}
address {
clear:both;
font-style: normal;
}
a:link {
color:#36c;
text-decoration:underline;
}
a:visited {
color:#39c;
text-decoration:underline;
}
a:hover {
color:#39c;
text-decoration:none;
}

ul {
list-style-image:url(http://simer.jp/img/arrow.gif);
}

/*
div#bg {
background-image:url(http://simer.jp/img/bg-main.gif);
background-repeat:no-repeat;
background-position:top center;
}*/

div.wrapper {
width:840px;
text-align:left;
clear:both;
}

/* --------ヘッドライン------------*/

div#headline {
margin-top:10px;
height:75px;
width:840px;
text-align:right;
}
div#headline img {
float:left;
}
div#headline table {
width:240px;
padding-top:30px;
float:right;
}
div#headline td.detail img {
width:134px;
height:19px;
}
div#headline td.detail a:link img,div#headline td.detail a:visited img {
background-image:url(http://simer.jp/img/head01.gif);
background-repeat:no-repeat;
background-position:top center;
}
div#headline td.detail a:hover img {
background-image:url(http://simer.jp/img/head01.gif);
background-repeat:no-repeat;
background-position:bottom center;
}
div#headline td.service img {
width:151px;
height:19px;
}
div#headline td.service a:link img,div#headline td.service a:visited img {
background-image:url(http://simer.jp/img/head02.gif);
background-repeat:no-repeat;
background-position:top center;
}
div#headline td.service a:hover img {
background-image:url(http://simer.jp/img/head02.gif);
background-repeat:no-repeat;
background-position:bottom center;
}
div#headline td.result img {
width:103px;
height:19px;
}
div#headline td.result a:link img,div#headline td.result a:visited img {
background-image:url(http://simer.jp/img/head03.gif);
background-repeat:no-repeat;
background-position:top center;
}
div#headline td.result a:hover img {
background-image:url(http://simer.jp/img/head03.gif);
background-repeat:no-repeat;
background-position:bottom center;
}

div#headline table td.mail img {
width:106px;
height:19px;
}
div#headline td.mail a:link img,div#headline td.mail a:visited img {
background-image:url(http://simer.jp/img/head04.gif);
background-repeat:no-repeat;
background-position:top center;
}
div#headline table td.mail a:hover img {
background-image:url(http://simer.jp/img/head04.gif);
background-repeat:no-repeat;
background-position:bottom center;
}



/* --------ナビゲーション------------*/

div#navigation {
width:210px;
float:left;
margin-right:15px;
margin-top:0px;
}

div#navigation a:link,div#navigation a:visited {
color:#000;
text-decoration:none;
}

div#navigation a:hover {
color:#000;
text-decoration:underline;
}

div#navigation dl.service {
margin-top:0;
margin-bottom:5px;
background-image:url(http://simer.jp/img/bg-side.gif);
}

div#navigation dl.service dt {
margin-bottom:0;
}

div#navigation dl.service dd,div#navigation dl.detail dd {
margin:0;
padding-left:10px;
border-bottom:1px dotted #ccc;
}

div#navigation dl.service dd a {
padding-left:20px;
border-bottom:1px dotted #fff;
line-height:180%;
background-image:url(http://simer.jp/img/side-ddarrow.gif);
background-position:left;
background-repeat:no-repeat;
display:block;
}
div#navigation dl.service dd a:hover {
background-image:url(http://simer.jp/img/side-ddarrowh.gif);
background-position:left;
background-repeat:no-repeat;
display:block;
}

div#navigation dl.detail {
margin-top:5px;
background-image:url(http://simer.jp/img/bg-side.gif);
}

div#navigation dl.detail dd a {
margin:0;
padding-left:20px;
display:block;
}
div#navigation dl.detail dd a:hover {
color:#333;
display:block;
}



/* --------サイド------------
div#side {
width:160px;
float:right;

text-align:center;
}
div#side img {
margin-bottom:10px;
}
div#side div.site{
background:#fff;
background-image:url(http://simer.jp/img/site-footer.gif);
background-repeat:repeat-x;
background-position:bottom center;
margin-bottom:5px;
}*/

/* --------フッター------------*/

div#footer {
clear:both;
background:#900;
background-image:url(http://simer.jp/img/footer-bg.gif);
background-position:top;
background-repeat:repeat-x;
color:#fff;
padding-top:20px;
}
div#footer div.wrapper {
text-align:right;
}

/* --------トップページ------------*/
div#main-index {
background:#9c6;
margin-bottom:30px;
text-align:center;
}
table.top-contents {
width:100%;
padding-bottom:20px;
}
table.top-contents td {
width:33%;
text-align:left;
vertical-align:top;
}

table.top-contents td p {
margin-left:20px;
margin-top:5px;
}



dl.profile {
width:270px;
float:left;
text-align:left;
}
dl.profile dd {
padding-left:5px;
border-bottom:1px dotted #ccc;
}
dl.profile a {
color:#fff;
}


dl.new {
width:550px;
float:right;
text-align:left;
margin-bottom:30px;
}
dl.new dd {
padding-left:5px;
border-bottom:1px dotted #ccc;
}
dl.new a {
color:#fff;
}

div.tel-mail {
clear:both;
padding:5px;
margin-bottom:30px;
text-align:left;
height:65px;
}

/* --------コンテンツ------------*/

div#main {
float:right;
width:600px;
padding-bottom:20px;
background-image:url(http://simer.jp/img/bg-contents.gif);
background-repeat:repeat-y;
background-position:top;
}
div#main p {
margin-left:10px;
margin-right:10px;
}
div.space {
text-align:right;
}
/*
div#main.archive {
margin-top:70px;
}
*/

div#contents {
margin-top:0px;
}
div#contents dt {
font-weight:bold;
}


/* --------制作実例------------*/

div.result img {
float:right;
padding-left:10px;
}
div.result {
margin-top:10px;
clear:both;
}

div.result span {
font-size:85%;
margin-left:10px;
color:#666;
}
dl.result {
clear:both;
border-bottom:1px solid #ccc;
}
dl.result dt, dl.result dd {
background-color:#fff;
margin-left:0;
margin-bottom:0;
line-height:150%;
}
dl.result dt {
padding-left:10px;
float:left;
width:200px;
border-top:1px solid #ccc;
clear:left;
}
dl.result dd {
background-color:#fff;
margin-left:210px;
margin-bottom:0;
border-top:1px solid #ccc;
padding:2px 0 0px 5px;
}

div.result-thumb {
text-align:center;
width:198px;
height:160px;
float:left;
font-size:90%;
line-height:110%;
}

div.result-thumb a:link img,div.result-thumb a:visited img{
border:1px solid #ccc;
}
div.result-thumb a:hover img {
border:1px solid #c00;
}


/* --------自主企画------------*/

div.thumb-site {
width:193px;
text-align:center;
padding:1px;
margin-bottom:20px;
float:left;
}


/* --------赤いグッズ------------*/

div.reds {
clear:both;
margin-left:10px;
margin-right:10px;
}
div.reds img {
float:left;
padding-right:10px;
}
table.reds {
width:100%;
}
table.reds td {
text-align:center;
}

/* --------問い合わせ------------*/
table.mail {
width:100%;
}
table.mail td {
border-bottom:1px solid #ccc;
}

/* --------dl------------*/
dl.data {
border-bottom:1px solid #ccc;
}

dl.data dt, dl.data dd {
background-color:#fff;
margin-left:0;
margin-bottom:0;
line-height:150%;
}

dl.data dt {
padding-left:10px;
padding-top:2px;
float:left;
width:200px;
border-top:1px solid #ccc;
clear:left;
}

dl.data dd {
background-color:#fff;
margin-left:210px;
margin-bottom:0;
border-top:1px solid #ccc;
padding:2px 0 0px 5px;
}

/* --------線で囲う------------*/

div.border {
border:1px solid #666;
padding:7px;
}