@charset "shift_jis";

.alignleft{
	float: left;
	margin: 0 15px 15px 0;
}
.aligncenter{
	float: none;
	display: block;
	margin: 0 auto 15px;
	clear: both;
}
.alignright{
	float: right;
	margin: 0 0 15px 15px;
}

* {
	margin:0;
	padding:0;
	}

body {
	margin:0;
	padding:0;
	background:url(/images/top/body_bg.jpg) repeat-x 0 0;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4;
	}
	
	
img {
	border:none;
	}
	
	
.clear {
	clear:both;
	}
	

#wrapper {
	width:950px;
	margin:0 auto;
	padding:0;
	}
	
#header {
	width:950px;
	height:80px;
	margin:0;
	padding:0;
	position:relative;
	}
	

#container {
	width:940px;
	margin:12px 0 0;
	padding:0 5px;
	}

	
/*　メニュー　*/
#menu {
	width:852px;
	height:58px;
	padding:0 49px;
	margin:0;
	background:url(/images/top/mene_bg.jpg) repeat-x 0 0;
	list-style:none;
	}
	
#menu li {
	float:left;
	}
	
#ict {
	width:170px;
	height:58px;
	margin:0;
	padding:0;
	background:url(/images/top/btn_menu.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}
	
#ict a, #ict a:link, #ict a:visited {
	display:block;
	width:170px;
	height:58px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
	}
	
#ict a:hover, #ict a:active {
	background:url(/images/top/btn_menu02.jpg) no-repeat 0 0;
	}


	
#mt {
	width:170px;
	height:58px;
	margin:0;
	padding:0;
	background:url(/images/top/btn_menu.jpg) no-repeat -170px 0;
	}
	
	
#mt a, #mt a:link, #mt a:visited {
	display:block;
	width:170px;
	height:58px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
	}
	
#mt a:hover, #mt a:active {
	background:url(/images/top/btn_menu02.jpg) no-repeat -170px 0;
	}
	
	
#os {
	width:170px;
	height:58px;
	margin:0;
	padding:0;
	background:url(/images/top/btn_menu.jpg) no-repeat -340px 0;
	}
	

#os a, #os a:link, #os a:visited {
	display:block;
	width:170px;
	height:58px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
	}
	
#os a:hover, #os a:active {
	background:url(/images/top/btn_menu02.jpg) no-repeat -340px 0;
	}	


	
#tm {
	width:170px;
	height:58px;
	margin:0;
	padding:0;
	background:url(/images/top/btn_menu.jpg) no-repeat -510px 0;
	}
	
#tm a, #tm a:link, #tm a:visited {
	display:block;
	width:170px;
	height:58px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
	}
	
#tm a:hover, #tm a:active {
	background:url(/images/top/btn_menu02.jpg) no-repeat -510px 0;
	}


	
#ss {
	width:172px;
	height:58px;
	margin:0;
	padding:0;
	background:url(/images/top/btn_menu.jpg) no-repeat -680px 0;
	}
	
	
#ss a, #ss a:link, #ss a:visited {
	display:block;
	width:172px;
	height:58px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
	}
	
#ss a:hover, #ss a:active {
	background:url(/images/top/btn_menu02.jpg) no-repeat -680px 0;
	}
	
	
#l-col {
	width:630px;
	margin:0;
	padding:0;
	float:left;
	}
	
	
#r-col {
	width:300px;
	margin:0 0 30px;
	padding:0;
	float:right;
	}
	
#r-col img {
	display:block;
	margin:0 0 5px;
	padding:0;
	}

	
	
#footer {
	background-color:#666666;
	color:#FFFFFF;
	padding:10px 10px 20px;
	margin:0;
	text-align:right;
	font-size:10px+
	}
	
	
/* タイトル設定 */
.bar-h2 {
	width:610px;
	height:30px;
	font-size:14px;
	color:#006699;
	margin:0 0 10px;
	padding:5px 10px 0;
	background:url(/images/common/bar_h2.jpg) no-repeat 0 0;
	}
	
	
#l-col p {
	margin:0 10px 20px;
	padding:0;
	}

	
.bar-h3 {
	width:600px;
	height:25px;
	font-size:14px;
	color:#fff;
	margin:0 0 1px;
	padding:5px 5px 0 25px;
	background:url(/images/common/bar_h3.jpg) no-repeat 0 0;
	}
	
.area-h3 {
	width:608px;
	/*margin:0 0 500px 0;*/
	padding:20px 10px 20px 10px;
	border:1px solid #CCCCCC;
	/*background:#000000;*/
	}
	

.area-img {
	width:200px;
	margin:0 0 20px;
	padding:0;
	float:left;
	}
	
.area-text {
	width:400px;
	margin:0 0 20px;
	padding:0;
	float:right;
	}

	
.bar-h4 {
	font-size:12px;
	margin:0 10px 10px;
	padding:0 0 0 5px;
	border-left:5px solid #0066FF;
	color:#0066FF;
	}
	
.bar-h5 {
	font-size:12px;
	margin:0 10px 3px;
	padding:0;
	color:#FF9933;
	}
	
/* general list style */
.gene-list {
	margin:0 10px 20px;
	padding:0;
	list-style:none;
	}
	
.gene-list li {
	padding:0 0 0 15px;
	margin:0;
	background:url(/images/common/list_icon.jpg) no-repeat 0 center;
	}
	
	
/* general list style(normally, use inside of area-h3) */
.gene-list02 {
	margin:0 10px 20px;
	padding:0;
	list-style:none;
	}
	
.gene-list02 li {
	padding:0 0 0 15px;
	margin:0;
	background:url(/images/common/list_arrow.jpg) no-repeat 0 center;
	}
	
	
/* paragraph which should be enphasized */
p.emph {
	font-weight:bold;
	color:#990000;
	}
	
/* settings for FAQ */
.question {
	color:#990000;
	}
	
	
.answer {
	color:#0033FF;
	}
	
	
/* setting for table */
.l-cel {
	width:150px;
	margin:0;
	padding:5px;
	color:#FFFFFF;
	background:#3366FF;
	}
	
.r-cel {
	width:430px;
	margin:0;
	padding:5px;
	color:#222222;
	background:#eeeeee;
	}

/* setting for security system */
#l-col h4 {
	margin:0 10px 20px;
	padding:0 0 0 7px;
	border-left:5px solid #6699FF;
	color:#6666CC;
	font-size:12px;
	}
	

#l-col h5 {
	margin:10px 0;
	padding:2px 3px;
	border-bottom:1px solid #FF9900;
	font-size:12px;
	}
	

.area-entry {
	margin:0 0 10px;
	padding:10px;
	border:1px solid #CCCCCC;
	}
	
	
.area-entry img {
	display:block;
	margin:0;
	padding:0 20px 10px 0;
	float:left;
	}
	
	
#left p {
	margin:10px 20px 20px;
	padding:0;
	}
	

.common-list {
	list-style:none;
	margin:20px 30px 30px;
	}
	
.common-list li {
	padding:3px 0 3px 15px;
	background:url(/images/common/list-arrow_common.gif) no-repeat 0 5px;
	}
	

/* 制作実績のバナー */
.banner-work {
	margin:10px;
	padding:0;
	}
	
	
/* 制作実績のブロック */
.box-work {
	width:610px;
	margin:10px;
	padding:0;
	}


.img-cel {
	width:140px;
	margin:0;
	padding:10px 10px 20px;
	background:url(/images/common/block_work.jpg) no-repeat 0 0;
	}
	
	
.work-l-cel {
	width:100px;
	padding:5px;
	border-bottom:1px dashed #CCCCCC;
	color:#3399CC;
	}
	
	
.work-r-cel {
	padding:5px;
	border-bottom:1px dashed #CCCCCC;
	color:#333333;
	}