@charset "UTF-8";
*{ margin: 0; padding: 0;font-size:12px;font-family:Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";}
img{border:none;}

body{background:#EAEAED;}

a:link{color:#221D1F;}
a:visited{color:#666;}
a:hover{color:#DD3F29;}
a:active{color:#DD3F29;}

#all {
	color:#696969;
	background:#EAEAED;
	width: 800px;
	margin: 0 auto;}
#wrapper{
	clear:both;
	margin-left:30px;
	width:715px;
	overflow:hidden;}

/* ---------------------------------------------------------------- *
	header
 * ---------------------------------------------------------------- */

#header{
	height:90px;
	overflow:hidden;}
#header p{
	background:url(../img_common/copytext_blank.gif) no-repeat;
	height:2px;
	padding-top:58px;
	overflow:hidden;}

/* ---------------------------------------------------------------- *
	navi
 * ---------------------------------------------------------------- */

#navi {
	overflow:hidden;
	width:100%;
	margin:24px auto;}

#navi ul {
	width:711px;
	margin:auto auto auto 30px;}

#navi ul li {
  margin: 0;
  padding: 0;
  float: left;
  height:20px;
  overflow:hidden;
  background:red;}

#navi ul li a{
  margin: 0;
  display: block;
  padding-top:20px;
  text-decoration: none;
  width:143px; height:20px;}
#navi ul .navi01 a{width:139px;}

#navi ul .navi01{background:url(../img_common/navi.gif) 0 0 no-repeat;}
#navi ul .navi02{background:url(../img_common/navi.gif) -139px 0 no-repeat;}
#navi ul .navi03{background:url(../img_common/navi.gif) -282px 0 no-repeat;}
#navi ul .navi04{background:url(../img_common/navi.gif) -425px 0 no-repeat;}
#navi ul .navi05{background:url(../img_common/navi.gif) -568px 0 no-repeat;}


/* ---------------------------------------------------------------- *
	side
 * ---------------------------------------------------------------- */
 
#side{
	width:145px;
	float:right;}
#side h3{
	color:#000;
	margin-left:15px;
	margin-bottom:20px;}

.sideNavi{
	margin-left:15px;
	list-style:none;}
.sideNavi li{
	background:url(../img_common/icon_dot.gif) no-repeat left center;
	padding-left:10px;}

.banner01{
	margin-top:30px;
	margin-bottom:4px;}
	
.banner02{
	margin-bottom:4px;}

.sideSearch{
	overflow:visible;
	margin:30px 0 auto 10px;}
.sideSearch input{
	margin:2px 0;}
.sideSearch .inputSearch{
	padding:2px;
	display:block;
	width:125px;}

.sideBBS {
	margin-left:5px;
	color:#000;}
.sideBBS span{
	display:block;
	margin:3px 0;
	font-size:10px;}
.sideBBS p{
	margin-bottom:20px;
	font-size:10px;
	line-height:1.5;}



/* ---------------------------------------------------------------- *
	コンテンツ
 * ---------------------------------------------------------------- */

#main {
	clear:both;
	width:569px;
	float:left;}
.pageH2{
	text-indent:-9999px;
	height:25px;
	margin-bottom:25px;}
	#pageNews h2{background:url(../img_common/h2_news.gif) no-repeat;}
	#pageDB h2	{background:url(../img_common/h2_db.gif) no-repeat;}
	#pageAbout h2{background:url(../img_common/h2_about.gif) no-repeat;}
	#pageRecruit h2{background:url(../img_common/h2_recruit.gif) no-repeat;}
	#pagePublicity h2{background:url(../img_common/h2_publicity.gif) no-repeat;}
	#pageMember h2{background:url(../img_common/h2_member.gif) no-repeat;}

h3{
	clear:both;
	margin:15px 0;
	font-size:14px;}
	
table.rinen{
    border:1px solid #000000;
    border-spacing:10px;
    background-color:#ffffff;
	margin:25px 0 0 0;
}

.rinen td{
	color:#000000;
	font-size:13px;
}
.about{
	margin:0 15px 0 0;
	}

/* -----------------------
	　# top
----------------------- */

/*最新の～～*/
.tableLatest{
	border-collapse:collapse;
	margin-bottom:23px;}
.tableLatest td{
	width:280px;
	vertical-align:top;}
.tableLatest td h2{
	color:#221D1F;
	background:url(../img_common/line02.gif) bottom repeat-x;
	margin-bottom:10px;
	padding-bottom:4px;
	width:271px;}
	.tableLatest .cellRight h2{
		background:none;
		width:auto;}

/*最新のnews*/
.newsList .box{
	width:271px;
	margin-bottom:18px;
	background:url(../img_common/line01.gif) bottom repeat-x;
	padding-bottom:4px;}
.newsList .box strong{
	display:block;
	font-size:14px;
	margin-bottom:20px;}
.newsList .box span{
	display:block;
	text-decoration:underline;
	color:#000;
	font-size:10px;
	margin-bottom:3px;}
.newsList .box p{
	font-size:10px;
	line-height:1.5;}
.newsList .box .viewMore{
	display:block;
	margin:5px 0 3px auto;
	width:5em;
	text-align:right;
	padding-right:18px;
	font-size:10px;
	background:url(../img_common/icon_view_more.gif) no-repeat right center;}


/*最新のクリップ*/
.clipList .box{
	clear:both;
	border-collapse:collapse;
	margin-bottom:4px;}
.clipList .box td td{
	vertical-align:top;}
.clipList .cellImg,
.clipList .cellImg img{
	width:144px;}
.clipList .cellData{
	vertical-align:bottom;
	padding-left:7px;}
.clipList .cellData td{
	font-size:10px;
	line-height:1.5;}

/*supported*/
.supported{
	clear:both;
	margin-left:30px;
	width:715px;}
.supported h2{
	border-bottom:1px solid #000;
	text-indent:-9999px;
	background:url(../img_common/text_supported_by.gif) no-repeat;
	margin-bottom:23px;
	height:17px;
	width:100%;}
.supported a img{
	margin-right:5px;
	margin-bottom:5px;}

/* -----------------------
	　# News
----------------------- */

#pageNews #main{
	background:url(../img_common/line03.gif) repeat-y right;}
#pageNews .newsList .box{
	width:537px;
	padding-bottom:3px;}
#pageNews .newsList .box p{
	padding-bottom:10px;}

/* -----------------------
	　# News detail
----------------------- */

.detail .box strong{
	font-size:14px;}
.detail .box span{
	float:right;
	font-weight:bold;
	display:block;
	font-size:14px;
	margin-right:20px;}

.detail .box p{
	margin-top:22px;
	margin-bottom:30px;
	width:475px;}

.detail .box p img{
	margin:30px 0;
	display:block;}
.detail .box p a{
	color:#DD3F29;}

/* -----------------------
	　# DB
----------------------- */
#pageDB #main{
	background:url(../img_common/line03.gif) repeat-y right;}
#pageDB #main h3{
	font-size:17px;}
#clipList{
	clear:both;}
#pageDB .clipList .cellItem{
	width:150px;
	font-weight:bold;}
.nameIndex{
	margin-bottom:10px;}

#pageDB .tableList{
	margin:15px 0;
	clear:both;}
#pageDB .tableList td{
	padding:5px 0;}
#pageDB .tableList td span{
	padding-right:5px;}


/* -----------------------
	　# DB detail
----------------------- */
#pageDB .detail #main{
	background:none;
	width:715px;}

.tableDetail{
	border-collapse:collapse;}
.tableDetail .cellMovie{
	padding-bottom:10px;}
.tableDetail .cellImg{
	padding-top:20px;}
.tableDetail .cellImg img{
	width:232px;
	margin-right:3px;}

.tableDetail .cellItem{
	width:145px;
	font-weight:bold;
	padding:3px 0;}
.tableDetail .cellName{
	width:570px;}

.pageTitleDetail .tableDetail .cellName{width:120px;}
.pageTitleDetail .tableDetail .cellName2{width:150px;}

a.btnBack,
a.btnBack:visited{
	float:right;
	display:inline;
	display:block;
	width:2.3em;
	font-weight:bold;
	color:#DD3F29;
	text-align:right;
	margin:0 5px 0 auto;
	background:url(../img_common/icon_back.gif) no-repeat left center;
	padding-left:20px;}

/* -----------------------
	　# about
----------------------- */
#pageAbout #main{
	background:url(../img_common/line03.gif) repeat-y right;}

#pageAbout #main p{
	line-height:1.8;
	font-size:10px;
	margin-right:15px;}

#pageAbout .h2About01,
#pageAbout .h2About02{
	margin-top:50px;
	margin-bottom:15px;
	text-indent:-9999px;
	height:20px;}
#pageAbout .h2About01{background:url(../img_common/h2_about01.gif) no-repeat;}
#pageAbout .h2About02{background:url(../img_common/h2_about02.gif) no-repeat;}

#pageAbout #side .link{
	list-style:none;}
#pageAbout #side .link li{	
	margin-bottom:10px;}
#pageAbout #side .link a{
	font-size:10px;}


#pageAbout #side h3{
	width:131px;
	margin-left:0;}
#pageAbout #side h3 a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	height:31px;
	padding:0;}
#pageAbout #side h3.btn01{background:url(../img_common/h3_about01.gif) no-repeat;margin:0px;}
#pageAbout #side h3.btn02{background:url(../img_common/h3_about02.gif) no-repeat;margin:8px 0px;}

.companyData{
	margin:30px 0;
	color:#000;}
.companyData a,
.companyData a:visited{
	color:#DD3F29;}

#pageAbout .frame{ border:thin #333333 solid;}

/* -----------------------
	　# recruit
----------------------- */
#pageRecruit .newsList .box{
	width:537px;
	padding-bottom:3px;}
#pageRecruit .newsList .box p{
	padding-bottom:10px;}

#pageRecruit .box{
	margin-bottom:20px;}
#pageRecruit .box strong{
	margin-bottom:10px;
	display:block;}
#pageRecruit .box p{
	font-size:10px;}

/* -----------------------
	　# publicity
----------------------- */

#pagePublicity #main{
	background:url(../img_common/line03.gif) repeat-y right;}
#pagePublicity .newsList .box{
	width:537px;
	padding-bottom:3px;}
#pagePublicity .newsList .box p{
	padding-bottom:10px;}

/* -----------------------
	　# member
----------------------- */
#pageMember #main{
	width:710px;}

.rijicho{
	margin: 0 0 50px 0;}
.rijicho p{
	margin:5px 0 20px 0;
	color:#000000;
	font-size:13px;
	}
.memberList{
	padding-top:25px;}
	.member01{background:url(../img_common/rijigaisha.gif) no-repeat;}
	.member02{background:url(../img_common/kaiingaisha.gif) no-repeat;}
	
.memberList table{
	border-collapse:collapse;
	margin-bottom:20px;}
.memberList table td{
	width:118px;
	vertical-align:top;}
.memberList table img{
	border:1px solid #3e3e3e;}
.memberList table p{
	font-size:10px;
	color:#000;
	padding:5px 0 10px 0;}
.memberList table p a{
	font-size:10px;}
	
#member_title  #member_title_left{
block:inline;
width:400px;
float:left;}

#member_title  #member_title_right{
block:inline;
float:right;}

/* -----------------------
	　# Member Recruit
----------------------- */
#pageMemberrecruit #wrapper{
	margin-top:0px;
	margin-bottom:30px;
	color:#333;}
	
#pageMemberrecruit h2{
	font-size:18px;
	text-align:center;
	color:#000;}
	
#pageMemberrecruit h3{
	display:block;
	border-bottom:#000 solid 2px;
	margin-top:30px;
	margin-bottom:15px;
	color:#000;}

#pageMemberrecruit #contact{
	text-align:left;
	padding:7px;
	border:#000 solid 1px;}
	
#pageMemberrecruit .bodytext{
	padding:5px 10px 0px 10px;}
	
#pageMemberrecruit li{
	font-weight:bold;}


/* ---------------------------------------------------------------- *
	footer
 * ---------------------------------------------------------------- */

#footer{
	clear:both;
	padding:20px;}

address{
	font-style:normal;
	color:#666;
	text-align:right;
	margin-right:37px;}


/* ---------------------------------------------------------------- *
	パーツ
 * ---------------------------------------------------------------- */

.listHeader{
	overflow:hidden;
	margin-bottom:20px;}
.listHeader .paging{
	float:left;}
.hit{
	float:right;
	color:#DD3F29;
	font-weight:bold;
	line-height:25px;
	margin-right:10px;}

.paging td{
	padding-right:10px;}
.paging a,
.paging a:visited{
	line-height:19px;
	display:block;
	color:#DD3F29;
	width:19px; height:19px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;} 
.paging a.selected:visited,
.paging a.selected,
.paging a:hover{
 	background:#DD3F29;
	color:#fff;}

.paging .prev a,
.paging .prev a:hover{background:url(../img_common/icon_prev.gif) no-repeat center; text-indent:-9999px;}
.paging .next a,
.paging .next a:hover{background:url(../img_common/icon_next.gif) no-repeat center; text-indent:-9999px;}


.pagingBottom{
	margin:10px;}