/* 共通 */
*{
	font-family:Meiryo,Verdana,"メイリオ","ＭＳ Ｐゴシック",Hiragino Kaku Gothic Pro,Osaka;
	color:#2f2f2f;
	margin:0;
	padding:0;
}
body{
	min-width:950px;
}
p, dd, th, td, ul, ol, li, textarea, dl, dt, dd, a{
	font-size:12px;
	line-height:2em;
}
img{
	border-style:none;
}
.clearboth{
	clear:both;
}
p.small{
	font-size:10px;
}
a{color:#ff5500;}
a:hover{	color:#2fa6b8;}
/* 共通 ここまで*/
/* ヘッダ */
#headerwrappertop{
  background-image:url("img/header/bg_headerwrappertop.png");
  background-position:top;
  background-repeat:repeat-x;
}
#headerwrappertopindex{
  background-image:url("img/header/bg_headerwrappertopindex.png");
  background-position:top;
  background-repeat:repeat-x;
}
#header{
	width:950px;
	height:100px;
	margin:0 auto;
	position:relative;
}
#header #snavi{
  position:absolute;
  top:0;
  left:430px;
}
/* cnavi */
#cnavi a#navi1 {
  position:absolute;
  top:63px;
  left:700px;
  background: url("img/header/link_profile_on.png") left top no-repeat;
  display: block;
  overflow: hidden;
}
#cnavi a#navi1:hover{	/*これがないとIE6でロールオーバー表示をしない*/
  background-color: #2fa6b8;
}
#cnavi a#navi1:hover img {
  position: relative;
  top: -25px;
}
#cnavi a#navi2 {
  position:absolute;
  top:63px;
  left:820px;
  background: url("img/header/link_contact_on.png") left top no-repeat;
  display: block;
  overflow: hidden;
}
#cnavi a#navi2:hover{	/*これがないとIE6でロールオーバー表示をしない*/
  background-color: #2fa6b8;
}
#cnavi a#navi2:hover img {
  position: relative;
  top: -25px;
}

#header img#logo{
  position:absolute;
  top:20px;
  left:20px;
}
#header h1{
	font-size:11px;
	font-weight:normal;
	padding-top:5px;
	text-align:right;
	float:right;
	line-height:1.2em;
}
/* */
#mainwrapper{
	width:950px;
	margin:0 auto;
}
/* フッタ */
#footerwrapper{
	clear:both;
  background-image:url("img/footer/bg_footer.png");
  background-repeat:repeat-x;
/*	background-color:#ffa000; */
}
#footer{
	width:950px;
	margin:0 auto;
	clear:both;
	height:100px;
}

#footer #leadtec{
	margin:30px 20px 0 10px;
	float:right;
}
#footer p#f_mes01{
	float:right;
	font-size:10px;
	margin-top:23px;
	line-height:1.5em;
	text-align:right;
  color:#2fa6b8;
}
ul#footer_link{
	float:left;
	margin-left:20px;
}
ul#footer_link li{
	list-style:none;
}
ul#footer_link li a{
	font-size:10px;
}
/*  */
#toppictop{
	width:950px;
	margin:0 auto 10px;
	clear:both;
}
/* HOME */
#homewrapper{
	width:950px;
	margin:0 auto;
	clear:both;
}
#homewrapper img#h_mes01{
	margin:15px 0 20px 0;
}
#homewrapper #wrapper_h01{
	padding-right:10px;
}
#wrapper_h01 #h_lside{
	width:665px;
	float:left;
}
#h_rside{
	width:260px;
	border:1px solid #dddddd;
	float:right;
}
#h_info{
	width:600px;
	height:170px;
	margin:0 0 0 25px;
}
#h_info ul{
	list-style:none;
	padding:0;
}
#h_info ul li{
	border-bottom:1px dotted #cccccc;
	line-height:2em;
}
#h_info a{
	text-decoration:none;
	color:#545454;	
}
#h_info a:hover{
	text-decoration:underline;
	color:#ff5500;
}
#h_info #andmore{
	text-align:right;
}
#wrapper_h01 img#h_mes02{
	margin:0 0 0 25px;
}
img#h_mes03, img#h_mes05, img#h_mes07, img#h_mes09{
	margin:15px 0 0 15px;
	float:left;
}
img#h_mes04, img#h_mes06, img#h_mes08, img#h_mes10{
	float:right;
}
img#h_mes12{
	margin:0 0 0 25px;
}
#block_contact{
	width:260px;
	height:210px;
	background-image:url(img/home/h_mes11.gif);
}
img#link_contact{
	margin:145px 10px 0 10px;
}
#block_homepage{
	border-top:1px solid #dddddd;
}
#block_netshop{
	border-top:1px solid #dddddd;
}
#block_recruit{
	border-top:1px solid #dddddd;
}
#block_calendar{
	border-top:1px solid #dddddd;
}
#block_team-6{
	border-top:1px solid #dddddd;
}
/**/
#picup {
  position:relative;
  margin-bottom:20px;
  height:200px;
}
#picup a#web_3ppackage{
  position:absolute;
  top:0;
  left:20px;
  background:url("img/home/link_web_3ppackage_on.gif") left top no-repeat;
  display:block;
  overflow:hidden;
}
#picup a#web_3ppackage:hover{
  background-color:#2fa6b8;
}
#picup a#web_3ppackage:hover img{
  position:relative;
  top:-200px;
}
#picup a#web_3ppackagewithdb{
  position:absolute;
  top:0;
  left:340px;
  background:url("img/home/link_web_3ppackagewithdb_on.gif") left top no-repeat;
  display:block;
  overflow:hidden;
}
#picup a#web_3ppackagewithdb:hover{
  background-color:#2fa6b8;
}
#picup a#web_3ppackagewithdb:hover img{
  position:relative;
  top:-200px;
}

/**/
#wrapper_h01 .h_bis{
	clear:both;
	width:650px;
	height:200px;
	margin:0 0 10px 10px;
	padding:0;
	background-image:url(img/home/bg_bis.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.h_bis p{
	float:left;
	width:420px;
	padding-top:10px;
	padding-left:15px;
}
#h_bside{
	clear:both;
	margin-bottom:20px;
}
#h_bside p#h_bmess{
	margin:15px 30px 10px 30px;
}
ul.h_comment{
	margin-left:15px;
	list-style:none;
	clear:both;
}
ul.h_comment li.h_commentli01{
	width:300px;
	height:75px;
	margin-right:8px;
	background-image:url(img/home/bg_comment.gif);
	background-repeat:no-repeat;
	float:left;
}
ul.h_comment li.h_commentli02{
	width:300px;
	height:75px;
	float:left;
}
ul.h_comment li p{
	margin-top:20px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
/* SYSTEM */
#syswrapper{
	margin-top:10px;
	clear:both;
}
#syswrapper p#s_comment01{
	margin:10px 20px 0px 20px;
}
#syswrapper #wrapper_s01{
	clear:both;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}
#wrapper_s01 #wrapper_s02{
	width:450px;
	float:left;
}
#wrapper_s01 #wrapper_s03{
	width:450px;
	float:right;
}
#syswrapper dl{
	padding:10px;
	margin-bottom:20px;
	border:1px solid #dddddd;
	background-color:white;
}
#syswrapper dt{
	background-image:url(img/system/bg_dt.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-bottom:10px;
	padding-left:27px;
	font-size:14px;
	font-weight:bold;
}
#syswrapper dt.margintop20{
	margin-top:20px;
}
#syswrapper dd{
	margin:0 10px 10px 10px;
}
#syswrapper dd.floatright{
	float:right;
	margin:0 10px 10px 10px;
}
#syswrapper table{
	clear:both;
	width:400px;
}
#syswrapper table th, #syswrapper table td{
	font-weight:normal;
	text-align:left;
	padding-left:10px;
	border-bottom:1px dotted #545454;
}
/* ホームページ制作 */
#webwrapper{
	margin-top:10px;
	clear:both;
}
#webwrapper p#w_comment01{
	margin:10px 20px 10px 20px;
}
#wrapper_w01{
	padding-right:10px;
}
#wrapper_w01 #w_lside{
	width:650px;
	margin-left:10px;
	float:left;
}
#w_lside #mes_w01{
	margin-bottom:20px;
}
#w_lside #mes_w01 p{
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
}
#w_lside #mes_w02{
	margin-bottom:20px;
}
#w_lside #mes_w02 dl{
  margin-top:10px;
}
#w_lside #mes_w02 dl dt{
  clear:both;
}
#w_lside #mes_w02 dl dd img{
  float:right;
}
#w_lside #mes_w02 dl dd p{
	margin-left:10px;
	margin-right:10px;
}
/**/
#w_lside #mes_w02 table#package{
  margin:10px;
  width:630px;
  background:url("img/web_3ppackage/bg_packagetable.png");
  background-repeat:repeat-y;
}
#w_lside #mes_w02 table#package td{
  text-indent:3em;
  color:white;
}
/**/
#w_lside .w_comment{
	clear:both;
	margin-top:15px;
}

#w_lside .w_comment #imageright{
	float:right;
	margin-left:10px;
}
#w_rside{
	float:right;
}
#w_rside01{
	width:260px;
	border:1px solid #dddddd;
}
#w_rside02{
	margin-top:35px;
}
#w_rside02 img#img_w13{
	margin-bottom:15px;
}
.block_campaign{
	clear:both;
	margin-bottom:10px;
}
#w_bside{
	clear:both;
	margin-left:10px;
	margin-bottom:20px;
	height:220px;
	background-image:url(img/web/bg_bside.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:relative;
}
#w_bside p{
	position:absolute;
	top:30px;
	left:30px;
	width:630px;
	height:160px;
}
#w_bside img{
	position:absolute;
	top:0px;
	left:750px;
}
/* ホームページ制作 キャンペーン */
#mes_w01 img.wc_img01{
	margin-top:15px;
}
#mes_w01 table.wc_table01{
	width:650px;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	margin-bottom:20px;
}
#mes_w01 table.wc_table01 caption{
	margin-top:15px;
}
#mes_w01 table.wc_table01 th{
	width:150px;
	font-weight:normal;
	text-align:left;
	text-indent:1em;
	background-color:#fdeec1;
}
#mes_w01 table.wc_table01 td{
	padding-left:1em;
	padding-right:1em;
	border-bottom:1px solid #dddddd;
}
#mes_w01 table.wc_table01 td.noborder{
	border-style:none;
}
/* ネットショップ制作 */
#netshopwrapper{
	margin-top:10px;
	clear:both;
}
#netshopwrapper p#n_comment01{
	margin:10px 20px 10px 20px;
}
#wrapper_n01{
	padding-right:10px;
}
#wrapper_n01 #n_lside{
	width:650px;
	margin-left:10px;
	float:left;
}
#n_lside #mes_n01{
	height:550px;
	margin-bottom:20px;
	background-image:url(img/netshop/mes_n02.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#n_lside #mes_n01 a#linksample{
	float:right;
	margin-top:10px;
	margin-right:10px;
}
#n_lside #mes_n01 p#mes_n01_01{
	width:300px;
	margin-top:15px;
	margin-left:10px;
	float:left;
}
#n_lside #mes_n02{
	margin-bottom:20px;
}
#n_lside #mes_n02 #imageright{
	float:right;
	margin-left:10px;
}
#n_lside #mes_n03{
	margin-bottom:20px;
}
#n_lside #mes_n03 p{
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
}
#n_lside .n_comment{
	clear:both;
	margin-top:15px;
}
#n_lside .n_comment p{
	margin-left:10px;
	margin-right:10px;
}
#mes_n04{
	clear:both;
	margin-bottom:20px;
}
.mes_n05{
	background-image:url("img/netshop/bg_n02.gif");
	background-repeat:repeat-y;
}
.mes_n05 table{
	width:630px;
	margin:0 auto;
}
.mes_n05 table td{
	border-bottom:solid 1px #a5b9d9;
}
/* 概要 */
#profilewrapper{
	margin-top:10px;
	clear:both;
}
#profilewrapper p#p_comment01{
	margin:10px 20px 10px 20px;
}
#profilewrapper #wrapper_pr01{
	clear:both;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
#wrapper_pr01 #p_navi{
	width:200px;
	border:1px solid #dddddd;
	background-color:white;
	float:left;
}
#p_navi ul#pnavi{
	list-style:none;
}
#p_navi ul#pnavi li{
	height:35px;
	line-height:0;
}
#profilewrapper #p_main{
	width:700px;
	border:1px solid #dddddd;
	float:right;
}
#p_main #p_comment02{
	margin:5px 30px 0 30px;
	padding-bottom:10px;
	border-bottom:1px dotted #545454;
}
#p_main #p_comment03{
	margin-top:5px;
	text-align:right;
}
#p_main #wrapper_pr02{
	padding-top:30px;
	padding-right:20px;
	margin-bottom:20px;
}
#wrapper_pr02 #wrapper_p01{
	width:360px;
	float:left;
}
#wrapper_pr02 #wrapper_p01 table{
	width:330px;
	margin:5px 0 0 30px;
}
#wrapper_pr02 #wrapper_p01 table th{
	width:100px;
	font-weight:normal;
	text-align:left;
	padding-left:10px;
}
#wrapper_pr02 #wrapper_p01 table td{
	padding-left:10px;
}
#wrapper_pr02 #wrapper_p02{
	width:300px;
	float:right;
}
#wrapper_pr02 #wrapper_p02 img#img_p01{
	margin:5px 0 0 0;
}
/* お知らせ */
#p_main .post{
	width:640px;
	margin:10px auto 10px auto;
	padding:10px;
	background-color:#f2f2f2;
}
#p_main h3{
	background-image:url(img/wp_info/bg_h3.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:10px;
	padding-left:30px;
	padding-bottom:5px;
	border-bottom:1px solid #dddddd;
}
#p_main h3 a.posttitle{
	font-size:14px;
	line-height:1.5em;
	text-decoration:none;
}
#p_main .postinfo{
	text-align:right;
}
#p_main p.pagelink span.pageprev{
	float:left;
	margin-left:30px;
}
#p_main p.pagelink span.pagenext{
	float:right;
	margin-right:30px;
}
/* お知らせ NotFound */
#notfound dl{
	width:700px;
	margin:100px auto 100px auto;
	padding:30px;
	border:1px solid #545454;
	border-left-width:10px;
	border-right-width:10px;
}
#notfound dt{
	text-align:center;
	margin-bottom:20px;
}
/* リクルートページ*/
#p_main #img_r02{
	clear:both;
	margin-top:30px;
}
#p_main #img_r04{
	margin:0 30px 5px 10px;
	float:right;
}
#p_main #r_comment01{
	margin:5px 30px 0 30px;
	padding-bottom:10px;
	border-bottom:1px dotted #545454;
}
#p_main table#tbl_r01{
	width:640px;
  margin-left:30px;
  margin-bottom:30px;
	border:1px solid #dddddd;
}
#p_main table#tbl_r01 th{
	width:150px;
	text-align:left;
	font-weight:normal;
	padding-left:10px;
	border-bottom:1px solid #dddddd;
}
#p_main table#tbl_r01 td{
	padding-left:10px;
	border-bottom:1px solid #dddddd;
}
#p_main table#tbl_r01 .noborder{
	border-style:none;
}
/*お問い合わせ*/
#p_main #c_comment01{
	margin:5px 30px 0 30px;
	padding-bottom:10px;
	border-bottom:1px dotted #545454;
}
#p_main #c_iframe{
	display:block;
	margin:20px auto 30px auto;
	padding:0;
	width:580px;
	height:590px;
	border:1px solid #cccccc;
}
/*リンク*/
#p_main p.l_comment01{
	margin:5px 30px 10px 30px;
}
#p_main ul#l_comment02{
	margin:5px 30px 10px 30px;
}
#p_main ul#l_comment02 li{
	list-style:none;
}
#p_main table#l_table01{
	width:600px;
	margin:0 auto 10px auto;
	border:1px solid #dddddd;
}
table#l_table01 th{
	height:30px;
	width:150px;
	text-align:left;
	font-weight:normal;
	padding-left:1em;
	border-bottom:1px solid #dddddd;
}
table#l_table01 td{
	border-bottom:1px solid #dddddd;
}
table#l_table01 textarea{
	margin-top:5px;
	margin-bottom:5px;
	width:98%;
	height:60px;
}
table#l_table01 .noborder{
	border-style:none;
}
#p_main #l_iframe{
	display:block;
	width:620px;
	height:450px;
	margin:10px auto 20px auto;
}
/*相互リンク - ホームページ制作*/
ul#lw_ul01{
	margin:5px 30px 10px 30px;
	list-style:none;
}
ul#lw_ul01 li{
	border-bottom:1px dotted #dddddd;
}

