@charset "utf-8";
/* CSS Document */

*       { margin:0; padding:0; }
body    { background:#fff url(common/bg.jpg); }
img     { border:0px; margin:0px; }
p,dt,dd { font-size:14px; line-height:1.3em; }
ul      { list-style-type:none; margin:0px; }
a       { color:#000; text-decoration:none; font-size:14px; }
a:hover { color:#f00; text-decoration:underline; }
.button { padding:0px 10px; }

/* header全体背景 */
#header-sidebg { width:100%; background:url(header/topbgside.jpg) repeat-x; }

/* headerタイトルロゴ */
#header-title     { height:56px; }
#header-title img { margin:0px; }

/* header各要素背景 */
#header-topbg { width:870px; height:292px; margin:0 auto; background:url(header/topbg.jpg) no-repeat; }

/* headerメニュー部 */
#header-menu                   { width:870px; height:40px; margin:0; }
#header-menu li                { width:150px; height:40px; float:left; margin:0px 0px 0px 20px; }
#header-menu-top a             { background:url(header/menu-top.jpg); }
#header-menu-top-current a     { background:url(header/menu-top.jpg); background-position:0px -40px; }
#header-menu-summary a         { background:url(header/menu-summary.jpg); }
#header-menu-summary-current a { background:url(header/menu-summary.jpg); background-position:0px -40px; }
#header-menu-works a           { background:url(header/menu-works.jpg); }
#header-menu-works-current a   { background:url(header/menu-works.jpg); background-position:0px -40px; }
#header-menu-recruit a         { background:url(header/menu-recruit.jpg); }
#header-menu-recruit-current a { background:url(header/menu-recruit.jpg); background-position:0px -40px; }
#header-menu-contact a         { background:url(header/menu-contact.jpg); }
#header-menu-contact-current a { background:url(header/menu-contact.jpg); background-position:0px -40px; }
#header-menu a                 { display:block; height:40px; text-indent:-100px; overflow:hidden; }
#header-menu a:hover           { background-position:0px -40px; text-decoration:none; }

/* content親枠・左子枠・右子枠 */
#content       { width:870px; margin:20px auto; }
#content-left  { width:490px; margin-left:20px; float:left; }
#content-right { width:320px; margin-right:20px; float:right; }

/* content子枠内各要素 */
#top-1        { margin:15px 15px 15px 15px; }
#top-2        { margin:15px 15px 15px 30px; padding-right:70px; background:url(top/manpuku-logo.jpg) no-repeat top right; }
#top-3        { margin:15px 15px 15px 30px; }
#top-4        { margin:15px  0px 15px 30px; }
#summary-1    { margin:15px  0px 15px 30px; }
#summary-2    { margin:15px  0px 15px 15px; }
#summary-3    { margin:15px  0px 15px 15px; }
#summary-menu { margin:15px  0px 15px 30px; }
#works-1      { margin:15px  0px 15px 30px; }
.works-2      { margin:15px  0px 15px 30px; }
.works-2 .imgright{ float:right; margin:0 0 0 10px; }
.works-2 .imgleft { float:left;  margin:0 10px 0 0; }
#works-3-1    { margin:15px  0px 15px 30px; }
#works-3-2    { margin:15px  0px 15px 30px; }
#works-menu   { margin:15px  0px 15px 30px; }
#works-skill  { margin:15px  0px 15px 15px; }
#recruit-1    { margin:15px  0px 13em 30px; }
#contact-1    { margin:15px  0px 15px 30px; }

/* content imgmarker1（青矩形マーカーのリスト） */
.imgmarker1 dt { padding:0 0 0 15px; background: url(common/imgmarker1.jpg) no-repeat left center; }
.imgmarker1 dd { padding:0 0 0 30px; margin-bottom:15px; }

/* content imgmarker2（矢尻マーカーのリスト） */
li.imgmarker2         { list-style: url(common/imgmarker2.jpg); margin-bottom:0.5em; }
li.imgmarker2-current { list-style: url(common/imgmarker2-current.jpg); margin-bottom:0.5em; }

/* content imgmarker3（緑矩形マーカーのリスト） */
.imgmarker3 dt { padding:0 0 0 15px; background: url(common/imgmarker3.jpg) no-repeat left center; }
.imgmarker3 dd { padding:0 0 0 15px; margin-bottom:15px; }

/* content サブタイトル部 */
.subtitle { margin-top:15px; background:url(common/bg-subtitle.png) no-repeat; width:491px; height:22px; text-indent:30px; font-size:14px; font-weight:bold; }

/* content-top 画像部レイアウト */
#top-2 td { vertical-align:top; }
#top-4 li { margin:15px 0; }


/* content-works 青リンク */
a.link-blue { color:#0079FD; font-weight:bolder; }

/* content-works 青リンクの右寄せ */
p.align-right { text-align:right; }

/* content-works 画像部レイアウト */
#works-homepage1     { display:block; float:left; margin:10px 10px 14px 0; }
#works-homepage2     { display:block; float:left; margin:95px 10px 14px 0; }
#works-homepage3     { display:block; float:left; margin:110px 0 10px 0; color:#0079FD; font-weight:bolder; }
#works-esports-cyac1 { display:block; float:left; margin:10px 10px 14px 0; }
#works-esports-cyac2 { display:block; float:left; margin:89px 10px 14px 0; }
#works-esports-cyac3 { display:block; float:left; margin:118px 0 10px 0; color:#0079FD; font-weight:bolder; }

/* content-contact 各フォームタイトル */
p.form-title { font-weight:bolder; margin-top:15px; }




/* zeromailから流用のcss */
/* 確認画面のテーブル */
table#confirm    { margin-bottom:10px; }
table#confirm tr { vertical-align:top; }
table#confirm th { border:1px solid #cccccc; background:#eeeeee; padding:10px; font-size:14px; width:120px; }
table#confirm td { border:1px solid #cccccc; padding:10px; font-size:14px; }

/*入力エラーメッセージには<strong>タグが付く*/
table#confirm td strong { color:#A82B2B; }

/* Message()のメッセージ */

/*エラー*/
span.err{ color:#CC0000; font-weight:bold }

/*エラーなし*/
span.conf{ color:#339933; }

/*エラー画面用　（init.php内）*/
/*body id="error"*/
div.err_message {
	padding:50px 0 0 0;
}
.err_message p {
	margin-bottom:50px;color:#A82B2B;
}
/*サンプルの完了画面　（completion.html用）*/
.success {
	padding:50px 0;
}
.success .button {
	margin-top:50px;
}
.success .button a {
	border:solid 2px;
	border-color:#CAD6F0 #7C99DC #889FD7 #CAD6F0 ;
	width:100px;
	background-color:#AABCE8;
	margin:0 10px 0 0;
	line-height:1.4;
	color:#424242;
	padding:0.2em 1em ;
}
.success .button a:hover {
	border-color:#C4E0F0 #8DC5E2 #8FBEE0 #C4E0F0;
	background-color:#A9D2E9;
}
/*copyright*/
.zm_copyright {
	margin-top:30px;
	font-size:10px;
		visibility:hidden;
		display:none;
}
.zm_copyright a{
	color:#AABCE8;
}





/* footer */
#footer           { width:870px; margin:15px auto; clear:both; text-align:center; border-top:solid 1px; }
#footer-menu      { font-size:12px; margin-top:0.5em; }
#footer-menu a    { font-size:12px; margin-top:0.5em; }
#footer-copyright { font-size:12px; margin-top:0.5em; color:#999; clear:both; }
#footer-copyright a       { color:#999999; }
#footer-copyright a:hover { color:#ff0000; }
/*
#footer-menu li		{font-size:12px; float:left; margin:0 0.5em 0 0.5em;}
*/