@charset"shift_jis";

/* ----------------------------------------------

※※※※※※※※※※※※※※※※※※※※※※※※
注意書き：2007年5月11日
※「_(アンダーバー)」から始まるプロパティ名は、
　winIE6.0用のハックです。
　winIE6.0は、DOCTYPE宣言の前にxml宣言が入ると、
　DOCTYPE宣言を認識しなくなり、互換モードで
　レンダリング(表示)するため、別にスタイルを指定しています。
※※※※※※※※※※※※※※※※※※※※※※※※

---------------------------------------------- */


/* ----------------------------------------------

パラメーター再定義

---------------------------------------------- */

*{
margin:0;
padding:0;
}

html{
font-size:100%;
}

body{
width:780px;
margin:auto;
color:#333;
font-size:80%;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
_text-align:center;
line-height:1.3;
letter-spacing:0.03em;
}

table{
/* border:1px solid #4856AF; */
border-spacing:2px;
empty-cells:show; /* 空セルのボーダーと背景を表示 */
margin:10px;
font-size:100%;
}

th{
text-align:left;
border-right:1px dotted #999;
border-bottom:1px dotted #999;
background:#EEE;
padding:5px;
white-space:nowrap;
}

td{
border-right:1px dotted #999;
border-bottom:1px dotted #999;
padding:5px;
}

img{
border:0;
vertical-align:bottom;
}

a:hover{
color: #3399FF;
}

div.container{
width:760px;
margin:0 auto;
padding:0 10px;
float:left;
_float:none;
_text-align:left;
_width:780px;
_padding-left:15px;
background:url(img/temp/body_bg.gif) repeat-y top center;
}


/* ----------------------------------------------

ヘッダースタイル

---------------------------------------------- */

div#header{
width:760px;
min-height:60px;
_height:60px;
float:left;
}

div#header span{
display:none;
}

div#header p{
width:290px;
height:36px;
margin:12px;
float:left;
display:inline;
}

div#header p a{
display:block;
background:url(img/temp/flexsche.gif) no-repeat left top;
width:290px;
height:36px;
}

div#header div{
float:right;
margin-top:10px;
text-align:right;
width:400px;
}

div#header ul{
list-style:none;
margin-left:auto;
}

div#header ul.top_navi{
float:right;
margin-bottom:10px;
}

div#header ul.top_navi li{
display:inline;
}

div#header ul.top_navi li a{
display:block;
float:left;
background:url(img/temp/icon01.gif) no-repeat left center;
padding:0 1.5em;
}

div#header ul.top_inqdem{
clear:both;
width:200px;
height:20px;
background:url(img/temp/head_inqdem.gif) no-repeat left top;
margin-right:1em;
}

div#header ul.top_inqdem li{
display:inline;
}

div#header ul.top_inqdem li a{
display:block;
width:100px;
height:20px;
float:left;
}

div#header ul.top_inqdem li.header_inquiry a:hover{
background:url(img/temp/head_inqdem.gif) no-repeat left bottom;
}

/*
div#header ul.top_inqdem li.header_reqruit a:hover{
background:url(img/temp/head_inqdem.gif) no-repeat left bottom;
}
*/

div#header ul.top_inqdem li.header_demand a:hover{
background:url(img/temp/head_inqdem.gif) no-repeat right bottom;
}


/* ----------------------------------------------

グローバルナビスタイル

---------------------------------------------- */

div#gloval_navi{
clear:both;
width:760px;
height:50px;
margin-bottom:10px;
}

div#gloval_navi span{
display:none;
}

div#gloval_navi ul{
background:url(img/temp/glovalnavi.gif) no-repeat left top;
height:50px;
}

div#gloval_navi ul li{
display:inline;
}

div#gloval_navi ul li a{
display:block;
float:left;
height:50px;
}

div#gloval_navi ul li#m_product a,
div#gloval_navi ul li#m_casestudy a,
div#gloval_navi ul li#m_partner a,
div#gloval_navi ul li#m_qa a{
width:109px;
}

div#gloval_navi ul li#m_news a,
div#gloval_navi ul li#m_support a,
div#gloval_navi ul li#m_corporate a{
width:108px;
}

div#gloval_navi ul li#m_product a:hover{
background:url(img/temp/glovalnavi.gif) no-repeat left bottom;
}
div#gloval_navi ul li#m_casestudy a:hover{
background:url(img/temp/glovalnavi.gif) no-repeat -109px bottom;
}
div#gloval_navi ul li#m_partner a:hover{
background:url(img/temp/glovalnavi.gif) no-repeat -218px bottom;
}
div#gloval_navi ul li#m_support a:hover{
background:url(img/temp/glovalnavi.gif) no-repeat -327px bottom;
}
div#gloval_navi ul li#m_qa a:hover{
background:url(img/temp/glovalnavi.gif) no-repeat -435px bottom;
}
div#gloval_navi ul li#m_news a:hover{
background:url(img/temp/glovalnavi.gif) no-repeat -544px bottom;
}
div#gloval_navi ul li#m_corporate a:hover{
background:url(img/temp/glovalnavi.gif) no-repeat -652px bottom;
}

/* トップナビゲーション c_hilite用スタイル */
div#gloval_navi ul li#m_product a.c_hilite{
background:url(img/temp/glovalnavi.gif) no-repeat left bottom;
}
div#gloval_navi ul li#m_casestudy a.c_hilite{
background:url(img/temp/glovalnavi.gif) no-repeat -109px bottom;
}
div#gloval_navi ul li#m_partner a.c_hilite{
background:url(img/temp/glovalnavi.gif) no-repeat -218px bottom;
}
div#gloval_navi ul li#m_support a.c_hilite{
background:url(img/temp/glovalnavi.gif) no-repeat -327px bottom;
}
div#gloval_navi ul li#m_qa a.c_hilite{
background:url(img/temp/glovalnavi.gif) no-repeat -435px bottom;
}
div#gloval_navi ul li#m_news a.c_hilite{
background:url(img/temp/glovalnavi.gif) no-repeat -544px bottom;
}
div#gloval_navi ul li#m_corporate a.c_hilite{
background:url(img/temp/glovalnavi.gif) no-repeat -652px bottom;
}




/* ----------------------------------------------

フッタースタイル

---------------------------------------------- */

div#footer{
width:740px;
clear:both;
border-top:5px solid #2B388B;
padding:10px;
margin-top:20px;
_width:760px;
}

div#footer address{
float:left;
font-style:normal;
}

div#footer address strong{
display:block;
background:url(img/temp/flexsche_footer.gif) no-repeat left top;
width:142px;
height:19px;
margin:0;
}

div#footer address strong span{
display:none;
}

div#footer div{
float:right;
}

div#footer ul{
list-style:none;
}

div#footer ul li{
display:inline;
padding:5px;
}

div#footer p{
text-align:right;
margin:5px;
}



/* ----------------------------------------------

サイドナビスタイル

---------------------------------------------- */

div.side{
width:199px;
float:left;
border-left:1px solid #3344A0;
margin-bottom:10px;
}

div.side p{
display:inline;
}

div.side p a{
display:block;
width:182px;
border-right:1px solid #2B388B;
border-left:10px solid #A8ACC2;
border-bottom:1px dotted #2B388B;
padding:6px 3px;
_width:199px;
}

div.side p a:hover{
border-left:10px solid #3344A0;
background:#A8ACC2;
color:#C00;
background:url(img/temp/side_hover.gif) no-repeat right center #F2F6FF;
}

.side_title{
display:block !important;
border-right:1px solid #2B388B;
border-bottom:1px solid #2B388B;
width:178px !important;
background:url(img/temp/side_title_bg.gif) repeat-x left top;
padding:10px;
font-size:120%;
font-weight:bold;
text-align:center;
_width:199px !important;
}

div.side div p a{
margin-left:10px;
width:172px;
_width:189px;
}

/* サイドナビゲーション c_hilite用スタイル */
div.side p a.c_hilite{
border-left:10px solid #3344A0;
background:#A8ACC2;
color:#C00;
background:url(img/temp/side_hover.gif) no-repeat right center #F2F6FF;
}



/* ----------------------------------------------

コンテンツスタイル

---------------------------------------------- */

div.f2_body{
width:740px;
padding:0 10px 10px;
_width:760px;
}

div.f3_body{
float:right;
width:540px;
padding:10px;
_width:560px;
}

/* パンくずナビ */
p#layer{
font-size:80%;
margin:0 10px 10px;
}

h1{
background:url(img/temp/h1_bg.jpg) no-repeat left bottom;
font-size:180%;
color:#FFF;
padding:15px 0 15px 15px;
margin-bottom:15px;
}

div.f2_body ul,
div.f2_body ol,
div.f3_body ul,
div.f3_body ol{
margin:10px 10px 10px 25px;
}

div.f2_body ul li,
div.f2_body ol li,
div.f3_body ul li,
div.f3_body ol li{
margin:2px;
}

div.f2_body h2,
div.f3_body h2{
clear:both;
margin:15px 0;
padding:3px 5px;
font-size:130%;
border-top:3px solid #C66;
border-bottom:1px solid #CCC;
background:url(img/temp/h2_bg.gif) repeat-x left bottom;
}

div.f2_body h3,
div.f3_body h3{
clear:both;
font-size:110%;
border-left:5px solid #C99;
border-bottom:1px dotted #C99;
padding:3px 5px;
margin:15px 0;
}

div.f2_body p,
div.f3_body p{
margin:10px 5px;
}


/* ----------------------------------------------

導入事例用スタイル

---------------------------------------------- */

div.case_status{
float:left;
display:none;
}

div.case_status img{
float:right;
margin:5px;
}

div.case_status dl{
margin:15px 20px;
float:left;
}

div.case_status dl dd{
margin-left:15px;
margin-bottom:10px;
}

p.case_img_left{
float:left;
min-width:165px;
_width:165px;
margin:5px 10px !important;
padding:3px;
font-size:80%;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}

p.case_img_right{
float:right;
min-width:165px;
_width:165px;
margin:5px 10px !important;
padding:3px;
font-size:80%;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}

div.case_si{
border:1px solid #999;
margin:15px;
float:left;
_float:none;
}

div.case_si h4{
border-bottom:1px dotted #999;
padding:5px;
text-align:center;
background:#EEE;
}

div.case_si p{
margin:10px;
}

p.case_img_si{
display:none;
float:left;
width:98px;
margin:5px 10px !important;
padding:3px;
font-size:80%;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}

dl.news{
margin:10px;
border-bottom:1px dotted #666;
}

dl.news dt{
width:14em;
clear:both;
float:left;
border-top:1px dotted #666;
padding:5px 0;
font-weight:bold;
}

dl.news dd{
margin-left:14em;
border-top:1px dotted #666;
padding:5px;
}



/* ----------------------------------------------

その他スタイル

---------------------------------------------- */

ul.icon01{
list-style:url(img/temp/icon01.gif);
}

p.totop{
clear:both;
text-align:right;
margin:15px;
padding-right:15px;
background:url(img/temp/totop_bg.gif) no-repeat right center;
font-size:80%;
}


div.notes{
border:1px solid #F90;
background:#FFC;
margin:10px 20px;
}

div.notes h4{
font-size:100%;
padding:5px;
border-bottom:1px dotted #F90;
background:#FFD18C;
text-align:center;
}

div.notes p{
margin:15px;
}

div.notes dl{
margin:15px;
}

div.notes dl dt{
font-weight:bold;
}

div.notes dl dd{
margin-left:15px;
}

p.pct_right{
float:right;
width:150px;
margin:0px 10px 5px !important;
padding:0 3px 3px;
font-size:80%;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}

p.pct_right210{
float:right;
width:210px;
margin:0px 10px 5px !important;
padding:0 3px 3px;
font-size:80%;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}

p.pct_right_nopop{
float:right;
min-width:180px;
_width:180px;
margin:0px 10px 5px !important;
padding:0 3px 3px;
font-size:80%;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}

.t_right{
text-align:right;
}

.t_center{
text-align:center;
}



/* ----------------------------------------------

indexスタイル

---------------------------------------------- */

/* メインイメージのスタイル */
div.index_image{
background:url(img/index/mainimage.jpg) no-repeat center top #0A0015;
width:712px;
height:460px;
margin:0 0 10px 0 !important;
padding:10px !important;
color:#FFF;
float:left; /* IE6以外のブラウザ用 */
_float:none; /* IE6用 */
_line-height:1.1;
}

div.index_image h1{
background:none;
padding:0;
margin:20px 0;
text-align:center;
}

div.index_image div{
clear:both;
}

div.index_image h2{
clear:none !important;
font-size:135%;
background:none;
padding:0;
margin:10px 0 10px 10px;
border:0;
}

div.index_image h3{
clear:none;
font-size:120%;
padding:0;
margin:0;
border:0;
}

div.index_image p{
margin:0;
}

div.index_image strong{
font-size:110%;
color:#FF9;
white-space:nowrap;
}

p.image_right{
float:right;
text-align:right;
margin:0 5px !important;
}

p.image_left{
float:left;
text-align:right;
margin:0 5px !important;
}

/* テキスト回り込みの処理 */
.gp_text{
margin-left:350px !important;
margin-top:60px !important;
width:360px;
font-size:12px;
}
.commu_text{
margin-left:10px !important;
margin-top:30px !important;
width:360px;
font-size:12px;
}
.gp_image{
margin-left:360px !important;
margin-top:-130px !important;
}

/* インデント */
.indent{
margin-left:1.5em !important;
}



/* 各種お知らせのスタイル */
div.index_news{
float:right;
width:240px;
}

div.index_news div{
font-size:80%;
width:235px;
_width:240px;
margin:5px;
_margin:5px 2px 5px 5px;
display:inline;
background:url(img/index/news_bg.gif) no-repeat left bottom;
float:left; /* IE6以外のブラウザ用 */
_float:none; /* IE6用 */
}

div.index_news div h2{
margin:0 !important;
border:0 !important;
font-size:130% !important;
background:url(img/index/news_title.gif) no-repeat left top;
text-align:center;
color:#FFF;
width:235px;
padding:7px 0;
}

div.index_news div dl{
margin:5px 10px;
height:150px;
overflow:auto;
}

div.index_news div dt{
font-weight:bold;
}

div.index_news div dd{
margin:0 0 5px 15px;
}



div.index_contents{
clear:both;
float:left;
padding:10px;
width:480px;
_width:500px;
}

/* イベント情報 */
div.index_event{
clear:both;
font-size:110%;
text-align:center;
border:3px double #CCC;
padding:5px;
margin:8px auto;
background:url(img/index/event_bg.gif) repeat-x left bottom;
}
div.index_event h3{
clear:both;
font-size:110%;
text-align:center;
border:3px double #CCC;
padding:1px;
margin:1px auto;
background:#CCCCCC;
}

div.index_event2{
clear:both;
font-size:100%;
text-align:center;
border:1px double #CCC;
padding:2px;
margin:5px auto;
}
div.index_event2 h3{
clear:both;
font-size:100%;
text-align:center;
border:1px double #CCC;
padding:2px;
margin:1px auto;
background:#EEEEEE;
}

/* セミナー情報 */
div.index_seminer{
padding:10px;
margin:20px 0;
border-left:1px solid #CCC;
border-top:1px solid #CCC;
border-right:2px solid #CCC;
border-bottom:2px solid #CCC;
}

div.index_seminer h3{
border:0;
border-bottom:1px dotted #2B388B;
padding:0 0 0 20px;
margin:0;
font-size:130%;
background:url(img/index/seminar_h3.gif) no-repeat left center;
}

div.index_seminer h3 a{
color:#FF3333;
}

div.index_seminer dl{
margin:5px;
}

div.index_seminer dd{
margin-left:15px;
/*font-weight:bold;*/
font-family:monospace;
}

div.index_seminer ul{
margin-bottom:15px;
}

/* ----------------------------------------------

追加分

---------------------------------------------- */

/* 採用情報 */

table.job{
border-spacing:0px;
margin:5px;
font-size:100%;
width:400px;
}

table.job th{
text-align:left;
border-right:0px;
border-bottom:0px;
background:#CCEECC;
padding:5px;
white-space:nowrap;
}

table.job td{
border-right:0px;
border-bottom:0px;
background:#DDDDEE;
padding:5px;
}

.hide-from-bot {
  display: none;
}