@charset "UTF-8";

/* 基本タグ用（基本タグの初期化）
*************************************************/

body{
color: #333333;
background: #E8E9DB;
font-size: 75%;
line-height: 150%;
font-family: sans-serif;
margin: 0px;
padding: 0px;
text-align: center;
}

body.top{
background: #E8E9DB url(../images/top_background.jpg) repeat-x;
}

body.second{
background: #E8E9DB url(../images/second_background.jpg) repeat-x;
}

p{
margin: 0px;
padding: 0px;
line-height: 180%;
}

a {
margin: 0px;
padding: 0px;
color: #006699;
}

a:hover {
text-decoration: none;
}

form{
margin: 0px;
padding: 0px;
display: inline;
}

img{
margin: 0px;
padding: 0px;
border: none;
}

map{
margin: 0px;
padding: 0px;
}

area{
margin: 0px;
padding: 0px;
}

/* 見出しタグ専用
*************************************************/

h1{
margin: 0px;
padding: 0px;
}

h2{
font-size:130%;
margin: 0px;
padding: 0px;
}

h3{
font-size:120%;
margin: 0px;
padding: 0px;
}

/* エントリーアーカイブ用 */
h3.fp_entry{
font-size:130%;
margin: 10px 0px 0px 0px;
padding: 10px;
border: 1px solid #999;
}

h4{
font-size:120%;
margin: 0px;
padding: 0px;
}

h5{
font-size:120%;
margin: 0px;
padding: 0px;
}

/*　基本テーブルタグのプロパティセット
*************************************************/

/* セミナー用, 約款広場用 含む*/
table, table.seminar{
width: 100%;
font-size: 100%;
padding: 0px;
margin: 5px 0px 20px 0px;
background: #fff;
border-bottom: 1px solid #999999;
clear: right;
border-collapse: separate;
border-spacing: 0px;
}

/* セミナー用含む */
*html table, table.seminar{
width: auto;
border-collapse: collapse;
}

th {
width: 30%;
margin: 0px;
padding: 5px;
background: #DFDFDF;
text-align: left;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
}

/* セミナー用 */
table.seminar th {
width: 100px;
margin: 0px;
padding: 5px;
background: #DFDFDF;
text-align: left;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
}

td {
width: 70%;
margin: 0px;
padding: 5px;
background: #fff;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
overflow: hidden;
}

/* セミナー用 */
table.seminar td {
width: 400px;
margin: 0px;
padding: 5px;
background: #fff;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
overflow: hidden;
}

/* 縦置きのテーブルレイアウト用 */
table.endwise{
border-right: 1px solid #999;
}

table.endwise th {
width: auto;
margin: 0px;
padding: 5px;
background: #DFDFDF;
text-align: left;
border-top: 1px solid #999;
border-left: 1px solid #999;
}

table.endwise td {
width: auto;
margin: 0px;
padding: 5px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: none;
}

/* 縦置きのテーブルレイアウト用(約款広場用) */

table.endwise_admission{
width: 540px;
font-size: 100%;
padding: 0px;
margin: 5px 0px 20px 0px;
background: #fff;
border-right: 1px solid #999;
clear: right;
border-collapse: separate;
border-spacing: 0px;
}

/* セミナー用含む */
*html table.endwise_admission{
border-collapse: collapse;
}

table.endwise_admission th {
width: 240px;
margin: 0px;
padding: 5px;
background: #DFDFDF;
text-align: left;
border-top: 1px solid #999;
border-left: 1px solid #999;
}

table.endwise_admission th.pdf {
width: 200px;
margin: 0px;
padding: 5px;
background: #DFDFDF;
text-align: left;
border-top: 1px solid #999;
border-left: 1px solid #999;
}

table.endwise_admission td {
width: 240px;
margin: 0px;
padding: 5px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: none;
}

table.endwise_admission td.pdf {
width: 200px;
margin: 0px;
padding: 5px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: none;
}


/* 採用情報の選考ステップ用 */
table.recruit{
border-bottom: none;
}

table.recruit th {
width: 10%;
background: #fff;
border-top: none;
border-left: none;
}

table.recruit td {
width: 90%;
border-top: none;
border-left: none;
border-right: none;
}

/* 大枠レイアウト用
*************************************************/

#layout {
width: 850px;
margin: 0px auto;
padding: 0px;
text-align: left;
}


/* ヘッダレイアウト用
*************************************************/

#header {
width: 850px;
margin: 0px;
padding: 0px;
background-color: #fff;
}

#headerbody{
margin: 0px;
padding: 0px 0px 0px 0px;
}

#header a{
text-decoration: none;
}

#header a:hover{
text-decoration: underline;
}

div.kl_headermenu {
margin: 0px;
padding: 0px;
text-align: right;
height: 74px;
}

div.kl_headermenu input {
margin: 0px 0px 0px 10px;
color: #FFFFE1;
}

/* 検索窓等、タグラインが入るエリア用 */
div.tagline_area{
background: #333;
color: #999999;
height: 27px;
text-align: right;
padding: 0px;
}

div.tagline_menu {
padding-top: 2px;
}

* html div.tagline_menu {
padding-top: 0px;
}

*+ html div.tagline_menu {
padding-top: 0px;
vertical-align: middle;
}

div.tagline_menu a {
color: #80D5E4;
}

div.tagline_area h1{
margin-top: 4px;
margin-left: 20px;
float: left;
font-size: 10px;
font-weight: lighter;
}

* html div.tagline_area h1{
margin-top: 4px;
margin-left: 10px;
float: left;
font-size: 10px;
font-weight: lighter;
}


/* すべてのp → h1にかえたら、消す */
div.tagline_area p{
margin-top: 4px;
margin-left: 20px;
float: left;
font-size: 10px;
}

* html div.tagline_area p{
margin-top: 4px;
margin-left: 10px;
float: left;
font-size: 10px;
}


/* ヘッダのロゴ用
*************************************************/

div.kl_logo{
margin: 0px;
padding: 10px 0px 0px 20px;
float: left;
}

/* コンテンツ部レイアウト用
*************************************************/

div#contents {
width: 860px;
margin: 0px;
padding: 0px;
text-align: center;
}

div#contentsbody {
margin: 0px ;
padding: 0px;
}

body.second div#contents {
width: 850px;
}

div#contents a img {
text-decoration: none;
vertical-align: middle;
}

/* メインコンテンツレイアウト用
*************************************************/

div.main {
width: 630px;
margin: 0px;
padding: 0px;
text-align: left;
float: left;
}

div.mainbody{
margin: 0px;
padding: 0px;
}

/* メインコンテンツのレイアウト用
*************************************************/

div.main_content {
margin: 0px 0px 0px 0px;
padding: 20px 20px 0px 20px;
clear: right;
}

* html div.main_content {
margin: 0px;
padding: 20px 0px 0px 0px;
text-align: center;
}

/* TOP右サイド下のバナーエリア用
*************************************************/

div.ad_banner_area {
margin: 0px;
padding: 20px 20px 0px 20px;
text-align: center;
}

div.ad_banner_area span {
margin-left: 10px;
}


/***************TOP右下の重要なお知らせエリア****************/

div.attention {
margin: 0px auto;
padding: 0px;
background: #fff;
text-align: left;
width: 211px;
border: 1px solid #ccc;
}




/* メインコンテンツ
*************************************************/

/* ページタイトル用 */
div.title_area {
margin: 0px;
padding: 0px;
text-align: left;
}

* html div.title_area {
margin: 0px;
padding: 0px;
text-align: center;
}

div.title_area h2 {
margin: 0px;
padding: 0px;
text-align: left;
}

* html div.title_area h2 {
margin: 0px;
padding: 0px;
text-align: center;
}

div.title_area h3 {
margin: 0px;
padding: 0px;
text-align: left;
}

* html div.title_area h3 {
margin: 0px;
padding: 0px;
text-align: center;
}

/* 白い枠の実装用 */
div.body_area {
width: 599px;
margin: 0px;
padding: 0px;
background: url(../images/main_contents_back.jpg) repeat-y;
}

/* 白い枠の実装用 ie6専用 */
div.body_area {
width: 599px;
margin: 0px auto;
padding: 0px;
text-align: left;
background: url(../images/main_contents_back.jpg) repeat-y;
}

div.body_area_body {
margin: 0px;
padding: 10px;
}

* html div.body_area_body {
margin: 0px;
padding: 10px;
text-align: center;
}

div.seminar p {
padding: 0px 10px 10px 10px;
text-align: left;
}

div.body_area_body_online {
margin: 0px;
padding: 10px;
text-align: left;
}

* html div.body_area_body_online {
margin: 0px;
padding: 10px;
text-align: center;
}

div.body_area_body_online h5 {
font-size: 110%;
}

div.foot_area {
margin: 0px;
padding: 0px;
}

/* さらにコンテンツが内包される場合に使用する（主にパディング調整に利用） */
div.inside_contents{
width: 535px;
margin: 0px auto;
text-align: left;
}

div.inside_contents h4{
margin-top: 15px;
margin-bottom: 10px;
}

/* 主にexectiveの画像に利用 */
div.inside_contents div.exe_image{
width: 122px;
float: left;
text-align: left;
}

div.inside_contents p.exective{
margin-left: 122px;
text-align: left;
}

div.inside_contents img.button{
margin: 20px 0px 20px 180px;
}

/* 企業用サービス（オンライン・blogengine）で利用しているコンテンンツ分割 */
div.tob_contents_left {
margin: 10px 0px 0px 0px;
padding: 0px 10px 0px 0px;
float: left;
width: 260px;
text-align: left;
}

div.tob_contents_left h4,h5 {
margin-bottom: 10px;
}

/* onlineで利用している各種サービスへのバナーの位置調整 */
div.tob_contents_left  img.banner{
margin: 5px 0px 10px 20px;
}

/* softwareで利用している各販売パートナーのバナーの位置調整 */
div.tob_contents_left  img.partner_banner{
margin: 5px 0px 5px 0px;
}


div.tob_contents_right {
margin: 10px 0px 0px 260px;
padding: 0px 20px 0px 20px;
border-left: 1px dashed #999999;
text-align: left;
}

div.tob_contents_right h4,h5 {
margin-bottom: 10px;
}

/* softwareで利用しているエリアの高さを指定 */
div.inside_contents div.tob_contents_right {
height: 250px;
}

/* onlineサービス内のラビットバナー用 */
img.banner_toc{
margin: 5px 0px 0px 20px;
}

/* 「もっと見る」やその他の色付き矢印を利用したリンク用 */
p.more {
text-align: right;
padding-right: 5px;
}

p.more_service{
text-align: right;
margin-top: 10px;
margin-right: 10px;
}

/* エントリーアーカイブのみで使用 */
div.entry_body {
padding: 20px 0px 0px 0px;
}


/* パンくずリスト
*************************************************/

p.kl_breadcrumb {
margin: 0px;
padding: 7px 0px 7px 250px;
font-size: 90%;
}

*html p.kl_breadcrumb {
font-size: 75%;
}

/* サイドメニュー大枠レイアウト用
*************************************************/

div#sidecontent {
width: 230px;
margin: 0px;
padding: 0px;
text-align: right;
float: right;
}

div#sidecontentbody{
margin: 0px;
padding: 0px;
}

/* 第2階層以降のサイドメニュー用 */
body.second div#sidecontent {
width: 211px;
margin: 20px 0px 0px 0px;
padding: 0px;
text-align: left;
}

/* 右メニューの広告バナー用 */
div.adbanner {
text-align: center;
}

*html div.adbanner {
text-align: center;
height: 300px;
}


/* サイドメニューの具体的な中身用
*************************************************/

div.kl_navi{
margin: 0px 0px 10px 0px;
padding: 0px;
text-align: center;
}

div.kl_navibody{
margin: 0px ;
padding: 0px;
}

div.kl_navibody h4.kl_navititle {
text-align: left;
margin: 0px;
padding: 0px 5px 0px 0px;
}

div.kl_menulink {
margin: 0px;
padding: 2px 0px 0px 0px;
}

div.kl_menulink p {
margin: 0px;
padding: 0px 0px 2px 0px;
}

div.banner_area {
margin: 0px auto;
padding: 10px 0px;
background: #FFFDED;
text-align: center;
width: 211px;
border: 1px solid #ccc;
}


/* 第2階層以降のサイドメニュー用 */
div.side_head_area {
margin: 0px;
padding: 0px;
}

div.side_menu_area {
width: 211px;
margin: 0px;
padding: 0px;
background: url(../images/second_side_back.jpg) repeat-y;
}

div.side_menu_area_body {
margin: 0px;
padding: 10px 10px 0px 15px;
}

div.side_menu_area_body p {
padding-bottom: 8px;
}

div.side_menu_area_body img {
vertical-align: middle;
}

div.side_foot_area {
margin: 0px;
padding: 0px;
}

/* 第2階層以降のサイドメニュー指示 終了 */

/* footerのレイアウト用
*************************************************/

div#footer{
width: 100%;
font-size: 90%;
margin: 20px 0px 0px 0px;
padding: 0px;
clear: both;
background: #fff;
}

div#footer_body{
width: 850px;
margin: 0px auto;
padding: 10px 0px;
}

div#footer_body div.footerlogo{
width: 200px;
margin: 0px;
padding: 0px;
float: right;
text-align: right;
}

div#footer_body div.footercopy{
margin: 0px ;
padding: 0px 0px 0px 20px;
text-align: left;
color: #333;
}

div#footer_body div.footerservice{
margin: 0px ;
padding: 0px 0px 0px 20px;
text-align: left;
clear: both;
font-size: 80%;
color: #555;
}

div#footer_body div.footerservice p{
margin: 0px ;
padding: 0px;
font-size: 10px;
}

div#footer_body div.footerservice a{
color: #555;
text-decoration: none;
}

div#footer_body div.footerservice a:hover{
color: #999;
text-decoration: underline;
}


/* その他各調整用タグ
*************************************************/

/* プライバシーポリシーで利用するh5、pのパディング調整*/
h5.privacy,p.privacy{
padding-left: 10px;
}

/* sitemapで利用するdivのマージン */
div.sitemap_link{
padding: 10px 0px 20px 10px;
}


/* 採用情報で利用するh5,pのマージン */
h5.recruit{
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
}

p.recruit{
padding-left: 10px;
}

/* チームブログで利用するマージン調整 */
div.inside_contents div.blog_image{
width: 150px;
float: left;
text-align: left;
}

div.inside_contents p.blog{
margin-left: 150px;
text-align: left;
}

/* TOPページのトピックスで使うRSSボタンとrabbitボタンの調整用 */
div.title_area h2.top_topics{
margin: 0px;
padding: 0px;
height: 32px;
width: 599px;
background : url(../images/top_topics_title.jpg) no-repeat;
text-align: right;
}

div.title_area h2.top_topics img {
margin: 8px 7px 0px 0px;
}

/* 商標のページコンテンツ */
div.shohyo_images {
border: 1px solid #006699;
padding: 10px;
}

div.shohyo_address {
margin-top: 0.5em;
padding: 10px;
background: #efefef;
border: 1px solid #999;
}

/* リスト系(サイト内で使用されているか未確認のため、全体の初期化はしていない)
*************************************************/
/* 商標ページのリストマージン初期化 */
div#syohyo ul {
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
padding-left: 0;
}

div#syohyo li {
padding-left: 0;
}

/* リストスタイルなし */

ul.list_normal {
margin-left: 10px;
list-style-type: disk;
list-style-position: inside;
}

ul.list_normal li,
ul.list_desimal li,
ul.list_nostyle li {
margin-bottom: 1em;
}

ul.list_nostyle {
margin-left: 10px;
list-style-type: none;
/*list-style-position: inside;*/
}


ul.list_decimal {
margin-left: 10px;
list-style-type: decimal;
list-style-position: inside;
}


ul.shohyo_list {
margin-left: 10px;
padding-left: 0;
list-style-type: none;
list-style-position: inside;
}

ul.shohyo_list li {
float: left;
margin-right: 20px;
line-height: 1em;
}

p.attention {
color: #990000;
}

/* 補助タグ集（使用しなくても可）
*************************************************/

/* フロート禁止 */
.kl_clear {
clear: both;
}


.clearfix:after {  
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

.clearfix {/* forIE7 */
zoom: 1;
min-height: 1%;
 }