@charset "UTF-8";


@import url(common.css);


/* menu */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#menu {
	margin-bottom: 40px;
}
#menu li {
	float: left;
}
#menu a,
#menu strong {
	padding: 5px 20px;
	display: block;
	white-space: nowrap;
}
#menu a {
	background: #F1F1F1;
	margin-right: 1px;
	text-decoration: none;
}
#menu li.fi a {
	background: #E5E5E5;
}
#menu strong {
	background: #C00;
	color: #FFF;
	font-weight: normal;
}


/* headline */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

/* h1 */
h1 {
	height: 43px;
	margin-bottom: 40px;
}
#webin h1 { background:  url(../images/web/t-web.gif) no-repeat left top;}
#webhe h1 { background:  url(../images/web/t-hearing.gif) no-repeat left top;}
#webpr h1 { background:  url(../images/web/t-process.gif) no-repeat left top;}

#servin h1 { background:  url(../images/service/t-service.gif) no-repeat left top;}
#servse h1 { background:  url(../images/service/t-seo.gif) no-repeat left top;}
#servte h1 { background:  url(../images/service/t-template.gif) no-repeat left top;}
#servbl h1 { background:  url(../images/service/t-blog.gif) no-repeat left top;}
#servho h1 { background:  url(../images/service/t-hosting.gif) no-repeat left top;}

#workin h1 { background:  url(../images/works/t-works.gif) no-repeat left top;}
#workint h1 { background:  url(../images/works/t-interview.gif) no-repeat left top;}

#abouin h1 { background:   url("../images/about/t-about.gif") no-repeat left top;}
#abouco h1 { background:   url("../images/about/t-company.gif") no-repeat left top;}
#abouac h1 { background:   url("../images/about/t-access.gif") no-repeat left top;}
#aboure h1 { background:   url("../images/about/t-recruit.gif") no-repeat left top;}

#contin h1 { background:  url(../images/contact/t-contact.gif) no-repeat left top;}
#contpo h1 { background:  url(../images/contact/t-policy.gif) no-repeat left top;}

/* h2 */
h2 {
	color: #900;
	font-size: 110%;
	padding-bottom:0.5em;
	margin-bottom: 1em;
	border-bottom: 1px solid #CCC;
}

/* h3 */
h3 {
	margin: 2em 0 1em 0;
	padding-left: 1px;
	font-weight: normal;
}
h3 span {
	color: #191919;
	padding: 2px 2em;
	background: #E5E5E5;
}
h3.yg span { background: #690; color: #FFF;}
h3.or span { background: #F90; color: #FFF;}
h3.bl span { background: #999; color: #FFF;}
h3.re span { background: #900; color: #FFF;}


/* Ebox */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

.ebox {
	margin: 0 0 60px 40px;
}

.ebox,
.ebox table {
	line-height: 1.6;
}

.ebox p {
	margin-bottom: 1em;
}


/* navi */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

.topnavi {
	text-align: right;
	font-size: 85%;
	margin-bottom: 40px;
	border-bottom: 1px dashed #CCC;
	padding-bottom: 5px;
}

.topnavi a {
	text-decoration: none;
	color: #808080;
}


/* WEB */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

/* index */
#webin-he .inner {
	border: 1px solid #CCC;
	padding: 5px 0;
	background:   url("../images/common/bg-gr1.gif") repeat-x left top;
	text-align: center;
}
#webin-he table {
	width: 830px;
	margin: 0 auto;
}
#webin-he th,
#webin-he td {
	text-align: left;
}
#webin-he .la th,
#webin-he .la td {
	border-bottom: none;
}
#webin-he th {
	color: #191919;
	background: url(../images/common/p-popup.gif) no-repeat left center;
	padding: 5px 10px 5px 36px;
}
#webin-he td {
	border-bottom: 1px dotted #CCC;;
}
#webin-he .client {
	background:  url("../images/common/p-man.gif") no-repeat left center;
	height: 32px;
	padding-left: 36px;
}
#webin-he .comment {
	background:  url("../images/common/p-light.gif") no-repeat left center;
	padding: 5px 10px 5px 32px;
	vertical-align: top;
}
#webin-he .comment span {
	color: #690;
}


/* hearing */
.webhe-sh {
	border: 1px solid #CCC;
	padding: 15px 0;
	background:   url("../images/common/bg-gr1.gif") repeat-x left top;
}
.webhe-sh ul {
	padding: 0 20px;
}
.webhe-sh li {
	background: url(../images/common/p-check1.gif) no-repeat left center;
	padding: 4px 0 4px 18px;
	border-bottom: 1px dotted #CCC;
}
.webhe-sh li.la {
	border-bottom: none;
}


/* process */
#webpr .ebox {
	background: url(../images/web/bg-process.gif) no-repeat left bottom;
	padding-left: 42px;
}

/* hosting */
#servho-al1 dl {
	margin-bottom: 1em;
}
#servho-al1 dt {
	background: url(../images/common/p-check2.gif) no-repeat left center;
	padding-left: 18px;
	border-bottom: 1px dotted #CCC;
	font-weight: bold;
	margin-bottom: 2px;
	color: #191919;
}
#servho-al1 dd {
	padding-left: 18px;
}


/* service */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */



/* works */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#workin .ebox dl {
	margin-bottom: 10px;
}
#workin .ebox dt,
#workin .ebox dd {
	border-bottom: 1px dotted #CCC;
	padding: 6px 0;
}
#workin .ebox dt {
	font-weight: bold;
	color: #191919;
}
#workin .ebox dd {
	background: url(../images/common/p-web.gif) no-repeat left center;
	padding-left: 36px;
	word-break: break-all;
}
#workin .ebox .photo {
	float: right;
	border: 5px solid #F1F1F1;
	margin-left: 10px;
}


/* contact */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#contin span.hissu {
	color: #C00;
}
#contin form p {
	text-align: right;
}
#contin td input,
#contin td textarea {
	border: 1px solid #CCC;
}