/* CSS Document */

@charset "utf-8";

/*
----------------------------------------------------------------------------- 
SIDEMENU(サービス詳細ページ・会社案内ページ)
-----------------------------------------------------------------------------*/
body .side {
	float: right;
	width: 182px;
	display:inline;
	clear: right;
	text-align:left;
	}


/* サービス詳細ページ用sidemenu*/
.snav_ser {
    font-size:10px;
	background-color:#666666;
	margin:0;
	padding:0;
	}

.snav_ser .snav-category-name {
    width:182px;
	height:52px;
	line-height:52px;
	color:#fff;
	border-bottom:none;
	background:url(side_nav_se.jpg) 0 0 no-repeat;
	}
	
.snav_ser .snav-sub-category-1 {

    width:182px;
	height:39px;
	line-height:39px;
	background-color:#efefef;
	border-bottom:none;
	background:url(side_nav_ver.gif) 0 0 no-repeat;
	}
	
.snav_ser .snav-sub-category-2 {
    width:182px;
	height:39px;
	line-height:39px;
	background-color:#efefef;
	border-bottom:none;
	background:url(side_nav_gyoumu.gif) 0 0 no-repeat;
	}
	
.snav_ser .snav-sub-category-3 {
    width:182px;
	height:39px;
	line-height:39px;
	background-color:#efefef;
	border-bottom:none;
	background:url(side_nav_real.gif) 0 0 no-repeat;
	}	
	

.snav_ser .snav-link-items .item{
    width:182px;
	height:36px;
	margin:0;
	padding:0;
	background:url(side_btn_1.gif) 0 0 no-repeat;
	}


.snav_ser .snav-link-items .item-strong{
    width:182px;
	height:36px;
	margin:0;
	padding:0;
	font-weight: bold;
	background:url(side_btn_1.gif) 0 0 no-repeat;
	}


.snav_ser .snav-link-items .item-last-child{
	width:182px;
　　height:37px;
	margin:0;
    background:url(side_btn_2.gif) 0 0 no-repeat;
	}
	
.service .snav_ser .snav-link-items .item-strong-last-child{
	width:182px;
　　height:37px;
	margin:0;
	padding:0;
	font-weight: bold;
	background:url(side_btn_2.gif) 0 0 no-repeat;
	}


.snav_ser .snav-link-items ul{
    width:182px;
	margin:0;
	padding:0;
	overflow: hidden;
	}

.snav_ser .snav-link-items ul .item{
	width:182px;
	height:36px;
	margin:0;
	padding:0;
	}
	
	
.service .snav_ser .snav-link-items ul .item-strong,
.service .item-strong a{
	width:182px;
	height:36px;
	margin:0;
	padding:0;
	color:#213C73;
	}


.snav_ser .snav-link-items ul .item-last-child{
	width:182px;
	height:37px;
	margin:0;
	padding:0;
	}

.snav_ser .snav-link-items ul .item-strong-last-child,
.service .item-strong-last-child a{
	width:182px;
	height:37px;
	margin:0;
	padding:0;
	color:#213C73;
	}


.snav_ser .snav-link-items ul li a{
    display: block;
    font-size: 10px;
	padding:0 0 0 8px;
	margin:0;
	line-height:36px;
	}

	
.service .snav_ser .snav-link-items ul li .item-strong a:link{
    text-decoration: none;
	}

.service .snav_ser .snav-link-items ul li a:hover {
    font-weight: bold; 
	text-decoration: none;
	color:#213C73;
	}



/* 会社案内ページ用sidemenu*/
.snav_com .snav-company-name {
    width:182px;
	height:52px;
	line-height:52px;
	color:#fff;
	border-bottom:none;
	background:url(side_nav_co.jpg) 0 0 no-repeat;
	}

.snav-companylink-items .item2{
    width: 182px;
    height:36px;
	overflow: hidden;
	background:url(company_side_btn_1.gif) 0 0 no-repeat;
	}

.snav-companylink-items .item2-strong,
.company .snav_com .item2-strong a{
    width: 182px;
    height:36px;
	overflow: hidden;
	font-weight: bold;
	color:#213C73;
	background:url(company_side_btn_1.gif) 0 0 no-repeat;
	}


.snav-companylink-items .item2-last-child{
    width: 182px;
    height:37px;
	overflow: hidden;
	background:url(company_side_btn_2.gif) 0 0 no-repeat;
	}

.snav-companylink-items .item2-strong-last-child,
.company .snav_com .item2-strong-last-child a{
    width: 182px;
    height:37px;
	overflow: hidden;
	font-weight: bold;
	color:#213C73;
	background:url(company_side_btn_2.gif) 0 0 no-repeat;
	}

.snav-companylink-items ul{
	width:182px;
	height:36px;
	margin:0;
	padding:0;
	}

.snav-companylink-items ul li{
	margin:0;
	padding:0;
	line-height:36px;
	}

.snav-companylink-items ul li a{
    display: block;
    font-size: 10px;
	padding:0 0 0 8px;
	margin:0;
	}

.snav-companylink-items ul li a:link {
    text-decoration: none; 
	}

.snav-companylink-items ul li a:hover {
     font-weight: bold; 
	text-decoration: none;
	color:#213C73;
	}



/* 
----------------------------------------------------------------------------- 
トップ
----------------------------------------------------------------------------*/
.mainvisual{
    width:804px;
	height:190px;
    padding:0;
    margin: 20px 0 20px 0;
	text-align:center;
	}

/*トップコンテンツ*/
.topcontent{
    width:800px;
	padding:0 auto;
    margin :0
	}


/*トップコンテンツ左*/
.topcontent-left{
 	float:left;
	width:414px;
    text-align:left;
	padding:0;
	margin :0 35px 0 0;
	clear:left;
	display:inline;
	}



/*プレリリース*/
#pressrelease{
 	width:414px;
    height:34px;
	padding:0;
	margin :0;
	}

/*新着情報*/
#whatsnew{
 	width:414px;
    height:34px;
	padding:0;
	margin :0;
	}
	
	
.topicsMain{
    width:410px;
	padding:0;
	margin :0;
	color:#636563;
     }

.topicsMain a{ 
	color:#636563;
	text-decoration:underline;
	overflow:hidden; /* Delete Link Border for Firefox */
	}
	
.topicsMain a:hover{
	color:#213C73;
	text-decoration:none;	
	}

.topicsMain .Items li{
	width:410px;
	}

.topicsMain .Items li{
	padding:0;
	margin:0;
	}

.topicsMain .Items .Item{
	background:url(dotLine.gif) bottom left repeat-x;
	padding:0 0 3px 5px;
	margin:0 0 10px 0;
	display:block;
	}

.Item .ItemDate{
    display:block;
	width:60px;
	background:url(arrow.gif) left no-repeat;
	float:left;
	}
	
.Item .ItemDate{
	padding:0 0 0 20px;
	margin:0;
	}
	
.Item .ItemTitle{
    display:block;
	width:317px;
	float:right;
	text-align:left;
	}

.Item .ItemTitle{
	padding:0 2px 0 0;
	margin:0;
	}
	

/*トップコンテンツ右*/
.topcontent-right{
    float:right;
	width:348px;
    text-align:left;
	padding:0;
	margin :0;
	}


/*営業担当者のおススメサービス*/
.right-title{
    width:348px;
	height:41px;
    text-align:left;
	padding:0;
	margin :0;
	}

.recommend-content{
	background:url(bg_recommend.gif) top no-repeat;
	width:348px;
	text-align:left;
	padding:12px 0 0 0;
	margin :0;
	}

.recommend-content ul{
	width:317px;
	padding-left:15px;
	margin :0;
	}

.recommend-content li{
	width:317px;
	height:86px;
	text-align:left;
	padding:0 0 12px 0;
	margin :0;
	}

/*お問い合わせ*/

.info-content{
	background:url(bg_recommend.gif) bottom no-repeat;
	width:348px;
	height:60px;
	text-align:left;
	padding:12px 0 0 0;
	margin :0;
	}
	
.info-content ul{
	width:317px;
	padding-left:15px;
	margin :0;
	}

.info-content li{
	width:317px;
	height:60px;
	text-align:left;
	padding:0 0 0 0;
	margin :0;
	}
	

/*アシスト情報システム*/

.assist-bg{
	background:url(bg_assist.gif) top no-repeat;
	width:348px;
	height:195px;
	padding:0;
	margin:0 0 11px 0;
	display:block;
	}

.assist-bg .assist-touch{
       	width:123px;
		height:195px;
		padding:0;
		margin:0;
		float:left;
		}

.assist-bg #btnarea ul{
	width:224px;
	height:173px;
	padding:0;
	margin:11px 0;
	text-align:left;
	float:right;
	}


.assist-bg #btnarea li #kanto{
	    width:193px;
		height:49px;
        padding:0;
		margin:0 0 13px 0;
		}

.assist-bg #btnarea li #kansai{
	    width: 193px;
		height: 49px;
        padding:0;
		margin:0 0 13px 0;
		}
		
.assist-bg #btnarea li #degisai{
	    width: 193px;
		height: 49px;
        padding:0;
		margin:0;
		}
		
		
/*SEO*/

.seo-bg{
	background:url(seo_assist.gif) top no-repeat;
	width:348px;
	height:170px;
	padding:0;
	margin:0 0 11px 0;
	display:block;
	}

.seo-bg .seo-touch{
       	width:123px;
		height:170px;
		padding:0;
		margin:0;
		float:left;
		}

.seo-bg #btnarea ul{
	width:224px;
	height:auto;
	padding:0;
	margin:11px 0;
	text-align:left;
	float:right;
	}


.seo-bg #btnarea li #kanto{
	    width:193px;
		height:65px;
        padding:0;
		margin:0 0 13px 0;
		}

.seo-bg #btnarea li #kansai{
	    width: 193px;
		height: 65px;
        padding:0;
		margin:0 0 13px 0;
		}
		
.seo-bg #btnarea li #degisai{
	    width: 193px;
		height: 65px;
        padding:0;
		margin:0;
		}

/*
----------------------------------------------------------------------------- 
CONTENT(右メニューのあるページ：サービス内容詳細/会社案内)
-----------------------------------------------------------------------------*/
body .content_left{
	display: inline;
	float: left;
	width: 594px;
	margin: 0 24px 0 0;
	padding: 0;
	text-align:left;
	clear: left;
	}


/* 
----------------------------------------------------------------------------- 
サービス内容
-----------------------------------------------------------------------------*/
/*サービス内容一覧タイトル*/
.service-title {
	width:804px;
    font-size:10px;
	padding:0;
    margin: 0 0 20px 0;
	}

.title-copy {
    width:804px;
	height:34px;
	padding:0;
    margin :0 0 0 2px;
	}
	
.service-title .copy {
    width:804px;
	height:120px;
	line-height:2.0;
	padding:0;
	margin :0 0 0 2px;
	color:#313031;
	}
	
.copy {
    width:800px;
	height:120px;
	padding:0;
	margin :0;
	text-align:left;
	background:url(service_top_bg_1.jpg) 0 0 no-repeat;
	}

.container .content .service-title .copy p{
	width:430px;
	padding-top:16px;
	padding-left:21px;
	font-size:12px;     
    line-height:1.8;
	color:#313031;
	background:none;
	}


/* 
----------------------------------------------------------------------------- 
サービス内容一覧コンテンツ
-----------------------------------------------------------------------------*/
.main .content .headline_se h1{ /* サービス内容タイトル */
    width:594px;
	height:67px;
	margin-bottom:0;
	padding-bottom:0;
	background-color:#436dc5;
	}

.content-sub {
	width:804px;
	text-align:left;
	}

/*LeftContent*/
.content-sub-left{
 	float:left;
	width:415px;
	padding:0;
	margin :0 0 20px 0;
    text-align:left;
	}
	
.left-sub-title{
	clear:left;
	width:385px;
	height:49px;
	padding:0;
	margin :0;
	}

.left-text p{
	width: 325px;
	height:72px; 
	text-align:left;
    font-size:10px;
	color:#313031;
	text-indent:1em;    
   	line-height:1.5;
	padding:9px 5px 0 25px;
	margin:0;
	}

.left-menu ul{
    width:325px;
    padding-left:25px;
	margin:0;
	}

/*RightContent*/
.content-sub-right{
    float:right;
	width:385px;
    text-align:left;
	padding:0;
	margin :0 0 20px 0;
	}

.right-sub-title{
    clear: right;
	width:385px;
	height:49px;
	padding:0;
	margin :0;
	}

.right-text p{
    width:325px;
	height:72px; 
	text-align: left;
	font-size:10px;     
    color:#313031;
	text-indent: 1em; 
    line-height:1.5;
	padding: 9px 5px 0 25px;
	margin:0;
	}

.right-menu ul{
　　width:325px;
　　padding-left:25px;
    margin :0;
    }


/*ヴァーチャル店舗活用サービス*/
.left-text{
	clear:left;
	width:385px;
	height:231px;
	background:url(service_top_sub_bg_1.jpg) 0 0 no-repeat;
	padding:0;
	margin:0;
	}
	
.left-menu li {
    padding-left:20px;
    font-size:12px; 
	text-align:left;
	font-weight:bold;
	color:#242424;
	margin:0;
	line-height:2.0;
	background: url(arrow_service.gif) left center no-repeat;
	list-style:none;
	}


	
/*業務効率化サービス*/
.right-text{
    clear: right;
	width:385px;
	height:231px;
	background:url(service_top_sub_bg_3.jpg) 0 0 no-repeat;
	padding:0;
	margin :0;
	}

.right-menu ul li {
    text-align: left;
    font-size: 12px; 
	font-weight:bold;
	color:#242424;
　　padding-left: 20px;
	margin:0;
	line-height:2.0;
	background: url(arrow_service.gif) left center no-repeat;
	list-style:none;
	}


/*リアル店舗活用サービス*/
.content-sub-left02{
 	float:left;
	width:415px;
    text-align:left;
	padding:0;
	margin :0 0 20px 0;
	}


.left02-sub-title{
	clear:left;
	width:385px;
	height:49px;
	padding:0;
	margin :0;
	}

.left02-text{
    clear: right;
	width:385px;
	height:231px;
	background:url(service_top_sub_bg_2.jpg) 0 0 no-repeat;
	padding:0;
	margin :0;
	}

.left02-text p{
	width: 325px;
	height:72px; 
	text-align:left;
    font-size:10px;
	color:#313031;
	text-indent:1em;    
   	line-height:1.5;
	padding:9px 5px 0 25px;
	margin:0;
	}

.left02-menu ul li {
    text-align: left;
    font-size: 12px; 
	font-weight:bold;
	color:#242424;
　　padding-left: 20px;
	margin:0;
	line-height:2.0;
	background: url(arrow_service.gif) left center no-repeat;
	list-style:none;
	}
	
	
	
	
/* 
----------------------------------------------------------------------------- 
サービス内容詳細ページ
-----------------------------------------------------------------------------*/
.serviceArea {
    clear:left;
	padding:0;
   	margin:0;
	color:#fff;
	}

/*サービス内容詳細部分*/
.service_ver{
	clear:left;
	padding: 0;
	margin:17px 0 17px 0;
	color:#fff;
	}
	
.service_ver02{/*「機能のご紹介」タイトル*/
	clear:left;
	padding: 0;
	margin:0 0 20px 0;
	color:#fff;
	}

.service_ver03 {/*サブタイトル*/
	clear:left;
	padding: 0;
	margin:10px 0 13px 0;
	color:#fff;
	}


.service_ver04 p{/*サブテキスト*/
	clear:left;
	padding: 0;
	margin:13px 21px 13px 25px;
	color:#313031;
	}

.service_ver05{
	clear:left;
	padding: 0;
	margin:13px 0 20px 0;
	color:#fff;
	}




/*サービス内容詳細部分(リアル店舗)*/
.service_real01{
	clear:left;
	padding: 0;
	margin:17px 0 0 0;
	color:#fff;
	}

.service_real02{
	clear:left;
	padding: 0;
	margin:0;
	color:#fff;
	}

/*サービス内容詳細部分最下部分*/
.service_ver_last{
	clear:left;
	padding: 0;
	margin:17px 0 60px 0;
	}

/*サービス内容詳細部分最下部分(リアル店舗)*/
.service_real_last{
	clear:left;
	padding: 0;
	margin:0 0 60px 0;
	}

/*サービス内容詳細部分最下部分(リアル店舗/法人用敬愛電話)*/	
.service_real_last3-5{
	clear:left;
	padding: 0;
	margin:17px 0 180px 0;
	}	

	
	
/*サービス内容サブメニュー*/
 .toc {
	clear:left;
	width:594px;
	margin:10px auto 0px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	}
	
.toc ul {
	margin-top:10px;
	padding-left:13px;
	}

.toc li {
	padding-left:0;
	margin:5px auto 0px;
	display:block;
	}

.toc .floatLeft01 li {
	padding-left:0;
	margin:2px auto 3px;
	display:block;
	float:left;
	width:280px;
	}



/* 
----------------------------------------------------------------------------- 
サービスデモ
-----------------------------------------------------------------------------*/
.democontents{
    width:804px;
	vertical-align: top;
	text-align:left;
   	padding:0;
    margin:0;
	}

/* サービスデモ　左部分 */   
.demoItem-left{
	background:url(demo_bg.jpg) top no-repeat;
	width:400px;
	height:190px;
    float:left; 
	padding:0;
	margin:0 0 20px;
	list-style-type:none;
	}
	
/* サービスデモ　右部分 */ 
.demoItem-right {
	float:right;
	background:url(demo_bg_right.jpg) top no-repeat;
	width:400px;
	height:190px;
	padding:0;
	margin:0 0 20px;
	text-align:center;/* forIE */
	list-style-type:none;
	}


/* サービスデモ中身構成部分 */
.demobox ul{
	clear:left;
 	width:348px;
	height:146px;
	padding-bottom:22px;
	margin:22px 30px 22px 22px;
	}
	
.demobox-right ul{
 	width:348px;
	height:146px;
	padding-bottom:22px;
	margin:22px 22px 22px 30px;
	clear:right;
	}

.demobox-ire ul{
 	width:348px;
	height:153px;
	padding-bottom:22px;
	margin:15px 30px 22px 22px;
	}
	
.demobox-right-ire ul{
 	width:348px;
	height:153px;
	padding-bottom:22px;
	margin:15px 22px 22px 30px;
	}

.demo01{
	width:348px;
	height:46px;
	padding:0;
	margin :0;
	}

.demo01 a{
	width:348px;
	height:46px;
     }

.demo01-ir {
	width:348px;
	height:60px;
	padding:0;
	margin :0;
	}
	
.demo01-ir a{
	width:348px;
	height:60px;
	}

.demo02{
	width:348px;
	height:58px;
	padding:10px 0 10px;
	margin:0;
	text-align:left;
	font-size:11px;
	color:#FF3399;
	font-weight:bold;
	}

.demo02-ir{
	width:348px;
	height:58px;
	padding:3px 0 10px;
	margin:0;
	text-align:left;
	font-size:11px;
	color:#FF3399;
	font-weight:bold;
	}	

.demo03{
	width:348px;
	height:22px;
	padding:0;
	margin:0 0 22px;
	}
	 
.demo03 a{
    width:348px;
	height:22px;
	}

/*
----------------------------------------------------------------------------- 
会社案内
-----------------------------------------------------------------------------*/

.company .content .content_left .headline_co { /*会社概要タイトル */
    width:594px;
	height:54px;
	margin:0 0 17px 0;
	padding:0;
	}



/*代表挨拶(会社案内)-------------------------------------------------------*/
.company_message{
	clear:left;
	padding: 0;
	margin-top:20px;
	margin-bottom:75px;
　　}

p.intro {
	line-height:160%;
	margin:0 0.8em 2em 1em;
	}
	
p.intro-pr {
	line-height:180%;
	margin:1em 0.8em 1.8em 1em;
	letter-spacing: 0.1em; 
	}
	
p.last-child {
	line-height:200%;
	margin:0.5em 0.8em 6.0em 1em;
	text-align:right;
	}



/*会社概要(会社案内)--------------------------------------------------------*/
.content .dataGrid .dataGridInner{
	border-collapse: separate;
	border:solid 1px #ccc;
	margin:0;
	padding:0;
	}

.content .content_left .outlineData{
	width:594px;
	margin:0;
	padding:0;
	}

.content .content_left .outlineData table{
	width:594px;
	margin:0;
	padding:0;
	}

.content .dataGrid table .dataGridTh{
	background-color:#efefef;
	color:#213C73;
	margin:0;
	}


.content .dataGrid table th,
.content .dataGrid table td{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
	
.content .dataGrid table td{
	background-color:#f4f4f4;
	border-right: none;
	}

.company .content .outlineData .comment{
	border-bottom:none;
	}

.company .content .outlineData .commentData{
	border-bottom:none;
	}

.content table.dataGridInner{ /* フォントサイズ(念のため残す) */
	font-size: 100%;
		}

.content table .dataGridTh{ /* 左側項目の幅を決める */
	width:25%;	
	}

.content .dataGrid table .dataGridTh p{ /* 左側項目の文字の左余白を広める */
	padding-left:10px;
	}
	
.content .dataGrid table .dataGridTh p,
.content .dataGrid table .dataGridTd p{/* 左側項目の上余白と右内容お上余白と左余白 */
	margin:8px;
	line-height:1.5;
	}
	
.content .dataGrid table .dataGridTh span,
.content .dataGrid table .dataGridTd span{/* 念のため残しておく */
	display:block;
	margin:8px 0;
	line-height:1.5;
	}


/*
----------------------------------------------------------------------------- 
個人情報保護方針
-----------------------------------------------------------------------------*/

.privacy .content .headline_pr { /*個人情報保護方針タイトル */
    width:800px;
	height:54px;
	margin:0;
	padding:0;
	}


.privacy_message{
	width: 800px;
	text-align:left;
	}

.privacy .content h3{
	margin:30px 0 10px;
	padding:4px 8px 4px 6px;
	font-size:16px;
	color:#213C73;
	font-weight:bold;
	border-bottom:2px solid #213C73;
	}

div .section {
	margin: 0 10px 0 10px;
	padding: 0;
	border-bottom: 0 none;
	}

body .privacy_message li {
	line-height:20px;
	letter-spacing: 0.5px; 
	margin:10px 0 0 0;
	}

body .privacy_message ul ul{
	margin-top: 0;
	}

body .privacy_message li li{
	margin:5px 0 5px 0;
	}

body .privacy_message ul ul ul li{
	margin:0;
	}

body .privacy_message table {
		width: 500px; 
    	border: 1px #2b2b2b solid;
	    bgColor: #333333;
		}
		
body .privacy_message table tr td{
		padding:3px 7px ;
		font-size: 10px; 
	 	}

.content .privacy_message .section ul li tr td .center{
	 text-align:center; 
	 }
	 
/*追加--------------------------------------------------------*/
.waku{
width:385px;
height:280px;
background-image:url(01.gif);
background-repeat:no-repeat;
float:left;
margin-bottom:15px;
}
.waku2{
width:385px;
background-image:url(01.gif);
background-repeat:no-repeat;
float:right;
height:280px;
margin-bottom:15px;
}
.waku_title{
height:61px;
line-height:61px;
font-size:14px;
font-weight:bold;
padding-left:50px;
}
.waku_text{
padding:15px;
font-size:12px;
}
.waku_left{
float:left;
}
.waku_right{
float:right;
width:220px;
font-size:12px;
}
.waku_right dt{
margin-bottom:3px;
}
.waku_img{
margin-left:24px;
width:130px;
height:130px;
}
.waku_text2{
height:60px;
padding:35px 0 0 25px;
font-size:12px;
}


/*Lightbox*/
.kuro{position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:#000;filter:alpha(opacity="80");-moz-opacity:0.8;opacity:0.8;display:none;z-index:1001;}
.siro{position:absolute;top:50%;left:50%;width:300px;height:300px;background-color:#fff;display:none;z-index:1002;margin:-200px 0 0 -150px;}
.siro img{border:0;margin:10px 0 0 10px;}