@charset "utf-8";
/* { */
body {
	margin:0;
	padding:0;
	background-color:white;
	color:black;
	font-family:  Arial,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	line-height:1.2;
	font-size:12px;
}
html { /* IE */
	scrollbar-base-color:white;
	scrollbar-face-color:white;
	scrollbar-arrow-color:#0372fa;
	scrollbar-shadow-color:#D8D8D9;
	scrollbar-darkshadow-color:#B4B5B7;
	scrollbar-highlight-color:#D8D8D9;
	scrollbar-3dlight-color:#B4B5B7;
	scrollbar-track-color:white;
}

a:link{
	color:gray;
	text-decoration:none;
}
a:visited {
	color:gray;
	text-decoration:none;
}
a:hover {
	color:gray;
}
h1, h2, h3, h4, h5, h6, p, ul,ol, li, dl, dt, dd, br, img {
	margin: 0px;	
	padding: 0px;
}
img{
	border:0;
}

.ind10{
	margin:0 0 0 10px;
	padding:0;
}















/* clear */
.clear:after, 
#container:after, #top_cell:after, #resent_wk_cell:after, #new_proj_cell:after, #footer:after, 
.work_title:after, .dot_box:after, .workflow_title:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear, 
#container, #top_cell, #resent_wk_cell, #new_proj_cell, #footer, 
.work_title, .dot_box, .workflow_title {
	display:inline-block;
}
* html .clear, 
* html #container, * html #top_cell, * html#resent_wk_cell, * html #new_proj_cell, * html #footer, 
* html .work_title, * html.dot_box, * html .workflow_title{
	height:1%;
}
.clear, 
#container, #top_cell, #resent_wk_cell, #new_proj_cell, #footer, 
.work_title, .dot_box, .workflow_title{
	display:block;
}


hr{
	border:1px #cccccc solid;
	clearfix:both;
	height:1px;
}

.left {
	margin:0;
	padding:0;
	float: left;
}
.right {
	margin:0;
	padding:0;
	float: right;
}
.center{
	margin:0px auto 0px auto;
	padding:0;
	text-align:center;
}
.caption{
	font-size:11px;
	line-height:1.5;
}
.caption_r{	
	color:#cc0000;
	font-size:11px;
	line-height:1.5;
}
.caution{
	color:#cc0000;
	font-weight:bold;
}


textarea{
	font-size:12px;
}
#wrap {	
	width:800px;
	margin:0 auto 0 auto;
	padding:0;
}

#container {
	width:800px;
	margin:0 auto 0 auto;
	padding:0;
}
#fla_cell{
	width:800px;
	height:400px;
	margin:0;
	padding:0;	
}

/* top */
#top_image{
	margin:20px 0 0 0;
}


/* header */

#header{
	margin:30px 0 0 0;
	padding:0;
	width:800px;
	height:40px;
}

#header h1{
	display:block;
	width:280px;
	height:30px;
	margin:17px 0 0 0;
	padding:0;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	background: url("../image/logo.gif") no-repeat;
}
#header h1 a{
	display:block;
	width:280px;
	height:30px;
	margin:0;
	padding:0;
	text-decoration:none;
}















/* g_navi */
#g_navi_cell{
	margin:0;
	padding:0;
	width:800px;
	height:10px;
}
ul#g_navi{ 
	display: block; 
	margin:0;
	padding:0;
	width:800px;
	height:15px;
	background-color:none;
}
#g_navi, #g_navi a, #g_navi a:hover, #g_navi a:visited { text-decoration: none; }
#g_navi li{
	display: block;	
	float:left;
	list-style-type: none;
	font-size: 0;	
	text-indent: -9999px;
	text-decoration:none;
}
html*ul#g_navi li{ text-indent: -9999px; }

#g_navi1 ,#g_navi1 a ,#g_navi1 a:hover ,#g_navi1actv{ display:block; width:80px; height:15px;}
#g_navi2 ,#g_navi2 a ,#g_navi2 a:hover ,#g_navi2actv{ display:block; width:60px; height:15px;}
#g_navi3 ,#g_navi3 a ,#g_navi3 a:hover ,#g_navi3actv{ display:block; width:100px; height:15px;}
#g_navi4 ,#g_navi4 a ,#g_navi4 a:hover ,#g_navi4actv{ display:block; width:70px; height:15px;}
#g_navi5 ,#g_navi5 a ,#g_navi5 a:hover ,#g_navi5actv{ display:block; width:100px; height:15px;}
#g_navi6 ,#g_navi6 a ,#g_navi6 a:hover ,#g_navi6actv{ display:block; width:90px; height:15px;}
#g_navi7 ,#g_navi7 a ,#g_navi7 a:hover ,#g_navi7actv{ display:block; width:65px; height:15px;}
#g_navi8 ,#g_navi8 a ,#g_navi8 a:hover ,#g_navi8actv{ display:block; width:65px; height:15px;}
#g_navi9 ,#g_navi9 a ,#g_navi9 a:hover ,#g_navi9actv{ display:block; width:90px; height:15px;}
#g_navi10 ,#g_navi10 a ,#g_navi10 a:hover ,#g_navi10actv{ display:block; width:80px; height:15px;}


#g_navi1 ,#g_navi2 ,#g_navi3, #g_navi4, #g_navi5, #g_navi6, #g_navi7, #g_navi8, #g_navi9, #g_navi10{
	background: url("../image/g_navi2.gif") no-repeat;
	background-position: 0px 0px;
}
#g_navi2 { background-position: -80px 0px;}
#g_navi3 { background-position: -140px 0px;}
#g_navi4 { background-position: -240px 0px;}
#g_navi5 { background-position: -310px 0px;}
#g_navi6 { background-position: -410px 0px;}
#g_navi7 { background-position: -500px 0px;}
#g_navi8 { background-position: -565px 0px;}
#g_navi9 { background-position: -630px 0px;} 
#g_navi10 { background-position: -720px 0px;}      


#g_navi1 a:hover, #g_navi2 a:hover, #g_navi3 a:hover, #g_navi4 a:hover, #g_navi5 a:hover, #g_navi6 a:hover, #g_navi7 a:hover, #g_navi8 a:hover,#g_navi9 a:hover,#g_navi10 a:hover{
	background: url("../image/g_navi2.gif") no-repeat;
	background-position: 0px -15px;
}
#g_navi2 a:hover { background-position: -80px -15px;}
#g_navi3 a:hover { background-position: -140px -15px;}
#g_navi4 a:hover { background-position: -240px -15px;}
#g_navi5 a:hover { background-position: -310px -15px;}
#g_navi6 a:hover { background-position: -410px -15px;}
#g_navi7 a:hover { background-position: -500px -15px;}
#g_navi8 a:hover { background-position: -565px -15px;}
#g_navi9 a:hover { background-position: -630px -15px;} 
#g_navi10 a:hover { background-position: -720px -15px;}      


#g_navi1actv, #g_navi2actv, #g_navi3actv, #g_navi4actv, #g_navi5actv, #g_navi6actv, #g_navi7actv, #g_navi8actv, #g_navi9actv, #g_navi10actv{
	background: url("../image/g_navi2.gif") no-repeat;
	background-position: 0px -15px;
}
#g_navi2actv{ background-position: -80px -15px;}
#g_navi3actv{ background-position: -140px -15px;}
#g_navi4actv{ background-position: -240px -15px;}
#g_navi5actv{ background-position: -310px -15px;}
#g_navi6actv{ background-position: -410px -15px;}
#g_navi7actv{ background-position: -500px -15px;}
#g_navi8actv{ background-position: -565px -15px;}
#g_navi9actv{ background-position: -630px -15px;} 
#g_navi10actv{ background-position: -720px -15px;}      















/* main */
#top_cell{
	margin:0;
	padding:0;
}

#top_cell1{
	width:244px;
	margin:0;
	padding:0;
	float:left;
}

#top_cell2{
	width:556px;
	margin:0;
	padding:0;
	float:left;
}

















/*works*/
/*works_top*/
#works{
	margin:20px 0 0 0;
	padding:0;
	width:800px;

}

#sidebar{
	float:left;
	width:120px
}



ul.sidemenu li{
	list-style-type:none
}

.work_title{
	width:680px;
	float:right;
	font-size:11px;
}

#works dl {
	display: block;
	width: 165px;
	float: left;
	margin:0 0 10px 5px;
}
#works dt {
	display: block;
	line-height: 1.2em;
	text-align: left;


}
#works dd {
	display: block;
	width: 165px;
	text-align: left;
	margin: 0px;
	background-color: white;
	padding: 0px;
}
#works dt a:link,#works dt a:visited{
	color:black;
	text-decoration:none;
}
#works dt a:hover{
	color:black;
	text-decoration:none;
}


/*works_detail*/
#works_main{
	width:680px;
	float:right;
}

.work_title2{
	float:left;
	font-size:12px;
}

#main_image{
	margin:0 0 5px 0;
	text-align:center;
}

#image_list{
	width:680px;

}

#image_list tr{
	height:80px;

}

#image_list td{
	display: block;
	width:133px;
	height:80px;
	float:left;
	margin:0px 0px 0px 0px;
}

#works_comm {
	font-size:11px;
	width:680px;
	float:right;
	margin-top:5px;
	margin-bottom:5px;
}

#works_detail {
	font-size:11px;
	width:680px;
	float:left;
	clear:both;
	margin-bottom:10px;
}












/* news */

#info_cell{
	margin:0;
	padding:0;
}
#info_title_cell{
	width:556px;
	height:28px;
	margin:0;
	padding:0;
}

#info_title_cell h2{
	width:471px;
	height:28px;
	margin:0;
	padding:0;
	background: url("../image/info_title.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0;
	float:left;
}
.go_list{
	width:85px;
	height:28px;
	margin:0;
	padding:0;
	background: url("../image/go_list.gif") no-repeat;
	text-indent:-9999px;
	font-size:0;
	float:left;
}
.go_list a{
	display:block;
	width:85px;
	height:28px;
	margin:0;
	padding:0;
	text-decoration:none;
}

#info_title_cell2{
	width:556px;
	height:28px;
	margin:0;
	padding:0;
}

#info_title_cell2 h2{
	width:471px;
	height:28px;
	margin:0;
	padding:0;
	background: url("../image/info_title2.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	font-size:0;
	float:left;
}


ul#news{	
	width:556px;
	margin:8px 0 0 0px;
	padding:0 0 10px 0;
}

ul#news li{	
	margin:0;
	padding:0 0 0 18px;
	font-size:11px;
	list-style-type:none;

	color:#0372fa;
}

ul#news li a:link,ul#news li a:visited{
	color:#0372fa;
	text-decoration:none;
}
ul#news li a:hover{
	color:#0372fa;
	text-decoration:none;
}
ul#news li strong {
	color:#0372fa;
	font-weight:normal;
	padding-left:10px;
}

#t_bn_cellwrap{
	width:556px;
	margin:0;
	padding:0;
}
.t_bn_cell{
	display: block;
	width:275px;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	font-size:11px;
}
.t_bn_cell2{
	display: block;
	width:275px;
	margin:0 0 0 6px;
	padding:0;
	float:left;
	text-align:center;
	font-size:11px;
}


.t_bn_cell a:link,.t_bn_cell a:visited{
	color:black;
	text-decoration:none;
}
.t_bn_cell a:hover{
	color:#0372fa;
	text-decoration:none;
}
.t_bn_cell2 a:link,.t_bn_cell2 a:visited{
	color:black;
	text-decoration:none;
}
.t_bn_cell2 a:hover{
	color:#0372fa;
	text-decoration:none;
}















/* footer */
#footer {

	width:100%;
	margin:0 0 0 20px ;
	padding:0;
	font-family:  Arial,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	font-size:10px;
	clear:both;
}


address{
	font-size:11px;
	font-style:normal;
	float:left;
	margin:0;
	padding:10px 0 0 15px;
}

/* next_page */















/*company*/
#map {
	width: 600px;
	height: 380px;
	margin:20px 100px 20px 100px;
	padding:0;
}
#company{
	margin:0;
	padding:0;

}

#company p{
	margin:0;
	padding:0;

}
#com_img_cell{
	display: block;
	width:650px;
	margin:10px 0 10px 20px;
	padding:0;
	float:left;	
}
.com_pro{
	width:410px;
	margin:10px 0 10px 10px;
	padding:0;
}
.com_pro2{
	width:290px;
	margin:30px 10px 10px 0;
	padding:0;
	vertical-align:bottom;
}
dl.comp{
	display: block;
	width: 410px;
	height: auto;
}
dl.comp dt {
	display: block;
	width:90px;
	margin: 0px;
	margin-bottom: 5px;
	float: left;
	text-align: left;
}
dl.comp dd {
	display: block;
	width: 320px;
	float: left;
	text-align: left;
	margin: 0px;
	margin-bottom: 5px;
}
hr.comp_line {
	display: block;
	clear: both;
	width: 410px;
	margin: 0px auto;
	color: #CCC;
}
dl.recruit{
	display: block;
	width:290px;
	height: auto;
}
dl.recruit dt {
	display: block;
	width:80px;
	margin: 0px;
	margin-bottom: 5px;
	float: left;
	text-align: left;
}
dl.recruit dd {
	display: block;
	width:210px;
	float: left;
	text-align: left;
	margin: 0px;
	margin-bottom: 5px;
}
hr.recruit_line {
	display: block;
	clear: both;
	width:290px;
	margin: 0px auto;
	color: #CCC;
}






















/*link*/
#link{
	margin:20px auto 0 auto;
	padding:0;
	width:710px;
}
#link_title{
	margin:10px auto;
	padding:0;
	width:800px;
	height:160px;
}
#link table {
	display: block;
	margin:0 auto 10px auto;
	width: 600px;
	height: auto;
}
#link dl {
	display: block;
	margin:0 auto 0 auto;
	width: 600px;
	height: auto;
}
#link dt {
	display: block;
	width:100px;
	margin: 0px;
	margin-bottom: 5px;
	float: left;
	text-align: left;
}
#link dd {
	display: block;
	width: 500px;
	float: left;
	text-align: left;
	margin: 0px;
	margin-bottom: 5px;
}
#link hr {
	display: block;
	clear: both;
	width: 600px;
	margin: 0px auto;
	color: #CCC;
}

#link td a:link,#link td a:visited{
	color:black;
	text-decoration:none;
}
#link td a:hover{
	color:#0372fa;
	text-decoration:none;
}























/*contact*/
#cntct{
	margin:20px auto 0;
	padding:0;
	width:710px;
}
#cntct_title{
	margin:10px auto;
	padding:0;
	width:800px;
	height:160px;
}

#cntct table{
	margin:0 auto 0 auto;
	padding:0;
}
#cntct th{
	font-size:12px;
	text-align:left;

}
























/*sitemap*/

#sitemap{
	margin:20px 0px 10px auto;
	padding:0;
	width:600px;
}
#sitemap dl {
	display: block;
	margin:0 auto 0 auto;
	width:500px;
	height: auto;
}
#sitemap dt {
	display: block;
	width:100px;
	margin: 0px;
	margin-bottom: 5px;
	float: left;
	text-align: left;
}
#sitemap dd {
	display: block;
	width:400px;
	float: left;
	text-align: left;
	margin: 0px;
	margin-bottom: 10px;
}


#sitemap dt a:link,#sitemap dt a:visited{
	color:black;
	text-decoration:none;
}
#sitemap dt a:hover{
	color:#0372fa;
	text-decoration:none;
}



















/* BLOG */
#contealpha {
	width:150px;
	float:left;
	color:gray;
}
#contebeta {
	width:610px;
	float:right;
	margin:30px 0 0;
}

/* BLOG_LISTMENU */
#bloglist {
 display: block;
	width: 147px;
	margin:30px 8px;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	float:left;
}
#bloglist strong {
	display: block;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #ccc;
}
#bloglist ul {
	display: block;
	margin: 3px 5px 15px 10px;
	list-style-type: none;
}
#bloglist li {
	display: block;
	margin: 0px;
	padding-left: 10px;
	background: url(../blog/image/list.gif) no-repeat 0px 8px;
}
/* CALENDAR */
#cale table {
	padding:5px 0 0;
	border-top:1px solid #ccc;
}
#cale a:link, #cale a:visited, #cale a:hover {
	font-family: Verdana, sans-serif;
	color:#FF1493;

}
#cale table {
	width:147px;
	margin-bottom:15px;
	color:gray;
}
#calenavi {
	font-size: 9px;
}
#cale th {
	width:21px;
	font-size:9px;
	font-weight:normal;
}
#cale td {
 text-align:center;
}
/* BLOG_PAGENAVI */
#entrynavi {
	width:600px;
	height: 23px;
	margin: 0px auto;
	line-height: 23px;
	text-align: center;
}
/* BLOG_ENTRY */
h2#archive-title {
	font-size:14px;
	color:gray;
}
.blogentry {
	margin:0;
}
p.com a, p.com a:link, p.com a:visited {
	color:gray;
	text-decoration:none;
}
p.com a:hover {
	color:gray;
	text-decoration:none;
}
.blogcate {
	font-size:0.8em;
	text-align:right;
}
.blogentry h3 {
 display: block;
	border-bottom: 1px solid #ccc;;
	background-color:none;
	font-weight: bold;
	font-size: 13px;
	line-height: 26px;
	height: 26px;
	color:black;
	padding: 0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}
.blogentry h3 a:link,.blogentry h3 a:visited{
	color:black;
}

.entrycate {
	color:gray;
	text-align: right;
	font-size: 10px;
	font-family: Verdana, sans-serif;
}
.blogentry h4 {
	font-weight: normal;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	padding-left: 25px;
	color: #FFFFFF;
}
.blogentry p {
	display:block;
	width:600px;
	margin:5px;
}
/*.blogentry p img {
	border: 0px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}*/
/* COMMENT&TRACKBACK */
.blogfoot {
	display: block;
	color:gray;
	width: 500px;
	margin: 0px auto;
	padding: 10px 0px 50px 0px;
	text-align: right;
	line-height: 2em;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.trackback-footer, .comment-footer {	text-align: right; }

/* COMMENT_FOAM */
table#comments-open-data {
	width:420px;
}
table#comments-open-data th, table#comments-open-data td {
	vertical-align:top;
}
table#comments-open-data th {
	width:130px;
	line-height:1.7em;
	text-align:left;
}
table#comments-open-data td {
	width:300px;
}
.comt {
	width:300px;
	border:solid 1px #000;
}
label.border {
	display:block;
	width:120px;
	line-height:1.7em;
	float:left;
}
.comments-open-footer {
	text-align:center;
}










/*workflow*/
#workflow{
	margin:0 auto 0 auto;
	padding:0;
	width:600px;
}



#workflow p{
	margin:0 0 0 40px;
	padding:0;
}
.workflow_title{
	width:600px;
	margin:20px auto 8px auto;
	padding:0;
	clear:both;
}
.workflow_title h3{
 display: block;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	margin:0;
	padding:0;
	float:left;
}
#flow_fla{
	width:800px;
	height:593px;
	margin:20px 0;
	padding:0;
}
.wf_box{
	width:650px;
	margin:0 40px;
	padding:5px;
	border:1px solid black;
}
#ol_cell{
		margin:20px 20px 20px 40px;
		padding:0;
}
ol{
	margin:20px 20px 20px 30px;
	padding:0;
}



/*info*/

#info{
	margin:0 auto 0 auto;
	padding:0;
	width:800px;
	height:300px;
}
#info ul{	
	width:500px;
	margin:15px 0px 0 200px;
	padding:0 0 10px 0;
}
#info ul li{	
	margin:0;
	padding:0 0 0 18px;
	list-style-type:none;
	line-height:2.0;
	color:black;

}
#info ul li a:link,#info ul li a:visited{
	color:black;
	text-decoration:none;
}
#info ul li a:hover{
	color:black;
	text-decoration:none;
}
#info li strong {
	color:#CC0000;
	font-weight:normal;
	padding-left:10px;
}
#info_det{
	margin:0 auto 0 auto;
	padding:0;
	width:800px;
	height:300px;
}
#info_det h3{
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	margin:15px 0;
	padding:0;	
}
#info_det p{
	margin:5px 10px;
	padding:0;
	line-height:1.8;
}
.date{
	display: block;
	font-size: 11px;
	text-align: right;
	margin:15px 0;
	padding:0;
	float:right;
}
#pnavi {
	margin:10px;
	text-align:center;
}

#pnavi a:link,#sitemap dt a:visited{
	color:black;
}