@charset "shift_jis";
/*----------------------------
  CSS hisaki Document 2008.11
  Last Update 2008.11.16 hisaki
----------------------------*/

@import "page.css";


/*####################　おおみだし　####################*/


/*ホームページ制作実績*/

/*インデックス・アーカイブ*/
#PageWork02 #Main h2.title{background-image:url(../../works/img/title-large.jpg);}
#PageWork02 #Main #IntroBox{
	background:url(../../works/img/img-works01.jpg) right top no-repeat;
	width:600px;
	min-height:166px;
	_height:166px;
	}
#PageWork02 #Main #IntroBox h3{
	background:url(../../works/img/title-works01.gif) 0 0 no-repeat;
	width:259px;
	height:16px;
	margin:0 0 10px 10px;
	font-size:0;
	text-indent:-9999px;
	}
#PageWork02 #Main #IntroBox p{padding-right:195px;}

#PageWork02 #Main #List{margin:0 0 20px 0;}
#PageWork02 #Main #List dl{
	display:inline;
	float:left;
	width:150px;
	margin:0 5px 5px 0;
	}


#PageWork02 #Main #List dd a{color:#56879b;}
#PageWork02 #Main #List dd a:hover{text-decoration:underline;}

#PageWork02 #Main #WorksTable{margin-bottom:20px;}
#PageWork02 #Main #WorksTable h3.title{
	background:url(../img/title-base.jpg) left bottom no-repeat;
	margin:0 0 10px 0;
	padding:3px 0 30px 35px;
	font-size:14px;
	font-weight:bold;
	}
#PageWork02 #Main #WorksTable .menuBtn{
	position:relative;
	width:620px;
	margin-bottom:15px;
	padding-bottom:5px;
	text-align:center;
	}
#PageWork02 #Main #WorksTable ul.archiveMenu{
	width:290px;
	margin:0 auto 0;
	}
#PageWork02 #Main #WorksTable ul.archiveMenu li{
	display:inline;
	float:left;
	width:25px;
	height:25px;
	margin-right:10px;
	font-size:0;
	}
#PageWork02 #Main #WorksTable ul.archiveMenu li a{
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:25px;
	}
#PageWork02 #Main #WorksTable ul.archiveMenu li.menu2010 a{ background-image:url(../../works/img/btn-works10.gif);}
#PageWork02 #Main #WorksTable ul.archiveMenu li.menu2009 a{ background-image:url(../../works/img/btn-works09.gif);}
#PageWork02 #Main #WorksTable ul.archiveMenu li.menu2008 a{ background-image:url(../../works/img/btn-works08.gif);}
#PageWork02 #Main #WorksTable ul.archiveMenu li.menu2007 a{ background-image:url(../../works/img/btn-works07.gif);}
#PageWork02 #Main #WorksTable ul.archiveMenu li.menu2006 a{ background-image:url(../../works/img/btn-works06.gif);}
#PageWork02 #Main #WorksTable ul.archiveMenu li.menu2005 a{ background-image:url(../../works/img/btn-works05.gif);}
#PageWork02 #Main #WorksTable ul.archiveMenu li.menu2004 a{ background-image:url(../../works/img/btn-works04.gif);}
#PageWork02 #Main #WorksTable ul.archiveMenu li.menu2003 a{ background-image:url(../../works/img/btn-works03.gif);}
#PageWork02 #Main #WorksTable ul.archiveMenu li a:hover{ background-position:0 -25px;}

#PageWork02.web2010 #Main #WorksTable ul.archiveMenu li.menu2010 a{ background-position:0 -50px;}
#PageWork02.web2009 #Main #WorksTable ul.archiveMenu li.menu2009 a{ background-position:0 -50px;}
#PageWork02.web2008 #Main #WorksTable ul.archiveMenu li.menu2008 a{ background-position:0 -50px;}
#PageWork02.web2007 #Main #WorksTable ul.archiveMenu li.menu2007 a{ background-position:0 -50px;}
#PageWork02.web2006 #Main #WorksTable ul.archiveMenu li.menu2006 a{ background-position:0 -50px;}
#PageWork02.web2005 #Main #WorksTable ul.archiveMenu li.menu2005 a{ background-position:0 -50px;}
#PageWork02.web2004 #Main #WorksTable ul.archiveMenu li.menu2004 a{ background-position:0 -50px;}
#PageWork02.web2003 #Main #WorksTable ul.archiveMenu li.menu2003 a{ background-position:0 -50px;}

#PageWork02 #Main #WorksTable .menuBtn p{
	position:absolute;
	top:0;
	font-size:10px;
	}
#PageWork02 #Main #WorksTable .menuBtn p.pre{left:0;}
#PageWork02 #Main #WorksTable .menuBtn p.next{right:0;}
#PageWork02 #Main #WorksTable .menuBtn p.next a{
	background:url(../img/ico-arrow-double.gif) right 3px no-repeat;
	padding-right:12px;
	color:#999999;
	}
#PageWork02 #Main #WorksTable .menuBtn p.pre a{
	background:url(../img/ico-arrow-double02.gif) 0 3px no-repeat;
	padding-left:12px;
	color:#999999;
	}

#PageWork02 #Main #WorksTable ul.archiveMenu:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#PageWork02 #Main .entryList{
	clear:both;
	background:url(../img/line-dotted-gray.gif) left bottom no-repeat;
	width:620px;
	position:relative;
	min-height:160px;
	_height:160px;
	margin-bottom:10px;
	padding-bottom:15px;
	}
#PageWork02 #Main .entryList h4{
	display:inline;
	float:left;
	max-width:330px;
	margin:0 10px 10px 172px;
	font-weight:bold;
	font-size:12px;
	}
#PageWork02 #Main .entryList ul{
	display:inline;
	float:left;
	width:103px;
	}
#PageWork02 #Main .entryList ul li{
	background:url(../../works/img/wall-ico-blue.gif) 0 0;
	display:inline;
	float:left;
	margin:0 3px 3px 0;
	padding:1px 3px;
	font-size:10px;
	color:#FFFFFF;
	}
#PageWork02 #Main .entryList .entrybody{
	clear:both;
	min-height:160px;
	_height:160px;
	margin-bottom:10px;
	zoom:1;
	}
#PageWork02 #Main .entryList .entrybody ul{
	display:inline;
	clear:left;
	float:left;
	width:443px;
	margin:0 0 5px 172px;
	}
#PageWork02 #Main .entryList .entrybody ul li{
	background:url(../img/ico-circle02.gif) 0 3px no-repeat;
	display:inline;
	float:left;
	clear:left;
	width:430px;
	_width:443px;
	padding:0 0 0 13px;
	color:#666666;
	font-size:12px;
	}
#PageWork02 #Main .entryList ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#PageWork02 #Main .entryList p{
	display:inline;
	clear:left;
	float:left;
	width:443px;
	margin:0 0 5px 172px;
	}
#PageWork02 #Main .entryList .entrymemo{
	background:url(../img/wall-contact01.gif);
	clear:both;
	float:none;
	padding:5px;
	zoom:1;
	}
#PageWork02 #Main .entryList .entrymemo p{
	width:585px;
	_width:595px;
	margin:0 5px 5px 10px;
	}
#PageWork02 #Main .entryList .entrymemo:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#PageWork02 #Main .entryList p.menu01{ font-size:10px;}
#PageWork02 #Main .entryList h4 a,
#PageWork02 #Main .entryList .entrymemo a,
#PageWork02 #Main .entryList p.menu01 a{color:#56879b;}
#PageWork02 #Main .entryList h4 a:hover,
#PageWork02 #Main .entryList .entrymemo a:hover,
#PageWork02 #Main .entryList p.menu01 a:hover{text-decoration:underline;}
#PageWork02 #Main .entryList p.menu02{
	width:150px;
	min-height:180px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	}
#PageWork02 #Main .entryList:after,
#PageWork02 #Main .entryList p:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#PageWork02 #Main .entryList p.more{
	background:url(../../works/img/btn-more01.gif) 0 0 no-repeat;
	width:132px;
	height:27px;
	float:right;
	position:absolute;
	bottom:5px;
	right:10px;
	}
#PageWork02 #Main .entryList p.more a{
	display:block;
	height:27px;
	text-indent:-9999px;
	}

/*エントリー*/
#PageWork02 #Main #Entry{
	background:url(../../works/img/wall-entry-bottom.gif) left bottom no-repeat;
	width:620px;
	padding-bottom:20px;
	}
#PageWork02 #Main .entry .entrybody{
	background:url(../../works/img/wall-entry-body.gif) 0 0 repeat-y;
	width:620px;
	}
#PageWork02 #Main .entry{
	background:url(../../works/img/wall-entry-top.gif) 0 0 no-repeat;
	width:620px;
	padding:30px 0 0 0;
	position:relative;
	}
#PageWork02 #Main .entry h3{
	display:inline;
	float:left;
	width:230px;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 24px;
	}
#PageWork02 #Main .entry ul.menu01{
	display:inline;
	float:left;
	width:90px;
	margin:0;
	}
#PageWork02 #Main .entry ul.menu01 li{
	background:url(../../works/img/wall-ico-blue.gif) 0 0;
	display:inline;
	float:left;
	margin:0 3px 3px 0;
	padding:1px 3px;
	font-size:10px;
	color:#FFFFFF;
	}
#PageWork02 #Main .entry p.menu01{
	display:inline;
	float:right;
	width:230px;
	margin:0 20px 50px 0;
	}
#PageWork02 #Main .entry p.menu02{
	display:inline;
	float:left;
	width:320px;
	margin:0 0 15px 24px;
	}
#PageWork02 #Main .entry p.menu02 a{color:#56879b;}
#PageWork02 #Main .entry p.menu02 a:hover{text-decoration:underline;}
#PageWork02 #Main .leftBox{
	display:inline;
	float:left;
	width:320px;
	margin:0 0 0 24px;
	}
#PageWork02 #Main .bodyBox{ margin-bottom:24px;}
#PageWork02 #Main .bodyBox h4{
	background:url(../../works/img/title-entry01.gif) 0 0 no-repeat;
	width:84px;
	height:13px;
	margin-bottom:5px;
	font-size:0;
	text-indent:-9999px;
	}
#PageWork02 #Main .bodyBox p{
	margin:0 0 10px 0;
	}
#PageWork02 #Main .entry dl{
	background:url(../../works/img/wall-box-bottom.gif) left bottom no-repeat;
	width:320px;
	margin:0 0 24px 0;
	padding-bottom:5px;
	}
#PageWork02 #Main .entry dt{ padding-bottom:5px;}
#PageWork02 #Main .entry dd{
	background:url(../img/ico-square-gray.gif) 0 3px no-repeat;
	margin:0 5px 5px 10px;
	padding-left:12px;
	}
#PageWork02 #Main .entry dd a{color:#56879b;}
#PageWork02 #Main .entry dd a:hover{text-decoration:underline;}
#PageWork02 #Main p.menu03{
	display:inline;
	float:left;
	width:58px;
	height:11px;
	margin:0 7px 10px 0;
	}
#PageWork02 #Main ul.menu02{
	display:inline;
	float:left;
	margin:0 0 10px 0;
	}
#PageWork02 #Main ul.menu02 li{
	background:url(../../works/img/line-dotted-gray02.gif) right top no-repeat;
	display:inline;
	float:left;
	margin-right:7px;
	padding-right:7px;
	font-size:10px;
	}
#PageWork02 #Main ul.menu02 li a{color:#56879b;}
#PageWork02 #Main ul.menu02 li a:hover{text-decoration:underline;}

#PageWork02 #Main .entry p.link{
	background:url(../../works/img/btn-link.gif) 0 0 no-repeat;
	clear:both;
	width:124px;
	height:27px;
	margin:0;
	position:absolute;
	right:20px;
	bottom:0px;
	}
#PageWork02 #Main .entry p.link a{
	display:block;
	height:27px;
	font-size:0;
	text-indent:-9999px;
	}
#PageWork02 #Main .entry:after,
#PageWork02 #Main .entrybody:after,
#PageWork02 #Main .leftBox:after,
#PageWork02 #Main .entry p.link:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#PageWork02 #Main .pageButton{
	text-align:center;
	}
#PageWork02 #Main .pageButton ul{
	width:620px;
	padding:10px 0 20px 0;
	}
	
#PageWork02 #Main .pageButton li{font-size:10px;}
#PageWork02 #Main .pageButton li.pre{
	background:url(../img/ico-square-red03.gif) 0 3px no-repeat;
	display:inline;
	float:left;
	padding-left:12px;
	}
#PageWork02 #Main .pageButton li.next{
	background:url(../img/ico-square-red02.gif) right 3px no-repeat;
	display:inline;
	float:right;
	padding-right:12px;
	}
#PageWork02 #Main .pageButton li a{color:#666666;}
#PageWork02 #Main .pageButton li a:hover{text-decoration:underline;}
#PageWork02 #Main .pageButton ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#PageWork02 #Main .pageButton p{
	background:url(../../works/img/btn-works03.jpg) 0 0 no-repeat;
	text-align:left;
	width:190px;
	height:37px;
	margin:0 auto 40px;
	}
#PageWork02 #Main .pageButton p a{
	display:block;
	height:37px;
	text-indent:-9999px;
	}

/*最新情報*/
#PageTopics #Main h2.title{background-image:url(../../topics/img/title-large.jpg);}
#PageTopics.index #Main #List h3,
#PageTopics.entry #Main #Entry h3{
	background:url(../img/ico-circle.gif) 0 1px no-repeat;
	margin:0 0 5px 10px;
	padding-left:18px;
	font-size:14px;
	font-weight:bold;
	}
#PageTopics #Main #List{margin:0 0 20px 0;}
#PageTopics #Main #List .entry{
	background:url(../img/line-dotted-gray.gif) left bottom no-repeat;
	width:620px;
	margin:0 0 15px 0;
	padding-bottom:5px;
	}
#PageTopics #Main #List .entry p a,
#PageTopics #Main #Entry .entry p a{color:#56879b;}
#PageTopics #Main #List .entry p a:hover,
#PageTopics #Main #Entry .entry p a:hover{text-decoration:underline;}
#PageTopics #Main #List .entry p.more{
	background:url(../../topics/img/btn-more01.gif) 0 0 no-repeat;
	display:inline;
	float:right;
	width:91px;
	height:27px;
	clear:both;
	}
#PageTopics #Main #List .entry p.more a{
	display:block;
	height:27px;
	text-indent:-9999px;
	}
#PageTopics #Main #List .entry:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#PageTopics.archive #Main #List h3{
	background:url(../img/title-base.jpg) left bottom no-repeat;
	margin:0 0 10px 0;
	padding:3px 0 30px 35px;
	font-size:14px;
	font-weight:bold;
	}
#PageTopics.archive #Main #List .entry h4{
	background:url(../img/ico-arrow-double.gif) 0 6px no-repeat;
	margin:0 0 10px 10px;
	padding-left:12px;
	font-size:14px;
	font-weight:bold;
	}
#PageTopics #Main #Entry .entry{
	background:url(../img/line-dotted-gray.gif) left bottom no-repeat;
	width:620px;
	margin-bottom:15px;
	padding-bottom:15px;
	}
#PageTopics #Main #Entry .entry h4{
	margin:0 0 10px 25px;
	font-size:14px;
	font-weight:bold;
	}
#PageTopics #Main #Entry .entry p{margin:0 5px 10px 25px;}


#PageTopics #Main #Entry .pageButton{
	width:620px;
	position:relative;
	font-size:10px;
	min-height:15px;
	_height:15px;
	margin-bottom:50px;
	}
#PageTopics #Main #Entry .pageButton ul li{
	position:absolute;
	top:0;
	}
#PageTopics #Main #Entry .pageButton li a{
	display:block;
	color:#999999;
	}
#PageTopics #Main #Entry .pageButton li a:hover{ text-decoration:underline;}

#PageTopics #Main #Entry .pageButton li.pre{left:0;}
#PageTopics #Main #Entry .pageButton li.next{right:0;}
#PageTopics #Main #Entry .pageButton li.top{left:280px;}
#PageTopics #Main #Entry .pageButton li.next a{
	background:url(../img/ico-square-red02.gif) right 3px no-repeat;
	padding-right:12px;
	}
#PageTopics #Main #Entry .pageButton li.pre a{
	background:url(../img/ico-square-red03.gif) 0 3px no-repeat;
	padding-left:12px;
	}


/*よくある質問*/
#PageFaq #Main h2.title{background-image:url(../../faq/img/title-large.jpg);}
#PageFaq.index #Main #List h3,
#PageFaq.archive #Main #List h3,
#PageFaq.entry #Main #Entry h3{
	background:url(../img/title-base.jpg) left bottom no-repeat;
	margin:0 0 10px 0;
	padding:3px 0 30px 30px;
	font-size:14px;
	font-weight:bold;
	}
#PageFaq.index #Main #List h3 a{color:#56879b;}
#PageFaq #Main #List{margin:0 0 20px 0;}
#PageFaq #Main #List .categoryList{
	background:url(../img/line-dotted-gray.gif) left bottom no-repeat;
	width:620px;
	margin:0 0 15px 0;
	padding-bottom:5px;
	}
#PageFaq #Main #List ul li{
	background:url(../img/ico-arrow.gif) 0 5px no-repeat;
	margin:0 5px 5px 25px;
	padding-left:15px;
	}
#PageFaq #Main #List ul li a{color:#56879b;}
#PageFaq #Main #List ul li a:hover{text-decoration:underline;}

#PageFaq #Main #Entry .entry{
	background:url(../img/line-dotted-gray.gif) left bottom no-repeat;
	width:620px;
	margin-bottom:15px;
	padding-bottom:15px;
	}
#PageFaq #Main #Entry .entry p{margin:0 5px 10px 25px;}
#PageFaq #Main #Entry .pageButton{
	width:620px;
	position:relative;
	font-size:10px;
	min-height:15px;
	_height:15px;
	margin-bottom:50px;
	}
#PageFaq #Main #Entry .pageButton ul li{
	position:absolute;
	top:0;
	}
#PageFaq #Main #Entry .pageButton li a{
	display:block;
	color:#999999;
	}
#PageFaq #Main #Entry .pageButton li a:hover{ text-decoration:underline;}

#PageFaq #Main #Entry .pageButton li.pre{left:0;}
#PageFaq #Main #Entry .pageButton li.next{right:0;}
#PageFaq #Main #Entry .pageButton li.top{left:280px;}
#PageFaq #Main #Entry .pageButton li.next a{
	background:url(../img/ico-square-red02.gif) right 3px no-repeat;
	padding-right:12px;
	}
#PageFaq #Main #Entry .pageButton li.pre a{
	background:url(../img/ico-square-red03.gif) 0 3px no-repeat;
	padding-left:12px;
	}

/*スタッフブログ*/
#PageStaff #Main h2.title{background-image:url(../../staff/img/title-large.jpg);}


/*end*/