/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{
	color:#000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{
	margin:0;
	padding:0;
}

fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
legend{
	color:#000;
}
ul,li{
	list-style:none;
	padding:0;
	margin:0;
}

/*-----------------------------------------------------------
REST START
-----------------------------------------------------------*/

h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,body{
	border:0;
	margin:0;
	padding:0;
}
img{
	border:0;
	margin:0;
	padding:0;
}
div,dl,dd,ul,li{
    min-height:1%;
}
div:after,dl:after,dd:after,ul:after,li:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html div,* html dl,* html dd,* html ul,* html li{
    /*\*/height:1%;/*for WinIE*/
    display:inline-table;/*for MacIE*/
}

/*-----------------------------------------------------------
COMMON START
-----------------------------------------------------------*/

.right{
	float:right;
}
.left{
	float:left;
}
.clear{
	clear:both;
	line-height:0;
	font-size:1px;
	display:block;
}
img.clear{
	clear:both;
	line-height:0;
	font-size:0;
	display:block;
	vertical-align:bottom;
}
.clear2{
	clear:both;
	display:block;
	color:#FFFFFF;
	border:none;
	font-size:0px;
	line-height:0%;
	margin:-3px 0;
	padding:0;
}
* html .clear2{
	clear:both;
	display:block;
	color:#FFFFFF;
	border:none;
	font-size:0px;
	line-height:0%;
	margin:-10px 0;
	padding:0;
}
.margin_6{
	margin-right:6px;
}
.margin_8{
	margin-right:8px;
}
.margin_10{
	margin-right:10px;
}
.margin_12{
	margin-right:12px;
}
.margin_14{
	margin-right:12px;
}
.margin_16{
	margin-right:16px;
}
.margin_20{
	margin-right:20px;
}
.margin_26{
	margin-right:26px;
}
/*-----------------------------------------------------------
BACKGROUND
-----------------------------------------------------------*/
img{
	vertical-align:top;
}
/*-----------------------------------------------------------
HEAD
-----------------------------------------------------------*/
#head{
	display:none;
}
/*-----------------------------------------------------------
LEFT CONT
-----------------------------------------------------------*/
#left_cont_back{
	display:none;
}

/*-----------------------------------------------------------
UNDER MENU
-----------------------------------------------------------*/
#undermenu{
	display:none;
}
#copy{
	color:#000000;
	padding:12px 0;
}
/*-----------------------------------------------------------
MAIN CONTENTS
-----------------------------------------------------------*/
#main{
	width:600px;
	margin:0 auto;
}
.smooth_scr{
	clear:both;
	text-align:right;
	vertical-align:middle;
	padding:10px 0 0 0;
}
#print{
	display:none;
}
#pagebute{
	text-align:center;
	padding:6px 0;
	margin:6px auto;
	clear:both;
}
/*-----------------------------------------------------------
Other page common style
-----------------------------------------------------------*/
#title{
	margin-bottom:12px;
}
.other_cont{
}
#pankuzu a{
	display:none;
}
.j10,.j12,.j14,.j16,.j18{
}
/*-----------------------------------------------------------
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;
}
.sitemap_box li{
	padding-bottom:3px;
}
/*-----------------------------------------------------------
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;
}
.works div{
	width:537px;
	margin:0 auto;
}
.works div h3{
	border-bottom:solid 1px #999999;
	padding:3px 0 4px 8px;
	margin-bottom:10px;
}
#pagebute{
	text-align:center;
	margin:10px auto;
}
#pagebute a{
	color:#000000;
}
#pagebute span{
	margin:0 5px;
}
#pagebute span a{
	background:#999999;
	color:#FFFFFF;
	padding:6px;
	border:none;
	margin:0;
}
	
/*-----------------------------------------------------------
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:550px;
	margin:0 auto 10px auto;
}
.blog_merit hr{
	margin:2px 0;
}
.blog_merit div{
	width:358px;
	margin-right:10px;
}
.blog_merit h2{
	margin-bottom:14px;
}
.blog_merit h3{
	margin:18px 0 8px 0;
}
/*-----------------------------------------------------------
KOUSHIN
-----------------------------------------------------------*/
.koushin,.koushin_guide{
	width:570px;
	margin:0 auto 16px auto;
}
.koushin p{
	margin-left:10px;
}
.koushin h2{
	border-bottom:solid 1px #CC0000;
	padding-bottom:5px;
	margin-bottom:10px;
}
.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:560px;
	margin:0 auto 10px auto;
}
.seo div{
	width:330px;
	margin-right:10px;
}
.seo h2{
	margin-bottom:10px;
}
.seo h3{
	clear:both;
	margin-bottom:10px;
}
#seo_keywords{
	background:url(../seo-sem/images/back_m.gif) left top repeat-y;
	width:540px;
	margin:20px auto 20px 0;
}
#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;
}
/*-----------------------------------------------------------
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;
}
/*-----------------------------------------------------------
BLOG
-----------------------------------------------------------*/
.blog{
	width:570px;
	margin:0 auto 12px auto;
}
.blog h2{
	border-bottom: solid 1px #999999;
	padding:10px 0 6px 0;
	margin-bottom:6px;
}
.blog h3{
	margin-bottom:10px;
}
/*-----------------------------------------------------------
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;
}