* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	background: #f2f2f2;
}

img {
	border: none;
}

a {
	color: #b42626;
	text-decoration: none;
}

br.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
}

#top {
	position: fixed;
	right: 16px;
	bottom: 16px;
	width: 32px;
	height: 32px;
	border: none;
}

/* adobe
----------------------------------------------------------------------*/

#adobe {
	position: absolute;
	top: 5px;
	left: 902px;
}


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

#header {
	background: url("/static/images/bg_header.png") repeat-x;
	height: 57px;
}

h1 {
	position: absolute;
	top: 17px;
	left: 48px;
}



/* menu
----------------------------------------------------------------------*/

#menu {
	background: url("/static/images/bg_menu.png") repeat-x;
	height: 38px;
	padding: 0 0 0 50px;
}

#menu p {
	color: #fff;
	font-size: 12px;
	padding: 10px 0 0 8px;
}

#menu p a {
	color: #fff;
}

#menu p a:hover {
	text-decoration: underline;
}


/* main
----------------------------------------------------------------------*/

#main {
	margin: 20px 0 0 55px;
	float: left;
	width: 660px;
}

#catch {
	width: 660px;
}

#catch p {
	font-size: 12px;
	line-height: 180%;
	margin: 15px 5px 5px 5px;
}

img.catch {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	border:1px solid #ccc;
}

p#intro {
	margin: 20px 0 0 0;
	padding: 15px;
	font-size: 12px;
	line-height: 180%;
	border: 1px solid #cacaca;
	background:#fff;
}

p#intro a {
	color: #c00;
	text-decoration: underline;
}

table {
	margin: 28px 0 0 0;
}

table td.left,
table td.center,
table td.right {
	width: 230px;
	vertical-align:top;
	padding: 0 0 20px 0;
}

table td.moreright {
	width: 200px;
	vertical-align:top;
}

.box {
	width: 200px;
	min-height: 430px;
	border: 1px solid #cacaca;
	background:#fff;
}

.box h3.client {
	font-size: 11px;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 3px 15px;
	background: #f1f1f1;
}

.box .topimg {
	width: 200px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
	background: #fff;
}

.box .topimg img {
	width: 120px;
}

.box img {
	border-bottom: 1px solid #cacaca;
}

td.left .box,
td.center .box {
	margin: 0 20px 0 0;
}

td.right .box {
	margin: 0;
}

.box h2 {
	font-size: 12px;
	line-height: 160%;
	padding: 15px 15px 0 15px;
}

.box p {
	font-size: 12px;
	line-height: 160%;
	padding: 5px 15px 15px 15px;
}

.box p.pdf {
	margin: 0 0 0 17px;
	font-size: 11px;
	background: url("/static/images/icon_pdf.png") no-repeat 0px 0px;
	padding: 0 0 20px 17px;
}

td p.pdf {
	margin: 5px 0 0 0;
	font-size: 11px;
	background: url("/static/images/icon_pdf.png") no-repeat 0px 0px;
	padding: 0 0 0 17px;
}

/* side
----------------------------------------------------------------------*/

#side {
	width: 200px;
	background: #fefefe;
	border: 1px solid #cacaca;
	position: absolute;
	top: 115px;
	left: 745px;
}

#index #side,
#indexlist #side {
	background: none;
	border:none;
}

#permalink #side {
	background: #fefefe;
	border: 1px solid #cacaca;
}

#side .contents {
	background: #fefefe;
	border: 1px solid #cacaca;
	margin-top: 21px;
}


body#permalink #side {
	border-bottom: none;
}

#side #link {
	padding: 5px 0;
}

#side #link ul {
	list-style: none;
	padding:0 0 10px 15px;
	font-size: 12px;
}

#side #link ul li {
	padding: 0 10px 0 22px;
	margin: 10px 0 0 0;
}


#side #link ul li.feed {
	background:url("http://adobe-ria.jp/static/images/icon_feed.png") no-repeat;
}

#side #link ul li.link {
	background:url("http://adobe-ria.jp/static/images/icon_link.png") no-repeat;
}

#index #side h3 {
	margin: 10px 0 0 0;
	background: #f4f4f4;
	font-size: 12px;
	padding: 5px 15px;
	border-top: 1px dotted #cacaca;
	border-bottom: 1px dotted #cacaca;
}

.sidebox {
	padding: 15px;
}

.sidebox h4 {
	font-size: 11px;
	background: #fcf7d2;
}

.sidebox p {
	font-size:11px;
	margin-top:5px;
	line-height:160%;
}

.sidebox a {
	color:#111;
}

#side #category {
	margin: 0 0 20px 0;
}

#side #category h3 {
	font-size: 14px;
	margin: 15px 0 0 15px;
}


#side #category ul {
	list-style-type: none;
	margin: 13px;
}

#side #category ul li {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 160%;
}

#side #category ul li a {
	display: block;
	padding: 2px;
}

#side #category ul li a:hover {
	background-color: #be2727;
	color: #fff;
}

/* text
----------------------------------------------------------------------*/

#text {
	width: 877px;
	margin: 20px 0 0 55px;
	font-size: 14px;
	line-height: 180%;
	padding: 0 5px;
}


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

#footer {
	clear: both;
	margin: 50px 0 0 0;
	padding: 30px 0 30px 55px;
	background: #fff;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	font-size: 12px;
	line-height: 160%;
}

/* permalink
----------------------------------------------------------------------*/

#pankuzu {
	clear: both;
	margin: 20px 0 0 60px;
	font-size: 12px;
}

body#permalink #main {
	border: 1px solid #cacaca;
	background: #fff;
	padding-bottom: 40px;
}

body#permalink #main h2 {
	padding: 20px 20px 0 20px;
	font-size: 24px;
}

body#permalink #main h3 {
	padding: 20px 20px 0 20px;
	font-size: 14px;
	line-height:160%;
}

body#permalink #main h4 {
	margin: 15px 20px 0 20px;
	padding: 20px 0 10px 0;
	font-size: 14px;
	border-bottom: 2px solid #f1f1f1;
}

body#permalink #main p {
	padding: 1em 20px 0 20px;
	font-size: 12px;
	line-height: 180%;
}

body#permalink #main p img {
	max-width: 620px;
}

body#permalink #main div.img {
	padding: 1em 20px 0 20px;

}

body#permalink #main div.side {
	padding: 1em 20px 0 20px;
}

/* side */

body#permalink #side div.img {
	margin: 15px 0 15px 0;
	text-align: center;
}

body#permalink #side div.img {
	margin: 15px 0 15px 0;
	text-align: center;
}

body#permalink #side div.top {

}

body#permalink #side div.section {
	padding: 15px;
	border-bottom: 1px solid #ccc;
}

body#permalink #side h3 {
	font-size: 11px;
	line-height: 160%;
}


body#permalink #side p {
	font-size: 11px;
	line-height: 160%;
}

body#permalink #side p.companydata {
	padding: 15px;
}

body#permalink #side div.pdf {
	background: #feeaea;
	border-bottom: 1px solid #ccc;
	padding: 0 auto;
}


body#permalink #side  p.pdf {
	font-size: 11px;
	background: url("/static/images/icon_pdf.png") no-repeat 0px 0px;
	padding: 0 0 0 17px;
}


/* pager */

#pager {
	margin: 30px 0 0 0;
	text-align: center;
	font-size: 14px;
	
}

#pager span.nextprev {
	color: #666;
}

#pager a {
	background: #ccc;
	padding: 5px;
	color: #fff;
}

#pager a:hover {
	background: #111;
}

#pager .current {
	background: #111;
	padding: 5px;
	color: #fff;
}


/* topimg
----------------------------------------------------------------------*/

div#topimg div#toptext{
	position: absolute;
	width: 420px;
	background: #111;
	opacity: 0.8;
	margin: -135px 0 0 240px;
}

div#toptext h2 {
	color: #fff;
	font-size: 20px;
	margin: 10px 15px 5px 15px;
	text-shadow: 1px 1px 3px #000;
}

div#toptext p {
	color: #fff;
	font-size: 14px;
	line-height: 160%;
	margin: 0 15px 10px 15px;
	text-shadow: 1px 1px 3px #000;
}


/* sort
----------------------------------------------------------------------*/

div#sort {
	width: 887px;
	margin: 20px 0 0 55px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 12px;
}

div#sort table {
	margin: 10px;
	width: 867px;
}

div#sortform {
	width: 867px;
	margin: 0 0 0 10px;
	border-top: 1px solid #ccc;
}

div#sortform table {
	width: 847px;
}

div#sortform table th {
	text-align: left;
	padding: 5px 0;

}

div#sortform table td {
	vertical-align: top;
	line-height: 160%;

}

div#sortform div.button {
	text-align: center;
	margin: 0 0 20px 0;
}

input.button {
	background: none repeat scroll 0 0 #111111;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px 10px;
}

div#opensort, div#closesort {
	font-weight: bold;
}

span.current {

}

div.noresult {
	margin: 20px 0 0 0;
	text-align: center;
	border: 2px solid #FFC1C1;
	font-size: 12px;
	padding: 10px 0;
	background: #FFF2F2;
	color: #B42626;
	font-weight: bold;
}

/* list
----------------------------------------------------------------------*/

div#list {
	width: 887px;
	margin: 0 0 0 55px;
	padding: 0;
}


body#indexlist div#list table th {
	background: #111;
	color:#fff;
	font-size: 12px;
	padding: 10px;
	border-right: 1px solid #f2f2f2;
}

body#indexlist div#list table td{
	font-size: 12px;
	line-height: 160%;
	background: #fff;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

body#indexlist div#list table td.company_name{
	width: 140px;
	border-left: 1px solid #ccc;
	text-align: center;
}


body#indexlist div#list table td.company_name img {
	width: 120px;
}

body#indexlist div#list table td.company_type,
body#indexlist div#list table td.solution_category {
	width: 100px;
	text-align: center;
}

body#indexlist div#list table td.solution_description {
	padding: 5px 10px;
}



body#indexlist div#list table td.solution_platform,
body#indexlist div#list table td.solution_field,
body#indexlist div#list table td.company_developer {
	width: 100px;
}

body#indexlist div#list table td.solution_field {
	width: 200px;
	
}

body#indexlist div#list table td ul {
	margin: 0 0 0 15px;
	padding:0;
}