@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_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;
}
#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;
}
#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;
}

#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;
}
#receiptshop td{
	text-align:center;
	border:1px solid #999999;
}
#receiptselect{
	padding-bottom:10px;
}

.td01{
	width:105px;
}
td02{
	width:35px;
}
.yellow{
	background-color:#FFFF00;
}
.pink{	
	background-color:#FF99FF;
}
.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:0px;
	left:0px;
	width:325px;
	height:35px;
	text-indent:-9999px;
	font-size:xx-small;
}
.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: 500px;
	margin-top: 15px;
}

.contents dl {
  margin:0 auto;
  width:568px;
  padding:12px 0 13px;
  background:url("../images/dot.gif") 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;
}

#recruitinfo dt{
	width:200px;
}
#recruitinfo dd{
	width:330px;
}
.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;
}