@charset "utf-8";
/* Contents CSS */
/* TopPageStyle
-------------------------------*/
#home #webservis {
	background-image: url(../img/top/under.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	margin-bottom: 15px;
	width: 600px;
}
#home h2#dav {
	margin-bottom: 10px;
}

#home h2#wem {
	margin-bottom: 5px;
}

#home #webservis h3 {
	border-style: none;
	color: #333333;
}
#home #webservis a img {
	background-color: #AAAAAA;
	padding: 3px;
}
#home #webservis a:hover img {
	background-color: #DDDDDD;
	padding: 3px;
}
#home #webservis p.title {
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 2px;
}
#home #webservis p.about {
	width: 150px;
	font-size: 90%;
	line-height: 1.4em;
	padding-right: 3px;
	padding-left: 3px;
}

#home #wordpress {
	float: left;
	width: 156px;
	background-image: url(../img/top/wordpress.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 35px 32px 15px 12px;
}
#home #eccube {
	float: left;
	width: 160px;
	background-image: url(../img/top/eccube.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 35px 22px 15px;
}
#home #mobile {
	float: right;
	width: 156px;
	background-image: url(../img/top/mobile.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 35px 12px 15px;
}
#home #freetool {
	padding: 0px 12px 15px 12px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

/* ProfilePageStyle
-------------------------------*/
#profile #topimage {
	background-image: url(../img/prof/prof-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#profile table {
	width: 600px;
	border-collapse:collapse;
	font-size: 90%;
}
#profile table tr th {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}
#profile table tr td {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-bottom: 1px dotted #CCCCCC;
}
#profile #header ul li table tr th,
#profile #header ul li table tr td {
	border-bottom: none;
}


/* WebPageStyle
-------------------------------*/
#web #topimage {
	background-image: url(../img/web/web-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#web .web_box {
	margin-bottom: 20px;
}
#web .web_box img {
	padding: 3px;
	float: left;
	margin-right: 20px;
	width: 174px;
	background-color: #AAA;
}
#web .web_box p {
	margin-bottom: 1em;
}
#web .web_box p.title a {
	font-size: 125%;
	font-weight: bold;
	color: #99CC00;
	text-decoration: underline;
}
#web .web_box p.title a:hover {
	text-decoration: none;
}
#web #web_left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#web #web_left a {
	background-image: url(../img/web/works3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 80px;
	width: 290px;
	display: block;
}
#web #web_left a:hover {
	background-image: url(../img/web/works3.gif);
	background-repeat: no-repeat;
	background-position: 0px -80px;
}
#web #web_right {
	float: right;
	margin-bottom: 20px;
}
#web #web_right a {
	background-image: url(../img/web/cost3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 80px;
	width: 290px;
}
#web #web_right a:hover {
	background-image: url(../img/web/cost3.gif);
	background-repeat: no-repeat;
	background-position: 0px -80px;
}
#web .srvsbox {
	margin-bottom: 15px;
}

#web div.textBox_20_20 {
	padding-left: 20px;
	padding-bottom: 20px;
}
#web .left_box img {
	margin-right: 10px;
}
#web .web_price p {
	margin-bottom: 1em;
}
#web .web_price span.price {
	font-size: 115%;
	font-weight: bold;
	color: #FF9900;
}

/* CGPageStyle
-------------------------------*/
#cg #topimage {
	background-image: url(../img/cg/cg-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#cg .cg_box a img {
	padding: 5px;
	border: 1px solid #999999;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
#cg .cg_box a:hover img {
	border: 1px solid #CCCCCC;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#cg .cg_box p {
	margin-bottom: 1em;
}
#cg .cg_box p.title {
	font-size: 115%;
	font-weight: bold;
}

/* ContactPageStyle
-------------------------------*/
#contact #topimage {
	background-image: url(../img/contact/cont-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#contact table {
	border-collapse:collapse;
	width: 600px;
}
#contact table tr th {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}
#contact table tr td {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-bottom: 1px dotted #CCCCCC;
}
#contact #header ul li table tr th,
#contact #header ul li table tr td {
	border-bottom: none;
}
/* blogPageStyle
-------------------------------*/


/* QAPageStyle
-------------------------------*/
#q_a #topimage {
	background-image: url(../img/q-a/qa-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
p.qTitle {
	background-image: url(../img/q-a/question.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 30px;
	border-bottom: 3px double #9DCBD9;
	font-weight: bold;
	font-size: 110%;
	line-height: 2em;
	padding-left: 30px;
	margin-bottom: 10px;
}
#q_a .question_box {
	padding-left: 22px;
	margin-bottom: 15px;
}
#q_a .question_box p.qest {
	font-weight: bold;
	background-color: #EEEEEE;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#q_a .question_box p.ans {
	padding-left: 8px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* LinkPageStyle
-------------------------------*/
#link #topimage {
	background-image: url(../img/link/link-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#link img#jimifuku {
	margin-top: 25px;
}
#link div.col3_l,
#link div.col3_r {
	margin-bottom: 20px;
	border: 3px solid #99CC00;
	background-image: url(../img/link/link-cat2.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	width: 254px;
}
#link div.col3_l {
	float: left;
	margin-right: 20px;
}
#link div.col3_r {
	float: right;
}
#link p.link_cat {
	font-size: 85%;
	line-height: 1.8em;
	text-align: right;
}
#link p.link_cat a {
	color: #FFFFFF;
}
#link .lt_title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 120%;
	border-left: 3px solid #FF9900;
	padding-left: 10px;
}
#link #main a img {
	padding: 3px;
	background-color: #DDDDDD;
	margin-bottom: 10px;
}
#link #main a:hover img {
	padding: 3px;
	background-color: #EEEEEE;
}
#link div.right_box {
	width: 277px;
	padding-left: 10px;
	border-left: 3px solid #FF9900;
	height: 180px;
}
#link .right_box table tr th {
	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
	font-size: 85%;
	width: 6em;
	padding-top: 2px;
	padding-bottom: 2px;
}
#link .right_box table tr td {
	padding-top: 2px;
	padding-bottom: 2px;
}
#link p.msc {
	background-image: url(../img/link/msc.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	padding: 9px 10px 74px;
	border-top: 1px solid #cccccc;
}
#link p.msc2 {
	background-image: url(../img/link/msc2.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	padding: 9px 10px 74px;
	border-top: 1px solid #cccccc;
}
#link dl dt {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 120%;
	background-image: url(../img/link/link-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 20px;
}
#link dl dd {
	margin-bottom: 15px;
}
#link .photobox {
	margin-bottom: 20px;
}
#link .photobox img {
	padding: 1px;
	margin-right: 5px;
	border: 1px solid #CCCCCC;
}

#link iframe {
	padding: 4px;
	border: 1px solid #CCCCCC;
	width: 590px;
	height: 300px;
}


/* SitemapPageStyle
-------------------------------*/
#siteMap #topimage {
	background-image: url(../img/sitemap/sitemap-title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#siteMap dl#sMap dt a {
	line-height: 2em;
	border-left: 3px solid #FF7F00;
	padding-left: 10px;
}
#siteMap dl#sMap dd {
	padding-left: 1em;
}
#siteMap dl#sMap dl {
	margin-left: 1em;
}