@charset "utf-8";
/* アイ・ビー株式会社 CSS Document　"product" */

/***********************************
 *◆コンテンツブロック　
 * ◇プロダクト
 *    →topic_path　現在地を示すパンくずリスト
 *    →left　各プロダクトへのリンクボタン、お問合わせ、ロポタルへのリンクボタン
 *    →right　プロダクト詳細
 ***********************************/
#topic_path{
width:750px;
margin:5px 10px;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
text-align:left;
font-size:8pt;
background-color:#f4f3f3;}

#topic_path a{
color:#336699;
text-decoration:none;
font-weight:bold;}

/***********************************
 *◆コンテンツブロック　
 * ◇プロダクト
 *    →left　各プロダクトへのリンクボタン、お問合わせ、ロポタルへのリンクボタン
 ***********************************/

#left{
width:190px;
height:auto;
float:left;
padding-left:10px;
padding-top:22px;
}

.link{
padding-bottom:10px;}

/***********************************
 *各プロダクトリンクボタン
 ***********************************/

#side_navi_top{
width:190px;
height:25px;
}

#side_navi_middle{
height:auto;
background-color:#dcdcdc;}

#side_navi_middle img{
border:none;}

#side_nabi{
height:25px;
padding-top:8px;
padding-bottom:5px;}

.side_navi02{
height:25px;
padding-bottom:5px;}


#side_navi_bottom{
height:10px;
margin-bottom:15px;}

/***********************************
 *お問合わせ、ロポタルへのリンク
 ***********************************/

#side_link_top{
width:190px;
height:15px;
}

#side_link_middle{
height:auto;
background-color:#ededed;}

#side_link_middle img{
border:none;}

.side_link{
height:42px;
padding-bottom:5px;}

#side_link_bottom{
height:15px;
margin-bottom:10px;}



/***********************************
 *◆コンテンツブロック　
 * ◇プロダクト
 *    →#right　プロダクト詳細
 ***********************************/

#right{
width:510px;
height:auto;
float:left;
padding-left:50px;
padding-bottom:40px;
font-size:9pt;
}

#right a{
color:#336699;
text-decoration:none;
font-weight:bold;}

/***********************************
 *プロダクトタイトル部分（■Products）
 ***********************************/

#company_title{
width:500px;
height:auto;
text-align:left;
border-bottom:solid 2px #666666;
margin-bottom:5px;
}


/***********************************
 *プロダクト詳細部分
 *　→.column01　プロダクト名
 *　→.column02　プロダクト内容
 *　→#last_column02　最後の行のプロダクト内容

 ***********************************/

.column01{
width:498px;
padding-top:10px;
padding-bottom:3px;
text-align:left;
vertical-align:text-top;
}

.column01 img{
border:none;
}


.column02{
width:498px;
padding-top:5px;
padding-bottom:15px;
text-align:left;
line-height:1.4em;}

#last_column02{
width:498px;
padding-top:5px;
padding-bottom:15px;
text-align:left;
line-height:1.4em;}

/***********************************
 *ここから下は、プロダクト＞各プロダクトページ用の設定
 *　→.n_column01　サービスのお問い合わせ画像部分
 *　→.n_column02　プロダクト内容説明部分
 *　→.n_column03　「下記までお問い合わせ下さい」の部分
 ***********************************/

.n_column01{
width:500px;
padding-top:10px;
padding-bottom:3px;
text-align:left;
vertical-align:text-top;
}

.n_column01 img{
border:none;
}


.n_column02{
width:500px;
padding-top:5px;
padding-bottom:25px;
text-align:left;
line-height:1.4em;}

.n_column03{
width:500px;
padding-top:5px;
padding-bottom:40px;
text-align:left;
line-height:1.4em;}