@charset "UTF-8";

/** 
 * layout 部分
 * 
 */
body {
	font-size:90%;
	background-color:	#F3F2E8;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height : 1.5em;
}
div#container {
	width: 898px;
	margin:auto;
	padding:0px;
}
div#header {
	border: 1px solid #c6d1d5;
	color: #4D4A41;
	padding:0px;
	margin-bottom:7px;
	width: 898px;
	height:110px;
}
div#header #text {
	margin:5px 0px 5px 5px;
	padding: 25px 0px 17px 0px;
	width:800px;
	position:absolute;
	background-color:	white;
}
div#header #text p {
	font-size: 85%;
	margin:5px 0px 5px 20px;
	background-color:	white;
}
div#header #image {
	position:absolute;
	margin:5px 0px 5px 763px;
	padding-right:5px;
	background-color:white;
}
h1.title {
	color: #4D4A41;
	font-size: 130%;
	font-weight:bold;
	background-color:transparent;
	border: 0px;
	margin: 12px 0px 0px 20px;
}
/* タブメニュー */
div#navigator {
	margin-bottom: 7px;
	width: 898px;
	color: #4D4A41;
	border: 1px solid #c6d1d5;
	background-color:	#e3ecf3;
	clear:both;
	padding:5px 0px 5px 0px;
    font-size: 90%;
	position:relative;
}
div#main_navi ul {
	margin: 4px 0 2.5px 7px;
	padding-left: 10px; 
	list-style:none;
	line-height:1.5em; 
}
div#main_navi ul li {
	border: 1px solid #c6d1d5;
	padding:5px 0px 9px 0px;
	color:#725f24;
	display: inline;
}
#navigation li.active{
	background-color: #c6d1d5;
	border: 1px solid #c6d1d5;
	padding:5px 0px 9px 0px;
	color:#725f24;
}
div#navigator ul li a {
	color: #4D4A41;
	text-decoration:none;
	padding:5px 7px 9px 7px;
}
div#navigator ul li a:hover {
	color: #4D4A41;
	text-decoration:none;
	background-color: #c6d1d5;
	padding:5px 7px 9px 7px;
}
div#search_box {
	float:right;
	position:absolute;
	margin:-24px 0px 0px 640px;
}
/* コンテンツ部分 */
div#contents {
	width: 900px;
	height:auto;
    font-size: 90%;
    padding:0px;
	margin-bottom:20px;
}
div.crumbs {
	margin:3px 0px 10px 0px;
}
#left {
	border: 1px solid #c6d1d5;
	padding: 5px;
	float: left;
	height: auto;
	margin-bottom:10px;
	width: 645px;	
}
#left_mainarea {
	background-color:	white;
	color: #4D4A41;
	padding: 5px 5px 15px 11px;
	float: left;
	font-size: 12px;
	height: auto;
	width: 628px;
}
/* OSの不具合 */
#main_lv1 {
	border: 1px solid #c6d1d5;
	background-color:	white;
	padding:10px;
	color: #4D4A41;
	float: left;
	height: auto;
	margin-top:7px;
	width: 600px;
}
/* 動作に支障があるソフトウェア */
#main_lv2 {
	margin-top:20px;
	border: 1px solid #c6d1d5;
	background-color:	white;
	padding:10px;
	color: #4D4A41;
	float: left;
	height: auto;
	width: 600px;
}
/* 関連各社の対応状況 */
#main_lv3 {
	margin-top:20px;
	border: 1px solid #c6d1d5;
	background-color:	#F3F2E8;
	padding:10px;
	color: #4D4A41;
	float: left;
	height: auto;
	width: 600px;
}
/* その他の情報 */
#main_lv4 {
	margin-top:20px;
	border: 1px solid #c6d1d5;
	background-color:	white;
	padding:10px;
	color: #4D4A41;
	float: left;
	height: auto;
	width: 600px;
}
#main_lv1 p,#main_lv2 p,#main_lv3 p,#main_lv4 p {
	text-align:right;
	margin-right:5px;
	font-size: 12px;
} 
#right {
	padding:0px 0px;
	float: right;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 11px;
	height: auto;
	margin-bottom:10px;
	margin-left:10px;
	width: 230px;
	text-align: justify;
}
/* 右メニュー */
div#menubar {
	padding: 2px 1px;
	border: 1px solid #c6d1d5;
	float: right;
    background-color: white;
	width: 231px;
}
div#menubar h3 {
	margin-left:10px;
	color: #4D4A41;
}
div#menubar p {
	margin: 2px 13px 2px 10px;
	color: #4D4A41;
}
#tag_info {
	/*border: 1px solid #c6d1d5;*/
	margin: 10px 0px;
	padding: 5px 0px; 
}
#tag_info p {
	margin-bottom: 10px;
}
#tag_info span {
	margin: 5px;
	padding-left:5px;
}
div#menubar ul {
	margin: 1em 0 1em 1em;
	padding: 0; 
	list-style:none;
}
div#menubar ul li { 
	line-height:1.5em; 
}
.post {
	margin-left:5px;
	font-size:150%;
	line-height:1.2em; 
}
/* コメントクラウド */
div#right_box1 {
	margin-top:5px;
	padding: 1px;
	border: 1px solid #c6d1d5;
	float: right;
	width: 232px;
    background-color: white;
}

div#right_box_rss {
	margin-top:5px;
	padding: 1px;
	border: 1px solid #c6d1d5;
	float: right;
	width: 232px;
	background-color: white;
}
/* 広告 */
div#right_box2 {
	margin-top:7px;
	padding: 0px;
	float: right;
	width: 235px;
}
div#right_box3 {
	margin-top:7px;
	padding: 0px;
	float: right;
	width: 235px;
}
div#right_box4 {
	margin-top:7px;
	padding: 0px;
	float: right;
	width: 235px;
}
div#right_box5 {
	margin-top:7px;
	padding: 0px;
	float: right;
	width: 235px;
}
div#cloud {
	margin: 1em;
}
/* RSS表示 */
div#right_box_rss h3 {
	margin-left:10px;
	color: #4D4A41;
}
div#right_box_rss p {
	margin: 1em;
	color: #4D4A41;
}
div#right_box_rss ul {
	margin: 1em;
	padding: 0; 
	list-style:none;
}
div#right_box_rss ul li { 
	line-height:1.5em;
	margin:4px 0px 1px 0px;
}
div#right_box_rss div.rss_date {
	color: #4D4A41;
	text-align:right;
	margin-left:30px;
	font-size:9px;
}
div#footer {
	width:898px;
	margin-top:20px;
	border-top: 1px solid #aaa;
	font-size:70%;
	padding:0px;
    text-align: center;
	clear:both;
}
/***/


/**
 * テーブル全体で共通使用
 * 
 */  
td {
	color: #4D4A41;
	background-color: #F3F2E8;
	margin-left:2%;
	margin-right:2%;
	font-size:90%;
    line-height : 1.7em;
	padding: 5px 6px 5px 9px;
}
/***/


/**
 * software.ctp
 * system.ctp
 * index.ctp
 * other.ctp
 * search.ctp
 * 
 */
#main_table {
	margin-right: 4px;
}
.td_name {
	width: 90px;	
}
.td_description {
	width: 330px;
}
.td_tag {
	width: 60px;
	text-align:center;
}
.td_created {
	text-align:center;
	width: 80px;
}
.td_modified {
	text-align:center;
	width: 80px;
}
.td_link {
	text-align:center;
	width: 70px;
}
/* index.ctpのみ */
#company td {
	background-color: white;
}
.td_description_index_company {
	width: 450px;
}
/* software.ctpのみ */
.td_name_software {
	width: 110px;	
}
/* system.ctpのみ */
.td_name_system {
	width: 120px;	
}
.td_description_system {
	width: 300px;
}

/* other.ctpのみ */
.td_description_other {
	width: 450px;
}
/***/


/**
 * company.ctp
 *  
 */
.td_name_company {
	width: 100px;	
}
.td_description_company {
	width: 440px;
}
.td_modified_company {
	text-align:center;
	width: 80px;
}
/***/


/**
 * update.ctp
 *  
 */
.td_name_update {
	width: 100px;	
}
.td_description_update {
	width: 440px;
}
.td_modified_update {
	text-align:center;
	width: 80px;
}
/***/


/**
 * _view.ctp
 * 
 * software_view.ctp
 * system_view.ctp
 * 
 */
#view {
	width:600px;
	background-color:#F3F2E8;
	padding:12px;
}
span.view_title {
	font-size:17px;
	margin-right:10px;
}
span.view_modified {
	font-size:10px;
}
p.view_description {
	margin:15px 0px;
}
span.view_url {
	font-size:11px;
}
/* コメント部分テーブル */
.td_name_comment {
	width: 90px;	
}
.td_view_comment {
	text-align:left;
	width: 510px;
	padding: 5px 8px;
}
.comment p {
	margin:10px 0px 5px 0px;
}
/* コメント投稿フォーム部分 */
span.view_comment_created {
	font-size:10px;
}
#comment_area {
	border: 1px solid #c6d1d5;
	padding:5px 10px 10px 10px;
	width:600px;
}

/***/


/**
 * admin.ctp 管理画面
 * 
 */
.td_name_admin {
	width: 90px;
}
.td_description_admin {
	width: 160px;
}
.td_tag_admin {
	width: 100px;
	padding-left:3px;
	text-align:left;
}
.td_created_admin {
	text-align:center;
	width: 85px;
}
.td_modified_admin {
	text-align:center;
	width: 85px;
}
.td_link_admin {
	text-align:center;
	width: 40px;
}
.td_name_update_admin {
	width: 80px;
}
.td_description_update_admin {
	width: 230px;
}
.td_name_company_admin {
	width: 80px;
}
.td_description_company_admin {
	width: 230px;
}
.td_name_comment_admin {
	width: 80px;
}
.td_description_comment_admin {
	width: 370px;
}
/***/


/**
 * _edit.ctp
 * 
 * system_edit.ctp
 * software_edit.ctp
 * 
 */
.td_name_edit {
	width: 90px;
}
.td_description_edit {
	width: 310px;
}
.td_created_detail_edit {
	text-align:center;
	width: 120px;
}
.td_link_edit {
	text-align:center;
	width: 40px;
}
/***/


/**
 * フォーム
 * 
 * 
 */
input.button {
	border: 1px solid #cccccc;
	color:	#4D4A41;
	height: 2em;
	width: 4em;
	cursor: pointer;
}
input.button:hover {
	border: 1px solid #4D4A41;
	cursor: pointer;
}
input.text {
	border: 1px solid #cccccc;
	color:	#4D4A41;
	padding: 1px;
	margin: 10px 0px;
	font: inherit;
	height: 1.65em;
	vertical-align: middle;
}
input.button_in_navi {
	border: 1px solid #cccccc;
	color:	#4D4A41;
	height: 2.1em;
	width: 4em;
	cursor: pointer;
	margin:0;
	vertical-align: middle;
}
input.button_in_navi:hover {
	border: 1px solid #4D4A41;
	cursor: pointer;
	margin:0;
}
#navigator input.text_in_navi {
	margin-left:25px;
	border: 1px solid #cccccc;
	color:	#c6c6c6;
	padding: 1px 1px 1px 5px;
	font: inherit;
	height: 1.65em;
	vertical-align: middle;
}
#navigator input.text_in_navi:focus, #navigator input.text_in_navi.focused {
	border: 1px solid #cccccc;
	color: #333;
}
textarea {
	border: 1px solid #cccccc;
	color:	#4D4A41;
	padding: 1px;
	margin: 10px 0px;
	font: inherit;
	height: 7em;
	vertical-align: middle;
}
select {
	border: 1px solid #cccccc;
	color:	#4D4A41;
	padding: 1px;
	margin: 10px 0px;
	vertical-align: middle;
}
.require{
	color:/*#c6d1d5*/#0080ff;/*#725f24*/;
}
.error_message {
	color:red;
}
.confirm_message {
	color:	#4D4A41;
	font-size: 14px;
	font-weight:bold;
}
.mark_confirm {
	/*border: 1px solid #cccccc;*/
	padding: 1px 15px;
	width:150px;
	margin: 5px 0px 7px 0px;
}
.text_confirm {
	/*border: 1px solid #cccccc;*/
	padding: 1px 15px;
	width:350px;
	margin: 5px 0px 7px 0px;
}


/***/


/**
 * complete.ctp
 * 
 */
ul.next {
	margin: 0 0 0 2em;
	padding: 0; 
	list-style:none;
}
/***/


/** 
 * pagenation部分
 * 
 */
.page_numbers {
	margin-left:10px;
}
/***/


/**
 * その他共通部分
 * 
 * 
 */
pre, dl, ol, p, blockquote {
	line-height:130%;
}
blockquote {
	margin-left:32px;
}
a:link, a:visited, a:active {
	color: #725f24;
	background-color:inherit;
	text-decoration:none;
}
a:hover {
	color:#215dc6;
	text-decoration:underline;
}
h1, h2 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	border:0px;
	margin:0px 0px .5em 0em;
}
h3 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	border-left:   10px solid #c6d1d5;
	padding-left:.5em; 
}
h4 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	border-left:   18px solid #878A7E;
	background-color:#FFFFFF;
	padding:.3em;
	margin:0px 0px .5em 0px;
}
pre {
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	white-space:pre;
	color:black;
	background-color:#F0F8FF;
}
img {
	border:none;
	vertical-align:middle;
}
ul {
	margin-top:.5em;
	margin-bottom:.5em;
	line-height:130%;
}
/***/