@charset "Shift_JIS";

/* flash */
#flash {
  margin:1px auto 0;
  width:100%;
  height:365px;
  text-align:center;
}
#noflash {
  width:100%;
  height:365px;
  text-align:center;
  background:#e5e5e5 url("../images/noflash.jpg") center top no-repeat;
}
#noflash a {
  display:block;
  margin:0 auto;
  width:800px;
  height:365px;
  text-indent:-9999px;
  text-decoration:none;
}

/* main layout */
#main {
  float:left;
  width:588px;
}
#submenu {
	float:right;
	margin-top:15px;
	width:210px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5;
	margin-bottom: 15px;
	margin-right: 33px;
}
.submenubox {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 20px;
	margin-left: 20px;
}
#submenu p{
	text-align:center;
	color:#3399FF;
	font-weight:600;


}
#side {
  float:right;
  margin-top:15px;
  padding:5px 20px 0;
  width:210px;
  background:#f2f2f2 url("../images/top/side_header.gif") no-repeat;
}
/* main */



.contents_title {
  width:588px;
  height:50px;
  position:relative;
}
.content_ttlh2creativesys{
	width:588px;
	height:50px;
	padding:20px 0px;
	text-align:center;
	font-size: 140%;
		
}
.content_ttlh2real{
	width:588px;
	height:50px;
	padding:15px 0px 0px 0px;
	text-align:center;
	font-size: 140%;
		
}
.content_ttlh2reci{
	width:588px;
	height:50px;
	margin-top:10px;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-size: 140%;
	color:#666666;
	
}
.content_ttlh2poket{
	width:588px;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-size: 140%;
	color:#666666;
}

.content_pcreativesys{
		padding:5px 0px 40px 0px;
		line-height:1.5em;
}

.content_preal{
		padding:5px 0px 40px 0px;
		line-height:1.5em;
}

.content_pweb{
		padding:5px 0px 40px 0px;
		line-height:1.5em;
}

.content_preal{
line-height:1.5em;
		
}

#topnews_title {
	background:url("../images/top/news_title.png") no-repeat;
	margin-top: 20px;
}
#subnews_title {
	background:url("../images/news/news_subtitle.png") no-repeat;
	margin-top: 20px;
	text-indent:0px 60px;
}
#title_minlog{
	background:url("../images/title_minlog.png") no-repeat;
	margin-top: 20px;
}
#title_sitemap{
	background:url("../images/title_sitemap.png") no-repeat;
	margin-top: 20px;
}
#company_title {
	background:url("../images/company/company_title.png") no-repeat;
	margin-top: 20px;
}
#company_title_group {
	background:url("../images/company/company_title_group.png") no-repeat;
	margin-top: 20px;
}
#company_title_underbar {
	background:url("../images/company/company_title_underbar.png") no-repeat;
	margin-top: 20px;
}
#recruit_title{
	background:url("../images/recruit/recruit_title.png") no-repeat;
	margin-top: 20px;
}
#message_title {
	margin-top: 20px;
	background-image: url(../images/company/message_title.png);
	background-repeat: no-repeat;
}
#org_title {
	margin-top: 20px;
	background-image: url(../images/company/org_title.png);
	background-repeat: no-repeat;
}
#access_title {
	margin-top: 20px;
	background-image: url(../images/company/access_title.png);
	background-repeat: no-repeat;
}
#creativesystem_title {
	margin-top: 20px;
	background-image: url(../images/service/creativesystem/creativesystem_title.png);
	background-repeat: no-repeat;
}
#real_title {
	margin-top: 20px;
	background-image: url(../images/service/real/real_title.png);
	background-repeat: no-repeat;
}
#reci_title {
	margin-top: 20px;
	background-image:url(../images/service/reci/reci_title.png);
	background-repeat: no-repeat;
}
#poket_title {
	margin-top: 20px;
	background-image:url(../images/service/poket/poket_title.png);
	background-repeat: no-repeat;
}
#ssn_title {
	margin-top: 20px;
	background-image:url(../images/service/ssn/ssn_title.png);
	background-repeat: no-repeat;
}
#qaplus_title {
	margin-top: 20px;
	background-image:url(../images/service/qaplus/qaplus_title.png);
	background-repeat: no-repeat;
}
#mangalus_title{
	margin-top: 20px;
	background-image:url(../images/service/mangaplus/mangaplus_title.png);
	background-repeat: no-repeat;
}
#directory_title {
	margin-top: 20px;
	background-image:url(../images/service/directory/directory_title.png);
	background-repeat: no-repeat;
}

#web_title {
	margin-top: 20px;
	background-image: url(../images/service/web/web_title.png);
	background-repeat: no-repeat;
}
#policy_title {
	margin-top: 20px;
	background-image: url(../images/title_policy.png);
	background-repeat: no-repeat;
}

#inqure_title {
	margin-top: 20px;
	background-image: url(../images/title_inqure.png);
	background-repeat: no-repeat;
}

#toptopics_title{
	margin-top: 20px;
	background-image: url(../images/title_topics.png);
	background-repeat: no-repeat;
}



#title_bg {
	background:url("../images/service/creativesystemnews/title_bg.png") no-repeat;
	margin-top: 20px;
	font-size: 130%;
	text-indent: 10px;
}
.mediashopp{
	padding:5px 10px;
	font-weight:700px;	
}
#mediaimg{
	text-align:center;
	padding:0px 70px;
}
.content_ttlh2post{
}

#poketimg{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#receimg{
	text-align:center;
	
}

.table01{
	border:1px solid #999999;
	font-size:9px;
	width: 580px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFFFFF;
}
#receiptshop td{
	text-align:center;
	border:1px solid #999999;
}
#receiptselect{
	padding-bottom:10px;
}

.td01{
	width:105px;
	background-color:#FFCCCC;
	color: #333333;
}
td02{
	width:35px;
}
.yellow{
	background-color:#333333;
	color: #FFFFFF;
}
.pink{
	background-color:#FF3366;
	color: #FFFFFF;
}
.receiptmedia_h4{
	padding:10px 0px;
	text-align: center;
}

.receiptmedai_p{
	padding:10px 34px;
	font-weight:bold;
	color:#FF6600;
	font-size:14px;
	line-height: 1.5em;
}
.sansyo{
	text-align:center;
	padding:10px 0px;
}
#reciptimg{
	padding:20px 0px;
	text-align:center;
}

#clearleft{
	clear:left;
}

.contents_title h2 {
	position:absolute;
	top:6px;
	left:3px;
	width:325px;
	height:35px;
	text-indent:-9999px;
	font-size:xx-small;
	bottom: -1px;
}
.rss a {
  display:block;
  position:absolute;
  top:22px; left:534px;
  width:47px; height:14px;
  text-indent:-9999px;
  text-decoration:none;
  font-size:xx-small;
  background:url("../images/rss.gif") no-repeat;
}
.rss a:hover {
  background:url("../images/rss.gif") bottom left no-repeat;
}
.contents_box588 {
	width: 580px;
	margin-top: 15px;
	text-align: center;
}

.contents dl {
  margin:0 auto;
  width:568px;
  padding:12px 0 13px;
  background:url("../images/dot.gif") bottom left repeat-x; 
}
.contents dl#dl_last {
  margin:0 auto;
  width:568px;
  padding:12px 0 13px;
  background:url("") bottom left repeat-x; 
}

.contents dt {
	float:left;
	width:105px;
	padding-left:5px;
	background-repeat: no-repeat;
	background-position: 0px;
}
.contents dd {
  float:right;
  width:440px;
}
.contents dd a {
  color:#333;
}
.contents dd a:hover {
  color:#00a5ed;
}


.morebtn {
  display:block;
  margin:15px 0 15px 413px;
  width:165px;
  height:30px;
  text-indent:-9999px;
  text-decoration:none;
}
#topnews_btn {
  background:url("../images/top/news_btn.png") top left no-repeat;
}
#topnews_btn:hover {
  background:url("../images/top/news_btn.png") top right no-repeat;
}
#topworks_btn {
  background:url("../images/top/works_btn.png") top left no-repeat;
}
#topworks_btn:hover {
  background:url("../images/top/works_btn.png") top right no-repeat;
}

/* side */
#side h2 {
  margin-top:15px;
  margin-bottom:2px;
  font-size:xx-small;
}
#side h3 {
  margin-top:8px;
  font-size:xx-small;
}
#side a {
  display:block;
  border:5px solid #fff;
  font-size:xx-small;
}
#side a:hover {
  border:5px solid #cccccc;
}
#side_footer {
  margin:0 -20px;
  width:250px;
  height:20px;
  background:url("../images/top/side_footer.gif") bottom left no-repeat;
}
.floatleft {
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 185px;
}


.box280_left {
	width: 280px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}
.box280_right {
	width: 280px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: right;
}

.floatright {
	float: right;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 385px;
}
.floatleft h3 {
	font-size: 110%;
	font-weight: bold;
	color: #333333;
}
.box200 {
	width: 185px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.news_box {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 100%;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news_box a {
	color: #FF9900;
}
#company_tb {
	width: 588px;
	margin-top: 20px;
}
#company_tb .c_td_left {
	width: 138px;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	background-color: #E9E9E9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
#company_tb .c_td_right {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	vertical-align: middle;
	
}
.sitemap_list {
}
.sitemap_list .first {
	margin-top: 20px;
	background-image: url(../images/sitemap_list.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.sitemap_list .second {
	background-image: url(../images/sitemap_list.png);
	background-repeat: no-repeat;
	background-position:0px 9px;
	/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC; */
	width: 500px;
	float: right;
	text-indent: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 20px;
}

.sitemap_list .third {
/*	padding-left:5px; */
	background:url("../images/footer_arrow.gif") 5px 2px no-repeat;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 40px;
}
#minlog_listwarp {
	width:450px;
	margin:0 auto; 
}
.minlog_list .first {
	margin-top: 20px;
	background-image: url(../images/sitemap_list.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.minlog_list .second {
	background-image: url(../images/sitemap_list.png);
	background-repeat: no-repeat;
	background-position:0px 9px;
	/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC; */
	width: 205px;
	text-indent: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 20px;
	float:left;
}

.minlog_list .third {
/*	padding-left:5px; */
	background:url("../images/footer_arrow.gif") 5px 2px no-repeat;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 40px;
}

#ctnmilogttl {
	padding:10px;
}


.minlogbox01 {
	width:525px;
	padding:20px 10px;
	margin:0 auto;

}
.minlogbox02 {
	width:545px;
	padding:10px 0px;
	margin:0 auto;

}
#recruitinfo dt{
	width:200px;
}
#recruitinfo dd{
	width:350px;
}
.imgright{
	padding-top:20px;
	text-align:right;
}
.imgcenter{
	padding-top:20px;
	text-align:center;
}
.ctnttlriting{
	padding-top:30px;
	margin-bottom: 10px;
}	

.creativesysimg001{
	padding:10px 0px;
	text-align:center;
}
.realimg{
	padding:10px 0px;
	text-align:center;
}
.pdcworkflowimg{
	padding:10px 0px;
	text-align:center;
}
.webimg001{
	padding:10px 0px;
	text-align:center;
}
#company_tb .submit {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.policy_h3{
	text-align:center;
	padding:20px;
}
.policy_right{
				text-align:right
}

.policy_text001{
	padding:30px 0px;	
	line-height:1.5em
}
.policy_text002{
	padding-left:2em;
} 
.policyinfo{
	padding:20px 0px;
	text-align:right;
}
.policyli001{
	line-height:2em;
	font-weight: bolder;
	
}
.policyli002{
	padding:0.5em 0;
	font-weight: bold
}

.em01{
	font-weight:bold;
}

.imgreq{
	text-align:center;
	padding-top:50px;
}



#wrapper #submenu .submenubox ul {
	width: 200px;
	margin-top: 10px;
}
#wrapper #submenu .submenubox li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
	background-image: url(../images/subicon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#wrapper #submenu .submenubox a {
	display: inline;
	width: 200px;
}
#wrapper #submenu .submenubox .sub {
	background-image: url(../images/subicon2.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 15px;
	padding-left: 15px;
}

.key_img {

text-align:center;
			
}
#wrapper #submenu .submenubox .lisecond {
	font-size: 90%;
	margin-left: 20px;
	background-image: url(../images/subicon2.png);
	padding-left: 10px;
}
.picbox {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
	
		
.leftctn{
	width:266px;
	float:left;
}
.righttctn{
	width:310px;
	padding:3px 0px 3px 0px;
	line-height:1.5em;
	float:right;
}
.ad_pic{
	padding:8px 4px;
}
.column80_left {
	float: left;
	width: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.column200 {
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.column390_left {
	float: left;
	width: 380px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}


.column500_right {
	float: right;
	width: 500px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

.column500_right_uline {
	width: 500px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 10px;
	float: right;
}
.column580_black {
	color: #333333;
	background-color: #E8E8E8;
	padding: 10px;
	width: 580px;
	margin-top: 10px;
	line-height: 1.3em;
	font-size: 80%;
}

#link_source_atoj_site{
	font-size: 90%;
	margin:5px 10px 0 10px;
}

#link_source_atoj_site .td_btn{
	text-align:right;
	margin:5px 10px 0 0;
}

#link_source_atoj_site td{
	margin:0 10px 0 0;
}

#link_source_atoj_site .td_text{
	text-align:left;
	margin:10px 0 0 0;
}

.center{
	text-align:center;
	padding:5px 0px;
}


#method_img{
	
}
#method_rink,
#method_js,
#method_img{
	padding:10px 0px 15px 0px;
	border-bottom:1px #CCCCCC dashed;

}
#method_rink img,
#method_js img,
#method_img img{
	float:right;
}



.clear_r{
	clear:right;
}

/*********************************************

–Ÿ‰æƒvƒ‰ƒX

**********************************************/
.mangah4{
	font-size:18px;
	font-weight:bold;
	color:#990000;
	margin:5px 0px;
	border-left:solid #990000 12px;


}
.mangah401{
	font-size:18px;
	font-weight:bold;
	color:#990000;
	margin:5px 0px;
	border-left:solid #990000 12px;
	text-indent:5px;

}
.mangah5{
font-size:12px;
font-weight:bold;
}
.mangah6{
font-size:12px;
font-weight:bold;
}
.mangapl{
	padding:5px 0px;
}
.mangapl td{
	padding:5px 5px 5px 5px;
	font-size:11px;

}
.mangtxt{
	padding-left:1.1em;
	padding-bottom:1em;
}
.mangtxt01{
	padding-left:2.1em;
	color:#990000;

}
.mangtxt02{
	padding-left:2.1em;

}
.center01{
	padding:10px 0px;
	text-align:center;
}

.arrow{
	padding-left:2em;
}


.inqul{

	padding-left:1.0em;
	margin-left:1em;
	
}
.inqlist{
	list-style:circle;
	list-style-position:outside; 
	
}
.inqlist01{
	list-style:none;
}
.recu_keyimg{
	padding:10px 0px;
	text-align:center;

}
.recu_keyttl{
	padding:50px 0px 25px 0px;
	text-align:center;

}
.blue{
	color:#0092ED;
	text-decoration:underline;

}

#recruitinfo dl{
	width:578px;
	
	
	
}
#recruitinfo dt{
	width:578px;
	float:left;
	margin-bottom:10px;
	line-height:1.5em;
	

	
}
#recruitinfo dd{
	width:578px;
	float:left;
	line-height:1.5em;
	letter-spacing:0.1em;;

}
.ltspace{
	letter-spacing:0em;
	line-height:1.8em;
	
}

#recruitinfo td{
	padding:10px 0px 10px 10px;

}
.bar01{
	background-image:url(../images/recruit/bar01.png);
	background-repeat:no-repeat;
	background-position:left top;


}

.waku{



}
.waku .td05{
	text-indent:0.5em;
	background-image:url(../images/recruit/squre01.png);
	border-bottom: #ffffff 1px dotted;

}
.waku .td03{
	
}
.td06{
	background-color:#F6F6F6;
	border-bottom: #ffffff 1px dotted;

}

.td07{
	background-image:url(../images/recruit/squre02.png);
/*	border-bottom: #999999 1px dotted; */

}
.td08{
/*	border-bottom: #999999 1px dotted; */

}
#wrapper #submenu .submenubox .list00{
	background-image: url(../images/subicon.png);
	background-repeat:no-repeat;
	background-position: left 0.5em;
}
#wrapper #submenu .submenubox .list01{
	padding-left:2.5em;
	background-image: url(../images/subicon2.png);
	background-repeat:no-repeat;
	background-position: 1.2em center;
}
#wrapper #submenu .submenubox .list02 {
	background-image: url(../images/subicon2.png);
	background-repeat:no-repeat;
	padding-left:2.5em;
	background-position: 1.2em 0.5em;
}
.officer{
	width:111px;
	
}

.officer, x:-moz-any-link  { width:114px; }