@charset "utf-8";

/* tag reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, dd, dt, dl, ul, ol, li, pre, form, fieldset, input, blockquote, table, th, td {
	margin:0px;
	padding:0px;
}
body {
	font-size: 12px;
	font-family: Verdana, "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", sans-serif;
	background: #e7e3d5 url(../img/common/bg.gif) center top repeat-y;
	color: #404145;
	text-align: center;
	margin:0px;
	padding:0px;
}
* html body {
	font-size: 0.75em;
}
/* Various Tags */
h1, h2, h3 {
	margin:0px;
	padding:0px;
	font-weight: bold;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}
h4, h5, h6{
	font-size: 1em;
}

hr {
	display: none;
}
ul{
	list-style-type:none;
}
a {
	color:#000000;
}

a img {
	border: none;
}

a:hover {
	color: #b81c25;
}

small {
	font-size: 0.825em;
	line-height: 1.5em;
}

input,textarea{
	font-size:1em;
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", sans-serif;
}
.inline {
	display:inline !important;
}

.clr {
	clear:both;
}

.red{
	color:#cc0000;
}

.vmiddle{
	vertical-align:middle;
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

.center {
	text-align: center;
}
.hidden{
	display:none;
}
#content p.pagetop{
	text-align:right;
	font-size:10px;
	padding-top:10px;
	margin:0px;
	width:543px;
}

.pagetop a{
	color:#222222;
}

.alignright {
	text-align: right;
}

.alignleft {
	text-align: left;
}

/* Begin Images */
img.lft{
	float:left;
	margin:0px 10px 10px 0px;
}
img.rgt{
    float:right;
    margin:0px 0px 10px 10px;
}
/* End Images */

#cbody {
    text-align:left;
    width:940px;
    margin:0px auto 0px;
    background: #ffffff;
}
/*#####--header*/
#header {
	background: #ffffff;
	height:108px;
    margin-bottom:13px;
}
#header h1 {
	float:left;
	width:315px;
	height:108px;
	text-align:center;
}
#header h1 img{
	margin-top:36px;
}

#gnavi {
	float:left;
	width:625px;
	height:108px;
}
#gnavi li {
	float:left;
	list-style-type:none;
}
#catVisual{
	height:146px;
	background:#f7f5f0;
}
#main {
	width:940px;
	margin-bottom:14px;
	background: url(../img/common/bg2.gif) left top repeat-y;
}
#index #main {
    background: url(../img/common/bg2-1.gif) left top repeat-y;
}
#content {
	float:left;
	width:683px;

}
.entry,
#comments,
#tracbacks{
	width:531px;
}
.inner{
    margin:0px 0px 0px 12px;
	width:511px;
	min-height:300px;
}
#comments .inner,
#trackbacks .inner{
	width:auto;
	min-height:20px;
	margin:0px;
}
.BGblog{
	background:url(../img/common/bg_blog.gif) right top no-repeat;
}
.BGtop{
    background:#ffffff;
}
.BGservice-index{
    background:url(../img/common/bg_service.gif) right top no-repeat;
}
.BGabout-index{
    background:url(../img/common/bg_about.gif) right top no-repeat;
}
.BGportfolio-index{
    background:url(../img/common/bg_portfolio.gif) right top no-repeat;
}
.BGcontact-index{
    background:url(../img/common/bg_contact.gif) right top no-repeat;
}
.BGsitemap-index{
    background:url(../img/common/bg_sitemap.gif) right top no-repeat;
}
.BGprice-index{
    background:url(../img/common/bg_price.gif) right top no-repeat;
}

.BGservice-web_design{
    background:url(../img/service/web_design/bg.gif) right top no-repeat;
}
.BGservice-consulting{
    background:url(../img/service/consulting/bg.gif) right top no-repeat;
}
.BGservice-outsourcing{
    background:url(../img/service/outsourcing/bg.gif) right top no-repeat;
}
.BGservice-mobile_site{
    background:url(../img/service/mobile_site/bg.gif) right top no-repeat;
}
.BGservice-flash{
    background:url(../img/service/flash/bg.gif) right top no-repeat;
}
.BGservice-cms_blog{
    background:url(../img/service/cms_blog/bg.gif) right top no-repeat;
}
.BGservice-domain_hosting{
    background:url(../img/service/domain_hosting/bg.gif) right top no-repeat;
}
.BGservice-programming{
    background:url(../img/service/programming/bg.gif) right top no-repeat;
}
/*###TOP###*/
#index #sidebar{
	width:312px;
}
#index #sidebar h3{
    margin-bottom:1em;
}
#index #content {
	width:617px;
}

#swfArea{
	
}
#serviceInfo{
	margin:0px 0px 16px;
	width:940px;
	background:#f5f5f5;
	height:194px;
}
#serviceInfo ul{
    list-style-type:none;
    width:940px;
    height:214px;
}
#serviceInfo ul li{
    float:left;
    height:97px;
}
#content ul#blogEntriesList{
	list-style-type:none;
}
#content ul#blogEntriesList li{
	padding-left:25px;
    background:url(../img/common/pencil.gif) left center no-repeat;
	line-height:1.75em;
}
/*###TOPend###*/


#breadcrumb {
	font-size:10px;
	padding:0px 2px 0px;
	height:29px;
	line-height:29px;
	background:#ffffff;
/* hides from macIE \*/
	overflow:hidden;
/**/
}
#breadcrumb a{
	color:#222222;
}
#breadcrumb li{
    display:inline;
}
#index #breadcrumb{
	display:none;
}

/*####content####*/
#content p.catch{
	position:relative;
    margin:0px -20px 1.3em -12px;
    width:543px;
}
#content .catettl{
	height:34px;
	background:#cacaca;
	border-bottom:12px solid #ffffff;
}
#content .titleset{
	width:531px;
	border-bottom:1px solid #cacaca;
	margin-bottom:1em;
	height:40px;
}
#content .titleset h2{
	float:left;
	height:40px;
	line-height:40px;
	font-size:1.4em;
}
#content .titleset h2 a{
    text-decoration:none;
}
#content .titleset .date{
	float:right;
	font-size:10px;
	text-align:right;
	height:40px;
	line-height:40px;
}
#content .inner h3,
#content .entry h3{
	font-size:1.3em;
	height:53px;
	line-height:53px;
	padding-left:16px;
	color:#365c89;
	background:url(../img/common/h3_bg.gif) left top no-repeat;
	margin-bottom:1em;
}
#content .inner h4,
#content .entry h4{
	font-size:1.3em;
	height:44px;
	line-height:44px;
	padding-left:28px;
	color:#000000;
    background:url(../img/common/h4_bg.gif) left top no-repeat;
	margin-bottom:1em;
}
/*
.entry-tags {margin-bottom:15px;}
.entry-tags ul li {float:left;}
*/
#content p,
#content ul,
#content ol,
#content dl {
	line-height:1.75em;
	margin:0px 0px 1em;
}
#content ul{
	list-style-type:none;
}
#content ol{
    margin:0px 0px 1em 2em;
}
#content dt{
	font-weight:bold;
    padding-left:1em;
	height:37px;
	line-height:37px;
    background:url(../img/common/dt_bg.gif) left top no-repeat;
	margin-bottom:1em;
}
#content dd{
	margin-left:18px;
	padding:5px 1em;
	border-left:2px solid #e9e9e9;
	margin-bottom:1em;
}
#content ul li{
    padding-left:27px;
    background:url(../img/common/li_bg.gif) left center no-repeat;
}
#content table{
	border-collapse:collapse;
	margin-bottom:1em;
	width:100%;
	border-top:3px double #9aadc4;
    border-bottom:3px double #9aadc4;
}
#content th{
	padding:10px;
	width:123px;
	background:#d7dee7 url(../img/common/th_bg.gif) right top repeat-y;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
#content td{
	padding:10px;
	background:url(../img/common/td_bg.gif) left top;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
#content td textarea{
    width:340px;
}
/* End content */

/*service*/
#content #service-web_design h3,
#content #service-consulting h3,
#content #service-cms_blog h3,
#content #service-outsourcing h3,
#content #service-mobile_site h3,
#content #service-domain_hosting h3,
#content #service-flash h3,
#content #service-programming h3{
    font-size:1.3em;
    height:32px;
    line-height:32px;
    padding-left:32px;
    color:#ffffff;
    margin-bottom:1em;
}
#content #service-web_design h3{
    background:url(../img/service/web_design/h3_bg.gif) left top no-repeat;
}
#content #service-consulting h3{
    background:url(../img/service/consulting/h3_bg.gif) left top no-repeat;
}
#content #service-cms_blog h3{
    background:url(../img/service/cms_blog/h3_bg.gif) left top no-repeat;
}
#content #service-outsourcing h3{
    background:url(../img/service/outsourcing/h3_bg.gif) left top no-repeat;
}
#content #service-mobile_site h3{
    background:url(../img/service/mobile_site/h3_bg.gif) left top no-repeat;
}
#content #service-domain_hosting h3{
    background:url(../img/service/domain_hosting/h3_bg.gif) left top no-repeat;
}
#content #service-flash h3{
    background:url(../img/service/flash/h3_bg.gif) left top no-repeat;
}
#content #service-programming h3{
    background:url(../img/service/programming/h3_bg.gif) left top no-repeat;
}


#content #service-web_design h4{
    background:url(../img/service/web_design/h4_bg.gif) left top no-repeat;
}
#content #service-consulting h4{
    background:url(../img/service/consulting/h4_bg.gif) left top no-repeat;
}
#content #service-cms_blog h4{
    background:url(../img/service/cms_blog/h4_bg.gif) left top no-repeat;
}
#content #service-outsourcing h4{
    background:url(../img/service/outsourcing/h4_bg.gif) left top no-repeat;
}
#content #service-mobile_site h4{
    background:url(../img/service/mobile_site/h4_bg.gif) left top no-repeat;
}
#content #service-domain_hosting h4{
    background:url(../img/service/domain_hosting/h4_bg.gif) left top no-repeat;
}
#content #service-flash h4{
    background:url(../img/service/flash/h4_bg.gif) left top no-repeat;
}
#content #service-programming h4{
    background:url(../img/service/programming/h4_bg.gif) left top no-repeat;
}

#content #service-web_design ul li,
#content #service-consulting ul li,
#content #service-cms_blog ul li,
#content #service-outsourcing ul li,
#content #service-mobile_site ul li,
#content #service-domain_hosting ul li,
#content #service-flash ul li,
#content #service-programming ul li{
	padding-left:29px;
    background:url(../img/common/arrow.gif) left center no-repeat;
}


#content ul.col2list{
	position:relative;
	margin:0px -19px 0px 0px;
	width:530px;
	padding:0px;
}
#content ul.col2list li{
    float:left;
	width:253px;
	margin:0px 12px 0px 0px;
	padding:0px;
	background:none;
}
#content ul.svl li{
	min-height:170px;
}
* html #content ul.svl li{
    height:170px;
}
#content ul.pfl li{
    height:280px;
}
#content ul.col2list dl{
    font-size:1em;
    margin:0px 12px 0px 9px;
	width:221px;
    padding:0px 0px 0px 11px;
    background:url(../img/common/line_t.gif) left top repeat-y;
	line-height:1.75em;
}
#content ul.col2list dt{
    margin:0px;
    padding:0px;
    background:none;
	line-height:1.75em;
	height:auto;
}
#content ul.col2list dt a{
    text-decoration:none;
}
#content ul.col2list dd{
    margin:0px;
    padding:0px;
    background:none;
	border:none;
}
/*form*/
#result{
	display:none;
	margin-bottom:1em;
}
#error{
	padding:10px;
	border:2px solid #cc0000;
	color:#cc0000;
}
#btnset{
	text-align:center;
}
#f-contact,
#f-estimate{
	/*display:none;*/
}
input.f-pg{
	width:30px;
	margin:2px 0px;
}
input.f-pg{
    width:30px;
}
input.txt{
	width:180px;
}
input.stxt{
	width:200px;
	margin:2px 0px;
}
input.zip{
    width:80px;
}
input.url{
    width:160px;
}
#submitbtn{
	display:none;
}
.req{
	color:#bb0000;
}
/*end form*/

/*blog*/
#content h2#page-title{
	font-size:1.3em;
    margin-bottom:1em;
}

#content .entry{
	font-size:1.0em;
	line-height:1.5em;
}
#content .entry h3,
#content .entry h4,
#content .entry ul,
#content .entry dl,
#content .entry table{
    margin-bottom:1em;
}
#comments h3,
#trackbacks h3{
	margin-bottom:1em;
}
#content h3.comments-open-header{
    border-bottom:1px solid #cacaca;
    margin-bottom:1em;
    height:40px;
    line-height:40px;
    font-size:1.2em;
}
#content .entry h4.tag{
    font-size:1em;
    height:auto;
    line-height:1.5em;
    padding-left:0px;
    color:#000000;
    background:none;
    margin-bottom:0.5em;
}
.prm{
	background:url(../img/common/prm_bg.gif);
	padding:10px;
	margin:2em 0px 1em;
}
.prm div{
	padding:10px;
    background:#ffffff;
	font-size:10px;
	line-height:1.25em;
}
.trackbacks-info{
	color:#82202b;
	padding-left:12px;
	background:url(../img/blog/traba_arrow.gif) left center no-repeat;
}
#comments-form label{
    display:block;
}
#comments-form #comment-author,
#comments-form #comment-email,
#comments-form #comment-url,
#comments-form #comment-text{
	font-size:1.35em;
	background:#f0ede4;
	color:#666666;
	width:100%;
}

/**/

/*####### Sidebar ######*/
#sidebar {
	float:right;
	width: 245px;
	padding-bottom:20px;
}
#sidebar ul#servicenavi{
	list-style-type:none;
    margin-bottom:10px;
}
#sidebar ul#servicenavi ul{
	list-style-type:none;
    margin-bottom:0px;
}
#sidebar ul#servicenavi li li{
	height:36px;
	border-bottom:1px solid #ffffff;
}
#sidebar ul#servicenavi h3{
	font-size:1em;
	height:34px;
	margin:0px;
	background:#cacaca;
}
ul#bannerz{
	list-style-type:none;
}
ul#bannerz li{
    margin-bottom:5px;
}

#sidebar .widget{
    margin::0px 0px 0em;
}

#sidebar .widget h3{
	background:#cccccc;
	height:34px;
}
#sidebar .widget .widget-content{
    margin:10px;
}
.widget-tag-cloud .widget-content ul {
    margin-right: 0;
    margin-left: 0;
}

.widget-tag-cloud .widget-content li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    line-height: 1.2;
    background: none;
}

.widget-tag-cloud .rank-1  { font-size: 1.75em; }
.widget-tag-cloud .rank-2  { font-size: 1.75em; }
.widget-tag-cloud .rank-3  { font-size: 1.625em; }
.widget-tag-cloud .rank-4  { font-size: 1.5em; }
.widget-tag-cloud .rank-5  { font-size: 1.375em; }
.widget-tag-cloud .rank-6  { font-size: 1.25em; }
.widget-tag-cloud .rank-7  { font-size: 1.125em; }
.widget-tag-cloud .rank-8  { font-size: 1em; }
.widget-tag-cloud .rank-9  { font-size: 0.95em; }
.widget-tag-cloud .rank-10 { font-size: 0.9em; }

#sidebar #calendar .head h3{
    float:left;
    width:100px;
	height:34px;
	margin:0px;
}
#sidebar #calendar .head .month{
    height:34px;
    line-height:34px;
	background:#cccccc;
}
#sidebar #calendar table{
    clear:both;
    width:225px;
    text-align:center;
}
#sidebar #calendar table th,
#sidebar #calendar table td{
    padding: 3px 0px;
    line-height:1em;
}


#sidebar #btn-estimate{
	text-align:center;
	margin:20px 0px;
}
/* End Sidebar */


/*####### footer #########*/

#footer {
	padding: 50px 0px 70px;
	margin: 0px;
	width: 940px;
	clear: both;
	background:#dbdbdb;
	text-align:center;
	color:#7f7f7f;
}
#footer a{
	color:#7f7f7f;
}
#footer ul{
	list-style-type:none;
	margin-bottom:1em;
}
#footer ul li{
    display:inline;
}
#footer p {
	font-size:10px;
}

/*##### clearfix #######*/
ul.col2list:after{
	content:'';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul.col2list{
	display:inline-block;
	min-height:0px;
}
/* hides from macIE \*/
* html ul.col2list{
	display:block;
	height:0px;
}

.pnsoho {margin-left:45px;
margin-top:45px;
margin-bottom:15px;
}

/* end */