@charset "utf-8";

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

　目次

-------------------------------------------------------------------------------

　01. 共通パーツ
　02. トップ
　03. タブ
　04. 中ページコンテンツ
  

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



/* ==

　01. 共通パーツ

=============================================================================== */
/* ローカルナビゲーション（.lnav）
------------------------------------------------------------------------------- */
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }
.lnav .lnav02 p a{ background-image:url(../../images/lnav_subt_case.gif); }


/* ==

　02. トップ

=============================================================================== */
.list_cnts{ margin:4px 0 0; }
.list_cnts li{
	width:355px;
	margin:0 0 8px 0;
	line-height:1.5;
	float:left;
}
.list_cnts li.lastChild{ float:right; }

.list_cnts li p{ padding:0 5px; }
.list_cnts li p.btn{
	width:347px;
	margin-bottom:5px;
	padding:4px;
	background-color:#f3f3f3;
}

.list_cnts li a{
	width:345px;
	padding:0;
	background-color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	color:#666;
	display:block;
}
.list_cnts li span{ padding:7px 10px; display:block; }

.list_cnts li a:link, .list_cnts li a:visited{ border:1px solid #dadada; color:#666; text-decoration:none; }
.list_cnts li a:hover, .list_cnts li a:active{ border:1px solid #ff6600; color:#666; }


/* サポート体制、事例紹介
------------------------------------------------------------------------------- */
.main div.partner{
	width:450px;
	float:left;
}
.main div.case{
	width:260px;
	float:right;
}



/* ==

　03. タブ

=============================================================================== */
.section .main .tabTop{ height:46px; margin-bottom:0; background-image:url(../images/bk_tabTop.gif); }
.section .main .tabBtm{
	height:5px;
	background:url(../images/btm_contents.gif) left bottom no-repeat;
	font-size:1px;
	line-height:1.0;
}
.main .tabTop li a{ width:240px; height:41px; }

/* 上
------------------------------------------------------------------------------- */
.main .tabTop li.tab_theme01 a{ background-image:url(../images/tabTop_theme01.gif); left:4px; }
.main .tabTop li.tab_theme02 a{ background-image:url(../images/tabTop_theme02.gif); left:245px; }

/* アクティブ */
.main .tabTop ul.tabTheme01 li.tab_theme01 a{ background-image:url(../images/tabTop_theme01_on.gif); }
.main .tabTop ul.tabTheme02 li.tab_theme02 a{ background-image:url(../images/tabTop_theme02_on.gif); }



/* ==

　04. 中ページコンテンツ

=============================================================================== */
.section .main .contents{ margin-bottom:0; }
.main .contents div{ margin-bottom:0; padding-bottom:10px; }
.main .contents div div{ padding-bottom:0; clear:none; }

.main p.bnr{ margin-bottom:10px; }


/* 企画開発から運営までの総合プロデュース力
------------------------------------------------------------------------------- */
.main .theme02_01 p.notes{
	margin:0 0 20px;
	padding:10px;
	background-color:#f7f3ea;
	border:1px solid #e0d1ad;
	text-indent:0;
}

.main .contents .theme02_02{ margin-bottom:20px; }


/* 事例紹介
------------------------------------------------------------------------------- */
.main .case_02 p.txt{ width:245px; float:left; }
.main .case_02 div.img{
	width:470px;
	margin-bottom:0;
	float:right;
}
.main .case_02 div.img p{
	width:230px;
	font-size:85%;
	float:left;
}
.main .case_02 div.img p.lastChild{ float:right; }
.main .case_02 div.img p img{ margin-bottom:5px; }