@charset "utf-8";

/*
--------------------------------------------------
ホーム
--------------------------------------------------
*/

/* ロゴ */
#home_logo {
	margin: 30px 0 30px 10px;
}

/* SNSエリア */
#home_sns_area {
	width: 890px;
	height: 21px;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: hidden;
	position: relative;
	zoom: 1;
}

/* 一部のSNSボタンはIE6で非表示にする */
* html #home_sns_facebook {
	display: none;
}

/* SNSリンク */
#home_sns_area ul {
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
}

/* SNSリンク */
#home_sns_area li {
	float: right;
	margin: 0;
	padding: 0;
}

/* Google Plus */
#___plusone_0 {
	width: 78px!important;
}

/* Twitter */
iframe.twitter-share-button {
    width: 100px!important;
}

/* トピックスボックス ヘッダー */
.home_box_topics_header {
	background-image: url(../Images/box_header_large.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 890px;
    height: 12px;
}

/* トピックスボックス ボディ */
.home_box_topics_body {
	background-image: url(../Images/box_body_large.png);
    background-position: 0 0;
    background-repeat: repeat-y;
    width: 860px;
    padding-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 90%;
}

/* トピックスボックス フッター */
.home_box_topics_footer {
	background-image: url(../Images/box_footer_large.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 890px;
    height: 12px;
    margin-bottom: 0px;
}

/* トピックス 区切り線 */
.home_topics_split {
	width: 755px;
	height: 1px;
	margin-left: 100px;
	background-image: url(../Images/home_topics_split.png);
    background-position: 0 50%;
    background-repeat: repeat-x;
}

/* トピックス 新履歴 */
#home_new_topics_area {
}

/* トピックス 旧履歴 */
#home_old_topics_area {
    display: none;
}

/* トピックス 行 */
.home_topics_line {
	overflow: hidden;
	position: relative;
	zoom: 1;
	padding: 5px 0px 5px 10px;
}

/* トピックス 行 新着アイコン */
.home_topics_line .icon_new {
    float: left;
    width: 70px;
    height: 17px;
    background-image: url(../Images/home_topics_new_icon.png);
    background-position: 0px 50%;
    background-repeat: no-repeat;
}

/* トピックス 行 お知らせアイコン */
.home_topics_line .icon_infomation {
    float: left;
    width: 70px;
    height: 17px;
    background-image: url(../Images/home_topics_information_icon.png);
    background-position: 0px 50%;
    background-repeat: no-repeat;
}

/* トピックス 行 イベントアイコン */
.home_topics_line .icon_event {
    float: left;
    width: 70px;
    height: 17px;
    background-image: url(../Images/home_topics_event_icon.png);
    background-position: 0px 50%;
    background-repeat: no-repeat;
}

/* トピックス 行 アップデートアイコン */
.home_topics_line .icon_update {
    float: left;
    width: 70px;
    height: 17px;
    background-image: url(../Images/home_topics_update_icon.png);
    background-position: 0px 50%;
    background-repeat: no-repeat;
}

/* トピックス 行 重要アイコン */
.home_topics_line .icon_update {
    float: left;
    width: 70px;
    height: 17px;
    background-image: url(../Images/home_topics_important_icon.png);
    background-position: 0px 50%;
    background-repeat: no-repeat;
}

/* トピックス 行 日付 */
.home_topics_line .date {
	float: left;
	font-weight: bold;
	margin-left: 20px;
}

/* トピックス 行 メッセージ */
.home_topics_line .message {
    float: left;
    margin-left: 20px;
}

/* トピックス 行 もっと見る */
.home_topics_line #more {
    float: right;
    cursor: pointer;
    margin-right: 10px;
}

/* トピックス 行 閉じる */
.home_topics_line #close {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    display: none;
}

/* 漫画&導入事例エリア */
#home_comic_example_area {
	overflow: hidden;
	position: relative;
	zoom: 1;
	padding-bottom: 20px;
}

/* 漫画エリア */
#home_comic_example_area #home_comic_area {
	float: left;
}

/* 漫画エリア コンテンツ */
#home_comic_example_area #home_comic_area #home_comic_contents {
	width: 460px;
	height: 228px;
	background-image: url(../Images/home_comic_contents.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* 漫画を読むボタン */
#home_comic_example_area #home_comic_area #home_comic_contents #home_comic_view_buttton {
	position: absolute;
	top: 215px;
	left: 240px;
}

/* 導入事例エリア */
#home_comic_example_area #home_example_area {
	float: right;
}

/* 導入事例エリア コンテンツ */
#home_comic_example_area #home_example_area #home_example_contents {
	width: 400px;
	height: 228px;
	background-image: url(../Images/home_example_contents.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* 導入事例を見るボタン */
#home_comic_example_area #home_example_area #home_example_contents #home_examle_view_button {
	position: absolute;
	top: 215px;
	left: 635px;
}

/* 紹介1エリア */
#home_view1_area {
	padding-bottom: 10px;
}

/* 紹介1エリア インナー */
#home_view1_area .home_view1_area_inner {
	overflow: hidden;
	position: relative;
	zoom: 1;
}

/* 紹介1アイテム */
#home_view1_area .home_view1_area_inner .home_view1_item {
	float: left;
}

/* 紹介1ボタン */
#home_view1_area #home_view1_button {
	width: 100%;
	text-align: center;
	padding-top: 50px;
}

/* 紹介2エリア */
#home_view2_area {
	padding-bottom: 20px;
}

/* 紹介2エリア インナー */
#home_view2_area .home_view2_area_inner {
	overflow: hidden;
	position: relative;
	zoom: 1;
}

/* 紹介2アイテム */
#home_view2_area .home_view2_area_inner .home_view2_item {
	float: left;
}

/* 紹介2ボタン */
#home_view2_area #home_view2_button {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

/* 紹介3エリア */
#home_view3_area {
	padding-bottom: 20px;
}

/* 紹介3エリア インナー */
#home_view3_area .home_view3_area_inner {
	overflow: hidden;
	position: relative;
	zoom: 1;
}

/* 紹介3アイテム */
#home_view3_area .home_view3_area_inner .home_view3_item {
	float: left;
}

/* 紹介3ボタン */
#home_view3_area #home_view3_button {
	width: 100%;
	text-align: center;
}