/*-------------------------------------------------------
グローバル
-------------------------------------------------------*/

body {
    padding:0px;
    margin:0px;
    font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',;
    font-size:13px;
    color:#666666;
    line-height:20px;

    background:url(/image/bg.gif) top center repeat-y #cccccc;
    text-align:center;
}


tr{
    vertical-align: top;
}

a{
    color:#0066cc;
    text-decoration: none;
}
a:hover{
    color:#000000;
    text-decoration: underline;
}

img{
    margin:0px;
    border:0px;
    vertical-align:bottom;
}

h1{ margin:0px; padding:0px; font-size:16px; text-decoration:none; font-weight:normal; }
h2{ margin:0px; padding:0px; font-size:16px; text-decoration:none; font-weight:normal; }
h3{ margin:0px; padding:0px; font-size:16px; text-decoration:none; font-weight:normal; }

/* Flashの隙間対策 */
object,embed { vertical-align:top; }


/*  */
.clear { clear:both; }
div { margin:0px; padding:0px; }
ul { margin:0px; padding:0px; list-style:none; }
li { margin:0px; padding:0px; }





/*-------------------------------------------------------
header
-------------------------------------------------------*/
#header { width:960px; margin:0px auto; text-align:left; }
#header .header_text { width:960px; height:26px; background:url(/image/header_text_bg.gif) no-repeat; }
#header .header_text .wrapper { padding:3px 0px 0px 8px; color:#cccccc; }

#header .header_row1 { padding:25px 0px 0px 0px; }
#header .header_row1 .logo { float:left; width:200px; }
#header .header_row1 .logo img {  padding:26px 0px 0px 17px; }
#header .header_row1 .message { float:left; width:300px; padding:32px 0px 0px 0px; font-size:13px; letter-spacing:1px; }
#header .header_row1 .list { float:right; width:460px; }
#header .header_row1 .list ul { float:right; padding:32px 10px 0px 0px; }
#header .header_row1 .list li { float:left; padding:0px 0px 0px 30px; }
#header .header_row1 .list li a { color:#333333; }
#header .header_row1 .list li a:hover { color:#ff6600; }




/*-------------------------------------------------------
vsl
-------------------------------------------------------*/
#vsl { width:960px; margin:25px auto 0px auto; text-align:left; }




/*-------------------------------------------------------
main
-------------------------------------------------------*/
#main { width:960px; margin:0px auto; text-align:left; }
#main .main_left { float:left; width:200px; }
#main .main_left .left_news { width:200px; height:195px; background:url(/image/left_news.jpg) no-repeat; }

#main .main_left .left_navi {  }
#main .main_left .left_navi ul { width:200px; }
#main .main_left .left_navi li a.left_tomita { display:block; width:200px; height:130px; background:url(/image/left_navi_tomita.jpg) 0px 0px no-repeat; }
#main .main_left .left_navi li a.left_tomita:hover { background:url(/image/left_navi_tomita.jpg) -200px 0px no-repeat; }

#main .main_left .left_navi li a.left_tech { display:block; width:200px; height:65px; background:url(/image/left_navi_tech.jpg) no-repeat; }
#main .main_left .left_navi li a.left_tech:hover { background:url(/image/left_navi_tech.jpg) -200px 0px no-repeat; }

#main .main_left .left_navi li a.left_kikaku { display:block; width:200px; height:65px; background:url(/image/left_navi_kikaku.jpg) no-repeat; }
#main .main_left .left_navi li a.left_kikaku:hover { background:url(/image/left_navi_kikaku.jpg) -200px 0px no-repeat; }

#main .main_left .left_navi li a.left_cost { display:block; width:200px; height:65px; background:url(/image/left_navi_cost.jpg) no-repeat; }
#main .main_left .left_navi li a.left_cost:hover { background:url(/image/left_navi_cost.jpg) -200px 0px no-repeat; }

#main .main_left .left_navi li a.left_kyaku { display:block; width:200px; height:65px; background:url(/image/left_navi_kyaku.jpg) no-repeat; }
#main .main_left .left_navi li a.left_kyaku:hover { background:url(/image/left_navi_kyaku.jpg) -200px 0px no-repeat; }

#main .main_left .left_navi li a.left_design { display:block; width:200px; height:65px; background:url(/image/left_navi_design.jpg) no-repeat; }
#main .main_left .left_navi li a.left_design:hover { background:url(/image/left_navi_design.jpg) -200px 0px no-repeat; }

#main .main_left .left_navi li a.left_system { display:block; width:200px; height:65px; background:url(/image/left_navi_system.jpg) no-repeat; }
#main .main_left .left_navi li a.left_system:hover { background:url(/image/left_navi_system.jpg) -200px 0px no-repeat; }

#main .main_left .left_navi li a.left_movie { display:block; width:200px; height:65px; background:url(/image/left_navi_movie.jpg) no-repeat; }
#main .main_left .left_navi li a.left_movie:hover { background:url(/image/left_navi_movie.jpg) -200px 0px no-repeat; }

#main .main_left .left_navi li a.left_buil { display:block; width:200px; height:65px; background:url(/image/left_navi_buil.jpg) no-repeat; }
#main .main_left .left_navi li a.left_buil:hover { background:url(/image/left_navi_buil.jpg) -200px 0px no-repeat; }

#main .main_left .left_navi li a.left_create { display:block; width:200px; height:65px; background:url(/image/left_navi_create.jpg) no-repeat; }
#main .main_left .left_navi li a.left_create:hover { background:url(/image/left_navi_create.jpg) -200px 0px no-repeat; }


#main .main_left .left_navi li a.left_jirei { display:block; width:200px; height:100px; background:url(/image/left_navi_jirei.jpg) no-repeat; }
#main .main_left .left_navi li a.left_jirei:hover { background:url(/image/left_navi_jirei.jpg) -200px 0px no-repeat; }


#main .main_right { float:right; width:720px; }


/*-------------------------------------------------------
jirei
-------------------------------------------------------*/
.jirei { padding:0px 0px 0px 55px; text-align:left; }
.jirei .jirei_wrapper { padding:25px 0px 25px 0px; border-bottom:solid 1px #cccccc; }
.jirei .jirei_image { float:left; width:160px; }
.jirei .jirei_image img { width:158px; }
.jirei .jirei_text { float:right; width:400px; }
.jirei .jirei_text .jirei_title { }
.jirei .jirei_text .jirei_title .caption { font-size:13px; color:#000000; }
.jirei .jirei_text .jirei_title h3 { padding:5px 0px 0px 0px; font-size:20px; color:#000000; line-height:24px; }
.jirei .jirei_text .jirei_title h3 a { color:#000000; }
    .jirei .jirei_text .jirei_tantou { padding:15px 0px 0px 0px; font-size:13px; color:#3366cc; }
.jirei .jirei_text .jirei_comment { padding:15px 0px 0px 0px; font-size:13px; color:#666666; }



/*-------------------------------------------------------
footer
-------------------------------------------------------*/
#footer { width:960px; margin:60px auto 0px auto; padding:20px 0px; border-top:solid 1px #cccccc; }
#footer .copyright { font-size:12px; color:#666666; }