@charset "UTF-8";
/* サービス 共通 */
.clear-both {
	clear:both;
	display:inherit;
	font-size:1px;
}
address { font-style:normal;}


/* メインメニュー */
.flash-wrapper { width:960px;height:90px;border-bottom:solid 2px #929558}


#Contents {
	background:url(../../images/sub_common/cg001.gif) repeat-y left;
	background-position:bottom left;
}

#clear-bottom {
	clear:both;
	display:block;
	height:25px;
	background: url(../../images/sub_common/cg002.gif) no-repeat left bottom;
}

/* 左メニュー */
#Left-Menu {
	width:224px;
	float:left;
}

#Left-Menu ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#Left-Menu li img { vertical-align: bottom;}

/* ページナビゲーション */
#global_navi { padding:9px 0 0 10px !important; margin:0 !important;background:none !important; background:}
#global_navi li { padding:0 !important; margin:0 !important; line-height:110%; list-style:none; display:inline; background:none !important;}


/* #Right-Area 共通 */
div.hr{ background:url(../../images/sub_common/cg008.gif) repeat-x bottom; height:10px; margin:25px 0;}
hr { display:none;}

#Right-Area {
	float:left;
	padding:0px 0px 30px 20px;	
	width:690px;
}

#Right-Area ul,ol,il,dd { margin:0; padding:0; }
#Right-Area p,li,address,dd { line-height:1.45em;}

#Right-Area .width-100 { width:100px}
#Right-Area .width-300 { width:350px}

/* サムネイル */
.index #Right-Area .list { width:310px; padding:25px 0 20px 0; float:left;}
.index #Right-Area .left-30 { margin-left:30px}

.index #Right-Area .thum { float:left; width:100px; padding-left:15px;}
.index #Right-Area .thum a img { border:solid 7px #dfdfdf !important;}
.index #Right-Area .thum a:hover img { border:solid 7px #f9ff8e !important}

.index #Right-Area .text-area { float:left;width:180px; margin-left:13px;}
.index #Right-Area .list h2 { margin:3px 0 5px 0 !important ;}

.index #Right-Area .detail { text-align:right; padding-top:10px}
.index #Right-Area .detail a { padding-right:15px;	background:url(../images/arrow_off.gif) no-repeat center right;}
.index #Right-Area .detail a:hover{	padding-right:15px;	background:url(../images/arrow_on.gif) no-repeat center right;}


/* サブページ共通 */
.sub-page #Right-Area dl { width:95%;}
.sub-page #Right-Area p { width:95%; padding-left:10px; margin-bottom:10px;}
.sub-page #Right-Area ul { width: 95%; margin-left:10px; padding-left:25px;}
.sub-page #Right-Area ol { width:95%; margin-left:10px; padding-left:30px;}
.sub-page #Right-Area address { margin:0 0 0 10px; padding:0px}

.sub-page #Right-Area dl table.itm{ margin-left:10px;}

#Right-Area .bg {
	background:url(../../images/sub_common/cg003.gif) no-repeat left top;
	padding:18px 0px 10px 18px;
	margin-bottom:20px;
	width:670px;
	clear:left;
}

#Right-Area .bg-end {
	background:url(../../images/sub_common/cg003.gif) no-repeat left top;
	padding:18px 0px 10px 18px;
	margin-bottom:2px;
	width:670px;
	clear:left;
}

#Right-Area img {vertical-align:middle}

.sub-page #Right-Area h1 {
	font-weight:bold;
	font-size:105%;
	color:#444444;
	margin-bottom:20px;
}

/* 正社員募集 */
#recruit #comment { height: auto; text-align:center; padding:100px 0 30px 0;}
#recruit #comment span { border: solid 10px #efefef; padding:15px 30px 15px 30px;}

/* 契約社員募集 */
#employee h2 { margin:30px 0 10px 8px ; background:url(../images/cs003.gif) repeat-x;}
#employee dl { padding:0px 10px 10px 10px; margin:0}
#employee dt { font-weight:bold; margin-bottom:5px;}
#employee ul { padding:0 10px 10px 10px; margin:0}

.entry { margin:10px 0 0 10px}
.entry td{ padding:7px 5px 7px 0; vertical-align:top; font-size:92%; line-height:1.5}

/* クリエイティブスタッフ募集 */
.creativestaff #staff { width:650px; margin-left:10px}
.creativestaff #staff h1 { padding-bottom:10px;}
.creativestaff #staff h2 { padding:5px 0 10px 10px;letter-spacing:2px; line-height:150%;}
.creativestaff #staff h3.cs { margin:20px 0 0 0 ; background:url(../images/cs003.gif) repeat-x;}
.creativestaff #staff h4 { padding:0 0 8px 0}
.creativestaff #staff p { padding:5px 10px}
.creativestaff #staff p.comment { font-size:105%; } 
.creativestaff #staff p.frame { padding:5px 10px 5px 50px; margin:20px 0 40px 0; background:#f5f5e6 url(../images/cs005.gif) 5px center no-repeat;}
.creativestaff #staff ul { padding:8px 10px 9px 8px ; margin:0 0 15px 0;border-left:solid 7px #11b6c1; background:url(../images/cs003.gif) repeat;}
.creativestaff #staff li { list-style:none; padding:3px; background:url(../images/cs007.gif) repeat-x bottom}
.creativestaff #staff p#touroku {margin:0 0 0px 0;}
.creativestaff .submit { text-align:center}

/*お問い合わせフォーム*/
.cs_inq #staff { width:680px; margin:10px 0 0 10px}
.cs_inq #staff h1 {padding:5px 0 1px 0; border-bottom:#008995 solid 1px; margin-bottom:10px;}

.cs_inq #privacy { width:600px; border:dashed 1px #CCCCCC; padding:3px 0 10px 10px; margin:10px 0 20px 10px}
.cs_inq #privacy h2{ margin:0; padding:10px 0 10px 5px;font-weight:bold}
.cs_inq #privacy h3{ margin:0; padding:10px 0 5px 10px;font-weight:bold}
.cs_inq #privacy ol { padding:0 0 10px 35px;width:550px}
.cs_inq #privacy h4 { padding:10px 10px 5px 13px;font-weight:bold}
.cs_inq #info { padding:5px 5px 5px 10px; border: solid 5px #f3f3f3; width:260px; display:block;}

.cs_inq p.notes {padding:0px 15px 0px 20px !important; margin:0!important;text-indent:-1em;}
.cs_inq p.notes span { color:#CC0000}

.cs_inq #agree { text-align:center; }
.cs_inq .submit { text-align:center; width:500px; background:#e5e5e5; padding:5px; margin-top:15px; }

.cs_inq table { margin-bottom:15px; width:500px; border: groove 2px #e9e9e9}
.cs_inq th { font-weight:normal; text-align:right; padding:5px ;border: solid 1px #fff; background:#666666; color:#FFFFFF}
.cs_inq td { padding:5px;border-bottom: dashed 1px #ccc}


/* ご利用上の注意 */
.notice h2 { font-weight:bold; padding:0 0 0 10px; margin:10px 0 10px 0;font-size:105%;}
.notice h3 { font-weight:bold; padding:0 0 2px 5px; margin:0 25px 5px 5px;color:#000099; border-bottom:solid 1px #000099;}
.notice .bg-end ul { border: solid 1px #999999; padding:5px 5px 5px 25px !important; width:90% !important;}
.notice .bottom-15 { padding-bottom:15px;}


/* サイトマップ */
#sitemap a { text-decoration:none; color:#333333}
#sitemap a:hover { text-decoration:underline;color:#e50053}

#sitemap h2 { font-weight:bold;padding:0 0 0 5px; margin-left:5px}
#sitemap h3 { font-weight:bold; padding:5px; width:130px; margin-left:5px;float:left;}
#sitemap ul.sub { float:left; width:480px; border-left: dashed 1px #878787 ; padding-left:10px}
#sitemap ul.sublist { padding-top:5px;}
#sitemap ul.sub li { list-style:none; margin:0; padding:5px 0; }
#sitemap ul.sub li img { vertical-align:middle; margin-right:5px}
#sitemap .line { border-bottom: solid 1px #CCCCCC; clear:both; display:block; height:1px; margin:3px 0; padding:3px 0 0 0}


/* ユーザサポート */
#support ul.sub { float:left;padding-left:10px; }
#support ul.sublist { padding-top:5px;}
#support ul.sub li { list-style:none; margin:0; padding:5px 0; }
#support ul.sub li img { vertical-align:middle; margin-right:5px}
#support h2 { padding:0px 0px 15px 0px;}

#support table { width:660px; text-align:center;}
#support table thead th{ text-align:center; padding:3px; background:#9c9d87; color:#fff; font-weight:normal; white-space:nowrap}
#support table tbody th{ text-align:left; padding:8px 3px 8px 28px; font-weight:normal;background: url(../support/img/dl.png) no-repeat 5px center}
#support table td{ text-align:center; padding:8px;}
#support .gray {background:#efefef}
#support .gray th{ background:#efefef url(../support/img/dl.png) no-repeat 5px center}