body { color: black; font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック", "ＭＳ ゴシック", 平成角ゴシック; line-height: 18pt; background-color: #ececec; background-image: url(/ars/img/back.gif); background-repeat: repeat-x; margin: 0; }

*:first-child + html body {	/* for IF7 */
font-family: "メイリオ","Meiryo";
}

h1,h2,h3,h4 { font-size: 12px; font-weight: normal; margin: 0; padding: 0; }
ol, ul, li { margin: 0; padding: 0; list-style-type: none; }
form { margin: 0; padding: 0; list-style-type: none; }
p { margin-top: 0px; margin-bottom: 0px; }
a { color: #868577; font-weight: normal; text-decoration: none; }
a:hover { color: #262626; text-decoration: underline; }

div#box { background-color: #fff; position: relative; width: 920px; margin-right: auto; margin-left: auto; }
div#head { height: 80px; display: block; }

div#head_link { width: 920px; height: 23px; }
div#head_link ul li { float: left; }
div#head_link ul li a { background-image: url(/ars/img/head_link.gif); text-indent: -9999px; height: 23px; overflow: hidden; display: block; }
div#head_link ul li a#m1 { background-position: 0 0; width: 153px; }
div#head_link ul li a#m2 { background-position: -153px 0; width: 153px; }
div#head_link ul li a#m3 { background-position: -306px 0; width: 154px; }
div#head_link ul li a#m4 { background-position: -460px 0; width: 153px; }
div#head_link ul li a#m5 { background-position: -614px 0; width: 153px; }
div#head_link ul li a#m6 { background-position: -767px 0; width: 154px; }
div#head_link ul li a#m1:hover { background-position: 0 -23px; width: 153px; }
div#head_link ul li a#m2:hover { background-position: -153px -23px; width: 153px; }
div#head_link ul li a#m3:hover { background-position: -306px -23px; width: 154px; }
div#head_link ul li a#m4:hover { background-position: -460px -23px; width: 153px; }
div#head_link ul li a#m5:hover { background-position: -614px -23px; width: 153px; }
div#head_link ul li a#m6:hover { background-position: -767px -23px; width: 154px; }

div#main { position: relative; width: 920px; }
div#main p.pan { font-size: 10px; line-height: 10px; margin-left: 30px; padding-top: 15px; padding-bottom: 15px; }
img.logo { margin-top: 15px;}
h1#top_h1 { color: #262626; font-size: 10px; font-weight: normal; line-height: 12px; text-align: right; position: absolute; right: 30px; bottom: 50px; margin: 0; }
p#top_h1 { color: #262626; font-size: 10px; font-weight: normal; line-height: 12px; text-align: right; position: absolute; right: 30px; bottom: 50px; margin: 0; }
h2#top_h1 { color: #262626; font-size: 10px; font-weight: normal; line-height: 12px; text-align: right; position: absolute; right: 30px; bottom: 50px; margin: 0; }
div#search { position: absolute; top: 30px; right: 0; }

div.clear { clear: right; }

div#contents_google { font-size: 12px; line-height: 18px; float: left; margin-left: 30px; }
div#contents_google h1 { font-size: 21px; font-weight: bolder; line-height: 24px; margin-bottom: 20px; }

div#contents { width: 606px; float: left; margin-left: 30px; }
div#contents h1 { font-size: 21px; font-weight: bolder; line-height: 24px; margin-bottom: 20px; }
div#contents p { font-size: 12px; margin-bottom: 20px; }
div#contents img { margin-bottom: 20px; }
div#contents img.imgleft { float: right; margin-left: 30px; }

div#contents h2 { font-size: 14px; font-weight: bolder; line-height: 14px; background-color: #ededed; margin-bottom: 20px; padding: 7px; }
div#contents h3 { font-size: 12px; font-weight: bold; line-height: 18px; margin-bottom: 10px; }
div#contents h4 { font-size: 12px; font-weight: bold; line-height: 18px; margin-bottom: 10px; }
div#contents p.mini { font-size: 10px; line-height: 16px; margin-bottom: 15px; }

div#contents table.tablea { font-size: 12px; line-height: 16px; width: 606px; margin: 10px auto 20px; padding: 0; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-collapse: collapse; }
div#contents table.tablea td { margin: 0; padding: 3px; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }
div#contents table.tablea th { font-weight: normal; background-color: #f1f1f1; width: 150px; margin: 0; padding: 3px; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; }

div#contents table.case {  width: 606px; margin: 10px auto 20px; padding: 0; border-collapse: collapse; }
div#contents table.case td { width: 50%; padding-right: 20px; }

div#contents p.redar{ text-align:right; line-height:16pt;}
div#contents table#privacy{margin-bottom:20px; border:solid 1px #CCCCCC;}
div#contents table#privacy td{padding:5px; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC;}
div#contents table#privacy td.noline{border-bottom:none;}
div#contents table#privacy td.noline2{border-right:none;}
div#contents p.ml{margin-left:3em;}
div#contents span.ml2{margin-left:2em;}


#menu { width: 222px; float: left; margin-bottom: 20px; padding-left: 30px; }
#menu p a.portfolio { background-image: url(/ars/img/portfolio.gif); text-indent: -9999px; width: 222px; height: 136px; overflow: hidden; display: block; }
#menu p a.portfolio:hover { background-position: 0 -136px; }
#menu h2#case { background-image: url(/ars/img/case.gif); text-indent: -9999px; width: 222px; height: 26px; display: block; }
#menu p a.case1 { background-image: url(/ars/img/case1.gif); text-indent: -9999px; width: 222px; height: 33px; overflow: hidden; display: block; }
#menu p a.case2 { background-image: url(/ars/img/case2.gif); text-indent: -9999px; width: 222px; height: 33px; overflow: hidden; display: block; }
#menu p a.case3 { background-image: url(/ars/img/case3.gif); text-indent: -9999px; width: 222px; height: 33px; overflow: hidden; display: block; }
#menu p a.case4 { background-image: url(/ars/img/case4.gif); text-indent: -9999px; width: 222px; height: 33px; overflow: hidden; display: block; }
#menu p a.case5 { background-image: url(/ars/img/case5.gif); text-indent: -9999px; width: 222px; height: 33px; overflow: hidden; display: block; }
#menu p a.case6 { background-image: url(/ars/img/case6.gif); text-indent: -9999px; width: 222px; height: 33px; overflow: hidden; display: block; }
#menu p a.case7 { background-image: url(/ars/img/case7.gif); text-indent: -9999px; width: 222px; height: 33px; overflow: hidden; display: block; }

#menu h2#pickup { background-image: url(/ars/img/pickup.gif); text-indent: -9999px; width: 222px; height: 26px; margin-top: 10px; display: block; }
#menu p a.pickup1 { background-image: url(/ars/img/pickup1.gif); text-indent: -9999px; width: 222px; height: 33px; overflow: hidden; display: block; }
#menu p a.pickup2 { background-image: url(/ars/img/pickup2.gif); text-indent: -9999px; width: 222px; height: 33px; overflow: hidden; display: block; }
#menu p a.pickup3 { background-image: url(/ars/img/pickup3.gif); text-indent: -9999px; width: 222px; height: 33px; overflow: hidden; display: block; }

#foot { background-color: #f5f5f5; width: 920px; height: 80px; clear: both; }
#foot p { margin-left: 30px; padding-top: 10px; }
#foot p.copy { font-size: 10px; font-family: Arial, Geneva, Helvetica, SunSans-Regular, sans-serif; margin-left: 30px; }

