@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;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

#header{
margin:0 0 0 160px;
height:100px;
padding-top:60px;
}

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

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

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

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

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

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

.contents{
width:110px;
height:25px;
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 .system a:link,
#menu .system a:visited{
background:url(../img/common_img/menu_system.gif);
}

#menu .system a:hover,
#menu .system a:active{
background:url(../img/common_img/menu_system2.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;
margin-left:50px;
float:right;
}

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

#article h3{
margin:20px 0 10px 0;
padding:0 0 2px 25px;
border-bottom:1px #bbb solid;
color:#333;
clear:both;
font-size:91%;
background:url(../img/common_img/h3_bg.gif) no-repeat bottom left;
}

#article h4{
margin:20px 0 10px 0;
border-bottom:1px dotted #AAA;
clear:both;
font-size:82%;
line-height:17pt;
}

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

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

#article a:link,
#article a:visited{
color:#333;
}

#article a:hover,
#article a:active{
color:#999;
}

.pagetop{
	margin-bottom:10px;
	clear:both;
	text-align:right;
}

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

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