@charset "utf-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,table,th,td{margin:0;padding:0;font-style:normal;font-weight:normal;text-align:left;}html{background:#fff;color:#969696;}body{font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}* html body{font-size:small;font:x-small;}*:first-child+html body{font-size:small;font:x-small;}img{border:0;vertical-align:bottom;padding:0px;margin:0px;}a img{border:0;vertical-align:bottom;padding:0px;margin:0px;}h1,h2,h3,h4,h5,h6{clear:both;font-size:100%;font-weight:normal;}ul,dl,ol{text-indent:0;}li{list-style:none;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}* html input,* html textarea,* html select{font-size:100%;}*:first-child+html+input,*:first-child html+textarea,*:first-child+html select{font-size:100%;}table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}th,td{text-align:left;vertical-align:top;}caption{text-align:left;}pre,code,kbd,samp,tt{font-family:monospace;}* html pre,* html code,* html kbd,* html samp,* html tt{font-size:108%;line-height:100%;}*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt{font-size:108%;line-height:100%;}input,select,textarea{font-size:100%;font-family:Verdana,Helvetica,sans-serif;}input,textarea{margin:0;padding:0;vertical-align:middle;}

/*
font-size:77%; //10px
font-size:85%; //11px
font-size:93%; //12px
13px=100%
14px=108%
15px=116%
16px=123.1%
17px=131%
18px=138.5%
19px=146.5%
20px=153.9%
21px=161.6%
22px=167%
23px=174%
24px=182%
25px=189%
26px=197%
*/
/*ヘッダ
================================*/
.lead{padding: 16px 0 6px 0;text-align:center;}
/*タイトルと日付
================================*/
.article_category_size{height:52px;width: 100%;background: url(border.png) repeat-x left bottom;}
.article_category_date{
margin:0 auto;
width:945px;
}
/*見出し*/
.article_category_midashi{
width:255px;
float:left;
}
.article_category_img{
width:255px;
margin: -56px 0 0 0;
}
.article_category_img_chosei{
text-align: left;
display: block;
}
/*日付*/
.article_date_only{
text-align: right;
width:690px;
height:;
float:right;
}
.article_date_only p{
text-align:right;
width:690px;
padding:28px 0 0 0;
font-size: 93%;/*12px*/
font-family:BeautifulEveryTime;
text-shadow: 1px 1px 1px #FFF;
}
.article_category_date:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*  第三階層　各記事用 
--------------------------------------------------------- */
.article_container{
width:522px;
margin:39px auto 60px auto;
}
.article_title h3{
font-size: 93%;/*12px*/
font-weight:bold;
text-shadow: 1px 1px 1px #FFF;
height: 20px;
color: #666;
margin:0 0 13px 0;
}

/*  第三階層　記事画像用 
--------------------------------------------------------- */
.article_waku{
width:516px;
border:1px solid #e9e9e9;
background-color:#FFF;
margin:0 auto;
}

.article_img{
width:500px;
padding:8px;
text-align: center;
}

.article_img img{
margin:0 auto;
}

/*  第三階層　記事SNS用 
--------------------------------------------------------- */
.article_sns_wrap{
width:522px;
margin:0 auto;
}

.article_sns_waku{
width:522px;
height:42px;
background:url(bg_third_mainback.png) repeat-y center top;
padding:0;
margin:0;
}

.article_sns_waku_bottom{
width:522px;
height:4px;
background:url(bg_third_bottomshadow.png) no-repeat center top;
padding:0;
margin:0;
}

.article_bunsyo{
width:515px;
margin:-15px auto 0 auto;
padding:0 0 0 1px;
}


.article_bunsyo p{
text-align:left;
font-size:12px;
font-weight:normal;
line-height:2.1;
color:#999;
padding:0 0 14px 0;
}

.article_bunsyo p img{
display: none;
}

.article_bunsyo a{
text-align:left;
font-size:11px;
font-weight:normal;
line-height:2.1;
color:#90cacd;
text-decoration: none;
}

.article_bunsyo a:hover{
text-align:left;
font-size:11px;
font-weight:normal;
line-height:2.1;
color:#90cacd;
text-decoration:underline;
}

.back_category{
float:right;
margin:0px 0 0 0;
}

.back_category a{
width:167px;
height:20px;
display:block;
}

.back_category:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.article_sns_fl{
margin:0 auto;
width:325px;
height:20px;
}

.article_sns_fl ul{
list-style-type: none;
padding:11px 0 11px 0;
}

/*  twitter用 
--------------------------------------------------------- */
li.article_sns_twitter{
width:88px;
height:20px;
overflow: hidden;
float:left;

}

/*  facebook用 
--------------------------------------------------------- */
li.article_sns_facebook{
width:98px;
height:20px;
overflow: hidden;
float:left;
margin:0 0 0 10px;

}

/*  Google Plus用 
--------------------------------------------------------- */
li.article_sns_googleplus{
width:59px;
height:20px;
overflow: hidden;
float:left;
margin:0 0 0 10px;

}

/*  HatenaBlog用 
--------------------------------------------------------- */
li.article_sns_hatena{
width:50px;
float:left;
margin:0 0 0 10px;

}



.article_sns_fl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/*  第三階層　Google Adsense用 
--------------------------------------------------------- */
.gad_bg_img{
width:100%;
height:120px;
background:url(bg_third_adsense.png) repeat-x left center;
}

.gad_code{
width:100%;
height:90px;
text-align: center;
padding: 15px 0;
}

/*  第三階層　カテゴリ別８記事用 
--------------------------------------------------------- */
.category_related_wrap{
width:100%;
margin:24px auto 0 auto;
}

.category_related{
height:87px;
width:100%;
background: url(border.png) repeat-x left bottom;
}

.category_related_size{
margin:0 auto;
width:945px;
}

.category_related_midashi{
width:837px;
float:left;
}

.category_related_img{
width:837px;
height:;
margin:0;
}

.category_related_img_chosei{
text-align: left;
display:block;
}


.category_related_eight{
text-align: right;
width:108px;
height:15px;
padding:62px 0 0 0;
float:right;

}

.category_related_eight img{
width:108px;
height:15px;

}

.category_related_eight:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


.category_related_size:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


#category_related_zentai{
width:945px;
margin:0 auto;
padding:4px 0 0 0;
overflow:hidden;
}

#category_panel_topics{
width:945px;
float:left;
}

.creative_kyujin_information{
height:89px;
width: 100%;
background: url(border.png) repeat-x left bottom;
margin:44px 0 0 0;
}


#category_panel_topics:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


category_related_zentai:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/*  記事ページ　クリエイティブ業界・広告業界の最新！求人情報用 
--------------------------------------------------------- */

.recruit_zentai_content{
padding:0;
}

.recruit_main_content{
width:945px;
margin:0 auto;
}

.recruit_panel_zentai{
margin:0;
padding:0;
display:block;
}

.recruit_slide_1, .recruit_slide_2, .recruit_slide_3, .recruit_slide_4, .recruit_slide_5, .recruit_slide_6, .recruit_slide_7, .recruit_slide_8, .recruit_slide_9, .recruit_slide_10, .recruit_slide_11, .recruit_slide_12, .recruit_slide_13, .recruit_slide_14, .recruit_slide_15, .recruit_slide_16{
width:228px;
margin:0;
padding:0 11px 0 0;
float:left;
display: block;
}

.recruit_slide_4, .recruit_slide_8, .recruit_slide_12, .recruit_slide_16{
width:228px;
margin:0;
padding:0;
float:left;
}

.recruit_panel_1{
width:945px;
float:left;
margin:16px 0 0 0;
}

.recruit_panel_2{
width:945px;
float:left;
margin:16px 0 0 0;
}

.recruit_panel_3{
width:945px;
float:left;
margin:16px 0 0 0;
}

.recruit_panel_4{
width:945px;
float:left;
margin:16px 0 0 0;
}

.recruit_main_content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*  記事ページ　最新！求人情報ポップアップ用 
--------------------------------------------------------- */
.recruit_post_date{
padding:0 0 25px 0;
text-align:left;
font-size: 77%;/*10px*/
}

.recruit_tyosei_date{
text-align:right;
margin:0px 0 0 0;
padding:0px 00px 0 0;
}

/* 求人　ポップアップ表示！
================================*/
.recruit_youyaku {
width: 232px;
height:70px;
margin:0 0 0px 0 ;
padding:0 0 30px 0;
}

.recruit_youyaku p{
font-size:93%;/*12px*/
line-height:1.335;
padding: 20px 0px 0px 0px;
text-align: left;
color:#ffffff;
word-break: break-all;
}

/*  記事ページ　最新！求人情報 no.1〜no.16用 
--------------------------------------------------------- */

.recruit_number_third{
text-align: center;
font-family:BeautifulEveryTime;
width:228px;
font-size:font-size:93%; //12px
color:#999;
margin:0 0 4px 0;
text-shadow: 1px 1px 1px #FFF;
}

.recruit_thumbnail_a{
width:228px;
height:112px;
background:url(thumbnail_bg_recruit.png) no-repeat left top;
}

.recruit_img_chosei{
width:200px;
height:86px;
padding:4px 7px 9px 7px;
}

.recruit_img_chosei p{
width:214px;
height:99px;
}

.recruit_img_chosei a{
width:214px;
height:99px;
display:block;
}

.recruit_img_chosei a img{
width:150px;
margin:auto 32px auto 32px;
}

.recruit_midashi{
width:216px;
height:30px;
font-size: 93%;/*12px*/
line-height:1.3;
font-weight:bold;
color: #999;
text-shadow: 1px 1px 1px #FFF;
margin:6px auto 0 auto;
padding: 0 0 12px 0;
}