@charset "utf-8";
/*==========================================================

Phiria base Style Sheet
1.common contents
2.inquiry_dコンテンツ

===========================================================*/

/*==========================================================

1.common contents

===========================================================*/

/*コンテンツ部分ブロック*/
/*ヘッダ、メニュー、フッタ以外はコンテンツブロックの配下*/
#wrapper div#contents {
	width: 780px;
}

/*左側コンテンツブロック*/
#wrapper div#contents div#left {
	float: left;
	width: 518px;
	min-height:1100px;
}

/*左側コンテンツパディング統一*/
#wrapper #left #icontents{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:15px;
	
}


/*右側コンテンツブロック*/
#wrapper div#contents div#right {
	float: right;
	width: 262px;
	height: auto;
	background-color: #EDEDEC;
}



/*==========================================================

2.ginmi_詳細コンテンツ

===========================================================*/
/*===========左側コンテンツ===============*/

#wrapper #left #contents #bar{
	height: 31px;
}

#wrapper #left #ctable{
	width:500px;
	padding:9px;
}

#wrapper #left #ccomment{
	width:500px;
}

#wrapper #left #interview{
	padding-left:25px;
	padding-right:25px;
}

#wrapper #left #interview #question{
	
}

#wrapper #left #interview #movie{
	width:416px;
	height:235px;
	margin-right:auto;
	margin-left:auto;
	margin-top: 5px;
	margin-bottom: 10px;
}


#wrapper #left #comment{
	width:500px;
	padding:9px;
}

#scene{
	width:480px;
	list-style-type: none;
	padding: 19px;
}

#wrapper #left #scene h3{
	font-size: small;
	font-weight: bold;
}

#wrapper #left #ptable{
	padding: 15px;
}


/*===========右側コンテンツ===============*/

#title_interview {
	height: auto;
	width: 260px;
	padding-left: 2px;
}

.prof{
	width:256px;
	font-size: x-small;
	padding:3px;
	margin-bottom:10px;
	height: auto;
}

#p1{
	float:left;
	width:150px;
	padding:10px;
	height: auto;
	font-weight: bold;
	color: #1D4773;
}
#p1_t{
	width:80px;
	float:left;
	height: auto;
}

#p2{
	width:80px;
	float:right;
	height: auto;
}
#p2_t{
	float:right;
	width:150px;
	padding:10px;
	height: auto;
	font-weight: bold;
	color: #1D4773;
}

#p3{
	width:80px;
	height: auto;
	float:left;
}
#p3_t{
	float:left;
	width:150px;
	padding:10px;
	height: auto;
	font-weight: bold;
	color: #1D4773;
}

#p4{
	float:right;
	width:150px;
	padding:10px;
	height: auto;
	font-weight: bold;
	color: #1D4773;
}
#p4_t{
	width:80px;
	height: auto;
	float:right;
}

#wrapper #right #questionbox{
	margin-right:5px;
	margin-left:5px;
	margin-bottom:2px;
	width:244px;
	height:100px;
	clear:both;
	background-color: #FFFFFF;
}

#wrapper #right #qr{
	float:left;
	height:21px;
	width:21px;
	background-image: url(../images/4_2_qr.gif);
	background-repeat: no-repeat;
	margin-bottom:5px;
}


#wrapper #right #qb{
	float:left;
	height:21px;
	width:21px;
	background-image: url(../images/4_2_qb.gif);
	background-repeat: no-repeat;
	margin-bottom:5px;
}


#wrapper #right #questionbox #qq{
	float:right;
	height:21px;
	width:223px;
	line-height: 2em;
	margin-bottom:5px;
}


/*追加css*/
/*
.questionbox{
	width:241px;
	height:auto;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom: 2px;
	margin-left: 3px;
}*/

.questionbox{
	width:262px;
	height:auto;
}

.qb{
	background-image: url(../images/4_2_qb.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	margin-bottom:5px;
	padding-left: 24px;
	line-height: 1.3;
}
.questionbox a:visited {
	color: darkred;
}
.qr{
	background-image: url(../images/4_2_qr.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-left: 24px;
	line-height: 1.3;
}

.questionbox a{
	width:241px;
	height:auto;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom: 2px;
	margin-left: 3px;
	display: block;
	outline: none;
	padding-top: 2px;
}
.questionbox a:hover {
	background-color: #99B4D0;
	text-decoration: none;
}


/*==========================================================

3.ginmi.html

===========================================================*/

/*===========左側コンテンツ===============*/

#wrapper #left #ntitle{
	height:70px;
}

#wrapper #left p.sub{
	margin-top:10px;
	margin-left:3px;
}

#wrapper #left #icontents #table{
	width:488px;
	margin-bottom:10px;
}

#wrapper #left #icontents #tabledata{
}

#wrapper #left #icontents #tablecommentb1{
	width:200px;
	height:15px;
	float:left;
}

#wrapper #left #icontents #table #tablecommentb2{
	width:288px;
	height:15px;
	float:left;
	font-size:x-small;
}

#wrapper #left #icontents #table #tablecomment{
	clear:both;
	margin-top:10px;
	margin-bottom:15px;
}

#wrapper #left #icontents #table #tablecomment #tablephoto{
	float:left;
}

#wrapper #left #icontents #table  #tablefeature{
	clear:both;
}

#wrapper #left #icontents #table #tablefeatureb{
	height:15px;
}



#tableinfo{
	float:right;
}


/*===========右側コンテンツ===============*/

#wrapper #right #rtable{
	width:262px;	
	margin-bottom:20px;
	margin-top:10px;
}

#wrapper #right #rtable #rtableb{
	width:223px;
	height:50px;
	margin-left:19px;
	margin-right:20px;
}

#wrapper #right #rtable #rcell{
	width:242px;
	padding:10px;
}

/*.rcell a{
	height:auto;
	background-color: #EDEDEC;
	display: block;
	outline: none;
	padding-top: 2px;
}
.rcell a:hover {
	background-color: #ffffff;
	text-decoration: none;
}*/

	

#wrapper #right #rtable #rcell #rcellp{
	width:105px;
	height:70px;
	float:left;
}

#wrapper #right #rtable #rcell #rcellc{
	width:134px;
	height:70px;
	float:left;
	margin-left:3px;
}


#wrapper #right #rtable #rcell p{
	font-size:x-small;
	color: #304A9E;
}

#wrapper #right #rtable #rcell #rcellc #next{
	clear:both;
	font-size:x-small;
	color: #304A9E;
}

/*==========================================================

4.jirei.html
ginmiとcss・画像一部共通

===========================================================*/

/*===========左側コンテンツ===============*/


#wrapper #left #icontents #tablej{
	margin-bottom:10px;
	margin-top:5px;
}

#wrapper #left #icontents #tablej #tabledataj{
	margin-bottom:10px;
	width:488px;
}

.m{
	color: #1E2188;
	font-weight: bold;
}

.s{
	font-size: x-small;
}


#wrapper #left #icontents #tablej #tablecomment #tablephoto{
	float:left;
}


#wrapper #left #icontents #tablej #tableinfo{
	float:right;
}


/*===========右側コンテンツ===============*/

#wrapper #right #rtable #rcell .link_j{
	list-style-position: inside;
	list-style-type: square;
}

/*==========================================================

3.jirei_pca.html

===========================================================*/

/*===========左側コンテンツ===============*/

#boxj{
	padding: 12px;
	margin-bottom: 8px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

/*#wrapper #left #box ul .point{
	list-style-type: decimal;
	list-style-position: inside;
}*/

#wrapper #left #boxj #boxp{
	float:left;
	width:96px;
	margin-right:5px;	
}

#wrapper #left #boxj ul#number{
	list-style-type:disc;
	list-style-position: inside;
}

#wrapper #left #boxj p.jblue{
	list-style-type:none;
	color: #246FB7;
	font-weight: bold;
}

#wrapper #left #boxj #pointp{
	float:left;
	width:80px;
	height:120px;
	margin-right:5px;	
}

#wrapper #left #boxj #point p{
	margin-left:5px;
}

#wrapper #right #banner{
	width:237px;
	height:76px;
}

/*===========ＴＥＣＨＳ　左側コンテンツ===============*/
#box{
	border-style: dotted;
	border-color: #339999;
	border-width: 1px;
}

#5photol{
	float:left;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #009999;
	border-right-color: #009999;
	border-bottom-color: #009999;
	border-left-color: #009999;
}

#box{
	min-height:150px;
	margin:10px;
	padding:5px;
}

#photol{

	float:left;
	margin-right: 10px;
}

#photor{

	float:right;
	margin-left: 10px;

}


/*==========================================================

4.kijun.html

===========================================================*/

/*===========左側コンテンツ===============*/

#wrapper #left #2bar{
	width:518px;
	margin-top:20px;
	margin-bottom:20px;
}

/*===========右側コンテンツ===============*/

#wrapper #right #rbox{
	width:240px;
	margin:8px;
	background-color:#FFFFFF;
	padding:3px;
}

#wrapper #right #rbar{
	width:240px;
	margin:11px;
}

ul#disc{
	list-style-position: inside;
	list-style-type: disc;
}

/*==========================================================

.scene.html

===========================================================*/

/*===========左側コンテンツ===============*/

#wrapper #left #3bar{
	width:518px;
	height:30px;
	margin-bottom:5px;
	margin-top: 5px;
}

#3box{
	width:494px;
	padding-bottom:10px;
	padding-top:5px;
}

#wrapper #left #boxj #3box #3boxs{
	width:474px;
	padding: 10px;
}

.scene_right {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 10px;
	line-height: 20px;
	font-weight: bold;
}
.scene_right_ul {
	line-height: 20px;
	list-style-type: square;
	list-style-position: outside;
}

/*==========================================================

.venda.html

===========================================================*/

/*===========左側コンテンツ===============*/

#wrapper #left #bbar{
	width:518px;
}


#vtable{
	/*width:470px;
 	margin-left:24px;
 	margin-right:24px;
	margin-top:9px;*/
	margin-top:70px;
}


/*==========================================================

.itc.html

===========================================================*/

/*===========左側コンテンツ===============*/

#wrapper #left #icontents p.text{
	margin:15px;
	text-indent:1em;
	
}

 .mail{
	margin-top:20px;
	margin-left:15px;
	font-weight: bold;
}

.mail a{
	font-weight: bold;
	color: #CC0000;
}


/*==========================================================

.privacy.html

===========================================================*/

/*===========左側コンテンツ===============*/

p.textp{
	margin:15px;
	white-space:pre;
	
}


/*==========================================================

.sitemap.html

===========================================================*/

/*===========左側コンテンツ===============*/
#map_m{
	width:288px;
	border-color:#999999;
	float:left;
	border-style:solid;
	border-width:1px;
}

#map_s{
	width:200px;
	border-color:#999999;
	float:right;
	border-style:solid;
	border-width:1px;
}


/*==========================================================

微調整用ＣＳＳ

===========================================================*/

p.subtext{
	margin-left:15px;
}



.list2 {
	padding-bottom: 10px;
}
.list2 li {
	list-style-position: outside;
	padding-bottom: 4px;
	/*margin-left: 40px;*/
	margin-left: 20px;
}

#title1{
	width:518px;
	height:60px;
	background-image: url(../images/4_2_title1.gif);
	background-repeat: no-repeat;
}

#title2{
	width:338px;
	height:20px;
	margin-top:40px;
	margin-left:62px;
	float:left;
}

#title3{
	width:118px;
	height:20px;
	margin-top:40px;
	float:right;
}

#title4{
	width:518px;
	height:10px;
	background-image: url(../images/4_2_title2.gif);
}


#jtitle1{
	width:518px;
	height:60px;
	background-image: url(../images/5_2_title1.gif);
	background-repeat: no-repeat;
}

#jtitle4{
	width:518px;
	height:10px;
	background-image: url(../images/5_2_title2.gif);
}

/*デモ用インタビュー画面*/

#demo{
	width:416px;
	padiing-left:51px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 51px;
	margin-bottom: 10px;
	margin-left: 51px;

}

/*==========================================================
 ITハブとは
===========================================================*/
.toha_bar {
	float: left;
	width: 518px;
	height: 31px;
	margin-top: 20px;
}
.toha_setumei {
	float: left;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 10px;
	line-height: 20px;
	list-style-type: disc;
	list-style-position: outside;
}
.toha_right {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

/*==========================================================
 TOP画面
===========================================================*/
/*TOPイメージ*/
#wrapper #contents #left div#image {
	height: 193px;
	width: 518px;
}

/*ITHub説明部分ブロック*/
#wrapper #contents #left div#aboutItHub {
	width: 498px;
	margin-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
#wrapper #contents #left #aboutItHub div#aboutITHubLeft {
	float: left;
	width: 365px;
	padding-bottom: 5px;
	text-indent: 1em;
}
#wrapper #contents #left #aboutItHub div#aboutITHubRight {
	text-align: right;
	padding-top: 32px;

}
#wrapper #contents #left h2#aboutItHub {
	font-size: small;
	color: #436C98;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
#wrapper #contents #left p#aboutITHub {
	text-indent: 0.5em;
}

/*製品・パッケージ開発経緯/導入事例ブロック*/
#wrapper #contents #left h3#product_bar {
	height: 31px;
	width: 518px;
	text-indent: -1000px;
	background-image: url(../images/03_product_bar.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#wrapper #contents #left div#develop_left {
	float: left;
	width: 252px;
	margin-left: 10px;
}

/* star hacks for IE6 */
* html #wrapper #contents #left div#develop_left {
	display: inline;
}

#wrapper #contents #left div#develop_right {
	float: right;
	width: 252px;
}

/*開発経緯タイトル画像*/
#wrapper #contents #left #develop_left h5.develop {
	background-image: url(../images/03_develop_keii2.gif);
	background-repeat: no-repeat;
	height: 13px;
	width: 78px;
	text-indent: -10000px;
	float: left;
	margin: 0px;
}
/*導入事例タイトル画像*/
#wrapper #contents #left #develop_right h5.adoption {
	background-image: url(../images/03_adoption2.gif);
	text-indent: -10000px;
	height: 13px;
	width: 78px;
	float: left;
	margin: 0px;
	background-repeat: no-repeat;
}
#wrapper #contents #left .develop_title {
	display: block;
	margin-left: 80px;
	margin-bottom: 10px;
}

#wrapper #contents #left div.develop_contents {
	width: 247px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
}

#wrapper #contents #left img.left {
	margin-right: 10px;
	float: left;
}
#wrapper #contents #left p.imgright {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 117px;
	font-size: x-small;
	line-height: 130%;
	text-indent: 1em;
}


/*IT導入活用シーンブロック*/
#wrapper #contents #left div#adoption {
	float: left;
	width: 259px;
	height: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}

#wrapper #contents #left #adoption h3 {
	height: 33px;
	width: 259px;
	text-indent: -1000px;
	background-image: url(../images/03_it_bar.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 5px;
}

#wrapper #contents #left #adoption ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6D6D6;

}

/*パッケージ調達用RFPブロック*/
#wrapper #contents #left div#rfp {
	float: right;
	width: 254px;
	height: 100%;
	padding-left: 5px;
	margin-top: 13px;
	margin-bottom: 10px;
}

#wrapper #contents #left div#rfp_right {
	float: right;
	width: 131px;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 5px;
}

#wrapper #contents #left h3#rfp {
	height: 33px;
	width: 254px;
	text-indent: -1000px;
	background-image: url(../images/03_rfp_bar.gif);
	background-repeat: no-repeat;
	left: -5px;
	position: relative;
	margin-bottom: 5px;
}
#wrapper #contents #left #rfp span#rfp_left {
	padding-left: 10px;
	font-size: x-small;
}

/*===========左側コンテンツ用スタイル指定ここまで===============*/



/*===========右側コンテンツ用スタイル指定===============*/

/*TOP画像横アナウンスブロック*/
#wrapper #contents #right div#announce {
	height: 182px;
	width: 252px;
	padding-left: 10px;
	color: #FFF;
	background-color: #46535E;
	padding-top: 10px;
}
#wrapper #contents #right h3 {
	text-decoration: underline;
	display: block;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	font-size: small;
}


#wrapper #contents #right #announce div#announceBox {
	overflow: hidden;
}
#wrapper #contents #right img.left {
	float: left;
	margin-right: 5px;
	height: 60px;
}
#wrapper #contents #right p.imgright {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 65px;
}

#wrapper #contents #right #announce div.readmore {
	text-align: right;
	margin-right: 20px;
}

#wrapper #contents #right #announce p {
	margin: 0px;
}
#wrapper #contents #right #announce div.announceContents {
}


/*Request of packageブロック*/
#wrapper #contents #right div#request {
	background-color: #EEE;
	width: 261px;
	padding-bottom: 10px;
}
#wrapper #contents #right h3#request {
	height: 52px;
	width: 260px;
	padding: 0px;
	margin: 0px;
	text-indent: -10000px;
	background-image: url(../images/04_request.gif);
	background-repeat: no-repeat;
}
#wrapper #contents #right #request div#requestForm {
	width: 260px;
}
/*=====フッタ部分指定ここまで=====*/
#wrapper #contents #right #request .requestFormCaution{
	font-size: x-small;
	color: #E78C53;
}

#wrapper #contents #right div.textfield {
	width: 150px;
	float: right;
	height: 35px;
	margin: 0px;
}
/*===========右側コンテンツ用スタイル指定ここまで===============*/
#wrapper #contents #right div.textfield2 {
	width: 150px;
	float: right;
	height: 30px;
	margin: 0px;
	padding-top: 15px;
}

#wrapper #contents #right div.textarea {
	width: 150px;
	float: right;
}
#wrapper #contents #right #request label.requestItems {
	text-align: right;
	width: 100px;
	margin-right: 5px;
	display: block;
	float: left;
	height: 35px;
	font-size: small;
	font-weight: bold;
	padding-top: 10px;
}

#wrapper #contents #right #request .requestCaution {
	font-size: x-small;
	width: 220px;
	padding-left: 20px;
	display: block;
}



/*ニュースブロック*/
#wrapper #contents #right div#news {
	width: 238px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-color: #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EEE;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-bottom: 20px;
}
#wrapper #contents #right h4#news {
	height:30px;
	width: 262px;
	text-indent: -10000px;
	background-image: url(../images/04_news_bar.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 0px;
}
#wrapper #contents #right dl dt.news {
	color: #F90;
}

#wrapper #contents #right dl {
	padding: 0px;
	margin: 0px;
}
#wrapper #contents #right dl dd.news {
	margin-right: 0em;
	font-size: x-small;
}


/*ITコーディネータ説明ブロック*/
#wrapper #contents #right div#it_codenator {
	width: 238px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #FFF;
	margin-left: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EEE;
}

#wrapper #contents #right h5#it_codenator {
	height: 28px;
	width: 262px;
	text-indent: -10000px;
	background-image: url(../images/04_it_codenater.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

.ginmi_pca_table {
	width: 470px;
	border-collapse: collapse;
}

.ginmi_pca_td1 {
	font-weight: bold;
	width: 150px;
	height: 20px;
	padding-left: 10px;
	background-color: whitesmoke;
	border-collapse: collapse;
	border: 1px solid lightgrey;
}
.ginmi_pca_td2{
	width:300px;
	padding-left: 10px;
	border-collapse: collapse;
	border: 1px solid lightgrey;
}