@charset "shift_jis";
/*----------------------------
  CSS Date Document 2008.03
  Last Update 0000.00.00 Date
  

　├ サービス内容
　├ 
　├ 

	　├ 
	　├ 
	　└
　├
　├
　├
　└

z-index:

----------------------------*/

@import "page.css";

/*####################　サービス内容　####################*/

#PageWorks.menu01 .contentsBox{z-index:1;}
#PageWorks.menu01 .contentsBox h2 {
	margin-bottom:15px;}

#PageWorks.menu01 #Main h3,
#PageWorks.menu02 #Main h3 {
	background:url(../img/ico-bar_h4.gif) left top no-repeat;
	font-size:16px;
	font-weight:normal;
	padding:5px 0 5px 35px;
	}

#PageWorks.menu01 .contentsBox table {
	margin:0 15px 15px 0;}
	
	
#PageWorks.menu01 .contentsBox table th {
	background-color:#f0f0f0;}

#PageWorks.menu01 .contentsBox table th.honbun,
#PageWorks.menu01 .contentsBox table td.honbun {
	padding:5px;}


/*####################　リストページ　####################*/

#PageWorks.menu01 .contentsBox ul.year{
	width:576px;
	text-align:center;
	}
#PageWorks.menu01 .contentsBox ul.year li{
	display:inline;
	float:left;
	width:88px;
	margin-right:6px;
	}
#PageWorks.menu01 .contentsBox ul.year li a:hover{text-decoration:underline;}
#PageWorks .contentsBox ul.year:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#PageWorks.menu01 .contentsBox .entryBox {
	position:relative;
	width:564px;
	background:url(../img/works/entrylist-wall.jpg) left bottom repeat-x;
	padding:0 0 15px 0;
	margin-bottom:15px;
	}
#PageWorks.menu01 .contentsBox .entryBox h4 {
	display:inline;
	float:left;
	background:url(../img/works/list01.gif) 0 2px no-repeat;
	padding:0 0 2px 60px;
	margin:0 0 5px 170px;
	color:#900;
	font-weight:normal;
	font-size:14px;
	}
#PageWorks.menu01 .contentsBox .entryBox h4 span {
	font-family:Verdana;
	color:#000;
	}
#PageWorks.menu01 .contentsBox .entryBox h4 span.no {
	margin:0;
	font-size:10px;
	}
#PageWorks.menu01 .contentsBox .entryBox h4 span.su {
	font-size:14px;
	margin:0 10px 0 0;
	}
#PageWorks.menu01 .contentsBox .entryBox ul li.siteImage {
	position:absolute;
	top:0px;
	left:5px;
	}
#PageWorks.menu01 .contentsBox .entryBox ul {
	clear:both;
	margin: 0 0 7px 170px; }
#PageWorks.menu01 .contentsBox .entryBox ul li.name,
#PageWorks.menu01 .contentsBox .entryBox ul li.url,
#PageWorks.menu01 .contentsBox .entryBox ul li.cate {
	margin:0 0 1px 0;
	padding:2px 0 0 60px;
	}

#PageWorks.menu01 .contentsBox .entryBox ul li.name {
	background:url(../img/works/list02.gif) 0 0 no-repeat;
	font-weight:bold;
	}
#PageWorks.menu01 .contentsBox .entryBox ul li.url {
	background:url(../img/works/list03.gif) 0 0 no-repeat;
	font-size:10px;
	padding:2px 0 2px 60px;
	}
#PageWorks.menu01 .contentsBox .entryBox ul li.url a {text-decoration:underline;}
	
#PageWorks.menu01 .contentsBox .entryBox ul li.cate {
	background:url(../img/works/list04.gif) 0 0 no-repeat;
	font-size:10px;
	color:#369;
	}
#PageWorks.menu01 .contentsBox .entryBox .entrybody {margin:0 5px 20px 170px;}
#PageWorks.menu01 .contentsBox .entryBox p {margin:0 0 12px 0px;}
#PageWorks.menu01 .contentsBox .entryBox p.linkDetail {
	text-align:right;
	margin-top:-10px;
	}
#PageWorks.menu01 .contentsBox .entryBox td.honbun p {margin:0 5px 0 0px;}


/*　ページ分割
-------------------------------------*/
#PageWorks.menu01 .pagebute{
	width:570px;
	text-align:center;
	}

/*####################　詳細ページ　####################*/


#PageWorks.menu02 .contentsBox .entryBox {
	position:relative;
	width:564px;
	background:url(../img/works/detail_btm.gif) left bottom repeat-x;
	padding:0 0 15px 0; }

#PageWorks.menu02 .midashi {
	background:url(../img/ico-bar_h4.gif) left top repeat-y; }

#PageWorks.menu02 .midashi p {
	background:url(../img/works/list01.gif) 0 2px no-repeat;
	margin:0 0 0 30px;
	}
#PageWorks.menu02 .midashi span {
	font-family:Verdana;
	color:#000;
	}
#PageWorks.menu02 .midashi span.no {
	margin:0 0 0 60px;
	font-size:10px;
	}
#PageWorks.menu02 .midashi span.su {
	font-size:14px;
	margin:0 10px 0 0;
	}
#PageWorks.menu02 .midashi h3 {
	margin:5px 0 0 30px;
	font-weight:normal;
	color:#900;
	font-size:14px;
	}
#PageWorks.menu02 .contentsBox .entryBox ul.floatImage {
	min-height:336px;
	_height:336px;
	} 
#PageWorks.menu02 .contentsBox .entryBox ul li.siteImage {
	position:absolute;
	top:0px;
	left:5px;
	}
#PageWorks.menu02 .contentsBox .entryBox ul li.name {
	background:url(../img/works/list02.gif) 0 0 no-repeat;
	padding-bottom:2px;
	font-weight:bold;
	}
#PageWorks.menu02 .contentsBox .entryBox ul li.url {
	background:url(../img/works/list03.gif) 0 0 no-repeat;
	font-size:10px;
	padding-bottom:2px;
	}
#PageWorks.menu02 .contentsBox .entryBox ul li.url a {text-decoration:underline; }

#PageWorks.menu02 .contentsBox .entryBox ul li.info {
	background:url(../img/works/list05.gif) 0 0 no-repeat;
	padding:5px 0 1px 0;
	font-size:10px;
	color:#666;
	line-height:1.5;
	}
#PageWorks.menu02 .contentsBox .entryBox ul li.rank {
	background:url(../img/works/list07.gif) 0 0 no-repeat;
	padding-top:2px;
	font-size:10px;
	color:#666;
	}
#PageWorks.menu02 .contentsBox .entryBox ul li.text {
	background:url(../img/works/list08.gif) 0 0 no-repeat;
	padding:3px 0;
	}
#PageWorks.menu02 .contentsBox .entryBox ul li.memo {
	background:url(../img/works/list09.gif) 0 0 no-repeat;
	padding:25px 0 0 0;
	}
#PageWorks.menu02 .contentsBox .entryBox ul li.memo p {margin:0 0 10px 5px;}
#PageWorks.menu02 .contentsBox .entryBox ul li.cate {
	background:url(../img/works/list04.gif) 0 0 no-repeat;
	padding:2px 0 2px 60px;
	font-size:10px;
	color:#369;
	}
#PageWorks.menu02 .contentsBox .entryBox ul li.date {
	background:url(../img/works/list10.gif) 0 0 no-repeat;
	padding:2px 0 0 60px;
	font-size:10px;
	font-family:Verdana;
	color:#c00;
	}
#PageWorks.menu02 .contentsBox .entryBox ul li.name,
#PageWorks.menu02 .contentsBox .entryBox ul li.url,
#PageWorks.menu02 .contentsBox .entryBox ul li.info,
#PageWorks.menu02 .contentsBox .entryBox ul li.word,
#PageWorks.menu02 .contentsBox .entryBox ul li.rank,
#PageWorks.menu02 .contentsBox .entryBox ul li.text {
	margin:0 0 3px 260px;
	padding-left:60px;
	}
#PageWorks.menu02 .contentsBox .entryLinkBox {width:564px;}
#PageWorks.menu02 .contentsBox .entryLinkBox ul{
	zoom:1;
	clear:both;
	margin:5px 0 0 0;
	}
#PageWorks.menu02 .contentsBox .entryLinkBox ul:after { 
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#PageWorks.menu02 .contentsBox .entryLinkBox ul li.back {
	background:url(../../works/img/entry_back.gif) 0 0 no-repeat;
	float:left;
	width:88px;
	height:20px;
	 }
#PageWorks.menu02 .contentsBox .entryLinkBox ul li.next {
	background:url(../../works/img/entry_next.gif) 0 0 no-repeat;
	float:right;
	width:88px;
	height:20px;
	}
#PageWorks.menu02 .contentsBox .entryLinkBox ul li a{
	display:block;
	height:20px;
	text-indent:-9999px;
	}

/*end*/