@charset "utf-8";
/* CSS Document */
hr{height:1px;border:none;border-top:1px solid #999;}
body{font-family:ＭＳ Ｐゴシック, Osaka;text-align:center;margin:0;padding:0;}

h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,img,p{margin:0;padding:0;border:0;}
table{font-size:100%;}
table ul{list-style-type:none;margin-left:0 !important;padding-left:0 !important;}
dt{font-weight:bold;color:#0a4db5;}


/* blog */
div.wp_social_bookmarking_light{position:relative;top:-50px;float:right;text-align:right;border:0 !important;padding:0 !important;margin:0px 0 0px 0 !important;}
div.wp_social_bookmarking_light div{float:left !important;border:0 !important;padding:0 4px 0 0 !important;margin:0 !important;height:20px !important;text-indent:0 !important;}
div.wp_social_bookmarking_light img{border:0 !important;padding:0;margin:0;vertical-align:top !important;}
.wp_social_bookmarking_light_clear{clear:both !important;}
a.wp_social_bookmarking_light_instapaper {display: inline-block;font-family: 'Lucida Grande', Verdana, sans-serif;font-weight: bold;font-size: 11px;-webkit-border-radius: 8px;-moz-border-radius: 8px;color: #fff;background-color: #626262;border: 1px solid #626262;padding: 0px 3px 0px;text-shadow: #3b3b3b 1px 1px 0px;min-width: 62px;text-align: center;vertical-align:top;line-height:20px;}
a.wp_social_bookmarking_light_instapaper, a.wp_social_bookmarking_light_instapaper:hover, a.wp_social_bookmarking_light_instapaper:active, a.wp_social_bookmarking_light_instapaper:visited {color: #fff; text-decoration: none; outline: none;}
.wp_social_bookmarking_light_instapaper:focus {outline: none;}


.body-separator{margin:0 0 0 18px;border-top:1px dotted #ccc !important;}
/* /blog */



.clear{clear:both;font-size:0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix + *{
    clear: both;
}

.table{
	border: 1px solid #ccc;
	border-collapse: collapse;
	text-align:left;
	margin:15px 10px 15px 10px;
	width:620px;

}
.table .header{
	padding: 5px;
	background-color: #064fb8;
	color:#fff;
}
.table th{
	padding: 5px;
	background-color: #eee;
}
.table td{
	padding: 5px;
}

.strong{color:#333;font-weight:bold;font-size:120%;background-color:#ff6600}



/* blog */
div.wp_social_bookmarking_light{border:0 !important;padding:0 !important;margin:0 !important;}
div.wp_social_bookmarking_light div{float:left !important;border:0 !important;padding:0 4px 0 0 !important;margin:0 !important;height:20px !important;text-indent:0 !important;}
div.wp_social_bookmarking_light img{border:0 !important;padding:0;margin:0;vertical-align:top !important;}
.wp_social_bookmarking_light_clear{clear:both !important;}
a.wp_social_bookmarking_light_instapaper {display: inline-block;font-family: 'Lucida Grande', Verdana, sans-serif;font-weight: bold;font-size: 11px;-webkit-border-radius: 8px;-moz-border-radius: 8px;color: #fff;background-color: #626262;border: 1px solid #626262;padding: 0px 3px 0px;text-shadow: #3b3b3b 1px 1px 0px;min-width: 62px;text-align: center;vertical-align:top;line-height:20px;}
a.wp_social_bookmarking_light_instapaper, a.wp_social_bookmarking_light_instapaper:hover, a.wp_social_bookmarking_light_instapaper:active, a.wp_social_bookmarking_light_instapaper:visited {color: #fff; text-decoration: none; outline: none;}
.wp_social_bookmarking_light_instapaper:focus {outline: none;}

.wp_social_bookmarking_light{text-align:right !important;}

/* /blog */



#container{
	width:900px;
	margin:0px auto;
	text-align:left;
	font-size:80%;
}

#header{
	background:url(../img/common/header_img2.jpg) no-repeat right;
	height:160px;
}

#header h1{font-size:100%;font-weight:300;text-align:right;margin:0;padding:0 5px 0 0;}
#header h2{margin:0;padding:0;padding:50px 0 0px 5px;}
#header p{margin:0;padding:7px 0 0 5px;}


#global-navi{
	clear:both;margin: 0px 0 0 0; padding: 0;
}
#global-navi li { display: inline; }
#global-navi li a { float: left; width: 180px; height: 0px; padding-top: 54px;text-indent:-1000px; overflow: hidden; }

/* IE6 */
*html #global-navi li a {padding-top: 0px;height:54px;}


#global-navi li a{background-image:url(../img/common/100706global_navi.jpg);background-repeat: no-repeat; }

#global-navi li#gn-home a { background-position: 0 0; }
#global-navi li#gn-profile a { background-position: -180px 0; }
#global-navi li#gn-works a { background-position: -360px 0; }
#global-navi li#gn-blog a { background-position: -540px 0; }
#global-navi li#gn-inquiry a { background-position: -720px 0; }

#global-navi li#gn-home a:hover { background-position: 0 -54px; }
#global-navi li#gn-profile a:hover { background-position: -180px -54px; }
#global-navi li#gn-works a:hover { background-position: -360px -54px; }
#global-navi li#gn-blog a:hover { background-position: -540px -54px; }
#global-navi li#gn-inquiry a:hover { background-position: -720px -54px; }



#global-navi #home #gn-home a{background-position: 0 -54px}
#global-navi #profile #gn-profile a{ background-position: -180px -54px; }
#global-navi #works #gn-works a{ background-position: -360px -54px; }
#global-navi #blog #gn-blog a{ background-position: -540px -54px; }
#global-navi #inquiry #gn-inquiry a { background-position: -720px -54px; }

#separator{
	/*background:url(../img/common/topicPath_bg.gif) repeat-x;*/
	padding:13px 0 5px 0;
}


#separator #topic-path{
	padding:5px 0 5px 10px;
	float:left;
}
#separator #topic-path{
	margin:0;
}

#separator #topic-path strong{
	font-weight:400;
}
#separator #font-changer{
	padding:5px 10px 0px 0;
	float:right;

}




#content{
	float:left;
	width:640px;
	line-height:1.8;
	margin-bottom:50px;
}


#content h2{
	margin: 0px 0 20px 0px;
	padding: 3px 0 0px 24px;
	line-height:51px;
	height:51px;
	font-size: 25px;
	font-weight: 400;
	background:url(/img/common/h2_bg.gif) no-repeat;
}
.post h2{
	background:url(/img/common/h2_bg2_1.gif) no-repeat !important;
	padding:7px 0 0 0px !important;
	height:auto !important;
	line-height:1.5 !important;
}
.post h2 span{
	display:block;
	padding:0 0 5px 24px !important;
	border-bottom:1px solid #fff;

	background:url(/img/common/h2_bg2_2.gif) no-repeat bottom !important;
}

#content h3{
	clear:both;
	margin:20px 0 10px 5px;
	background:url(/img/common/h3_bg.gif) no-repeat;
	padding:0.3em 0 0.4em 15px;
	font-size:140%;
	color:#333;
	/*border-left:7px solid #3075FF;*/
}


#content h4{
	margin:20px 0 20px 11px;
	padding:1px 0 1px 4px;
	border-left:5px solid #999;
	border-bottom:1px dotted #999;
	font-size:130%;

}

#content h5{
	margin:15px 0 10px 1px;
	padding:1px 0 1px 4px;
	font-size:110%;

}



#content dl{
	margin:20px 0 20px 20px;
}
#content dt{
	font-size:120%;
}
#content dd{
	margin:20px 0 20px 0px;
}
#content dd p{
	margin-left:0px;
}

#content p{
margin:19px 0 28px 20px;
}




#content ul,ol{
margin:25px 0 25px 40px;
}

#content .box{
border:1px solid #999;
padding:5px;
margin-left:12px;

}
#content .box h3{
	background:none;
	margin:15px 0 0 20px;
	padding:0;
}
#content .box p{
	margin-left:3px;
}
#content .box #setagaya{
	background:url(../works/web/img/setagaya.gif) no-repeat left top;
	text-indent:-9999px;
	height:38px;
	padding-bottom:3px;
	margin-top:4px;
	margin-bottom:0;
	margin-left:1px;
	margin-bottom:-8px;
	overflow: hidden;
	/* border-bottom:1px solid #999; */
}


#content #servieDl dt{
	/*background-color:#993300;
	color:#fff;*/
	padding:0 0 0 2px;
	margin-left:3px;
	font-size:130%;
	/* border-bottom:1px solid #0a4db5 !important; */
}

#content #startUpSet ul{
	margin-top:1px;
	margin-bottom:13px;
}


#content .code{
border:1px solid #999;
padding:5px;
margin-left:10px;
background-color:#eee;

	font-family:"ＭＳ Ｐゴシック", Osaka;
	line-height:1.7em;
	padding: 1em;
	margin-left: 20px;
	/*background-color: #efefef;*/
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */

}

#content .basic-dl{}
#content .basic-dl dd{margin-left:15px;}

#content .tips{
	padding:5px;margin:20px 5px 20px 15px;color:#999999;border-top:1px dotted #999999;border-bottom:1px dotted #999999;


}

#content .tab{
	overflow: hidden;
	height: 30px;
	margin:20px auto;
	/* background: url(../img/iwtab/border.gif) 0 repeat-x #3075ff; */
	color:#fff;
	text-align:center;
		border-bottom:5px solid #0751b2;

}
.tab ul {
	margin:0 !important;
	padding:0 !important;
	list-style:none;
	height: 30px;
}
.tab ul li {
	float: left;
	width: 150px;
	height: 30px;
	margin: 0 0 0 8px;
	line-height: 32px; /* テキストの上下位置を中央ぞろえに */
	text-align: center;
	border-right:1px solid #ccc;
}
.tab ul li a {
	display: block;
	width: 150px;
	height: 30px;
	background-position: 0 0;
}
.tab ul li a:hover {
	background-position: 0 30px;
	color:#0000ff;
	text-decoration:underline;
}
.tab ul li a {
	background-image: url(../img/iwtab/bg_normal.gif);
	color:#000;
}

.tab ul .current {
	background-image: url(../img/iwtab/bg_active.gif);
	background-position: 0 30px;

}

#content .fl{float:left;}
#content .fl img{margin-right:15px;margin-bottom:10px;}


#content .ex{}
#content .text{
width:430px;
float:right;border:1px solid #fff;
}

#content .image{

width:200px;
float:left;
text-align:center;
line-height:1.3em;
}



.works .image div{
	text-align:center;
	padding-left:3px;
}

.works .image img{

}

.mailCaution{
border:2px solid #ff0000;
background-color:#f8f3ea;
font-weight:bold;
color:#ff0000;text-align:center;
margin-top:10px !important;
margin-left:0 !important;
margin-right:0 !important;
}

.merit{
margin:0 0 0 19px;
padding:5px 0;background:url(../img/common/merit.gif) 10px 10px no-repeat #fff;border:1px solid #ccc;padding:35px 0 0 0;line-height:2.2em;
}

.price{
font-size:170%;



}

.price span{
color:#993300;

font-size:100%;

}
.attention{
	color:#ff0000;
}
.small{
font-size:80%;
}

.totalPrice th{
	background-color:#993300 !important;
	color:#fff;
	border:2px solid #993300;

}
.totalPrice td{
	background-color:#f8f3ea !important;
	color:#333;
	font-weight:bold;
	border:2px solid #993300;
	text-align:left;
	font-size:120%;
	padding-right:20px;
}


#sidebar{
	line-height:1.7;

	float:right;
	width:250px;
	margin-bottom:10px;
}
#sidebar ul{
	margin:0;
	padding:0px 0 0px 2px;
	line-height:1.4;
	list-style-type:none;
}
#sidebar ul li{
	margin:11px 0;
}

#sidebar #side-profile{
	line-height:1.3em;
	background:url(../img/common/side_profile.gif) no-repeat;
	/* height:228px; */
	/*width:248px;*/
	padding:57px 5px 23px 10px;
	margin-top:-10px;
	position:relative;
	font-size:13px;
}

#sidebar #side-profile p{
	margin: 0 0 0 73px;
}

#sidebar #side-profile ul{
	line-height:1.0em;
	background:url(../img/common/side_profile_works.gif) no-repeat;
	padding:18px 0 0 0;
	margin:13px 0 12px 0;
}
#sidebar #side-profile li{
	padding:0 0 0 2px;
}

#sidebar .menu{
	padding:33px 0 0 0;
margin-bottom:10px;
}
#sidebar .menu .body{
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
		border-bottom:1px solid #aaa;
		padding:10px;

}
#sidebar .menu li{
	background:url(../img/common/arrow_s.gif) no-repeat left 0.25em;
	padding:0 0 0 17px;
}

#sidebar #sb-information ul{

}

#sidebar #sb-works {
	background:url(../img/common/side_works.gif) no-repeat;
}
#sidebar #sb-service {
	background:url(../img/common/side_service.gif) no-repeat;
}
#sidebar #sb-blog-recent-entries {
	background:url(../img/common/side_recent_entries.gif) no-repeat;
}
#sidebar #sb-category {
	background:url(../img/common/side_category.gif) no-repeat;
}
#sidebar #sb-information {
	background:url(../img/common/side_information.gif) no-repeat;
}

#sidebar #sb-blog-categories {
	background:url(../img/common/side_blog-categories.gif) no-repeat;
}
#sidebar #sb-blog-monthly {
	background:url(../img/common/side_blog-monthly.gif) no-repeat;
}



#footer{
	line-height:1.4;

	/*background:url(../img/common/footer_bg.jpg) no-repeat;*/
	clear:both;
	background-color:#0750b5;
	padding:20px 10px;
	color:#fff;
}

#footer p{
	clear:both;
	margin:20px 0 20px 0;
}

#footer-navi a{
color:#fff;
}

#footer-navi {
margin:0px 0 0px -10px;
padding:0px 0 40px 0px;
list-style-type:none;
}
#footer-navi li{
float:left;
border-right:1px solid #fff;
padding:0 10px;
}
#footer-navi .last{
border-right:none;
}




#contactContainer{width:500px;margin:0 auto;}
#formErrorH1{border:2px solid #ff0000;margin:10px 10px;font-weight:bold;background:url(../img/form/alert.gif) 8px 13px no-repeat;padding:15px 5px 15px 46px;line-height:1.4em;color:#ff0000;}
.formTable{width:100%;}
.formTable td,th{padding:3px;}
.formErrorBg{background-color:#ffeecc;}
.formError{border:2px solid #ff0000;line-height:1.1em;padding:3px 0 3px 20px;color:#ff0000;font-size:100%;background:url(../img/form/alert_small.gif) 3px center no-repeat #f6eee1;}

.required{
	background:url(../img/form/require.gif) #eee no-repeat 94%;
	padding-right:40px !important;
}


/*profile*/
.box{}
.box p {
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	line-height: 1.5;
}





/* works_webdesigner_counseling */
.webdesigner_counseling .tab  ul li{width: 200px !important;}
.webdesigner_counseling .tab  ul li a {width: 200px !important;}


/* works_webdesigner_counseling */
.freelance_startup .tab ul li{width: 200px !important;}
.freelance_startup .tab ul li a {width: 200px !important;}



/* faq */


.faq dl{margin:20px 10px 0 28px;}
.faq dt{background:url(../img/common/q.gif) no-repeat left center;color:#333333;padding:8px 0 9px 38px;margin:5px 0;/*border-top:1px dashed #aaaaaa;*/border-bottom:1px dashed #aaaaaa;}
.faq dd{background:url(../img/common/a.gif) no-repeat;padding:5px 10px 3px 30px;margin-bottom:49px;}
.faq p{margin:0 0 20px 10px !important;/*font-size:100% !important;*/}