@charset 'utf-8';	


/* トップページ
---------------------------------------------------------------------------------------*/
.top {
	padding: 0 0 37px 0;
	}
	
	
	
	
	
	
	
	
	
#inside-left01 {
	width:187px;

	float:left;
	margin: 0 7px 0 3px;
	padding: 0 3px 0 3px;
	background-color: #D0DFFB;
	background-color: transparent;
	border: 1px solid #CCCCCC;
	}
	
	
#inside-left01 h1 {
	margin: 5px 0 5px 0;
	padding: 0 0 0 2px;
	font-size:120%;
	color: #000000;
	border-bottom: 1px solid #666666;
	text-align: center;
	}	
	
	
#inside-left01 h2 {
	margin: 0 0 5px 0;
	padding: 0 0 0 2px;
	font-size:100%;
	color: #000000;
	border-bottom: 1px solid #666666;
	text-align: center;
	}
	
	
#inside-left01 h3 {
	margin: 0 0 5px 0;
	padding: 0 0 0 2px;
	font-size:100%;
	color: #000000;
	border-bottom: 0px solid #666666;
	text-align: center;
	}	
	
	
#nobo h2 {
width: 80%;
	margin: 0 auto 15px auto;
	padding: 0 0 3px 0px;
	font-size:100%;
	color: #000000;
	border-bottom: 1px dotted #666666;
	text-align: center;
	}	
	
	
	
#inside-left01 p {
	margin: 0 0 3px 0;
	font-size:85%;
	color: #000000;
	border-bottom: 1px solid #000;
	}	
	
	
	
#inside-left01 dl {
	border-bottom: solid 1px #000;
	margin: 0 0 23px 0;
	padding: 0 0 20px 0px;
	text-align: center;
	}
#inside-left01 dl dt {
	margin: 0 0 8px 0;
	font-size:100%;
	text-align: center;
	}
#inside-left01 dl dd {
	line-height:1.6;
	font-size:small;
	}
	#inside-left01 dl dd strong {
		color:#000;
		}
#inside-left01 ul {
	list-style:none;
	padding: 0 0 0 23px;
	}
#inside-left01 ul li {
	margin: 0 0 9px 0;
	font-size:80%;
	}
	#inside-left01 ul li.last {
		margin:0;
		}











#middle {
	width:411px;
	float:left;
	margin: 0 7px 10px 3px;
	padding: 5px 3px 0 3px;
	border: 1px solid #00CCFF;
	}
#middle h2 {
	margin: 0 0 23px 0;
	clear:both;
	font-size:100%;
	border-bottom: 1px solid #666666;

	}
#middle dl {
	padding: 0 0 14px 23px;
	}
#middle dl.last {
	padding:0 0 23px 23px;
	}
#middle dl dt {
	float:left;
	margin:0;
	padding:0;
	display:inline;
	font-size:100%;
	}
#middle dl dt a {
	padding:3px;
	display:block;
	background:#CCCCCC;
	}
	#middle dl dt a:hover {
		padding:3px;
		display:block;
		background:#AAAAAA;
		}
	#middle dl dt img {
		border: solid 1px #FEFEFE;
		}
#middle dl dd {
	line-height:1.6;
	font-size:x-small;
	}
	#middle dl dd strong {
		color:#000;
		font-size:small;
		}
	#middle dl dd {
		width:207px;
		float:right;
		margin:0;
		padding: 0 5px 0 0;
		}
	
#middle dl span.caption {
	display:block;
	width:207px;
	}

#middle dl span.caption sub {
	font-size:70%;
	vertical-align:baseline;
	margin:0 2px;
	}
	#middle dl span.button {
		width:64px;
		float:right;
		margin:0;
		padding: 10px 0 0 0;
		font-size:100%;
		clear:both;
		display:block;
		}












#right03 {
	width:350px;
	float:left;
	margin:0 0 20px 8px;
	padding: 0 3px 0 3px;
	border: 1px solid #66FF00;
	}

#right03 h2 {
	margin: 10px 0 13px 0;
	padding: 20px 0 0 0;
	clear:both;
	font-size:100%;
	border-bottom: 1px solid #666666;
	text-align: center;

	}
#right03 p {
	width:340px;
	margin: 0 auto;
	padding: 0 5px 13px 0;
	clear:both;

	font-size:100%;
	text-align: center;
	}
#right03 p img {
	margin: 0 13px 0 0;
	}
#right03 p img.last {
	margin:0;
	}
#right03 dl {
	width:250px;
	margin:0;
	padding: 0 0 0 23px;
	font-size:small;
	}
#right03 dl dt {
	width:7em;
	display:inline;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3;
	}
#right03 dl dt img {
	vertical-align:top;
	margin:0.35em 9px 0 0;
	}
#right03 dl dd {
	width:auto;
	margin: 0 0 14px 7.7em;
	line-height:1.4;
	}

#right03 div.staffbnn {
    background-color: #FFf;
    width: 350px;
    height: 250px;
    border: 0px solid #FF00FF;
	padding:10px 0 10px 0px;
	margin:0 auto 12px auto;
	text-align: center;
	}

#right03 div.staffbnn img{
    
    border: 7px solid #000000;

	}
#right03 div.staffbnn p{
     font-size: 80%; 	}

#right03 div.staffbnn2 {
    background-color: transparent;
    width: 350px;
    height: 300px;
    border: 0px solid #00CCFF;
	padding:10px 0 10px 0px;
	margin:0 auto 17px auto;
	text-align: center;
	}









/* 一覧＆RSS */
#contents .colUnder {
	width:98%;
	background:url(../img/bg_line.gif) repeat-x 0 0;
	clear:both;
	height:25px;
	margin: 0 0 10px 0;
	border: 1px solid #0000CC;
	}
#contents .colUnder ul {
	list-style:none;
	padding:7px 5px 0 0;
	margin:0;
	}
#contents .colUnder ul li {
	float:right;
	padding: 0 0 0 7px;
	margin:0;
	font-size:100%;
	line-height:13px;
	background:url(../img/bg_line.gif) repeat-y 0 0;
	}
	
#contents .colUnder ul li.rss {
	background:none;
	}
#contents .colUnder ul li.arrow {
	padding: 0 8px 0 8px;
	font-size:small;
	line-height:13px;
	background:url(../img/icon_arrow.gif) no-repeat 0 0.4em;
	}
#contents .colUnder a:link{
	color:#555555;
	text-decoration:none;
	}
#contents .colUnder a:visited{
	color:#999999;
	text-decoration:none;
	}
#contents .colUnder a:hover{
	color:#555555;
	text-decoration:underline;
	}
#contents .colUnder a:active{
	color:#555555;
	text-decoration:underline;
	}






















/* 下層共通
---------------------------------------------------------------------------------------*/
/* メイン */
#main {
	width:726px;
	float:right;
	}

/* ページタイトル */
h2 {
	margin: 0 0 59px 0;
	font-size:100%;
	}

#mainInner {
	padding: 0 0 0 23px;
	}

/* 中見出し */
h3 {
	margin: 0 0 23px 0;
	font-size:100%;
	}

/* キャッチコピー */
h3.catch {
	margin: 0 0 59px 0;
	font-size:100%;
	}

/* 段落 */
p {
	padding: 0 5px 23px 0;
	text-indent:1em;
	line-height:1.6;
	font-size:116%;
	}

/* 最後の段落 */
p.break {
	padding: 0 5px 37px 0;
	}

/* 画像のみがはいる段落 1 */
p.graph {
	padding: 0 0 23px 0;
	text-indent:0;
	line-height:1;
	font-size:100%;
	}

/* 画像のみがはいる段落 2 */
p.graph02 {
	padding:0;
	text-indent:0;
	line-height:1;
	font-size:100%;
	}

/* ページ先頭へもどるボタン */
p.pagetop {
	width:100%;
	padding: 0 0 37px 0;
	line-height:1;
	font-size:100%;
	text-indent:0;
	text-align:right;
	clear:both;
	}

/* 小見出し 1 */
dl.default {/* 下マージンが59pxになるように */
	padding: 0 5px 36px 0;
	font-size:116%;
	}
dl.default dt {
	font-weight:bold;
	color:#000000;
	}
dl.default dd {
	padding: 0 0 23px 0;
	line-height:1.6;
	font-size:small;
	}


/* 小見出し 2 */
.komidasi {
	padding: 0 5px 0 0;
	font-size:116%;
	font-weight:bold;
	color:#000000;
	}

/* 署名 */
#main address {
	padding: 0 5px 23px 0;
	text-align:right;
	line-height:1.6;
	font-size:116%;
	}
#main address img {
	padding:5px 0 0 0;
	line-height:1;
	}


/* 会社概要
---------------------------------------------------------------------------------------*/
#profile {
	width:386px;
	border: solid 1px #EFEFEF;
	margin: 0 0 23px 315px;
	}
#profile dl {
	padding:13px;
	}
#profile dl dt {
	margin: 0 0 8px 0;
	}
#profile dl dd {
	margin: 0 0 5px 0;
	line-height:1.6;
	font-size:small;
	}


/* 基本情報
---------------------------------------------------------------------------------------*/
#information {
}

#information table {
	width:698px;
	margin:0 5px 57px 0;
	line-height:1.6;
	border-collapse:collapse;
}

#information table.break {
	margin:0 5px 10px 0;
	}
#information table tr.gray th, #information table tr.gray td {
	background:url(../../information/img/table_gray.gif) top left no-repeat;
}
#information table th {
	background:url(../../information/img/table_border.gif) top left no-repeat;
	width:130px;
	padding:6px 0;
	text-indent:14px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
#information table th img {
	vertical-align:top;
}
#information table tr.gray th.histryTop {
	background:url(../../information/img/table_histry_top.gif) top left no-repeat;
	width:39px;
	padding:10px 0 0 37px;
	text-indent:0;
	font-weight:normal;
	line-height:1;
}
#information table tr.gray th.histryGray {
	background:url(../../information/img/table_histry_gray.gif) top left no-repeat;
	width:39px;
	padding:10px 0 0 37px;
	text-indent:0;
	font-weight:normal;
	line-height:1;
}
#information table tr th.histryWhite {
	background:url(../../information/img/table_histry_white.gif) top left no-repeat;
	width:39px;
	padding:10px 0 0 37px;
	text-indent:0;
	font-weight:normal;
	line-height:1;
}
#information table td {
	background:url(../../information/img/table_border.gif) top left no-repeat;
	padding:6px 14px;
}
#information table td.month {
	padding:6px 3px 6px 6px;
	width:45px;
	text-align:right;
	vertical-align:top;
}
#information table td.monthTop {
	padding:6px 3px 6px 6px;
	text-align:right;
	vertical-align:top;
}
#information table td.monthBottom {
	background:none;
	padding:6px 3px 6px 6px;
	text-align:right;
	vertical-align:top;
}

#information table td.noborderTop {
	padding:6px 14px 3px 14px;
}
#information table td.noborderBottom {
	background:none;
	padding:3px 14px 6px 14px;
}
#information table td.tableBottom {
	background:url(../../information/img/table_border.gif) top no-repeat;
	padding:0;
	height:1px;
}

#information p.aside_right {
	text-align:right;
	font-size:small;
	line-height:1;
	margin:0 14px 0 0;
	padding:0 0 59px 0;
	}

#information img.catch {
	padding:0 0 11px 0;
	} 

#information p {
	text-indent:0;
	font-size:100%;
	}

#information img.image01 {
	padding:0 0 23px 0;
	}



/* グループ紹介
---------------------------------------------------------------------------------------*/
#group h3 {
	clear:both;
}
#group h3.catch {
	margin: 0 0 14px 0;
}
#group p.read {
	text-indent:0;
	padding:0 0 53px 0;
	text-indent:0;
}
#group img.blockImg {
	padding:0 0 23px 0;
}
#group div.block {
	width:210px;
	float:left;
	margin:0 34px 0 0;
}
#group div.break {
	margin:0;
	float:left;
	width:210px;
}
#group div.block p, #group div.break p {
	font-size:100%;
}



/* スタッフ紹介
---------------------------------------------------------------------------------------*/
#staff h2#stafftitle {
	margin: 0 0 37px 0;
	}

#staff p.read {
	text-indent:0;
	padding:0 5px 37px;
	}

#staff div#flashImg{
	margin:0 auto;
	text-align:center;
	height:439px;
	line-height:1.5;
	margin: 0 0 30px 0;
	}

#staff div#flashImgdetail{
	margin:0 auto;
	text-align:center;
	height:439px;
	line-height:1.5;
	margin: 0 0 39px 0;
	}
#staff p.floatImg {
	float:left;
	padding: 0 0 37px 0;
	width:493px;
	display:inline;
	}
#staff p.pagebreak {
	padding: 0 0 23px 0;
	}
#staff h3.imgBottom {
	clear:both;
	}
#staff img.staffImg {
	padding:4px;
	margin:0 5px 0 0;
	display:inline;
	border:1px solid #DADADA;
	float:right;
	}
#staff div.bottomBtn {
	height:9px;
	padding:0 0 37px 0;
	clear:both;
	}
#staff div.bottomBtn p.pageback {
	float:left;
	text-indent:0px;
	padding:0;
	line-height:1;
	font-size:100%;
	}
#staff div.bottomBtn p.pagetop {
	width:auto;
	padding:0;
	float:right;
	text-indent:0;
	clear:none;
	}
#staff ul.list{
	width:684px;
	margin:0 0 0 14px;
	padding:0;
}

#staff ul.listbreak{
	padding:0;
}
#staff ul.list li{
	list-style:none;
	padding:0 0 23px 0;
	width:228px;
	line-height:1.2;
	float:left;
}
#staff ul.list li span{
	font-size:x-small;
	font-weight:normal;
	line-height:1.2;
	padding:0 0 0 11px;
}
#staff ul.list li a{
	line-height:1.2;
	background:url(../../staff/img/icon.gif) left center no-repeat;
	font-weight:bold;
	padding:0 0 0 11px;
}
#staff ul.list li a:link,
#staff ul.list li a:visited{
	text-decoration:none;
}
#staff ul.list li a:hover{
	text-decoration:underline;
}



/* サービス
---------------------------------------------------------------------------------------*/
#service img.blockImg {
	padding:0 0 37px 0;
	}
#service div.block {
	width:332px;
	float:left;
	margin:0 34px 23px 0;
	}
#service div.break {
	margin:0 0 23px 0;
	float:left;
	width:332px;
	}
#service div.block p, #service div.break p {
	font-size:100%;
}

#service dl dt {
	margin:0 0 8px 0;
	}

#service dl dd p {
	padding: 0 5px 14px 0;
	height:5em;
	text-indent:0;
	}

#service dl dd ul {
	list-style-type:none;
	}
#service dl dd ul li {
	margin:0 0 9px 0;
	}

#service dl dd ul li.break {
	margin:0;
	}

/* サービス下層
---------------------------------------------------------------------------------------*/
div#serviceLow p.break{
	padding-bottom:59px;
	}
div#serviceLow p span{
	padding:14px 0 14px 23px;
	display:block;
	text-indent:0;
	}

div#serviceLow img.aside_right {
	float:right;
	margin:0 5px 0 37px;
	display:inline;
	padding:0 0 23px 0;
	}

div#serviceLow img.aside_right_border {
	float:right;
	margin:0 15px 23px 50px;
	display:inline;
	border:1px solid #EEEEEE;
	}

div#serviceLow p.option{
	font-size:x-small;
	text-indent:-1em;
	padding:0 0 59px 1em;
	}

div#serviceLow img.chart {
	padding:0 0 18px 0;
	}
div#commentblock {
	width:672px;
	border: solid 1px #EFEFEF;
	margin: 0 0 23px 0;
	padding:13px 12px;
	}

div#commentblock div.catchcopy {
	clear:both;
	width:672px;
	}

div#commentblock div.catchcopy img.staff {
	float:right;
	display:inline;
	}

div#commentblock h4 {
	float:left;
	display:inline;
	}
div#commentblock h4.text {
	width:100%;
	float:none;
	font-weight:bold;
	color:#000;
}
div#commentblock p {
	font-size:small;
	clear:both;
	padding:14px 0 0 0;
	}

div#serviceLow p.graph{
	text-indent:0;
	text-align:center;
	padding:0 0 59px 0;
}
div#serviceLow p.graph img{
	margin:0 11px;
}
div#commentblock ul{
	width:100%;
	padding:14px 0 0 0;
}

div#commentblock ul.short{
	width:70%;
	padding:14px 0 0 0;
}
div#commentblock ul li{
	list-style:none;
	width:200px;
	float:left;
	line-height:1.6;
	padding:0 0 0 24px;
	background:url(../../service/planning/img/listPoint.gif) 9px 7px no-repeat;
}
div#commentblock ul li.last{
	width:400px;
}


/* アクセス
---------------------------------------------------------------------------------------*/
div#access{
	width:100%;
}
div#access p.graph {
	padding: 0 0 11px 0;
	}
div#access ul.btn {
	padding:0 0 23px 0;
	}
div#access ul.btn li {
	list-style:none;
	display:inline;
	text-indent:0;
	line-height:1;
	font-size:100%;
	padding:0 7px 0 0;
}
div#access dl {
	padding:0 5px 23px 0;
	line-height:1.4;
	}
div#access dl dt {
	font-weight:bold;
	color:#000000;
	font-size:14px;
	}
div#access dl dd {
	padding: 0 0 23px 0;
	}
body#newWindow{
	background:none;
}
body#newWindow div#contents{
	width:900px;
	margin:0 auto;
	padding:11px 0 0 0;
	text-align:left;
}
body#newWindow div#access p.graph {
	padding: 0 0 23px 0;
	}
body#newWindow div#contents dl.company{
	width:330px;
	float:left;
	display:inline;
}
body#newWindow div#contents dl.company dt {
	font-weight:bold;
	color:#000000;
	font-size:120%;
	}
body#newWindow div#contents dl.company dd {
	padding: 11px 0 23px 0;
	line-height:1.6;
	}
body#newWindow dl{
	width:400px;
	float:left;
	display:inline;
	padding:0;
}
body#newWindow dl dd {
	padding: 0 0 11px 0;
	color:#000000;
	}
body#newWindow div#access p.btn{
	text-align:right;
	list-style:none;
	text-indent:0;
	line-height:1;
	font-size:100%;
	padding:0 0 23px 0;
	margin:0;
}



/* サイトマップ
---------------------------------------------------------------------------------------*/
#sitemap {
}

#sitemap table {
	width:698px;
	margin:0 5px 23px 0;
	line-height:1.6;
	border-collapse:collapse;
}
#sitemap table a {
	text-decoration:none;
}
#sitemap table a:hover {
	text-decoration:underline;
}
#sitemap table th {
	background:url(../../sitemap/img/table_gray.gif) #EFEFEF top left no-repeat;
	width:176px;
	padding:8px 0;
	text-indent:14px;
	font-weight:bold;
	text-align:left;
	line-height:2;
	vertical-align:top;
}
#sitemap table.under th {
	width:auto;
}
#sitemap table th a {
	background:url(../../sitemap/img/arrow01.gif) no-repeat left center;
	padding:0 0 0 16px;
}
#sitemap table td {
	background:url(../../sitemap/img/table_border.gif) top left no-repeat;
	padding:8px 23px;
	line-height:2;
}
#sitemap table td ul {
	list-style:none;
}
#sitemap table td ul li {
	background:url(../../sitemap/img/arrow02.gif) 0 0.8em no-repeat;
	padding:0 0 0 9px;
}
#sitemap table td ul li ul {
	list-style:none;
	margin:4px 0 10px 0;
}
#sitemap table td ul li ul.break {
	margin:4px 0 0 0;
}
#sitemap table td ul li ul li {
	background:url(../../sitemap/img/arrow03.gif) left center no-repeat;
	font-size:x-small;
	margin:0 0 0 11px;
	padding:0 0 0 9px;
	line-height:1.8;
}
#sitemap table td.tableBottom {
	background:url(../../sitemap/img/table_border.gif) top no-repeat;
	padding:0;
	height:1px;
}



/* プライバシーポリシー・本サイトご利用上のご注意共通
---------------------------------------------------------------------------------------*/
div#privacy p.break,
div#guideline p.break{
	padding-bottom:59px;
}
div#privacy address{
	padding-bottom:59px;
}
div#privacy div#profile dt,
div#guideline div#profile dt{
	font-weight:bold;
	color:#000000;
}
div#privacy div#profile dd,
div#guideline div#profile dd{
	margin-bottom:0;
}


/* 制作事例
---------------------------------------------------------------------------------------*/
div#works h3.catch{
	margin-bottom:23px;
}
div#works p.option{
	font-size:x-small;
	text-indent:0;
	margin:0 0 44px 0;
	padding:0;
}

div#works p.former{
	margin:0 0 22px 0;
}
div#side h3{
	padding:0 0 14px 23px;
	margin:0;
}

div#side h3.works {
	border-bottom: solid 1px #000;
	margin:0 0 23px 0;
	padding:14px 0 23px 23px;
	}

div#side dl{
	padding:0 0 9px 23px;
}

div#side dl.works {
	padding:0 0 2px 0;
	margin:0 0 0 23px;
	background:url(../img/bg_line.gif) bottom repeat-x;
	border:none;
	}
	
div#side dt{
	padding:15px 0 14px 23px;
	background:url(../img/bg_line.gif) top repeat-x;
}

div#side dd{
	padding:0 0 0 37px;
}

div#side dd.wtorks {
	background:url(../img/bg_line.gif) bottom repeat-x;
}


div#side dd ul{
	width:100%;
}
div#side dd ul li {
	list-style:none;
	font-size:12px;
	background:#FFF url(../../works/img/side_navi_point.gif) 0 3px no-repeat;
	float:left;
	width:100%;
	padding:0 0 14px 0;
}
div#side dd ul li a{
	display:block;
	padding:0 0 0 13px;
	width:114px;

}
div#side dd ul li a:link,
div#side dd ul li a:visited{
	color:#555555;
	text-decoration:none;
}

div#side dd ul li a:hover {
	background:#000 url(../../works/img/side_navi_point_on.gif) 0 3px no-repeat;
	color:#FFF;
	text-decoration:none;
}
/* アクティブ表示 */
div#side dd ul li.active a{
	display:block;
	padding:0 0 0 13px;
	width:114px;
	background:#000 url(../../works/img/side_navi_point_on.gif) 0 3px no-repeat;
	color:#FFF;
	text-decoration:none;
}

div#side dd ul li.active a:visited {
	color:#FFF;
	}



div#works h3.sitename{
	font-size:18px;
	font-weight:bold;
	border-bottom:#000 1px solid;
	color:#000;
	padding:37px 0 7px 0;
}
div#works div.pager{
	width:100%;
	text-align:center;
	padding:15px 0 0 0;
}
div#works div.last{
	margin-bottom:23px;
}
div#works div.pager img{
	margin:0 9px 0 8px;
}
div#works div.pager img.preview{
	margin:0 26px 0 0;
}
div#works div.pager img.next{
	margin:0 0 0 25px;
}

div#works div.list{
	width:100%;
	padding:0 0 22px 0;
}


div#works div.break{
	padding:0 0 23px 0;
}

div#works div.other{
	padding:0 0 59px 0;
}

div#works div.list p.floatImg{
	padding:0 5px 0 0;
	float:right;
	display:inline;
	text-indent:0;
	margin:0;
	width:273px;
}

div#works div.list p.former {
	width:169px;
}

div#works div.list p.floatImg img{
	display:block;
	padding:1px;
	background:#FFF;
}

div#works div.list p.floatImg img.nolink{
	display:block;
	padding:3px;
	background:#D0C9D1;
}
div#works div.list p.floatImg a{
	padding:3px;
	background:#D0C9D1;
	display:block;
}
div#works div.list p.floatImg a:hover{
	background:#AAAAAA;
}
div#works div.list div.read{
	float:left;
	width:385px;
	display:inline;
}

div#works div.list div.former{
	width:492px;

}

div#works div.list div.read div.company{
	width:100%;
	padding:0 0 14px 0;
	background:url(../img/bg_line.gif) bottom repeat-x;
}
div#works div.list div.read div.company p{
	width:68px;
	float:right;
	display:inline;
	padding:0;
	margin:0;
	text-indent:0;
}
div#works div.list div.read div.company p img{
	display:block;
	margin:0;
	padding:0;
}
div#works div.list div.read div.company dl{
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:290px;
}
div#works div.list div.read div.company dl dt{
	float:left;
	width:38px;
	height:19px;
}
div#works div.list div.read div.company dl dt img{
	display:block;
}
div#works div.list div.read div.company dl dd{
	font-size:x-small;
	width:245px;
	float:left;
	height:19px;
}
div#works div.list div.read p.category{
	width:100%;
	padding:8px 0 10px 0;
	background:url(../img/bg_line.gif) bottom repeat-x;
	text-indent:0;
}
div#works div.list div.read p.category img{
	float:left;
	margin:0 5px 0 0;
}
div#works div.list div.read dl.summary{
	width:100%;
	padding:0;
	margin:0;
}
div#works div.list div.read dl.summary dt{
	text-indent:0;
	padding:22px 0 0 0;
	margin:0;
}
div#works div.list div.read dl.summary dd{
	line-height:1.4;
	padding:14px 0 0 0;
}

div#works div.list div.read dl.summary dd sub {
	font-size:80%;
	vertical-align:baseline;
	margin:0 2px;
	}

div#works div.otherresults {
	width:332px;
	float:left;
	margin:0 32px 0 0;
	padding:0 0 32px 0;
	display:inline;
	}

div#works div.otherresults h4 {
	font-weight:bold;
	color:#000;
	font-size:116%;
	}

div#works div.otherresults ul{
	padding:14px 0 0 0;
}
div#works div.otherresults ul li{
	list-style:none;
	line-height:1.6;
	padding:0 0 0 31px;
	background:url(../../service/planning/img/listPoint.gif) 14px 7px no-repeat;
}
div#works div.otherbreak {
	margin:0;
	}

/* ビジネスパートナーを求めています
---------------------------------------------------------------------------------------*/
#partner div.mainimage {
	clear:both;
	width:703px;
	}
#partner img.aside_left{
	padding:0 0 59px 0;
	float:left;
	display:inline;
	margin:0 37px 0 0;
	}

#partner div.mainimage p {
	text-indent:0;
	}

#partner div.block {
	width:332px;
	float:left;
	margin:0 34px 37px 0;
	}
#partner div.break {
	margin:0 0 37px 0;
	float:left;
	width:332px;
	}

#partner div.pagebreak {
	margin:0 34px 59px 0;
	}

#partner div.pagebreaklast{
	margin:0 0 59px 0;
	}

#partner div.block p, #partner div.break p {
	font-size:116%;
}

#partner dl dt {
	margin:0 0 23px 0;
	}

#partner dl dd p {
	padding: 0 5px 0 0;
	text-indent:0;
	}

#partner dl dd p.btn {
	padding:5px 0 0 0;
	text-align:right;
	line-height:1;
	}

#partner #profile {
	width:386px;
	border: solid 1px #EFEFEF;
	margin: 0 0 23px 315px;
	clear:both;
	}
#partner #profile dl {
	padding:13px;
	}
#partner #profile dl dt {
	margin: 0 0 8px 0;
	font-weight:bold;
	color:#000000;
	}
#partner #profile dl dd {
	margin: 0 0 5px 0;
	line-height:1.6;
	font-size:small;
	}

#partner #profile dl dd.comment {
	margin:0 0 14px 0;
	}


/* R&Dラボ
---------------------------------------------------------------------------------------*/
#labo p {
	padding: 0 5px 37px 0;
	width:383px;
	}

#labo img.aside_right {
	float:right;
	margin:0 5px 0 37px;
	display:inline;
	padding:0 0 23px 0;
	}

#labo address {
	width:383px;
	}

#labo p.pagetop {
	width:703px;
	}


/* サービスカタログ
---------------------------------------------------------------------------------------*/
#main02 {
	width:950px;
	}

/*ログイン画面*/
#login {
	width:386px;
	margin:0 auto;
	}
#login h2 {
	margin: 47px 0 23px 0;
	font-size:100%;
	}
#login p {
	text-indent:0;
	padding:0 0 14px 0;
	margin:0;
	font-size:small;
	}
#login p.small {
	text-indent:0;
	font-size:x-small;
	}
#login p#btnContact {
	text-align:right;
	padding:0 0 24px 0;
	}
#login #error p {
	font-weight:bold;
	color:#FF0000;
	}
#login #loginWrap {
	width:386px;
	height:219px;
	background:url(../../catalog/img/bg_login.gif) no-repeat 0 0;
	margin: 0 0 59px 0;
	}
#login #loginWrap dl {
	width:240px;
	padding:24px 0 0 76px;
	}
#login #loginWrap dl dt {
	width:51px;
	height:21px;
	padding:0 8px 14px 0;
	display:inline;
	float:left;
	text-align:right;
	}
#login #loginWrap dl dd {
	width:170px;
	height:21px;
	padding:0 0 14px 0;
	float:left;
	display:inline;
	line-height:21px;
	}
#login #loginWrap dl dd input {
	width:170px;
	margin:0;
	padding:4px 5px 5px 5px;
	line-height:12px;
	font-size:12px;
	background:url(../../catalog/img/bg_form.gif) no-repeat 0 0;
	border:none;
	}
#login #loginWrap p {
	padding: 0 0 13px 135px;
	text-align:left;
	font-size:small;
	clear:both;
	}
#login #loginWrap p.keep {
	line-height:1;
	}
#login #loginWrap p.keep input {
	width:12px;
	height:12px;
	border:none;
	padding:0;
	margin:0 5px 0 0;
	vertical-align:top;
	}
#login #loginWrap p.small {
	text-indent:0;
	font-size:x-small;
	padding:0;
	margin: 0 auto;
	width:340px;
	}









/*サービスカタログ*/
#catalog h2 {
	margin: 39px 0 38px 0;
	font-size:100%;
	}
#catalog #clientWrap {
	width:927px;
	padding: 0 0 59px 0;/*本来のh3のマージン分ひいてます*/
	margin:0;
	display:inline;
	float:left;
	}
#catalog #clientWrap h3 {
	width:500px;
	padding: 0 0 0 54px;
	margin:0;
	font-size:116%;
	font-weight:bold;
	line-height:1.4;
	color:#000000;
	background:url(../../catalog/img/img_welcome01.gif) no-repeat 0 center;
	float:left;
	display:inline;
	}
#catalog #clientWrap h3 span {
	padding: 0 30px 0 0;
	background:url(../../catalog/img/img_welcome02.gif) no-repeat right center;
	}
#catalog #clientWrap p#update {
	width:200px;
	font-size:small;
	float:right;
	display:inline;
	padding:0;
	margin:0;
	text-align:right;
	}
#catalog p.read {
	clear:both;
	text-indent:0;
	padding:0 0 23px 0;
	margin:0;
	text-indent:0;
	font-size:small;
	}

#catalog #noteWrap {
	margin: 0 0 58px 0;
	}
#main02 #catalog #noteWrap #noteContact  {
	width:338px;
	float:left;
	list-style:none;
	}
#main02 #catalog #noteWrap #noteContact li {
	list-style:none;
	}
#main02 #catalog #noteWrap #noteContact li img {
	padding:0 0 7px 0;
	}
#main02 #catalog #noteWrap #noteContact li.mail {
	background:url(../../catalog/img/img_mail.gif) no-repeat 0 bottom;
	padding: 5px 0 2px 40px;
	line-height:20px;
	color:#000000;
	}
#catalog #noteWrap ul#noteContact li.mail a {
	margin: 0 10px 0 0;
	font-weight:bold;
	font-size:larger;
	color:#000000;
	text-decoration:none;
	}
#catalog #noteWrap ul#noteContact li.mail a:hover {
	text-decoration:underline;
	}
#catalog #noteWrap #noteCoomment {
	width:570px;
	float:left;
	display:inline;
	list-style:none;
	}
#catalog #noteWrap #noteComment li {
	list-style:none;
	margin: 0 0 10px 0;
	line-height:1.4;
	}

#catalog #pagenavi {
	width:727px;
	padding: 0 0 0 200px;
	margin: 0 0 56px 0;
	background:#e1e1e1;
	}
#catalog #pagenavi li {
	display:inline;
	float:left;
	padding: 0 13px 0 0;
	}

#catalog .catalogWrap {
	width:899px;
	padding: 0 0 0 24px;
	display:inline;
	float:right;
	}
#catalog .catalogWrap h3 {
	margin: 0 0 23px 0;
	}
#catalog .catalogWrap h4 {
	margin: 0 0 23px 0;
	font-size:116%;
	font-weight:bold;
	color:#000000;
	clear:both;
	}
#catalog .catalogWrap .none {
	margin: 0 0 0 14px;
	}
#catalog .catalogInner {
	width:251px;
	height:400px;
	margin: 0 45px 0 14px;
	float:left;
	display:inline;
	vertical-align:top;
	}
	#catalog .catalogInner img {
		vertical-align:top;
		border: solid 3px #AAAAAA;
		margin: 0 0 14px 0;
		}
	#catalog .catalogInner img.new {
		vertical-align:top;
		border:none;
		margin:0;
		padding: 0.2em 0 0 12px;
		display:inline;
		}
	#catalog .catalogInner dl {
		}
	#catalog .catalogInner dl dt {
		color:#000000;
		font-size:116%;
		font-weight:bold;
		margin: 0 0 22px 0;
		background:url(../../catalog/img/line_dotte.gif) repeat-x 0 top;
		}
	#catalog .catalogInner dl dt span {
		display:block;
		padding:3px 0;
		background:url(../../catalog/img/line_dotte.gif) repeat-x 0 bottom;
		}
#catalog .catalogInner div.longWrap {
	width:245px;
	height:150px;
	text-align:center;
	vertical-align:top;
	border: solid 3px #AAAAAA;
	margin: 0 0 14px 0;
	overflow:auto;
	}
	#catalog .catalogInner div.longWrap img {
		vertical-align:top;
		border:none;
		margin:0 auto;
		}

#catalog .catalogInner dl dd {
	color:#000000;
	font-size:small;
	font-weight:bold;
	}
	#catalog .catalogInner dl dd p.gaiyo {
		background:url(../../catalog/img/cataloginfo_img01.gif) no-repeat 0 0;
		padding:18px 0 0 0;
		margin: 0 0 10px 0;
		text-indent:0;
		font-size:small;
		}
	#catalog .catalogInner dl dd p.syubetsu {
		background:url(../../catalog/img/cataloginfo_img04.gif) no-repeat 0 0;
		padding: 0 0 0 40px;
		margin: 0 0 10px 0;
		text-indent:0;
		line-height:14px;
		font-size:small;
		}
	#catalog .catalogInner dl dd p.nouki {
		background:url(../../catalog/img/cataloginfo_img02.gif) no-repeat 0 0;
		padding: 0 0 0 40px;
		margin: 0 0 10px 0;
		text-indent:0;
		line-height:14px;
		font-size:small;
		}
	#catalog .catalogInner dl dd p.yosan {
		background:url(../../catalog/img/cataloginfo_img03.gif) no-repeat 0 0;
		padding: 0 0 0 40px;
		text-indent:0;
		line-height:14px;
		font-size:small;
		}
	



/* お問い合わせ
---------------------------------------------------------------------------------------*/
/*お問い合わせトップ*/
#inquirytop h3 {
	clear:both;
	margin:0 0 23px 0;
	}
#inquirytop p {
	padding:20px 5px 0 0;
	line-height:1.4;
	text-indent:0;
}
#inquirytop h4 {
	padding:0 0 9px 0;
	}
#inquirytop p.mail {
	padding:0 5px 0 0;
	text-indent:0;
	line-height:1;
}
#inquirytop p.btn {
	padding:10px 0 57px 0;
	text-indent:0;
	}
#inquirytop img.phone {
	padding:2px 0 23px 0;
	}
#inquirytop div.block {
	width:332px;
	float:left;
	margin:0 34px 32px 0;
	}
#inquirytop div.break {
	margin:0 0 32px 0;
	float:left;
	width:332px;
	}
#inquirytop div.pagebreak {
	margin:0 34px 53px 0;
	}
#inquirytop div.pagebreaklast{
	margin:0 0 53px 0;
	}

#inquirytop dl dd p span {
	display:block;
	padding:20px 0 0 0;
	}



/*お問い合わせ種別*/
#inquiry dl dt {
	margin:0 0 7px 0;
	}
#inquiry dl dd p {
	padding: 0 5px 0 0;
	text-indent:0;
	}

#inquiry dl dd p span {
	display:block;
	padding:9px 0 0 0;
	}
#inquiry p.read {
	text-indent:0;
	font-size:100%;
	line-height:1.4;	
	}

#inquiry p.result {
	text-indent:0;
	padding:0 5px 5px 0;
	font-size:100%;
	line-height:1.4;
	}

#inquiry .red {
	color:#DA0000;
	font-weight:bold;
	}
#inquiry dl dt {
	font-weight:bold;
	color:#000000;
	}
#inquiry dl dd {
	padding:0 0 23px 0;
	}

#inquiry #inquiry01 {
	padding:36px 0 23px 0;
	}

#inquiry #inquiry02 {
	padding:36px 0 23px 0;
	}

#inquiry #inquiry03 {
	padding:36px 0 0 0;
	}

	
/*テーブル*/
#inquiry table {
	width:698px;
	margin:0 5px 59px 0;
	border-collapse:collapse;
}
#inquiry table.mgn23 {
	margin:0 5px 0 0;
	}

#inquiry table th{
	text-align:left;
	padding:9px 14px ;
	font-weight:bold;
	color:#000000;
	width:126px;
	background:url(../../inquiry/img/table_border.gif) top no-repeat;
	}
	
#inquiry table tr.gray td {
	background:url(../../inquiry/img/table_gray.gif) top left no-repeat;
}

#inquiry table tr.gray th {
	background:url(../../inquiry/img/table_gray.gif) top left no-repeat;
}

#inquiry table td {
	background:url(../../inquiry/img/table_border.gif) top left no-repeat;
	padding:9px 14px;
}

#inquiry table dl dt {
	font-weight:bold;
	color:#000000;
	line-height:1.2;
	}
#inquiry table dl dd {
	padding:0;
	line-height:1.2;
	}

#inquiry table dl dd select {
	margin:0 3px 0 0;
	padding:0;
	vertical-align:middle;
	}

#inquiry table dl dd input {
	margin:0 3px 0 0;
	vertical-align:middle;
	padding:1px;
	}
	
/*郵便番号*/
#inquiry table input.zip {
	margin:0 10px 0 0;
	}
/*当社をどこでお知りになりましたか？*/
#inquiry table select.know {
	margin:0 0 9px 0;
	}
/*「その他」をご選択のお客様は、当社をどこでお知りになりましたか？*/
#inquiry table input.other {
	margin:5px 0 0 0;
	}
/*当社をどこでお知りになりましたか？*/
#inquiry input.agree {
	margin:0 5px 0 0;
	}
/*上記個人情報の取り扱いに同意する*/
#inquiry p.agree {
	background:#D9D9D9;
	text-align:center;
	padding:0;
	line-height:1;
	font-size:100%;
	margin:0;
	padding:11px;
	}
/*確認ボタン*/
#inquiry div.formBtn {
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:59px 0 48px 0;
	}
/*セキュアシール*/
#inquiry #ssltxt {
	margin: 0 auto;
	padding:35px 0 37px 0;
	width:100%;
	border-top: solid 1px #E2E2E2;
}
#inquiry #ssltxt div {
	width:99px;
	float:right;
	margin: 0 5px 0 15px;
	display:inline;
	padding:10px 0 0 0;
}
/*プライバシーポリシーテキスト*/
#inquiry h4 {
	margin:0 0 9px 0;
	}
#inquiry div.privacyframe {
	width:666px;
	height:171px;
	margin:0 0 14px 0;
	border:1px solid #E1E1E1;
	overflow:auto;
	padding:35px 15px 5px 15px;
	}

#inquiry div.privacyframe p {
	font-size:100%;
	padding:0 0 23px 0;
	}

#inquiry div.privacyframe dl {
	font-size:100%;
	}

#inquiry div.privacyframe dl dt {
	font-weight:bold;
	color:#000000;
	margin:0 0 9px 0;
	}

#inquiry div.privacyframe dl dd {
	margin:0 0 32px 0;
	line-height:1.4;
	padding:0;
	}

#inquiry div.privacyframe address {
	text-align:right;
	line-height:1.6;
	margin:0 0 37px 0;
	}

/*確認画面*/
#inquiry dd.check {
	padding:0 0 59px 9px;
	}
#inquiry table dd.check {
	padding:0 0 0 9px;
	}
/*確認画面のボタン*/
#inquiry div.formBtn_check{
	width:436px;
	margin:0;
	height:25px;
	clear:both;
	padding:0 0 23px 0;
	}
/*戻る*/
#inquiry div.formBtn_check input.left {
	float:left;
	display:inline;
	}
/*送信する*/
#inquiry div.formBtn_check input.right {
	float:right;
	display:inline;
	}
	
/* 送信完了 (result.html)
---------------------------------------------------------------------------------------*/
#inquiry p.result {
	padding:0 0 23px 0;
	text-indent:0;
	}


/* エラー画面 (error.html)
---------------------------------------------------------------------------------------*/
/*エラーメッセージ*/
#inquiry div.error {
	width:670px;
	padding:11px;
	margin:0 0 59px 0;
	border:3px solid #E1E1E1;
	}

#inquiry div.error dl.error_message dt{
	margin:0;
	padding:0 0 2px 0;
	}

#inquiry div.error dl.error_message dd{
	margin:0;
	padding:9px 0 0 0;
	line-height:1;
	color:#DA0000;
	}

/*エラー箇所の背景が赤くなる*/
#inquiry table tr.error td {
	background:url(../../inquiry/img/table_red.gif) top left no-repeat;
}

#inquiry table tr.error th {
	background:url(../../inquiry/img/table_red.gif) top left no-repeat;
}

/*エラー箇所の背景が赤くなる（同意ボタン）*/
#inquiry p.error {
	background:#FFDCDC;
	}




/**/