@charset "utf-8";

html {
	height: 100%;
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:13px;
	color:#666666;
}

/*全体*/


body {
	background-color: #000000;
}


/*container*/

.container{
	position: relative;
	width: 850px;
	height: auto;
	margin: 0 auto;
}


/*ヘッダー*/
.header {
	height: 195px;
	width: 840px;
	clear: both;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.header_container {
	height: 190px;
	width: 840px;
	margin: 0 auto;
}
.tombo {
	background-color: #999999;
	float: left;
	height: 10px;
	width: 10px;
}




/*ヘッダー上部start*/
.top {
	height: 60px;
	width: 840px;
	margin:0 auto;
	background-image: url(../img/top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.logo {
	height: 60px;
	width: 315px;
	float: left;
	padding-left: 23px;
}

.topnavi {
	height: 60px;
	width: 315px;
	float: right;
	top: 40px;
	padding-right: 25px;
}
.navi_txt {
	font-size: 10px;
	font-weight: 900;
	text-align: right;
	float: right;
	margin-top: 20px;
	color: #FFFFFF;
	margin-right: 10px;
}


/*ヘッダー上部end*/

/*ヘッダー中央部分*/
.main_img{
	height: 85px;
	width: 800px;
	background-color: #330099;
	float:left;
	display: inline;
	
	
}

/*フラッシュ・グローバルメニューdiv*/
.flash_globalmenu {
	float: left;
	width: 800px;
	margin:0;
}



/*フラッシュ・トンボ部分*/
/*左*/
.flash_left_bg {
	float: left;
	height: 110px;
	width: 20px;
	display: inline;
	background-image: url(../img/left.gif);
}

/*右*/
.flash_right_bg {
	float: left;
	height: 110px;
	width: 20px;
	background-image: url(../img/right.gif);
}

/*下*/
.flash_bottom_bg {
	float: left;
	height:20px;
	width: 840px;
	margin:0 auto;
	background-image: url(../img/bottom.gif);
}


/*グローバルメニュー*/
.globalmenu {
	z-index: 2;
	background-color: #666666;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 800px;
	position: relative;
	bottom: 0px;
	top: 0px;
}

#navi_menu {
	height: 20px;
}

/*メイン部分*/
.main {
	position: relative;
	width: 840px;
	height:auto;
	margin: 0 auto 0;
}
.main_top_bg {
	height: 10px;
	width: 840px;
	background-image: url(../img/main_top.gif);
	background-repeat: no-repeat;
}
.main_top_bottom {
	height: 10px;
	width: 840px;
}


.contents {
	position: relative;
	background-color: #FFFFFF;
	width: 800px;
	height:auto;
	margin: 0 auto 0;
}

/*1カラム*/
.center {
	background-color: #FFFFFF;
	width: 730px;
	float: left;
	margin:20px 35px;
	display: inline;
}


.center .up {
	background-color: #FFFFFF;
	width: 730px;
	height: 100%;
	margin:5px 0 20px;
	margin-top: 5px;
}


.center .up p{
	font-size:13px;
	line-height:150%;
	margin:20px 0;
	
	}

.center .down {
	background-color: #FFFFFF;
	width: 500px;
	height: 210px;
	margin-bottom: 20px;
}


/*TOP2カラム・左*/
.left_01 {
	background-color: #FFFFFF;
	width: 500px;
	float: left;
	margin-right: 10px;
	margin-left: 35px;
	margin-top: 20px;
	margin-bottom: 30px;
	display: inline;
}
.left_01 .up {
	background-color: #FFFFFF;
	width: 500px;
	height: auto;
}
.left_01 h1{
	font-size: 19px;
	letter-spacing: 0.1em;
	line-height: 160%;
	padding: 10px 0;
}

.left_01 .up p{
	font-size:12px;
	line-height:200%;
	padding-top:10px;
}
	
.left_01  .up  img    {
	padding: 15px 0;
}


.left_01 .down {
	background-color: #FFFFFF;
	width: 500px;
	height: 210px;
	margin-bottom: 20px;
}


/*TOP2カラム・右*/
.right_01 {
	display:inline;
	background-color: #FFFFFF;
	width: 220px;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.right_01 .up {
	height: auto;
	width: 220px;
}


.right_01 .down {
	width: 220px;
	
}

.banner {
	height: 95px;
	width: 220px;
	margin: 5px auto 0;
}


/*ニュース・トンボ部分*/
.newstombo{
	width:220px;
	height:10px;
}


/*ニュース・タイトル*/

.newstitle {
	background-color: #000000;
	color: #bbbbbb;
	font-size:11px;
	font-weight:900;
	width: 180px;
	height: 15px;
	margin: 0px;
	padding: 5px 10px;
}

.newstitle a {
	text-decoration:none;

}

.newstitle a:link { color: #bbbbbb; }
.newstitle a:visited { color: #777777; }
.newstitle a:hover { color: #FFCC00; }
.newstitle a:active { color: #999999; }


/*ニュース・内容*/
.news {
	background-color: #d2d2d2;
	width: 200px;
	height:auto;
	margin: 0 10px;
}



.news_contents1 {
	background-image:url(../img/NT-bg_01.jpg);
	width: 200px;
	height: 25px;
	margin: 0;
}

.news_contents2 {
	background-image:url(../img/NT-bg_02.jpg);
	width: 200px;
	height: 25px;
	margin: 0;
}


.news .date {
	width:50px;
	font-size: 8px;
	margin-top: 8px;
	padding-left: 3px;
	float:left;

}

.news .txt {
	font-size: 8px;
	margin-top: 8px;
	margin-left: 7px;
	float:left;
}

.readmore {
	background-color:#CCCCCC;
	float:right;
	width:70px;
	height:15px;
}





/* -----各項目ごとのcss start ----- */

/*共通 start */


.title{
	padding-top:10px;
}


.title_txt{
	font-size:22px;
	font-weight:900;
	line-height:130%;
	color:#000000;
/* padding-bottom:5px; */	
}


.subtitle_txt{
	font-size:16px;
	font-weight:900;
	line-height:160%;
	color:#000000;
	padding-bottom:15px;	
}

.contents_title{
	font-size: 13px;
	font-weight:900;
	color:#000000;
	padding-top:30px;
}

.contents_one{
	font-weight:900;
	color:#000000;
}

/* 2カラム start */

.left_02 {
	background-color: #FFFFFF;
	width: 490px;
	float: left;
	margin-right: 10px;
	margin-left: 35px;
	margin-top: 20px;
	margin-bottom: 30px;
	display: inline;
}

.left_02 .up {
	background-color: #FFFFFF;
	width: 490px;
	height: auto;
}

.left_02 .up p{
	font-size:12px;
	line-height:200%;
	padding-top:10px;
}
	
.right_02 {
	display:inline;
	background-color: #FFFFFF;
	width: 220px;
	float: right;
	/*margin-top: 80px;*/
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

/* 2カラム end */






/* solution start */

#ISMS_logo{
	float:right;
	width:183px;
	height:103px;
	margin:0 0 5px 15px;
}

.solution_img{
	width: 220px;
	height:300px;
	float:right;
	margin:0 0 5px 13px;
	}
	
.solution_img_kamoi{
	width: 215px;
	height:200px;
	float:right;
	margin:0 0 5px 13px;
	}
	
	
.solution_jirei{
	width: 200px;
	margin:auto;
	background-color: #cccccc;
	}


.title_bar_solution{
	color: #00CC00;
}

.left_03 {
	background-color: #FFFFFF;
	width: 490px;
	float: left;
	margin-right: 10px;
	/*margin-left: 35px;*/
	margin-top: 20px;
	margin-bottom: 30px;
	display: inline;
}

.left_03 .up {
	background-color: #FFFFFF;
	width: 490px;
	height: 100%;
}

.left_03 .up p{
	font-size:12px;
	line-height:200%;
	padding-top:10px;
}
	
.right_03 {
	display:inline;
	background-color: #FFFFFF;
	width: 220px;
	float: right;
	margin-top: 20px;
	/*margin-right: 35px;*/
	margin-bottom: 10px;
	margin-left: 0px;
}

.right_03 img{
	padding:15px 0;	
}


.right_03_kamoi {
	display:inline;
	background-color: #FFFFFF;
	width: 220px;
	float: right;
	margin-top: 20px;
	/*margin-right: 35px;*/
	margin-bottom: 10px;
	margin-left: 0px;
}


.right_03_kamoi img{
	padding: 0;	
}

.table_txt{
	font-size:12px;
	line-height:200%;

}

/* solution end */




/* case stady start */

.case_img{
	width: 220px;
	height:auto;
	float:right;
	margin:0 0 15px 15px;
}

.casetitle {
	height: 40px;
	margin-top:10px;	
}

.paragraph{
	padding:20px 0;
}


.case_subtitle_txt{
	font-size:23px;
	font-weight:900;
	color:#666666;
	padding-bottom:10px;	
}




/* case stady end */

.title_bar_case{
	color: #E6EB01;
}

/* news_topics start */



/* news_topics end */






/* corporate start */

.outline_txt{
	line-height:120%;
}

.outline td{
	padding:9px;
}

.title_bar_corporate{
	color:#FF9933;
}

.contents_security{
	font-weight:900;
	color:#666666;
}

/* corporate end */




/* contact start */

.title_bar_contact{
	color:#FF66FF;
}

.map{
	float:right;
}

.contact{
	float:left;
}

/* contact end */




/* recruit start */

.recruit_no{
	height:300px;
	padding-top:100px;
	}



/* recruit end */

.title_bar_recruit{
	color: #D91331;
}


/* partner start */

.title_bar_partner{
	color:#888888;
}

/* partner end */


/* -----ey[Wcss end ----- */





/*.center .vision {
	font-size: 15px;
	line-height: 210%;
	padding-top: 10px;
	color: #666666;
}*/



/*CE*/
.downmenu {
	background-color: #000000;
	width:760px;
	height:20px;
	color: #FFCC00;
	margin-right: auto;
	margin-left: auto;
}


/*tb^[*/
.footer {
	/*position: absolute;*/
	width: 800px;
	margin: 15px auto;
	background-color: #000000;
	color: #FFFFFF;
	font-size:10px;
	font-weight:900;
}

.bottommenu {
	float: left;
	height: 20px;
	width: 95px;
	padding-top: 3px;
	
}

.bottommenu a{text-decoration:none;}
.bottommenu a:link { color: #FFCC00; }
.bottommenu a:visited { color: #FFCC00; }
.bottommenu a:hover { color: #ffffff; }
.bottommenu a:active { color: #FFCC00; }



#copyright{
	margin: 30px auto 20px;
	}


.clear {
	clear: both;
}