/*共通*/
*{margin:0px;padding:0px}
body{background:#fff url("imgs/bg_body.gif") repeat-x;text-align:center;font:normal 12px 'ＭＳ Ｐゴシック',sans-serif;}
ul,ol,dl,table{font:normal 12px 'ＭＳ Ｐゴシック',sans-serif}
.main ul,ol{margin:0.8em 2em}
.main dt{font-weight:bold;color:#888}
.main dd{margin:0.5em 0px 0.5em 1.5em}
.main p{margin:0.8em 0px}
a{text-decoration:none;}
a img{border-style:none}
strong{color:#c00;font-weight:bold}
td,th{vertical-align:top;text-align:left}
th{padding-right:1em;font-weight:normal}
.req{color:#f00;margin:0px 3px;font-weight:bold;font-size:10px}
.cpy{font-size:14px;font-weight:bold;color:#555}
div.container{width:900px;text-align:left;margin:0px auto;position:relative;}

/*------head--------------*/
#header{height:210px;background:#fff url("imgs/headimage.jpg") no-repeat;}
#header h1,#header h2,#header h3,#header p,#navi1,#navi2{position:absolute;}

#header p.head1{top:3px;margin:0px 5px;font-weight:normal;font-size:10px;color:#000;}
#header h1{font-size:14px;top:210px;left:0px;width:565px;height:33px;background:#fff url(imgs/bg_h1.gif) no-repeat;line-height:33px;text-indent:15px;color:#fff;border:1px solid #000}
#header p.head2{top:24px;left:19px;}
#header p a{width:233px;height:81px;}
#header h2{font-size:10px;font-weight:normal;top:115px;margin:0px 10px;color:#fff;width:250px;text-align:center}
#header h2 a{color:#fff;}
#header h3{font-size:12px;font-weight:normal;top:30px;margin:0px 0px 0px 600px;color:#000;width:295px;line-height:1.3em}



/*---------navi----------------*/
#header ul{margin-left:0px;text-align:right;width:900px}
#header ul#navi1{top:162px;list-style-type:none;font-size:10px;}
#header ul#navi2{top:186px;list-style-type:none;font-size:12px;}
#header ul#navi1 li,#header ul#navi2 li{display:inline;margin-left:10px;}
#header ul#navi1 a{color:#000;}
#header ul#navi1 a:hover{color:#fff}
#header ul#navi2 a{color:#fff;}
#header ul#navi2 a:hover{color:#000}

/*---------content----------------*/
div.content{}
/*---------main----------------*/
div.main{float:left;width:565px;margin-top:30px}
.main h2{font-size:14px;padding:5px;border:1px solid #000;color:#000;margin:15px 0px 5px;background-color:#eee}
.main h3{font-size:12px;color:#f30}
.main h4{background-color:#eee;padding:3px 5px;font-size:12px;margin:15px 0px 10px;color:#333;border:1px solid #666;clear:left}
.main h5{margin:1.5em 0px 1em;font-size:12px;border:1px solid #555;color:#555;padding:3px 5px}


.ad{background:url("imgs/bnr_main_below.gif") no-repeat;width:564px;margin-top:20px;}
.ad h3{padding:5px 25px 0px 5px}
.ad p{padding:2px 25px 0px 5px}
.ad p.adfooter{padding:2px 25px 6px 5px;background:url("imgs/bnr_main_below2.gif") no-repeat bottom}


/*---------side----------------*/
div.side{float:right;width:330px;}
div.side .jma{text-align:center;border:1px solid #666;padding:5px;margin-bottom:2px}
div.side div.db{margin:0px;background-color:#faa;border:1px solid #666}
div.side .db a{display:block;width:328px;height:121px;background:url("imgs/side_db.gif") no-repeat;color:#fff;}
div.side .db p a{width:auto;height:auto;background-image:none;background-color:#fff;color:#700}
div.side a p{display:block;padding:84px 10px 0px}
.side .follow{background:url("imgs/side_news_bg.gif") repeat-y;margin-top:3px;zoom:1}
.side .follow h2{height:29px;text-indent:-9999px}
.side .follow .news,.side .follow .blogs{float:left;width:163px}
.side .follow .news{margin-right:4px}
.side .follow .news h2{background:url("imgs/side_news_head.gif") no-repeat}
.side .follow .blogs h2{background:url("imgs/side_blogs_head.gif") no-repeat}
.side .foot{clear:both;width:330px;height:23px;background:url("imgs/side_news_foot.gif") no-repeat}


.side .news dl{padding:5px 8px 0px}
.side .news dt{padding:5px 0px 0px}
.side .blogs img{float:left;margin-right:2px}
.side .follow a{color:#810;font-size:10px;}
.side .follow a:hover{color:#841}
.side .blog{padding:5px 8px 0px}
.side .blog .reader{clear:left}



/*-----------footer--------------*/
div#footer{clear:both;font-size:10px;background: url("imgs/bg_foot.gif") repeat-x;padding:25px 10px}
div#footer h3{}
div#footer a{color:#fff}
address{font-style:normal}

/*-----------cases--------------*/
.back{text-align:right}


/*-----------cases--------------*/
.caseindex{margin-bottom:2em}
.caseindex img{float:left;border:1px solid #aaa}
.caseindex  p, .caseindex  h2{margin-left:90px}
.caseindex h2{font-size:14px;font-weight:bold;border-bottom:2px solid #900;padding:3px;background-image:none}
.caseindex  h2 a{color:#000}
.cases p.cpy{border-bottom:1px dotted #f00}
.cases th,.cases td{padding:2px 5px}
.cases th{white-space:nowrap;background-color:#eee;text-align:center;}
.cases td{border-bottom:1px dotted #ddd}

/*-----------qa--------------*/
.qa .q{color:#a00;font-weight:bold}
.qa .a{margin-left:1em}

/*-----------profile--------------*/
.profile th,.profile td{border-bottom:1px dotted #999}
.profile th{text-align:right;margin-right:1em}

/*-----------contact--------------*/
.contact th,.contact td{padding:2px}
.contact th{border:1px solid #aaa}
.contact td{vertical-align:middle}

/*-----------about--------------*/
.keisan{margin:1em;padding:1em;border:1px solid #488;background-color:#def}

/*-----------toppage intro--------------*/
.topintro{padding:1px;border:1px solid #aaa;width:275px;height:100px;margin:1px 1px 0px 0px ;float:left}
.topintro .y{font-size:10px}
.topintro .name{font-size:14px;font-weight:bold;}
.topintro img{float:left;margin-right:5px}
.topintro a{color:#900}

/*-----------rinen--------------*/
.maruyama{text-align:right;padding-right:20px;}

/*-----------topage--------------*/
.maintop{background-image: url(imgs/top_imgback.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;}