/*
Theme Name:verifirm200704
Theme URI:http://www.verifirm.jp/
Description:verifirm公式ウェブ２００７年４月版
Author:Kazuhide Takahashi
*/
@charset "utf-8";

/*
   ==========================================================================
   === 全体部分の定義                                                     ===
   ==========================================================================
*/

* {
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	padding: 0;
}

body {
/*	font: 90%/175% Osaka, Verdana, sans-serif; */
	font: 90%/175% sans-serif; 
	background: white;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: blue;
}
a:hover {
	text-decoration: none;
	background-color: black;
	color: white;
}

.clear {
	clear: both;
	margin: 0;
}

h1 {
	margin: 0;
}

.head1 {
	width: 45px;
	text-align: right;
}
.head2 {
	padding-left: 9px;
}


#rap {
	background: #ffffff;
	width: 800px;
	text-align: left;
	border: 1px solid black;
}

/*
   ==========================================================================
   === 上方ヘッダー部分の定義                                             ===
   ==========================================================================
*/


/* ---------- 最上部メッセージ欄 ---------- */
#top-message {
	margin: 0;
	padding: 0;
	width: 800px;
}
.seo1 {
	margin: 0;
	padding: 0;
	width: 500px;
	font-size: 12px;
	text-align: left;
	float: left;
}
.seo2 {
	margin: 0;
	padding: 0;
	width: 300px;
	font-size: 12px;
	text-align: right;
	float: right;
}
.seo3 {
	margin: 0;
	padding: 0;
	width: 800px;
	font-size: 12px;
	text-align: left;
}


/* ---------- ヘッダー部分のスタイル ---------- */
#header {
/*	background: url(images/title_sp_002.png) no-repeat; */
	width: 800px;
/*	height: 170px; */
	margin: 0;
	padding: 0;
	text-align: left;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}

/* ---------- ＴＯＰ用クイックナビメニュー ---------- */
#quick-navi {
	background-color: olive;
	width: 800px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: none;
	color: white;
}
#quick-navi ul {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
#quick-navi ul li {
	margin: 0;
	width: 90px;
	padding-left: 10px;
	font-size: 12px;
	float: left;
}

/* ---------- トップページ用 追加ヘッダ部分 ---------- */
#top-content {
	background-color: #ffffff;
	width: 800px;
	padding: 0px:
	margin: 0px;
}

/* ---------- プレスリリース リスト ---------- */
#presslist {
	background-color: #f0f0fd;
	width: 530px;
	height: 120px;
	margin: 10px;
	padding: 0px;
	border: solid 3px #7070ff;
	color: black;
	float: left;
}
#presslist p {
	margin: 0px;
	padding: 5px;
	background-color: #7070ff;
	font-size: 14px;
	font-weight: bold;
	color: white;
	vertical-align: middle;
}
#presslist ul {
	list-style-image: url(images/tama_01.gif);
	list-style-position: inside;
	vertical-align: middle;
	margin: 0;
	padding: 10px;
}
#presslist ul li {
	padding-left: 5px;
}
.press-date {
	padding-left: 5px;
	font-size: 12px;
}
.press-title {
	margin-left: 20px;
	font-size: 10px;
}

/* ---------- お問い合わせ先ボックス ---------- */
#contact-box {
	background-color: white;
	width: 210px;
	height: 120px;
	margin: 10px;
	padding: 0px;
	border: solid 3px #7070ff;
	color: black;
	float: right;
}
#contact-box p {
	margin: 0px;
	padding: 5px;
	background-color: #7070ff;
	font-size: 14px;
	font-weight: bold;
	color: white;
	vertical-align: middle;
}
#contact-box table {
	margin: 0px;
	padding: 0px;
}
#contact-box table tr {
	margin: 0px;
	padding: 0px;
}
#contact-box table tr td {
	margin: 0px;
	padding: 0px;
}
#contact-box table tr td span {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: black;
	vertical-align: middle;
}

/*
#contact-box dl dt {
	margin: 0;
	padding: 0;
	font-size: 10px;
	float: left;
}
#contact-box dl dd {
	margin: 0;
	padding: 0;
	font-size: 10px;
	float: right;
}
*/




/* 
   ==========================================================================
   === サイドバーとコンテンツ部分のスタイル                               ===
   ==========================================================================
*/

#content {
	background-color: #ffffff;
	width: 545px;
	float: left;
	padding: 5px:
	margin: 5px;
	font-size: 10px;
}

/*

#content h2 {
	vertical-align: top;
	margin: 10px 10px 15px;
	background: black url(images/bg-bar.gif) right no-repeat;
	border-left: 0.5em solid red;
	font-size: 16px;
	color: white;
}

#content h3	{
	vertical-align: top;
	margin: 10px 10px 15px ;
	background: black;
	border-left: 0.5em solid red;
	font-size: 16px;
	color: white;
}

#content p {
	margin: 5px 20px 20px 10px;
	line-height: 150%;
	font-size: 0.8em;
	color: #555555;
}

#content ul {
	font-size: 0.8em;
	color: #555555;
}

#content #message {
	margin-top: 10;
	font-weight: bold;
	color: #ab7435;
}

*/


/* ---------- FLOWコンテンツボックス(フォーム用) ---------- */
.flow-box {
	background-color: white;
	width: 530px;
	margin: 10px;
	padding: 0px;
	border: double 3px black;
}
.flow-box div {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.flow-box div p {
	width: 200px;
	margin-left: 40px;
	font-size: 14px;
	color: black;
	vertical-align: middle;
}
.flow-box div input {
	margin-left: 100px;
	font-size: 14px;
	color: black;
	vertical-align: middle;
}
.flow-box div textarea {
	margin-left: 100px;
	font-size: 14px;
	color: black;
	vertical-align: middle;
}
.flow-box div span {
	margin-left: 40px;
	font-size: 14px;
	color: black;
	vertical-align: middle;
}
.align-right {
	margin-right: 10px;
	text-align: right;
}
.align-center {
	text-align: center;
}
.red {
	color: red;
}
.form-submit input {
	margin: 5px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: silver;
	border: 2px solid black;
	float: right;
}


/* ---------- singleコンテンツボックス ---------- */
.single-box {
	background-color: white;
	width: 530px;
	margin: 10px;
	padding: 0px;
	border: solid 0px white;
}

.single-box h2 {
	width: 518px;
	margin: 10px;
	padding: 0px;
	padding-left: 10px;
	border: solid 1px black;
	background-color: silver;
	color: white;
	font-size: 16px;
}
.single-box p {
	width: 518px;
	margin: 10px;
	padding: 0px;
	padding-left: 10px;
	border: solid 0px white;
	background-color: white;
	color: black;
	font-size: 12px;
}




/* ---------- コンテンツボックス ---------- */
.top-box {
	background-color: #000030;
	width: 530px;
	margin: 10px;
	padding: 0px;
	border: solid 3px #000030;
}
.top-box-head {
	background-color: #000030;
	margin: 2px;
	padding: 0px;
	color: white;
}
.top-box-main {
	background-color: #f0f0fd;
	margin: 2px;
	padding: 2px;
	color: black;
}
.top-box h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}
.top-box-main h3 {
	margin-left: 10px;
	padding: 0;
	font-size: 12px;
	color: black;
	vertical-align: middle;
}
.top-box-main p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: black;
	vertical-align: middle;
}
.top-box-main ul {
	list-style-image: url(images/tama_05.gif);
	list-style-position: inside;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.top-box-main ul li {
	padding-left: 5px;
	vertical-align: middle;
}
.top-box-main ul li span{
	padding-left: 10px;
	color: black;
}

/* ---------- PAGEボックス ---------- */
.page-box {
	background-color: #000030;
	width: 530px;
	margin: 4px;
	padding: 3px;
	border: solid 3px #000030;
}
.page-box-head {
	background-color: #000030;
	margin: 2px;
	padding: 0px;
	color: white;
}
.page-box-main {
	background-color: #f0f0fd;
	margin: 2px;
	padding: 2px;
	color: black;
}
.page-box h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}
.page-box h3 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: black;
	vertical-align: middle;
}
.page-box p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: black;
	vertical-align: middle;
}
.page-box ul {
	list-style-image: url(images/tama_05.gif);
	list-style-position: inside;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.page-box ul li {
	padding-left: 5px;
	vertical-align: middle;
}
.page-box ul li span{
	padding-left: 10px;
	color: black;
}

/* --- PAGEボックスのフッタ部分 --- */
.page-box-footer {
	margin: 0;
	padding: 0;
	width: 540px;
}
.page-box-footer p {
	margin: 0;
	padding: 0;
	color: black;
}
.page-box-footer-left {
	margin: 0;
	padding: 0;
	width 50px;
	padding-left: 10px;
	text-align: left;
	float: left;
}
.page-box-footer-center {
	margin: 0;
	padding: 0;
	padding-left: 440px;
	padding-right: 10px;
	text-align: center;
}
.page-box-footer-right {
	margin: 0;
	padding: 0;
	width 50px;
	padding-right: 10px;
	text-align: right;
	float: right;
}
.page-box-footer-message-right {
	width 1px;
	padding-right: 10px;
	text-align: right;
	clear: both;
}
.page-box-footer-message-left {
	width 540px;
	padding-right: 10px;
	text-align: left;
	clear: both;
}

/* 
   ==========================================================================
   === サイドバー部分のスタイル                                           ===
   ==========================================================================
*/

#sidebar {
	width: 210px;
	margin: 10px;
	padding: 0px;
	border: solid 3px #7070ff;
	vertical-align: middle;
	background-color: #f0f0fd;
	float: right;
}

#sidebar a {
	text-decoration: none;
}
#sidebar a:hover {
	background-color: #444444;
}

#sidebar ul li {
	margin-left: 10px;
	list-style-position: inside;
	list-style-image: url(images/cl_002.gif);
	vertical-align: middle;
}
#sidebar ul li a {
	font-size: 10px;
	margin-left: 10px;
	vertical-align: middle;
	text-decoration: none;
}
#sidebar ul li a:hover {
	margin-left: 10px;
	vertical-align: middle;
	background-color: #444444;
}

/*
#sidebar h2 {
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: white;
}
#sidebar h2 span {
	padding-left: 10px;
}
*/

.navi-head {
	background-color: #7070ff;
}
.navi-head p {
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.children li {
	margin-left: 20px;
	list-style-position: inside;
	list-style-image: url(images/cl_003.gif);
}

/* ---------- サイドメニュー個別アイテムの定義 ---------- */

.item-navi {
	padding-left: 5px;
	border-bottom: 2px solid #7070ff;
	color: black;
}
.item-navi h3 {
}
.item-navi h3 span {
	font-size: 10px;
	vertical-align: middle;
}
.item-navi h3 a , p {
	margin-left: 10px;
	font-size: 10px;
	vertical-align: middle;
}
.item-top {
	border-top: 2px solid #7070ff;
}
.item-last {
	border-bottom: 0px solid #7070ff;
}
.item-child {
	padding-left: 20px;
}

/* ========== フッター部分のスタイル ========== */
#footer {
	width: 800px;
	height: 70px;
	margin: 0;
	padding: 0;
	color: white;
	background-color: olive;
}
#footer p {
	margin: 0;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	color: white;
}
.copyright-sign {
	padding-left: 10px;
	float: left;
}
.designed-sign {
	padding-right: 10px;
/*	text-align: right; */
	float: right;
}

/* ========== その他 ========== */

.left10 {
	margin-left: 10px;
}
.left20 {
	margin-left: 20px;
}
.right10 {
	margin-left: 10px;
}
.right20 {
	margin-left: 20px;
}

.side	{width:180px;
	 background-color:#32d4a9}

.side	{vertical-align:top;
	 padding:0px}

.side div	{font-size:12px;
	 font-weight:bold;
	 border-bottom:solid 1px white;
	 padding-top:8px;
	 padding-bottom:8px;
	 padding-left:12px;
	 padding-right:0px}

.side a	{color:#444444;
	 text-decoration:none}
.side a:hover	{color:white}

.sidemenu1	{margin-top:20px;
	 border-top:solid 1px white}


/* === コンテンツ部分のスタイル === */

.main	{width:618px;
	 padding-left:20px;
	 padding-right:5px;
	 padding-top:25px;
	 padding-bottom:20px;
	 vertical-align:top}

.main h1	{font-size:18px;
	 font-family:serif;font-wight:bold; color:#006fc0;}

.main h1 img	{vertical-align:top;
	 margin-right:8px}

.main h2	{
vertical-align:top;
background:black url(bg-bar.gif) right no-repeat;
border-left:0.5em solid red;
	 font-size:16px;
	 color:white;
	 padding:5px 6px 3px
text-align:top;
}

.main p	{font-size:14px;
	 line-height:125%;
	 color:#555555;
margin-left:2em;
}
.main h4 {font-size:16px;
line-height:100%;
color:#666666;
}



.main h5 {font-size:14px;
line-height:100%;
color:#666666;
}


.photo td	{vertical-align:bottom;
	 font-size:12px;
	 padding:0px}
.photo img	{margin-right:3px;}

.link	{width:100%;
	 margin-top:40px;
	 font-size:smaller;
         color:#666666;}

.link1	{text-align:left}
.link2	{text-align:center}
.link3	{text-align:right}

/* ---------- プラグイン「phphlstring」用の定義 ---------- */

/*
ハイライトする色の指定
*/
.hl-surround{
    -moz-border-radius: 5px;
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    padding: 8px;
    margin-bottom: 5px;
    width: 400px;
    overflow: auto;
    text-align: left;
}

.hl-surround, .hl-surround pre, .hl-surround span{
	font: normal 9pt 'Courier New', monospace;
}

.hl-default{
	color: Black;
}
.hl-code{
	color: Gray;
}
.hl-brackets{
	color: Olive;
}
.hl-comment{
	color: #ffa500;
}
.hl-quotes{
	color: #8b0000;
}
.hl-string{
	color: Red;
}
.hl-identifier{
	color: Blue;
}
.hl-builtin{
	color: Teal;
}
.hl-reserved{
	color: Green;
}
.hl-inlinedoc{
	color: Blue;
}
.hl-var{
	color: #00008b;
}
.hl-url{
	color: Blue;
}
.hl-special{
	color: Navy;
}
.hl-number{
	color: Maroon;
}
.hl-inlinetags{
	color: Blue;
}
.hl-main{
	background-color: transparent;
}

.hl-main pre{
	margin: 0; padding: 0;
}