/*-----------------------------------------------------------
Other page common style
-----------------------------------------------------------*/
#title{
	margin-bottom:12px;
}
.other_cont{
	background:#FFFFFF url(../images/c_u.gif) bottom left no-repeat;
	padding-bottom:16px;
	color:#4B4B4B;
}
#pankuzu .j12{
	color:#FFFFFF;
	margin:6px 0 18px 10px;
}
#pankuzu a{
	color:#FF9900;
	margin:0 12px 0 0;
}
.j10,.j12,.j14,.j16,.j18{
}
.pagescroll{
	background:url(../images/pagetop_icon.jpg) right 3px no-repeat;
	width:540px;
	text-align:right;
	margin:10px auto 12px auto;
	padding:4px 20px 4px 0;
}
/*-----------------------------------------------------------
TOP PAGE
-----------------------------------------------------------*/
.top_cont{
	background:url(../images/c_t.gif) no-repeat left top #FFFFFF;
	margin:0 auto 18px auto;
	width:600px;
	color:#4B4B4B;
}
.top_cont h3{
	margin:0 auto;
	padding:14px 0 6px 0;
	text-align:center;
}
.top_cont p{
	width:580px;
	margin:8px auto;
}
.top_cont div{
	border: solid 1px #CCCCCC;
	width:570px;
	padding:5px;
	margin:6px auto;
}
.top_cont div h4{
	float:left;
	margin-right:10px;
	width:234px;
}
.top_cont div p{
	width:320px;
	float:left;
}
.top_cont div i{
	width:182px;
	float:right;
}
#top20{
	width:600px;
	background:#FFFFFF;
	margin:16px auto;
	background:url(../images/c_t.gif) no-repeat left top #FFFFFF;
	color:#4B4B4B;
}
#top20 div{
	width:320px;
	margin:10px 10px 16px 10px;
	float:left;
}
#top20 div h4{
	margin-bottom:8px;
}
* html #top20 div{
	width:320px;
	margin:10px 0 16px 6px;
	float:left;
}
#top20 .left{
	margin:10px 0 10px 0;
}
#news,#contact{
	clear:both;
	background:#FFFFFF url(../images/c_u.gif) no-repeat left bottom;
	width:600px;
	padding-bottom:10px;
}
#news{
	margin:0 auto 18px auto;
	padding-bottom:10px;
}
#contact{
	margin:0 auto;
}
#news h3{
	margin-bottom:10px;
}
#news p{
	width:566px;
	margin:8px auto;
	border-bottom:solid #CCCCCC 1px;
	padding:3px 0 6px 6px;
}
#contact p{
	text-align:center;
	color:#333333;
	margin-bottom:6px;
}
#contact input,#contact textarea{
	border:solid 1px #000000;
	vertical-align:text-bottom;
}
#contact input{
	background:#FFFFFF;
	padding:4px;
}
input.c1{
	width:173px;
	height:18px;
}
input.c2{
	width:453px;
	height:18px;
}
#contact textarea{
	width:453px;
	height:80px;
}
#contact #button{
	background:#FFFFFF;
	height:20px;
	margin-bottom:10px;
}
/*-----------------------------------------------------------
OUTLINE
-----------------------------------------------------------*/
#outline_overview{
	background:url(../outline/images/comp_back.jpg) repeat-y left top;
	width:538px;
	margin:10px auto 12px auto;
}
#outline_overview table td{
	border-bottom:solid 1px #999999;
}
.outline_other{
	width:553px;
	margin:0 auto 16px auto;
}
.outline_other h2{
	margin-bottom:10px;
}
.outline_other ul{
	margin-left:10px;
}
/*-----------------------------------------------------------
RECLUIT
-----------------------------------------------------------*/
.text_box{
	width:560px;
	margin:10px auto;
}
table#recluit_box{
	margin:8px auto;
	background: url(../outline/images/comp_back.jpg) repeat-y center top;
}
table#recluit_box table td{
	border-bottom:dotted 1px #999999;
}
/*-----------------------------------------------------------
WORK FLOW
-----------------------------------------------------------*/

/*-----------------------------------------------------------
PRIVECY
-----------------------------------------------------------*/
#privecy{
	width:560px;
	margin:10px auto;
}
#privecy h3{
	margin:10px 0;
	background:#EEEEEE;
	padding:3px;
}
/*-----------------------------------------------------------
SITEMAP
-----------------------------------------------------------*/
.sitemap_box{
	width:560px;
	margin:10px auto;
}
.sitemap_box h2{
	margin:10px 0;
	background:#EEEEEE;
	padding:3px 3px 3px 6px;
	border-left:solid 3px #666666;
}
.sitemap_box ul{
	padding-left:10px;
	margin-bottom:12px;
}
.sitemap_box li{
	padding:3px 0;
	background:url(../sitemap/images/icon.gif) 5px top no-repeat;
	padding-left:45px;
}
/*-----------------------------------------------------------
WORKFLOW
-----------------------------------------------------------*/
.workflow{
	width:550px;
	margin:6px auto;
	clear:both;
}
.workflow div{
	width:320px;
	background:url(../workflow/images/workflow_w002.jpg) left top repeat-y;
	float:left;
	margin-left:8px;
}
.workflow div p{
	width:280px;
	margin:3px auto 3px auto;
}
.workflow i{
	margin:0;
	width:310px;
	text-align:center;
	background:#FFFFFF;
	display:block;
}
/*-----------------------------------------------------------
WORKS
-----------------------------------------------------------*/
.works{
	width:572px;
	margin:0 auto 12px auto;
	background:url(../works/images/back_m.jpg) repeat-y left top;
}
.works img{
	display:block;
	vertical-align:baseline;
}
.works .left{
	margin-right:10px;
}
.work_view{
	width:537px;
	margin:0 auto;
}
.work_view h3{
	background:url(../works/images/head.jpg) left top no-repeat;
	padding:3px 0 4px 12px;
	margin-bottom:10px;
}
#pagebute{
	text-align:center;
	margin:10px auto;
}
#pagebute a,#pagebute a:visited{
	color:#333;
	text-decoration: none;
}
.current_page{
	background:#999;
	color:#FFF;
	padding:6px;
}
#pagebute .link_next,.link_page{
	border:solid 1px #999;
	padding:6px;
}
.link_before{
	border:solid 1px #999;
	padding:6px;
}
.uservoice{
	clear:both;
	width:530px;
	margin:0 auto;
	padding:10px 0;
}
.uservoice div{
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding:6px 0;
	margin-bottom:10px;
}
.uservoice div h3{
	float:left;
	color:#015EBA;
	margin:0 10px 0 14px;
	padding-right:18px;
	border-right: dotted 1px #666666;
}
.uservoice div h4{
}
.uservoice .left{
	margin:0 10px 10px 0;
}
.uservoice h3{
	margin-bottom:10px;
}


/*-----------------------------------------------------------
CHARGE
-----------------------------------------------------------*/
.charge{
	width:553px;
	margin:0 auto;
}
.charge h2{
	margin-bottom:10px;
}
.charge p{
	margin:5px auto 10px auto;
}
.charge div{
	width:538px;
	margin:0 auto 12px auto;
	background: url(../charges/images/title1_1middle.jpg) repeat-y left top;
}
.charge div table{
	margin:3px auto;
}
.charge div table strong{
	font-weight:bold;
}
.charge div p{
	width:510px;
	margin:5px auto 8px auto;
}
#chargeend{
	width:538px;
	margin:5px auto;
	background: url(../charges/images/title1_1middle.jpg) repeat-y left top;
}
#chargeend p{
	width:500px;
	margin:0 auto;
}
/*-----------------------------------------------------------
SERVER
-----------------------------------------------------------*/
.server{
	width:550px;
	margin:6px auto 22px auto;
	clear:both;
}
.server div{
	width:202px;
	float:left;
	margin:0 12px 0 0;
}
.server h2,.server h3{
	margin-bottom:8px;
}
.server table td.title{
	background:#009999;
	color:#FFFFFF;
}
.server table td.p_1{
	background:#7FCCCC;
}
.server table td.p_2{
	background:#BFE5E5;
}
.server table td.title2{
	background:#980032;
	color:#FFFFFF;
}
.server table td.p_3{
	background:#E5D1DB;
}
.server table td.p_4{
	background:#F6E7EE;
}
/*-----------------------------------------------------------
MERIT
-----------------------------------------------------------*/
.blog_merit{
	clear:both;
	width:575px;
	margin:0 auto 10px auto;
}
.blog_merit hr{
	margin:2px 0;
}
.blog_merit ul{
	margin:10px 0 10px 14px;
}
.blog_merit ul li{
	margin-bottom:4px;
}
.blog_merit div{
	width:358px;
	margin-right:10px;
}
.blog_merit p{
	margin-left:12px;
}
.blog_merit h2{
	margin-bottom:0px;
}
.blog_merit h3{
	margin:18px 0 8px 12px;
}
/*-----------------------------------------------------------
KOUSHIN
-----------------------------------------------------------*/
.koushin,.koushin_guide{
	width:575px;
	margin:0 auto 16px auto;
}
.koushin p{
	margin-left:10px;
}
.koushin h2{
	margin-bottom:6px;
}
.koushin_guide h3{
	float:left;
	margin-right:10px;
}
.koushin_guide div{
	background:url(../kousin-kanri/images/back_m.jpg) repeat-y left top;
	width:342px;
	float:left;
}
.koushin_guide div p{
	width:300px;
	margin:0 auto;
}
.koushin hr{
	margin:0;
}
/*-----------------------------------------------------------
SEO SEM
-----------------------------------------------------------*/
.seo{
	width:575px;
	margin:0 auto 10px auto;
}
.seo div{
	width:330px;
	margin-right:10px;
}
.seo hr{
	display:block;
	clear:both;
}
.seo p{
	margin-left:12px;
}
.seo h2{
	margin:10px 0;
}
.seo h3{
	clear:both;
	margin:10px 0;
}
#seo_keywords{
	background:url(../seo-sem/images/back_m.gif) left top repeat-y;
	width:545px;
	margin:20px auto;
}
#seo_keywords img{
	display:block;
}
#seo_keywords li{
	background:url(../seo-sem/images/icon.gif) left 7px no-repeat;
	padding:6px 0 6px 20px;
	font-weight:bold;
}
/*-----------------------------------------------------------
COURSE
-----------------------------------------------------------*/
.couse{
	width:553px;
	margin:0 auto;
}
.couse h2{
	margin-bottom:12px;
}
.couse div{
	background:url(../course/images/back_m.jpg) repeat-y left top;
	width:542px;
	margin:0 auto 12px auto;
}
.couse div p{
	width:510px;
	margin:0 auto;
}
.couse div table{
	margin:8px auto 4px auto;
}
/*-----------------------------------------------------------
SHOP
-----------------------------------------------------------*/
.shop{
	width:574px;
	margin:10px auto 12px auto;
}
.shop p{
	color:#666666;
}
.shop h2{
	margin:16px 0 12px 0;
}
.shop table{
	border-top:solid 1px #999999;
}
.shop table td.yahoo{
	background:url(../shopping/images/logo1.gif) 8px 4px no-repeat;
	padding:3px 0 5px 98px;
}
.shop table td.rakuten{
	background:url(../shopping/images/logo2.gif) 8px 4px no-repeat;
	padding:3px 0 5px 98px;
}
.shop table td.bidders{
	background:url(../shopping/images/logo3.gif) 8px 4px no-repeat;
	padding:3px 0 5px 98px;
}
.shop table td{
	border-bottom:solid 1px #999999;
}
.shop p.j12{
	width:570px;
	margin:0 auto;
}
.shop_user{
	width:560px;
	margin:0 auto;
}
.shop_user p{
	width:450px;
	float:left;
}
.shop_user h2{
	margin:5px 0 10px 0;
}
.shop_user h3{
	border-bottom:solid 1px #999999;
	padding:4px 0 3px 0;
	margin-bottom:12px;
}
.shop_user .left{
	margin-right:10px;
}
.shop_user hr{
	color:#FFFFFF;
	background:#FFFFFF;
	border:none;
}
.shop_user h4{
	margin:12px 0 8px 0;
}
.shop_user dl{
	width:196px;
	float:left;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	padding:10px 0;
	margin-left:6px;
}
/*-----------------------------------------------------------
BUSSINESS SUPPORT
-----------------------------------------------------------*/
#support1{
	width:578px;
	margin:0 auto;
}
#support1 h2{
	margin-bottom:8px;
}
#support1 .left{
	margin:0 10px 12px 0;
}
#support1 h3{
	clear:both;
	border-bottom: solid 1px #999999;
	padding-bottom:4px;
	margin:0 0 6px 0;
	padding-left:3px;
}
#support1 ul{
	padding-left:6px;
}
.support{
	width:578px;
	margin:0 auto;
}
.support h2{
	margin:5px 0 10px 0;
}
.support h3{
	margin:12px 0 6px 0;
}
.support p{
	margin:0 16px 0 14px;
}
.support ul{
	padding-left:12px;
	color:#990000;
	margin:4px 0;
}
.support .clear2{
	margin:10px 0 6px 0;
}
.support div h3{
	border-bottom:solid 1px #999999;
	padding:3px 0 4px 8px;
	margin-bottom:16px;
}
.support div img{
	margin:0 16px 10px 8px;
}
.support div p{
	margin:0 0 0 8px;
}
/*-----------------------------------------------------------
BLOG
-----------------------------------------------------------*/
.blog{
	width:570px;
	margin:0 auto 12px auto;
}
.blog h2{
	border-bottom: solid 1px #999999;
	padding:10px 0 6px 0;
	margin-bottom:6px;
	color:#00C;
}
.blog h3{
	margin-bottom:10px;
	margin:0;
}
#blog_list{
	width:210px;
}
#blog_list a{
	color:#FFF;
}
#blog_list li{
	margin:0 0 6px 4px;
}
#blog_list h4{
	border:solid #666 1px;
	padding:3px;
	text-align:center;
	color:#FFF;
	width:204px;
}
/*-----------------------------------------------------------
CONTACT
-----------------------------------------------------------*/
#contact_guide{
	width:580px;
	margin:10px auto;
}
#contact_guide input{
	vertical-align:middle;
	margin-right:8px;
}
.cont_title{
	width:569px;
	border-left:5px solid #999999;
	background:#EBEBEB;
	margin:8px auto 6px auto;
	padding:3px 0 3px 6px;
}
.cont_title h3{
	display:inline;
}
.cont_title .j12{
	color:#CC0066;
}
#contact_parson{
	width:574px;
}
#contact_parson td{
	border-bottom:solid 1px #999999;	
}
.c_t1,.c_t2,.c_t3,.c_t4,.c_t5{
	border:solid 1px #000000;
	padding:3px;
	color:#666666;
}
.c_t1{
	width:533px;
	height:85px;
}
.c_t2{
	width:274px;
}
.c_t4{
	width:264px;
}
.c_t5{
	width:396px;
}
.c_tmargin{
	margin-bottom:3px;
}	
/*-----------------------------------------------------------
BASIC PLAN
-----------------------------------------------------------*/
.basic{
	width:580px;
	margin:0 auto 20px auto;
}
.basic h2{
	margin:16px 0 14px 0;
	clear:both;
}
.basic p{
	margin-left:12px;
}
.basic p.j14{
	margin:0;
}
.basic .left{
	margin:0 12px;
}