@charset "UTF-8";
/* CSS Document */

/* layout★★★★★★★★★★★★★★★★★★★★ */

#header {
	width: 800px;
	margin: 10px auto;
}

#logohead {
   width:300px;
   float:left;
}
#jenavi {
   width:500px;
   float:right;
   padding-top:24px;
   text-align:right;
}


/* main navigation */
#menubar {
	width: 800px;
	height: 30px;
	background: url("../images/menubar.png") no-repeat ;
    background-position: 0px 0px;
	margin: 0px auto;
}

#mainnavi {
	width:800px;
	height:35px;
	margin:0px auto;
}

#mainnavi li{
	float:left;
}

.navi-home-on {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("../images/mainnavi.png") no-repeat ;
    background-position: 0px -70px;
}

.navi-home {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-home img{
    visibility: hidden;
}

.navi-home a {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.navi-home a:hover {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: 0px -35px;
}


.navi-about-on {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("../images/mainnavi.png") no-repeat ;
    background-position: -133px -70px;
}
.navi-about {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-about img{
    visibility: hidden;
}

.navi-about a {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: -133px 0px;
    display:block;
}

.navi-about a:hover {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: -133px -35px;
}


.navi-works-on {
    width : 134px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("../images/mainnavi.png") no-repeat ;
    background-position: -266px -70px;
}
.navi-works {
    width : 134px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-works img{
    visibility: hidden;
}

.navi-works a {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: -266px 0px;
    display:block;
}

.navi-works a:hover {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: -266px -35px;
}


.navi-contact-on {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("../images/mainnavi.png") no-repeat ;
    background-position: -400px -70px;
}
.navi-contact {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-contact img{
    visibility: hidden;
}

.navi-contact a {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: -400px 0px;
    display:block;
}

.navi-contact a:hover {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: -400px -35px;
}


.navi-boshu-on {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("../images/mainnavi.png") no-repeat ;
    background-position: -533px -70px;
}
.navi-boshu {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-boshu img{
    visibility: hidden;
}

.navi-boshu a {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: -533px 0px;
    display:block;
}

.navi-boshu a:hover {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: -533px -35px;
}


.navi-mailmag-on {
    width : 133px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
	background: url("../images/mainnavi.png") no-repeat ;
    background-position: -666px -70px;
}
.navi-mailmag {
    width : 134px ;
    height : 35px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.navi-mailmag img{
    visibility: hidden;
}

.navi-mailmag a {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: -666px 0px;
    display:block;
}

.navi-mailmag a:hover {
    background: url("../images/mainnavi.png") no-repeat ;
    background-position: -666px -35px;
}

/* main navigation ここまで */



#pankuzu {
	width: 800px;
	margin:0px auto;
	padding-bottom:5px;
	font-size:10px;
	color:#6A6AD7;
}
#pankuzu a:link     { color: #333; text-decoration:underline ; }    /* 未訪のリンク */
#pankuzu a:visited { color: #333; text-decoration:underline ; }   /* 訪問済みのリンク */
#pankuzu a:hover  { color: #333; text-decoration:none ; } /* カーソルが上に乗っているリンク */
#pankuzu a:active  { color: #333; text-decoration:none ; }   /* アクティブ中のリンク */


#contents {
	width: 730px;
	margin: 0px auto;
	background-color: #efefef;
	padding: 20px 35px 10px 34px;
}

#contentscards {
	width: 777px;
	margin: 0px auto;
	background-color: #f7f7f7;
	padding: 20px 10px 10px 12px;
}
#contentscards p {margin: 0 !important;}
#contentscards .order {
	width: 777px;
	height: 49px;
	background: url(/images/businesscard_12.gif) 0 0 no-repeat;
	text-align: center;
	font-size: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
}
#contentscards .order a {color: #4d3f35;}


#sidecontents {
	width:191px;
	float:left;
}
#maincontents {
	width: 520px;
	float:right;
}
#maincontents-top {
	width: 530px;
	float:right;
}

#members-flash {
    width : 191px ;
    border: 0;
    padding: 0;
    margin-bottom:15px;
}

.members {
    width : 190px ;
    height : 60px ;
    overflow: hidden;
    border: 0;
    padding: 0;
}

.members img{
    visibility: hidden;
}

.members a {
    background: url("../images/members.png") no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.members a:hover {
    background: url("../images/members.png") no-repeat ;
    background-position: 0px -60px;
}

.membersmenu p {
	margin:0;
	padding:0;
}


.topnews{
	width:260px;
	float:left;
}
.topnewscase{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
}
.topnewslink{
	padding:10px 20px;
	color:#fff;
	background:url(../images/topnewsbg.jpg) no-repeat;
	text-align:left;
}
.topnewslink a:link     { color: #fff; text-decoration:none ; }    /* 未訪のリンク */
.topnewslink a:visited { color: #fff; text-decoration:none ; }   /* 訪問済みのリンク */
.topnewslink a:hover  { color: #fff; text-decoration:underline ; } /* カーソルが上に乗っているリンク */
.topnewslink a:active  { color: #fff; text-decoration:underline ; }   /* アクティブ中のリンク */


.toppickup{
	width:260px;
	float:right;
}
.toppickup .midashi{
	color:#DA2027;
	font-size:11px;
	font-weight:bold;
}
.toppickup dl dt {
	float:left;
	width:180px;
	font-size:11px;
	margin-bottom:5px;
}
.toppickup dl dt a:link     { color: #db2126; text-decoration:none ; }    /* 未訪のリンク */
.toppickup dl dt a:visited { color: #db2126; text-decoration:none ; }   /* 訪問済みのリンク */
.toppickup dl dt a:hover  { color: #db2126; text-decoration:underline ; } /* カーソルが上に乗っているリンク */
.toppickup dl dt a:active  { color: #db2126; text-decoration:underline ; }   /* アクティブ中のリンク */

.toppickup dl dd {
	float:right;
	width:75px;
	margin:0;
	padding:0;
}


.newspic {
	width: 230px;
	float:left;
}
.newscontent {
	width: 280px;
	float:right;
	font-size:11px;
}
.newsttl {
	widows:280px;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-bottom:1px solid #ccc;
}

.newsarchive img {
   width:60px;
   height:60px;
   margin: 0 0 5px 5px;
}

.newsarchive {
   font-size:11px;
}

dl.newsarchive dt {
	width:60px;
	float:right;
	margin:0 0 10px 0;
}
dl.newsarchive dd {
	width:125px;
	float:left;
	padding:0;
	margin:0 0 10px 0;
	font-size:11px;
}
dl.newsarchive dt img {
	width:60px;
	height:60px;
}

.newsarchivelist {
   border:1px solid #969696;
   background:#fff;
   padding:10px;
   margin-bottom:10px;
}
.newsarchivelist li {
   list-style:disc;
   margin-left:20px;
   margin-bottom:5px;
}

/* WORKS */

p.pagetop a:link     { color: #333; text-decoration:none ; }    /* 未訪のリンク */
p.pagetop a:visited { color: #333; text-decoration:none ; }   /* 訪問済みのリンク */
p.pagetop a:hover  { color: #333; text-decoration:underline ; } /* カーソルが上に乗っているリンク */
p.pagetop a:active  { color: #333; text-decoration:underline ; }   /* アクティブ中のリンク */

p.workstype{
	font-weight:bold;
	color:#6A6AD7;
	padding-left:10px;
	margin-bottom:10px;
}
p.magttl{
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #999;
	margin-bottom:10px;
}

ul.mag{
	margin-bottom:20px;
	width:520px;
	height:197px;
}
ul.mag li{
	width:140px;
	float:left;
	margin-right:50px;
}
ul.mag li.lastmag{
	margin-right:0px;
}

div.bookbox{
	width:520px;
}
div.bookbox .bookpic{
	width:240px;
	float:left;
}
div.bookbox .bookpic p.shuppansha {
	font-size:10px;
}

div.bookbox .booktxt{
	width:260px;
	float:right;
}
div.bookbox .booktxt p{
	font-size:11px;
	padding-right:10px;
}


/* 募集 */
.recruit-table{
	border:1px solid #999;
	widows:520px;
	margin-bottom:10px;
}
.recruit-table th{
	padding:7px;
	border-bottom:1px solid #999;
}
.recruit-table td{
	padding:7px;
	border-bottom:1px solid #999;
}

.recruit-table tr.last th{
	border-bottom:none;
}
.recruit-table tr.last td{
	border-bottom:none;
}

.recruit-table tr.gray{
	background-color:#afafaf;
}
.recruit-table th{
	font-weight:bold;
	border-right:1px solid #999;
}


.contact-box {
	width:498px;
	border:1px solid #999;
	padding:10px;
	background-color:#fff;
}


/* メンバー */

#membertxtarea {
   width:320px;
   float:left;
   margin-right:10px;
}

#membertxtarea .membername {
   font-size:18px;
   color:#566092;
   font-weight:bold;
}
#membertxtarea .membername-e {
   font-size:10px;
   color:#566092;
}

#membertxtarea .maintxt {
   width:320px;
   height:270px;
   overflow:auto;
   margin-top:10px;
}

#memberextra {
   width:190px;
   float:left;
}

#contents #memberport {
   width:720px;
   height:88px;
   padding:8px 5px;
   background-color:#333333;
}
#contents #memberport ul{
   list-style:none;
   margin:0;
   padding:0;
}
#contents #memberport li{
   list-style:none;
   float:left;
   margin:0px 5px;
   padding:0;
}

#maincontents .shinmidashi {
	font-size:16px;
	padding-bottom:5px;
	border-bottom:1px solid #333;
}

#footer {
	width: 730px;
	font-size: 10px;
	color: #999999;
}


/*MEMBERS*/
#list3 p {
	margin:0;
	padding:0;
}

#navigation {
	background:url(/images/navibg.png) repeat-y;
}
#navigation a {
	text-index:33px;
}
#navigation a.head {
	height:22px;
	width:191px;
	cursor:pointer;
	background:#efefef url(/images/navioff.png) no-repeat;
	color:#CD2528;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:3px 0 0 0;
	text-indent:33px;
	text-decoration: none;
	font-size:13px;
}
#navigation a.headn {
	height:22px;
	width:191px;
	cursor:pointer;
	background:#efefef url(/images/navioffn.png) no-repeat;
	color:#CD2528;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:3px 0 0 0;
	text-indent:33px;
	text-decoration: none;
	font-size:13px;
}
#navigation a.selected {
	background-image: url(/images/navion.png);
	color:#ffffff;
}
#navigation li li a {
	padding:3px 0;
	display:block;
	text-indent:33px;
	text-decoration: none;
}
* html #navigation li li a{
  padding:3px 0;
  margin:0;
  height:15px;
}
#navigation li li a:hover {
	text-decoration:underline;
}

/*MAILMAGAZINE*/
.pptsushin {
   border:1px solid #cccccc;
   padding:15px;
   background:#f5f5f5;
   margin-bottom:10px;
}
.pptsushin .error {
   color:#ff0000;
}
.tsushinttl {
	font-size:14px;
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
	font-weight:bold;
}

.newsflashbg {
	background: url(/images/newsflashbg.gif) 0 0 no-repeat;
	width: 390px;
	height: 18px;
	margin-bottom: 10px;
	padding: 3px 136px 0 4px;
}
.newsflashbg a {color: #333; text-decoration: none;}