@charset "UTF-8";

/* 
----------------------------------------
2009.06.05
version 1.0
インデックス摘要スタイルシート
----------------------------------------
 */
/*
 
***********************************
*
*トップページ設定
*
***********************************

*/



/*メインイメージ*/
#I-Main {
		margin:0px 0px 15px 0px;
		background-image:url(../img/index/main.jpg);
		width:950px;
		height:280px;
		display:block;
		text-indent:-3000em;
}

#Index-spacer {
		background-image:url(../img/index/index-spacer.jpg);
		width:950px;
		height:11px;
		display:block;
		text-indent:-3000em;
}

/* news */
#I-News-Tit {
		margin-left:0px;
		width:680px;
		height:49px;
		background:url(../img/common/news-title.jpg) left top no-repeat;
		text-indent:-3000em;
		display:block;
		padding-left:4px;
}

#I-Newsbox {
	float:left;
	background:url(../img/common/news-box.jpg) left top no-repeat;
	display:block;
	width:650px;
	height:220px;
	padding:15px;
	overflow:auto;
}

#I-Newsbox dt {
		background:url(../img/common/newstitle-under.gif) left bottom no-repeat;
		display:block;
		width:90%px;
		padding:0px 5px 10px 0px;
		font-weight:bold;
/*		margin:0 auto;*/
}

#I-Newsbox dd {
		background:url(../img/common/newstext-under.gif) left bottom no-repeat;
		display:block;
		width:90%;
		padding:0px 5px 25px 0px;
		line-height:120%;
/*		margin:0 auto;*/
}

#I-Newsbox .Boxhead {
		float:left;
		margin-left:0px;
		width:680px;
		height:29px;
		background:url(../img/common/news-box1.jpg) left top no-repeat;
		text-indent:-3000em;
		display:block
}

#I-Newsbox .Boxmidle {
		float:left;
		margin-left:0px;
		width:680px;
		height:auto;
		background:url(../img/common/news-box2.jpg) left top repeat;
		display:block
}

#I-Newsbox .Boxfoot {
		float:left;
		margin-left:0px;
		width:680px;
		height:30px;
		background:url(../img/common/news-box3.jpg) left top no-repeat;
		text-indent:-3000em;
		display:block
}

#I-Newsbox .Boximg {
		float:left;
		margin-left:0px;
		width:65px;
		height:69px;
		text-indent:-3000em;
		display:block;
		font-size:90%;
}

#I-Newsbox .Boxtitle {
		float:left;
		margin-left:4px;
		width:560px;
		height:auto;
		display:block;
		color:#000000;
		font-weight:bold;
}

#I-Newsbox .Boxtext {
		float:left;
		padding-left:9px;
		padding-bottom:10px;
		width:610px;
		height:auto;
		display:block;
		color:#666666;
		font-size:80%;
		line-height:1.6em;
}

/* news */
#I-Mov {
		float:right;
		width:210px;
		height:250px;
		text-align:center;
}

#I-Mov .I-Mov a {
		background:url(../img/common/movie01.jpg) left top no-repeat;
		display:block;
		width:210px;
		height:230px;
		text-indent:-3000em;
}
#I-Mov .I-Mov-Text {
		font-size:11px;
}

#I-Mov01 {
		float:right;
		width:210px;
		height:250px;
		text-align:center;
}
#I-Mov01 .I-Mov01 a {
		background:url(../img/common/news_bana_01.jpg) left top no-repeat;
		display:block;
		width:210px;
		height:114px;
		text-indent:-3000em;
}
#I-Mov01 .I-Mov02 a {
		background:url(../img/common/news_bana_02.jpg) left top no-repeat;
		display:block;
		width:210px;
		height:1px;
		text-indent:-3000em;
}
#I-Mov01 .I-Mov03 a {
		background:url(../img/common/news_bana_03.jpg) left top no-repeat;
		display:block;
		width:210px;
		height:115px;
		text-indent:-3000em;
}

#I-Mov01 .I-Mov01-Text {
		font-size:11px;
}

/**************************ThickBox用********************************/

.sample-box{width:600px;
            padding:5px;
			/*height:130px;*/
			}
			
.sample-box img{padding:0 5px;}			


#I-Mov11 {
/*		width:210px;*/
		width:600px;
		text-align:left;
		font-size:14px;
		font-weight:normal;
		color:#FFFFFF;
		line-height:140%;
		background:#000000;
		padding:10px;
}

#I-Mov11 .I-Mov01 a {
		background:url(../img/common/news_bana_01.jpg) left top no-repeat;
		display:block;
		width:210px;
		height:114px;
		text-indent:-3000em;
		margin-right:5px;
}
#I-Mo11 .I-Mov02 a {
        float:left;
		background:url(../img/common/news_bana_02.jpg) left top no-repeat;
		display:block;
		width:210px;
		height:1px;
		text-indent:-3000em;
}
#I-Mov11 .I-Mov03 a {
		background:url(../img/common/news_bana_03.jpg) left top no-repeat;
		display:block;
		width:210px;
		height:115px;
		text-indent:-3000em;
		margin-right:10px;
		clear:both;
}

#I-Mov11 .I-Mov01-Text {
		font-size:14px;
		width:600px;
		clear:both;
		font-weight:bold;
}


/*右バナースペース*/
#Casebox {
		width:210px;
		margin:0px 0px 20px 0px;
}

#Intro-lineup-tit {
		background:url(../img/common/itemlinup.gif) left top no-repeat;
		width:210px;
		height:26px;
		text-indent:-3000em;
		display:block;
}

#CategoriBox {
}

#Casebox .I-Case00 a {
		float:left;
		background:url(../img/common/navi2-bg.gif) left top no-repeat;
		text-decoration:none;
		width:208px;
		height:26px;
		display:block;
		border-top:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		color:#73724D;
		line-height:2.5em;
		font-size:x-small;
}

#Casebox .I-Case00 a:hover {
		background:url(../img/common/navi2-bg2.gif) left top no-repeat;
		text-decoration:none;
		width:208px;
		height:26px;
		color:#73724D;
		line-height:2.5em;
		font-size:x-small;
}

#Linkbox {
}

#Casebox .I-Case00b a {
		background:url(../img/common/see-all.gif) left top no-repeat;
		width:210px;
		height:37px;
		text-indent:-3000em;
		display:block;
		padding-bottom:10px;
}

#Intro-bana01-tit {
		background:url(../img/common/bana01.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana01-tit a {
		background:url(../img/common/bana01.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
}

#Casebox .I-Case01 a {
		width:210px;
		height:20px;
		display:block;
		padding-bottom:10px;
		text-align:center;
		font-size:70%;
}

#Casebox .I-Case01 a:hover {
}


#Intro-12 {
		background:url(../img/common/bnr_rescue.png) left top no-repeat;
		padding-bottom:10px;
		width:210px;
		height:243px;
		text-indent:-3000em;
		display:block;
}

#Intro-12 a {
		background:url(../img/common/bnr_rescue.png) left top no-repeat;
		width:210px;
		height:243px;
		text-indent:-3000em;
		display:block;
}
#Intro-12_b {
		background:url(../img/common/bnr_13man.png) left top no-repeat;
		padding-bottom:10px;
		width:210px;
		height:240px;
		text-indent:-3000em;
		display:block;
}
#Intro-12_c {
		background:url(../img/common/bnr_fudousan.png) left top no-repeat;
		padding-bottom:10px;
		width:210px;
		height:240px;
		text-indent:-3000em;
		display:block;
}
#Intro-12_c a{
		background:url(../img/common/bnr_fudousan.png) left top no-repeat;
		width:210px;
		height:240px;
		text-indent:-3000em;
		display:block;
}
#Intro-12_b a {
		background:url(../img/common/bnr_13man.png) left top no-repeat;
		width:210px;
		height:240px;
		text-indent:-3000em;
		display:block;
}
#Intro-14 {
		background:url(../img/common/enkaku_banner.png) left top no-repeat;
		padding-bottom:10px;
		width:210px;
		height:200px;
		text-indent:-3000em;
		display:block;
}

#Intro-14 a {
		background:url(../img/common/enkaku_banner.png) left top no-repeat;
		width:210px;
		height:200px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana08-tit {
		background:url(../img/common/shindan.jpg) left top no-repeat;
		padding-bottom:10px;
		width:210px;
		height:230px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana08-tit a {
		background:url(../img/common/shindan.gif) left top no-repeat;
		width:210px;
		height:230px;
		text-indent:-3000em;
		display:block;
}
#Intro-bana10-tit {
		background:url(../img/common/dounyubana.jpg) left top no-repeat;
		padding-bottom:10px;
		width:211px;
		height:36px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana11-tit {
		background:url(../img/common/kozintakubana.jpg) left top no-repeat;
		padding-bottom:10px;
		width:211px;
		height:204px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana11-tit a {
		background:url(../img/common/kozintakubana.gif) left top no-repeat;
		width:211px;
		height:204px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana12-tit {
		background:url(../img/common/burogubana.jpg) left top no-repeat;
		padding-bottom:10px;
		width:210px;
		height:60px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana12-tit a {
		background:url(../img/common/burogubana.jpg) left top no-repeat;
		width:210px;
		height:60px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana13-tit {
		background:url(../img/common/qabana.jpg) left top no-repeat;
		padding-bottom:10px;
		width:210px;
		height:60px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana13-tit a {
		background:url(../img/common/qabana.jpg) left top no-repeat;
		width:210px;
		height:60px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana14-tit {
		background:url(../img/common/fsmile.gif) left top no-repeat;
		width:210px;
		height:56px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana14-tit a {
		background:url(../img/common/fsmile.gif) left top no-repeat;
		width:210px;
		height:56px;
		text-indent:-3000em;
		display:block;
}

#Casebox .I-Case14 a {
		width:210px;
		height:20px;
		display:block;
		padding-bottom:10px;
		text-align:center;
		font-size:70%;
}

#Casebox .I-Case14 a:hover {
}

#Intro-bana15-tit {
		background:url(../img/common/ogawamata_bana.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana15-tit a {
		background:url(../img/common/ogawamata_bana.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
}

#Casebox .I-Case15 a {
		width:210px;
		height:20px;
		display:block;
		padding-bottom:10px;
		text-align:center;
		font-size:70%;
}

#Casebox .I-Case15 a:hover {
}

#Intro-bana06-tit {
		background:url(../img/common/taioueria.jpg) left top no-repeat;
		padding-bottom:10px;
		width:210px;
		height:230px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana06copy-tit {
		background:url(../img/common/taioueriabana.jpg) left top no-repeat;
		padding-bottom:10px;
		width:208px;
		height:182px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana06-tit a {
		background:url(../img/common/taioueria.jpg) left top no-repeat;
		width:210px;
		height:230px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana06copy-tit a {
		background:url(../img/common/taioueriabana.jpg) left top no-repeat;
		width:208px;
		height:182px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana07-tit {
		background:url(../img/common/support.jpg) left top no-repeat;
		padding-bottom:10px;
		width:210px;
		height:230px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana07copy-tit {
		background:url(../img/common/supportbana.jpg) left top no-repeat;
		padding-bottom:10px;
		width:210px;
		height:183px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana07-tit a {
		background:url(../img/common/support.gif) left top no-repeat;
		width:210px;
		height:230px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana07copy-tit a {
		background:url(../img/common/supportbana.jpg) left top no-repeat;
		width:210px;
		height:183px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana01a-tit {
		background:url(../img/common/movie01.jpg) left top no-repeat;
		width:210px;
		height:230px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana01a-tit a {
		background:url(../img/common/movie01.jpg) left top no-repeat;
		width:210px;
		height:230px;
		text-indent:-3000em;
		display:block;
}

#Casebox .I-Case01a a {
		width:210px;
		height:20px;
		display:block;
		padding-bottom:10px;
		text-align:center;
		font-size:70%;
}

#Casebox .I-Case01a a:hover {
}

#Intro-bana02-tit {
		background:url(../img/common/bana02.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana02-tit a {
		background:url(../img/common/bana02.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
}

#Casebox .I-Case02 a {
		width:210px;
		height:20px;
		display:block;
		padding-bottom:10px;
		text-align:center;
		font-size:70%;
}

#Casebox .I-Case02 a:hover {
}

#Intro-bana03-tit {
		background:url(../img/common/bana03.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana03-tit a {
		background:url(../img/common/bana03.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
}

#Casebox .I-Case03 a {
		width:210px;
		height:20px;
		display:block;
		padding-bottom:10px;
		text-align:center;
		font-size:70%;
}

#Casebox .I-Case03 a:hover {
}

#Intro-bana04-tit {
		background:url(../img/common/bana04.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
		margin-top:10px;
}

#Intro-bana04-tit a {
		background:url(../img/common/bana04.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
}

#Casebox .I-Case04 a {
		width:210px;
		height:20px;
		display:block;
		padding-bottom:10px;
		text-align:center;
		font-size:70%;
}

#Casebox .I-Case04 a:hover {
}

#Intro-bana05-tit {
		background:url(../img/common/bana05.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana05-tit a {
		background:url(../img/common/bana05.gif) left top no-repeat;
		width:210px;
		height:46px;
		text-indent:-3000em;
		display:block;
}

#Casebox .I-Case05 a {
		width:210px;
		height:20px;
		display:block;
		padding-bottom:10px;
		text-align:center;
		font-size:70%;
}

#Casebox .I-Case05 a:hover {
}

#Intro-bana09-tit {
		background:url(../img/common/minibannar.gif) center top no-repeat;
		width:88px;
		height:31px;
		padding: 0 61px;
		text-indent:-3000em;
		display:block;
}

#Intro-bana09-tit a {
		background:url(../img/common/minibannar.gif) left top no-repeat;
		width:88px;
		height:31px;
		text-indent:-3000em;
		display:block;
}

#Casebox .I-Case09 a {
		width:210px;
		height:20px;
		display:block;
		padding-bottom:10px;
		text-align:center;
		font-size:70%;
}

#Casebox .I-Case09 a:hover {
}

.tbl-maintenance01 {
		border-top:1px solid #bbb;
		border-left:1px solid #bbb;
}

.tbl-maintenance01 td,
.tbl-maintenance01 th {
		padding:2px 10px !important;
		text-align:center;
		border-right:1px solid #bbb;
		border-bottom:1px solid #bbb;
}

.tbl-maintenance01 th {
		line-height:1.2;
		text-align:left;
		font-weight:normal
}

.tbl-maintenance01 td {
}

.tbl-maintenance01 thead tr th {
		text-align:center;
		padding:10px !important;
}

.tbl-maintenance01 th.even,
.tbl-maintenance01 td.even {
		background-color:#ffd
}

/* Support Case CSS*/

.SuppotCase {
		color:#000;
		margin-bottom:15px;
}

.SuppotCase th {
		font-size:1.6em;
		border-bottom:3px solid #000;
		text-align:left;
}

.SuppotCase td {
		border:#ccc 5px solid;
		padding:5px;
}

.SuppotCase td.Blank {
		border:none;
		font-size:1px;
		height:1px;
}

.SuppotCase td p.red {
		font-size:1.4em;
		font-weight:bold;
		text-align:right;
		border-top:1px solid #000;
		padding-top:5px;
		margin-top:5px;
}

.SuppotCase td .red {
		color:#c00;
}

/* 事例紹介 */
#Example,
#Example dt,
#Example dd{
		display:block;
		clear:both;
		float:left;
		width:656px;
}

#Example dd{
padding-bottom:30px;
}
#Example dd table{
		margin:10px 0;
}
.fb-page{
	margin:10px 0px;
}
.w_facebook{
	width:335px;
	float:left;
}
.position_facebook{
	position:relative;
	top:10px;
	left:1px;
}