@charset "UTF-8";

@import url(base.css);
@import url(common.css);

/*
-----------------------------------
第二階層以下 共通部分
-----------------------------------
*/

#maiv{
	width:100%;
	height:154px;
	background:#999999;
	margin-top:-2px;
	margin-bottom:15px;
}

#maiv h2{
	width:950px;
	margin:0 auto;
}

#tracer{
	margin-bottom:11px;
}

#tracer li{
	display:inline-block;
	margin-right:10px;
}

#tracer li#trcr_top a{
	font-weight:bold;
	color:#3B5B99;
	text-decoration:underline;	
}

.lmenu{
	margin-bottom:30px;
}

.lmenu h4{
	margin-bottom:-5px;
}

.lmenu dl{
	width:280px;
	font-size:1.2em;
}

.lmenu dl dt{
	background:#E7EAF4;
	border-bottom:solid 1px #B0B7CE;
	border-top:solid 1px #FFF;
}

.lmenu dl dt.present{
	background:#C7CEE2;
}

.lmenu dl dd{
	background:white;
	padding:0px 20px;
}

.lmenu dl dt a,
.lmenu dl dt.case_result span{
	display:block;
	font-weight:bold;
	padding:13px 40px;
	background:url(../img/common/icon01.gif) no-repeat 20px 50%;
}

.lmenu dl dd a{
	display:block;
	color:#666666;
	padding-left:10px;
	padding-bottom:8px;
	padding-top:10px;
	border-bottom:dotted 1px #CCC;
	background:url(../img/common/hdr_icon01.gif) no-repeat 0 50%;
}

.lmenu dl dd.selected a{
	font-weight:bold;
	color:#2E4CAB;
}

.lmenu dl dd.lastcont{
	padding-bottom:15px;
}

#list_pdf{
	width:100%;
	text-align:right;
	margin-bottom:10px;
}

#list_pdf span{
	width:167px;
	height:27px;
	display:block;
	float:right;
}

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


.table01 tr th,.table01 tr td{
	font-size:1.2em;
	padding:15px 20px;
	vertical-align:top;
	border-bottom:dotted 1px #999;
}

.table01 tr td{
	line-height:1.5em;
}

.table01 tr td p{
	font-size:1em;
}

.table01 tr th{
	color:#2E4CAB;	
}

.bb01{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:dotted 1px #999;
}

/*
-----------------------------------
トピックス
-----------------------------------
*/
.navi,
#tpx_paging{
	width:100%;
	text-align:center;
}

.navi a,
#tpx_paging a{
	display:inline-block;
	text-align:center;
	padding:8px 5px;
	background:#E5E8F2;
	margin-right:4px;
}


.navi span.current,
.navi a:hover,
#tpx_paging span.current,
#tpx_paging a:hover{
	display:inline-block;
	text-align:center;
	padding:8px 5px;
	background:#2E4CAB;
	color:white;
	margin-right:4px;
}

/*
-----------------------------------
トピックス詳細
-----------------------------------
*/
.freetit{
	background:url(../img/common/bg_freetit.gif) no-repeat bottom;
	font-size:1.5em;
	padding-bottom:7px;
	margin-bottom:35px;
}

.de_topicsbox{
	margin-bottom:30px;
}

.de_topicsbox h4.title{
	font-size:1.5em;
	color:#2E4CAA;
	margin-bottom:18px;
}

.de_topicsbox .art_img{
	width:170px;
	height:170px;
	float:left;
	margin-right:15px;
	overflow:hidden;
		border:solid 3px #CCCCCC;
}

.de_topicsbox table {
	margin:0;
	text-align:left;
	margin-bottom:15px;
}

.de_topicsbox table tr td{
	padding:0px;
	vertical-align:middle;
}

.de_topicsbox .date{
	padding-right:10px;
}

.de_topicsbox .category{
}

.de_topicsbox .explain{
}

.de_topicsbox .date{
	font-weight:bold;
	color:#666666;
	font-size:1.2em;
}

.de_topicsbox .category{
	padding-top:5px;
}

.de_topicsbox .category span{
	height:14px;
	display:block;
	text-indent:-9999px;
}

.de_topicsbox .explain{
	/*padding-bottom:30px;*/
}

.de_topicsbox .art_img:after,
.de_topicsbox:after{
	clear:both;
	content:"";
	display:block;
}

.de_topicsbox table tr td{
	vertical-align:top;
}

#de_paging{
	position:relative;
	clear:both;
	padding-top:10px;
	border-top:dotted 1px #B4B4B4;
	width:100%;
	text-align:center;
}

#de_paging li{
	clear:both;
	height:20px;
	display:inline-block;
	padding:8px 10px;
	padding-bottom:3px;
	background:	#E5E8F2;
	text-align:center;
}

#de_paging li a{
	color:#2E4CAB;
	font-size:1.2em;
}

#de_paging_prev{
	position:absolute;
	left:0px;
}

#de_paging_list{
}

#de_paging_fowd{
	position:absolute;
	right:0px;
}

/*
-----------------------------------
業務内容
-----------------------------------
*/
#about_box01{
	width:571px;
	height:384px;
	margin:0 auto;
	position:relative;
	background:url(../img/about/img03.jpg) no-repeat;	
}

#about_box01 h4{
	text-indent:-9999px;
}

#about_box01 dl{
	position:absolute;
}

#about_box01 dl dd{
	margin-bottom:10px;
	line-height:1.4em;
}

#about_box01 #about_exhibition{
	width:234px;
	top:85px;
	left:173px;
}

#about_box01 #about_convention{
	width:228px;
	top:291px;
	left:9px;
}

#about_box01 #about_creative{
	width:192px;
	top:290px;
	left:386px;
}

#benefit_list01 #benefit01,
#benefit_list01 #benefit02{
	padding:20px 15px;
	line-height:1.4em;
	height:280px;
}

#benefit_list01{
	/*height:223px;*/
	margin-bottom:10px;
}

#benefit_list01 #benefit01{
	width:265px;
	float:left;
	background:#DEE1EB;
}

#benefit_list01 #benefit01 ul li{
	background:url(../img/about/icon_bft.png) no-repeat 0 0.3em;
	padding-left:15px;
}

#benefit_list01 #benefit02{
	width:265px;
	float:right;
	background:#E8F2FC;
}

#benefit_list01 #benefit02 ul li{
	background:url(../img/about/icon_bft02.png) no-repeat 0 0.3em;
	padding-left:15px;
}

#benefit_list01:after{
	content:"";
	display:block;
	clear:both;
}

#benefit03{
	clear:both;
	margin-top:20px;
	padding:20px 15px;
	background:#DEEBE7;
}

#benefit03 ul li{
	background:url(../img/about/icon_bft03.png) no-repeat 0 0.3em;
	padding-left:15px;
}


.box01,
.box02{
	margin-bottom:50px;
}

.box01 div.pict{
	width:236px;
	float:right;
}

.box01 div.box_side{
	width:333px;
	float:left;
}

.box02 div.pict{
	width:236px;
	float:left;
}

.box02 div.box_side{
	width:333px;
	float:right;
}

.box01:after,
.box02:after{
	content:"";
	display:block;
	clear:both;
}

/*
-----------------------------------
広告業務
-----------------------------------
*/
.magazinelist{
	width:575px;
	margin:0 auto;
	margin-bottom:60px;
}

.magazinelist li{
	width:171px;
	float:left;
	margin-right:15px;
}
/*
.magazinelist li dl#naturebox dt{
	width:172px;
	height:197px;
	background:url(../img/about/creative/tit03.gif) no-repeat;
}

.magazinelist li dl#naturebox dt p{
	display:block;
	margin-top:85px;
	margin-left:38px;
	font-size:3em;
}
*/

.magazinelist li dl dt{
	margin-bottom:10px;
}

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

#magazinetable{
	width:100%;
	margin-bottom:20px;
}

#magazinetable tr td{
	padding:2px 10px;
}

#magazinetable tr td p{
	background:url(../img/about/creative/icon01.gif) no-repeat 0 50%;
	padding-left:15px;
}

#magazinetable tr td p a{
	text-decoration:underline;
	color:#2E4CAB;
}

#web_servicebox01{
	width:578px;
	height:604px;
	padding:17px;
	background:url(../img/about/creative/bg01.png) no-repeat;
}
ul#magazinelist01{
	margin-bottom:25px;
}
ul.magazinelist02{
	margin-left:27px;
	margin-bottom:60px;
	overflow:hidden;
}
ul.magazinelist02 li{
	position:relative;
	line-height:1.8;
	float:left;
	width:187px;
}
ul.magazinelist02 li:nth-child(even){
	width:230px;
}
ul.magazinelist02 li:before{
	display:block;
	background-image:url(../img/about/creative/icon01.gif);
	background-repeat:no-repeat;
	content:'';
	position:absolute;
	top:6px;
	padding:5px;
}
ul.magazinelist02 li a{
	padding-left:14px;
	font-size:1.2em;
	text-decoration:underline;
	color:#2E4CAB;
}
ul.mz-li{
	margin-bottom:20px;
}

/*
-----------------------------------
お問い合わせ
-----------------------------------
*/

#formtable{
	width:100%;
	margin-bottom:30px;
	border-top:solid 1px #999999;
}

#formtable tr td,
#formtable tr th{
	padding:19px 8px;
	text-align:left;
	line-height:1.6em;
	font-size:1.2em;
	border-bottom:solid 1px #999999;
}

#formtable tr th{
	color:#2E4CAB;
	vertical-align:middle;
	white-space:nowrap;
}

#formtable tr th span.icon_must{
	font-weight:bold;
	color:#CC0000;
}

#formtable tr td select{
	border:solid 1px #999;
	margin-bottom:12px;
}

#formtable tr td input,
#formtable tr td textarea{
	border:solid 1px #999;
	padding:7px;
	display:inline-block;
	background:white;
}

#formtable tr td input.nb{
	border:none;
}

input.size01{
	width:286px;
}

input.size02{
	width:360px;
}

#send_btn{
	width:100%;
	text-align:center;
}

/*
-----------------------------------
よくある質問
-----------------------------------
*/

#faq_keybox{
	width:150px;
	float:left;
	margin-bottom:12px;
}

#faq_keybox:after{
	content:"";
	display:block;
	clear:both;
}

#faq_keybox tr td{
	text-align:left;
}

#faq_keybox span{
	display:inline-block;
}

#faq_keybox span input.txt{
	height:28px;
	padding:0px;
	
	padding-left:10px;
}

ul#key_freq{
	clear:both;
	background:url(../img/faq/bg_keyword.gif) no-repeat;
	height:40px;
	margin-top:10px;
	padding:20px 10px 0px 195px;
	overflow:hidden;
	margin-bottom:40px;
}

ul#key_freq li{
	display:inline;
	margin-right:5px;
	text-decoration:underline;
	font-size:1.2em;
}

.qabox_article{
	padding:0 30px;
	padding-bottom:30px;
	border-bottom:dotted 1px #999;
	margin-bottom:30px;
}

.qabox_article .question_tit{
	background:url(../img/faq/icon_q.gif) no-repeat 0 50%;
	min-height:26px;
	padding-top:10px;
	padding-left:50px;
	font-size:1.5em;
	font-weight:bold;
	color:#2E4CAB;
	margin-bottom:13px;
}

.answerbox{
	background:white;
	padding:30px;
}

.answerbox .answer_tit{
	background:url(../img/faq/icon_a.gif) no-repeat 0 50%;
	min-height:31px;
	padding-top:5px;
	padding-left:60px;
	font-size:1.5em;
	font-weight:bold;
	color:#CC0000;
	margin-bottom:6px;
}

/*
-----------------------------------
実績
-----------------------------------
*/

div.result_list{
	border:solid 1px #2E4CAB!important;
}

div.result_list table{
	width:100%;	
}

div.result_list table tr td,
div.result_list table tr th{
	padding:7px;
	border:solid 1px #DADADA;
	font-size:1.1em;
	background:white;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"\30e1\30a4\30ea\30aa","Meiryo", sans-serif;
}

div.result_list table tr td{
}

div.result_list table tr th{
	color:#2E4CAB;
	text-align:center;
	background:#E5E8F2;
}

div.result_list table tr td a{
	color:#2E4CAB;
}

div.result_list table tr td .datecell{
	white-space:nowrap;
}

div.result_list table tr td span.year{
	display:inline;
}

div.result_list table tr td span.being_icon{
	width:38px;
	height:14px;
	background:url(../img/results/icon_trustee.gif) no-repeat;
	text-indent:-9999px;
	display:inline-block
}

div.result_list table tr td span.date{
	display:block;
	margin-top:3px;
}

th#res_cell01{ width:95px;}
th#res_cell02{ width:160px;}
th#res_cell03{ width:130px;}


div.result_list table tr td p{
	font-size:1em;
}
/*
-----------------------------------
プライバシーポリシー
-----------------------------------
*/
.policy_art{
	font-size:1.2em;
	padding-bottom:37px;
	margin-bottom:37px;
	border-bottom:dotted 1px #999;
	line-height:1.6em;
}

.policy_art dt{
	color:#2E4CAB;
	font-weight:bold;
	margin-bottom:15px;
}

.policy_art dd{
}

/*
-----------------------------------
会社概要
-----------------------------------
*/
#comp_aboutlist li{
	list-style:disc;
	margin-left:15px;
	font-size:1em;
	margin-bottom:7px;
}

/*
-----------------------------------
ブログ
-----------------------------------
*/
body.blog .lmenu dl{
	padding-bottom:15px;
	background:white;
}


body.blog .blog_area{
	border:solid 1px #479841;
	background:white;
	
	margin-bottom:10px;
}

body.blog .blog_area h3{
	font-size:2em;
	color:#2E4CAB;
	font-weight:normal;
	padding:14px 23px;
	background:#E2F5E2;
}

body.blog .blog_area h3 a{
		color:#2E4CAB;
}

.blog_area .blog_artile{
	padding:10px;
}

.blog_area .blog_artile .blg_title{
	border-bottom:dotted 1px #CCC;
	padding:11px 14px;
}

.blog_area .blog_artile .blg_title dt{
	width:230px;
	float:left;
}
.blog_area .blog_artile .blg_title dd{
	width:300px;
	float:right;
	text-align:right;
}

.blog_area .blog_artile .blg_title dt span{display:inline-block;}
.blog_area .blog_artile .blg_title dt span.year{ margin-right:5px;}
.blog_area .blog_artile .blg_title dt span.time{ margin-right:2px;}
.blog_area .blog_artile .blg_title dt span.new{color:#EB2F14;}
.blog_area .blog_artile .blg_title dd span{ text-decoration:underline;}
.blg_title dd span a{ color:#2E4CAB;}

.blog_area .blog_artile .blg_title:after{
	content:"";
	display:block;
	clear:both;
}

.artilebox{
	padding:14px;
	border-bottom:dotted 1px #CCC;
}

.artilebox p{
	line-height:1.7em;
}

.blog_area .commentbox{
	text-align:right;
	padding:10px 0 4px 0;
}

.blog_area .commentbox a{
	color:#999999;
}