@charset "utf-8";
@import "common.css";
@import "init.css";

/*-------------------------------------------------------------------------
Setting
-------------------------------------------------------------------------*/

body{
background-image:url(../img/common/html_bg_top.gif);
}

#HEAD{
height:254px;
background-image:url(../img/top/visual.jpg);
background-repeat:no-repeat;
background-position:100% 0;
}

#CONTENTS{
background-image:none;
}


/*-------------------------------------------------------------------------
Main Menu
-------------------------------------------------------------------------*/

#menues{
height:81px;
margin:1px 0 0 0;
position:relative;
}


#menues dt a,#menues dd a,#menues dd b{
display:block;
text-align:left;
text-decoration:none;
overflow:hidden;
}

#menues .menu_web-design{
position:absolute;
left:1px;
}
#menues .menu_seo{
position:absolute;
left:211px;
}
#menues .menu_cms{
position:absolute;
left:421px;
}
#menues .menu_maintenance{
position:absolute;
left:630px;
}


#menues dt a{
width:209px;
height:40px;
font-size:10px;
text-indent:-9999px;
text-decoration:none;
background-repeat:no-repeat;
background-position:1px 1px;
}
#menues dt a:hover{
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

#menues dt.menu_web-design a{
background-color:#E8A08E;
background-image:url(../img/top/menu_web-design.gif);
}
#menues dt.menu_seo a{
background-color:#A8CC6A;
background-image:url(../img/top/menu_seo.gif);
}
#menues dt.menu_cms a{
width:208px;
background-color:#94BDD1;
background-image:url(../img/top/menu_cms.gif);
}
#menues dt.menu_maintenance a{
background-color:#E8BD5B;
background-image:url(../img/top/menu_maintenance.gif);
}


#menues dd{
width:209px;
height:40px;
position:absolute;
top:41px;
background-image:url(../img/top/menu_arrow.gif);
background-repeat:no-repeat;
background-position:2px 2px;
}

#menues dd a,#menues dd b{
width:183px;
margin:5px 0 0 25px;
font-size:12px;
font-weight:normal;
color:#5A5A5A;
line-height:120%;
}

#menues dd.menu_web-design{
background-color:#F6D9D2;
}
#menues dd.menu_seo{
background-color:#D9E9BF;
}
#menues dd.menu_cms{
width:208px;
background-color:#D4E5ED;
}
#menues dd.menu_maintenance{
background-color:#F4E1B4;
}



/*-------------------------------------------------------------------------
Content Body
-------------------------------------------------------------------------*/

#content-body{
width:800px;
margin:30px 0 0 20px;
}


/*-------------------------------------------------------------------------
Content Body Left
-------------------------------------------------------------------------*/

#content-body #left{
width:500px;
float:left;
}

#content-body #left h2#title_results{
margin:0 0 20px 0;
padding:6px 10px;
font-size:12px;
color:#333;
border-top:2px solid #000;
border-bottom:2px solid #dfdfdf;
background-color:#f1eceb;
background-image:url(../img/common/h2_line.gif);
background-repeat:repeat-x;
background-position:0 100%;
}

#content-body #left h2#title_results b,#content-body #left h2#title_results a{
height:15px;
display:block;
font-weight:normal;
}

#content-body #left h2#title_results b{
width:103px;
float:left;
font-size:10px;
text-indent:-9999px;
line-height:90%;
background-image:url(../img/top/title_results.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#content-body #left h2#title_results a{
width:150px;
float:right;
font-size:12px;
line-height:110%;
text-align:right;
background-image:url(../img/common/arrow_right_red.gif);
background-repeat:no-repeat;
background-position:0 2px;
}


#content-body #left #results_list{

}

#content-body #left #results_list ul{
margin:0;
padding:0;
}

#content-body #left #results_list ul li{
width:150px;
height:170px;
display:inline;
margin:0 0 0 0;
padding:0;
font-size:12px;
line-height:120%;
}

#content-body #left #results_list ul li.item1{
float:left;
}
#content-body #left #results_list ul li.item2{
float:left;
margin-left:25px;
_margin-left:22px;
}
#content-body #left #results_list ul li.item3{
float:right;
}

#content-body #left #results_list ul li img{
margin:0 0 5px 0;
border:1px solid #ddd;
}

#content-body #left #results_list ul li .imgs{
width:150px;
height:120px;
margin:0 0 5px 0;
background-image:url(../img/common/loading.gif);
background-repeat:no-repeat;
background-position:50% 50%;
border:1px solid #ddd;
}
#content-body #left #results_list ul li .imgs a{
width:150px;
height:120px;
display:block;
font-size:10px;
text-decoration:none;
text-indent:-9999px;
overflow:hidden;
}

#content-body #left #results_list ul li a{
color:#444;
text-decoration:none;
}


#content-body #left #manage-site{
background-image:url(../img/top/manage-site_bg.gif);
background-repeat:repeat;
background-position:0 0;
}

#content-body #left #manage-site h3{
height:20px;
margin:0;
padding:0;
font-size:10px;
text-indent:-9999px;
background-color:#E3E0C8;
border-bottom:1px solid #FFF;
background-image:url(../img/top/title_manage-site.gif);
background-repeat:no-repeat;
background-position:10px 50%;
}

#content-body #left #manage-site .item{
width:230px;
margin:10px;
padding:10px 0 10px 0;
display:inline;
background-repeat:no-repeat;
background-position:0 50%;
}

#content-body #left #manage-site .brown{
margin:4px 0 4px 0;
font-size:10px;
color:#917044;
line-height:100%;
}

#content-body #left #manage-site h4{
margin:0;
padding:0;
font-size:14px;
line-height:100%;
}
#content-body #left #manage-site h4 a{
color:#685031;
}

#content-body #left #manage-site p{
margin:7px 0 0 0;
font-size:10px;
color:#666;
line-height:110%;
}

#content-body #left #manage-site #manage_friendlink{
float:left;
background-image:url(../img/top/manage_friendlink.gif);
}

#content-body #left #manage-site #manage_kyujin-tensyoku{
float:right;
background-image:url(../img/top/manage_kyujin-tensyoku.gif);
}

#content-body #left #manage-site #manage_myfriendlink{
float:left;
background-image:url(../img/top/manage_friendlink.gif);
}

#content-body #left #manage-site #manage_bengoshi{
float:right;
background-image:url(../img/top/manage_bengoshi.gif);
}

#content-body #left #manage-site .item .link-banner{
padding-right:5px;
}

/*-------------------------------------------------------------------------
Content Body Right
-------------------------------------------------------------------------*/

#content-body #right{
width:270px;
float:right;
}

#content-body #right #news{
margin:0 0 20px 0;
}

#content-body #right #news h4{
margin:0 0 15px 0;
height:29px;
font-size:10px;
text-indent:-9999px;
background-color:#E8E7E1;
background-image:url(../img/top/title_news.gif);
background-repeat:no-repeat;
background-position:10px 50%;
border-bottom:2px solid #CBC5B1;
}

#content-body #right #news dl{
margin:0;
padding:0;
}

#content-body #right #news dl dt{
margin:0 0 5px 0;
padding:0;
font-size:12px;
font-weight:bolder;
color:#C58E7E;
}

#content-body #right #news dl dd{
margin:0 0 10px 0;
padding:0 0 10px 0;
font-size:12px;
color:#666;
line-height:140%;
background-image:url(../img/top/news_dot-line.gif);
background-repeat:repeat-x;
background-position:0 100%;
}
#content-body #right #news dl dd.last{
margin-bottom:0;
padding-bottom:0;
background-image:none;
}


#content-body #right #mobile-map{
margin:0 0 0 0;
padding:0 0 0 15px;
height:103px;
background-image:url(../img/top/mobile-map.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#content-body #right #mobile-map p{
margin:0 0 5px 0;
padding:35px 110px 0 0;
font-size:12px;
color:#666;
line-height:130%;
}

#content-body #right #mobile-map a{
padding:0 0 0 13px;
font-size:12px;
line-height:100%;
background-image:url(../img/common/arrow_right_red.gif);
background-repeat:no-repeat;
background-position:0 50%;
}

#content-body #right #banner-nishitani{
color:#666;
font-size:12px;
margin-top:10px;
}

#content-body #right #banner-nishitani a{
font-size:8px;
width:270px;
height:60px;
display:block;
text-indent:-9999px;
overflow:hidden;
background-image:url(../img/top/banner-nishitani.jpg);
background-position:0 0;
background-repeat:no-repeat;
margin:0 0 5px 0;
}

#content-body #right #banner-magazine a{
font-size:8px;
width:270px;
height:80px;
display:block;
text-indent:-9999px;
overflow:hidden;
background-image:url(../img/top/banner-magazine.gif);
background-position:0 0;
background-repeat:no-repeat;
margin:10px 0 10px 0;
}


#banner-portalsite,#banner-magicsystem{font-size:1px; text-indent:-9999px; display:block; overflow:hidden; height:90px; margin-top:10px;}

#banner-portalsite{background-image:url(../img/top/banner-portalsite.jpg);}
#banner-magicsystem{background-image:url(../img/top/banner-magicsystem.jpg);}
/*-------------------------------------------------------------------------
Clear FIX
-------------------------------------------------------------------------*/

#content-body:after,
#content-body #left h2#title_results:after,
#content-body #left #results_list:after,
#content-body #left #manage-site:after
{content:".";display:block;clear:both;height:0;visibility:hidden;}
#content-body,
#content-body #left h2#title_results,
#content-body #left #results_list,
#content-body #left #manage-site
{display:inline-block;}
/* exlude MacIE5 \*/
* html #content-body,
* html #content-body #left h2#title_results,
* html #content-body #left #results_list,
* html #content-body #left #manage-site
{height:1%}
#content-body,
#content-body #left h2#title_results,
#content-body #left #results_list,
#content-body #left #manage-site
{display:block;}
/* end MacIE5 */