@charset "utf-8";
/*/--------------------------------------------------------------------------/*/
/* ===== BODY ===== */
/*/--------------------------------------------------------------------------/*/

body{
width:760px;
margin:0 auto;
padding:0 20px;
background:url(../img/common_img/body_bg.gif) no-repeat center top;
}

/*/--------------------------------------------------------------------------/*/
/* ===== HEADER ===== */
/*/--------------------------------------------------------------------------/*/

#header{
margin:0 0 0 160px;
height:100px;
font-family:"Courier New", Courier, mono;
padding-top:60px;
}

#header h1 a{
font-size:318%;
width:390px;
height:75px;
background:url(../img/common_img/header_bg.gif) no-repeat;
text-indent:-9999px;
display:block;
}

/*/--------------------------------------------------------------------------/*/
/* ===== NAV ===== */
/*/--------------------------------------------------------------------------/*/

#nav{
width:110px;
float:right;
font-family:"Courier New", Courier, mono;
}

#menu{
margin-bottom:30px;
width:110px;
}

#menu ul li{
font-size:81%;
list-style-type:none;
}

#menu ul li a{
height:25px;
width:110px;
display: block;
text-indent:-9999px;
}

.contents{
height:25px;
width:110px;
background:url(../img/common_img/menu_contents.gif) no-repeat;
text-indent:-9999px;
}

#menu .web a:link,
#menu .web a:visited{
background:url(../img/common_img/menu_web.gif);
}

#menu .web a:hover,
#menu .web a:active{
background:url(../img/common_img/menu_web2.gif);
}

#menu .design a:link,
#menu .design a:visited{
background:url(../img/common_img/menu_design.gif);
}

#menu .design a:hover,
#menu .design a:active{
background:url(../img/common_img/menu_design2.gif);
}

#menu .event a:link,
#menu .event a:visited{
background:url(../img/common_img/menu_event.gif);
}

#menu .event a:hover,
#menu .event a:active{
background:url(../img/common_img/menu_event2.gif);
}

#menu .menu-concept a:link,
#menu .menu-concept a:visited{
background:url(../img/common_img/menu_concept.gif);
}

#menu .menu-concept a:hover,
#menu .menu-concept a:active{
background:url(../img/common_img/menu_concept2.gif);
}

#menu .company a:link,
#menu .company a:visited{
background:url(../img/common_img/menu_company.gif);
}

#menu .company a:hover,
#menu .company a:active{
background:url(../img/common_img/menu_company2.gif);
}

#menu .menu-link a:link,
#menu .menu-link a:visited{
background:url(../img/common_img/menu_link.gif);
}

#menu .menu-link a:hover,
#menu .menu-link a:active{
background:url(../img/common_img/menu_link2.gif);
}

#menu .menu-contact a:link,
#menu .menu-contact a:visited{
background:url(../img/common_img/menu_contact.gif);
}

#menu .menu-contact a:hover,
#menu .menu-contact a:active{
background:url(../img/common_img/menu_contact2.gif);
}

#menu .blog a:link,
#menu .blog a:visited{
background:url(../img/common_img/menu_blog.gif);
}

#menu .blog a:hover,
#menu .blog a:active{
background:url(../img/common_img/menu_blog2.gif);
}

#menu .sitemap a:link,
#menu .sitemap a:visited{
background:url(../img/common_img/menu_sitemap.gif);
}

#menu .sitemap a:hover,
#menu .sitemap a:active{
background:url(../img/common_img/menu_sitemap2.gif);
}

#sub{
width:110px;
}

#sub ul li{
font-size:56%;
}

#sub h3{
font-size:106%;
}

#sub ul li{
width:110px;
height:90px;
list-style-type:none;
}

#sub a{
width:110px;
height:90px;
text-indent:-9999px;
display:block;
}

.sub-contact a:link,
.sub-contact a:visited{
background:url(../img/common_img/sub_contact.gif);
}

.sub-contact a:hover,
.sub-contact a:active{
background:url(../img/common_img/sub_contact2.gif);
}

.pricelist a:link,
.pricelist a:visited{
background:url(../img/common_img/sub_pricelist.gif);
}

.pricelist a:hover,
.pricelist a:active{
background:url(../img/common_img/sub_pricelist2.gif);
}

.sub-link a:link,
.sub-link a:visited{
background:url(../img/common_img/sub_link.gif);
}

.sub-link a:hover,
.sub-link a:active{
background:url(../img/common_img/sub_link2.gif);
}

.license{
float:left;
margin-top:20px;
}

.license img{
width:88px;
height:31px;
}

.license p{
font-size:65%;
font-family:Arial, Helvetica, sans-serif;
}

/*/--------------------------------------------------------------------------/*/
/* ===== ARTICLE ===== */
/*/--------------------------------------------------------------------------/*/

#article{
width:600px;
float:right;
margin-left:50px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#article h2{
width:600px;
height:100px;
text-indent:-9999px;
display:block;
font-size:125%;
margin-bottom:20px;
border-bottom:1px solid #eee;
}

#article h3{
width:600px;
height:25px;
border-bottom:1px #bbb solid;
text-indent:-9999px;
display:block;
margin-top:10px;
}

#article h4{
margin:10px 0;
font-size:75%;
line-height:17pt;
border-bottom:1px #bbb dotted;
}

#article p{
font-size:75%;
line-height:17pt;
}

#article th,
#article td{
font-size:75%;
}

#article a:link,
#article a:visited{
color:#666;
text-decoration:none;
}

#article a:hover,
#article a:active{
color:#44aacc;
text-decoration:underline;
}


/*/--------------------------------------------------------------------------/*/
/* ===== FOOTER ===== */
/*/--------------------------------------------------------------------------/*/

#footer{
border-top:1px #000 solid;
width:600px;
clear:right;
float:right;
font-size:56%;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:20px;
padding-top:10px;
}