/* セルバ・ソーシャル CSS Document */

@charset "UTF-8";

ul#globalnavi_inner li#sns a{
	position:relative;
	margin-left:-1px;
	width:137px;
}

ul#globalnavi_inner li#sns a img{
	position:relative;
	width:137px;
	height:40px;
	margin-top:-7px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	/*border-right:1px solid #cccccc;*/
}

/* ----------- コンテンツ・右 ----------- */

div#contents_right dd strong{
	font-size:12px;
	font-weight:bolder;
	color:#333333;
}


div#contents_right dd.textbox{
	background:url(../images/sns/bg_textbox.gif) no-repeat bottom;
	width:316px;
	height:125px;
	padding:0;	
	float:left;
	margin:0 20px 30px 0;
}

div#contents_right dd.textbox strong{
	display:block;
	width:246px;
	height:15px;
	padding:7px 35px;
	margin:0;
	line-height:145%;
}


div#contents_right dd.textbox p{
	font-size:12px;
	width:276px;
	height:86px;
	padding:0;	
	float:left;
	margin:5px 20px;
	line-height:140%;
}

div#contents_right dd strong#textbox1{
	background:url(../images/sns/bg_text_title1.gif) no-repeat;
}

div#contents_right dd strong#textbox2{
	background:url(../images/sns/bg_text_title2.gif) no-repeat;
}

div#contents_right dd strong#textbox3{
	background:url(../images/sns/bg_text_title3.gif) no-repeat;
}

div#contents_right dd strong#textbox4{
	background:url(../images/sns/bg_text_title4.gif) no-repeat;
}

div#contents_right dd strong#textbox5{
	background:url(../images/sns/bg_text_title5.gif) no-repeat;
}

div#contents_right dt.main_title {
	clear:both;
}

div#contents_right dd span.lightgreen {
    color:#999933;
	font-weight:bold;
	line-height:180%;
}

img#img_sns{
	display:block;
	float:left;
	margin-left:60px;
}

div#genre {
    margin:0 13px 65px 10px;
	position:relative;
}

div#genre p{
   font-size:12px;
   margin:0 0 20px;
}

div#genre h4{
    font-size:15px;
	color:#006A33;
	width:230px;
	margin:0 0 20px;
	font-weight:bold;
}

div#genre img{
    position:absolute;
	right:0;
	top:-30px;
	z-index:2;
}

p.center {
   text-align:center;
}

div#contents_right dd.marginLess {
    margin:0 0 10px;
}

table.example{
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
margin:10px auto;
width:675px;
}

table.example thead tr td{
background-color:#999999;
color:#FFFFFF;
font-weight:bold;
}

table.example thead tr th{
background-color:#88B421;
vertical-align:middle;
text-align:center;
color:#FFFFFF;
}

table.example tr th {
background-color:#F4F8D2;
height:20px;
font-weight:bold;
font-size:12px;
color:#666666;
padding:10px;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
width:160px;
}

table.example tr td {
font-size:12px;
color:#666666;
padding:10px;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
line-height:140%;
width:256px;
}

table.example tr td.partition {
font-size:12px;
font-weight:bolder;
color:#999933;
padding:5px 10px;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
line-height:140%;
background-color:#ffffff;
}



/* ----------- 関連サービス ----------- */
div#contents_right dl.sns_relation_service{
	float:left;
	display:inline;
	width:333px;
	margin:0 0 40px 5px;
}

div#contents_right dl.sns_relation_service dt{
	position:relative;
	width:216px;
	padding:5px 0px 0px 117px;
	line-height:13px;
	font-size:11px;
	color:#545454;
}

div#contents_right dl.sns_relation_service dt img{
	display:block;
	position:absolute;
	top:0;
	left:0;
}

div#contents_right dl.sns_relation_service dt strong{
	display:block;
	line-height:13px;
	font-size:11px;
	font-weight:normal;
	color:#545454;
}

div#contents_right dl.sns_relation_service dd{
	width:216px;
	margin-bottom:20px;
	padding:0 0 20px 117px;
	line-height:15px;
	font-size:11px;
	color:#545454;
	/*border-bottom:1px solid #eeeeee;*/
}

/* --- ページ内制作実績 --- */
div#caba {
    overflow:hidden;	
}

div#caba div.left {
	float:left;
    width:350px;
}


div#caba div.right {
	float:right;
	width:340px;
}

div#caba div.right img {
	display:block;
	margin:0 0 50px;
}

div#caba div.left h4 {
    font-size:14px;
	font-weight:bold;
	color:#66962D;
	border-bottom:1px solid #cccccc;
	margin:0 0 10px;
	padding:0 0 5px;
	line-height:120%;
}

div#caba div.left p.summary {
    font-size:12px;
	line-height:150%;
	color:#545454;
	margin:0 0 20px;
}

div#caba div.left h5 {
    border-left:5px solid #66962D;
	color:#333333;
	height:16px;
	line-height:16px;
	padding:0 0 0 5px;
	margin:0 0 10px;
	font-size:13px;
	font-weight:bold;
}

div#caba div.left ol{
	list-style:decimal;
	padding:0 0 0 20px;
    margin:0 0 10px;
}
div#caba div.left ol li {
	line-height:150%;
	font-size:12px;
	color:#444444;
	margin:0 0 5px;
}

div#caba div.left p.attention {
	color:#444444;
    font-size:12px;
	margin:0 0 5px;	
}

div#regalia {
    overflow:hidden;	
}

div#regalia div.left {
	float:left;
    width:350px;
}


div#regalia div.right {
	float:right;
	width:340px;
}

div#regalia div.right img {
	display:block;
	margin:0 0 50px;
}

div#regalia div.left h4 {
    font-size:14px;
	font-weight:bold;
	color:#66962D;
	border-bottom:1px solid #cccccc;
	margin:0 0 10px;
	padding:0 0 5px;
	line-height:120%;
}

div#regalia div.left p.summary {
    font-size:12px;
	line-height:150%;
	color:#545454;
	margin:0 0 20px;
}

div#regalia div.left h5 {
    border-left:5px solid #66962D;
	color:#333333;
	height:16px;
	line-height:16px;
	padding:0 0 0 5px;
	margin:0 0 10px;
	font-size:13px;
	font-weight:bold;
}

div#regalia div.left ol{
	list-style:decimal;
	padding:0 0 0 20px;
    margin:0 0 10px;
}
div#regalia div.left ol li {
	line-height:150%;
	font-size:12px;
	color:#444444;
	margin:0 0 5px;
}

div#regalia div.left p.attention {
	color:#444444;
    font-size:12px;
	margin:0 0 5px;	
}

/* --- 制作実績 --- */

ul#sns-result_list{
	margin-bottom:20px;
}

ul#sns-result_list li{
	float:left;
	display:inline;
	width:217px;/*217px*/
	margin:0 0 10px 10px;
	padding:10px 0;
	line-height:15px;
	border:1px solid #cccccc;
	font-size:11px;
	background:#eeeeee;
}

ul#sns-result_list li span,
ul#sns-result_list li strong,
ul#sns-result_list li img{
	display:block;
	width:200px;
	margin:0 auto 5px;
	line-height:12px;
}