@charset "Shift_JIS";

body {
	margin:0;
	padding:0;
	background-image: url(../images/back.jpg);
	background-repeat:repeat-x;
        color:#333333;
	text-align: center;
}

#wrapper{
	margin:0 auto;
	padding:0;
	width: 860px;
	background: #ffffff;
}


img{
      	border:none;
}

#header{
       	margin:0;
       	padding:0;
       	width:860px;      
}

#header h1{
	margin:2px 0 0 0;
	padding:0;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

}

#header #logo{
	float:left;
	width:384px;
	height:109px;
	margin:0;
	padding:0;
}

#header #logo img{
	vertical-align:middle;
}

#header #head_tel{
	float:right;
	width:234px;
	margin:0;
	padding:35px 0 0 0;
	text-align:right;
}



#contents {
	clear:both;
	width:860px;
	margin:0;
	padding:14px 0 0 0;
	height: auto;
}


/*-------------左サイド--------------*/

#leftside {
	margin:0;
	padding:0;
       	float:left;
       	width:200px;
}

/*-------------左メニュー--------------*/

#gnavi {
	margin:0;
	padding:0;
	width:200px;
	text-align: left;
}

#gnavi img{
	border:none;
}



#gnavi div.guide li#home{
	background-image:url(../images/menu/menu_home.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:41px;
	text-indent:-9999px;
}

#gnavi div.guide li#home a:hover{
	background-image:url(../images/menu/menu_home_on.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:41px;
	text-indent:-9999px;
}

#gnavi div.guide li#home a{
	width:200px;
	height:41px;
	outline:0;
}

#gnavi2 {
	margin:6px 0 0 0;
	padding:3px 0 0 0;
	width:200px;
	height:164px;
	text-align: left;
	background-image: url(../images/menu/left_back.jpg);
	background-repeat:no-repeat;
}

#gnavi2 img{
	border:none;
}


#gnavi2 div.guide li#kanban{
	background-image:url(../images/menu/menu_kanban.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:34px;
	text-indent:-9999px;
}

#gnavi2 div.guide li#kanban a:hover{
	background-image:url(../images/menu/menu_kanban_on.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:34px;
	text-indent:-9999px;
}

#gnavi2 div.guide li#kanban a{
	width:188px;
	height:34px;
	outline:0;
}


#gnavi2 div.guide li#work{
	background-image:url(../images/menu/menu_work.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:34px;
	text-indent:-9999px;
}

#gnavi2 div.guide li#work a:hover{
	background-image:url(../images/menu/menu_work_on.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:34px;
	text-indent:-9999px;
}

#gnavi2 div.guide li#work a{
	width:188px;
	height:34px;
	outline:0;
}

#gnavi2 div.guide li#flow{
	background-image:url(../images/menu/menu_flow.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:34px;
	text-indent:-9999px;
}

#gnavi2 div.guide li#flow a:hover{
	background-image:url(../images/menu/menu_flow_on.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:34px;
	text-indent:-9999px;
}

#gnavi2 div.guide li#flow a{
	width:188px;
	height:34px;
	outline:0;
}



#gnavi2 div.guide li#company{
	background-image:url(../images/menu/menu_company.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:34px;
	text-indent:-9999px;
}

#gnavi2 div.guide li#company a:hover{
	background-image:url(../images/menu/menu_company_on.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:34px;
	text-indent:-9999px;
}

#gnavi2 div.guide li#company a{
	width:188px;
	height:34px;
	outline:0;
}



/*−−−−−左メニュー−−−−−*/


#gnavi div.guide ul{
	margin:0;
	padding:0;
	text-align:left;
}

#gnavi div.guide li{
	margin:0;
	padding:0;
	width:200px;
	list-style:none;
	list-style-image:none;
}

#gnavi div.guide li a{
	margin:0;
	padding:0;
	width:200px;
	text-decoration:none;		
	display:block;
}


#gnavi2 div.guide ul{
	margin:0 0 0 6px;
	padding:3px 0 0 0;
	text-align:left;
}

#gnavi2 div.guide li{
	margin:0 0 0 0;
	padding:0 0 6px 0;
	width:188px;
	list-style:none;
	list-style-image:none;
	text-align:left;
}

#gnavi2 div.guide li a{
	margin:0;
	padding:0;
	text-decoration:none;		
	display:block;
	text-align:left;
}




#left_contact{
	width:200px;
	margin:15px 0 0 0;
	padding:0;
}


#left_company{
	width:200px;
	height:340px;
	margin:10px 0 0 0;
	padding:0;
	background-image: url(../images/left_company.jpg);
	background-repeat:no-repeat;
}

#left_company .left_company01{
	margin:0;
	padding:124px 4px 4px 12px;
	font-size:12px;
	line-height:140%;
	text-align:left;
}

#left_company .left_company02{
	margin:0;
	padding:4px 4px 4px 12px;
	font-size:12px;
	line-height:140%;
	text-align:left;
}



/*-------------メインコンテンツ-------------*/

#maincontents {
	width:640px;
	float:right;
	margin:0;
	padding:0;
	height:auto;
	text-align: left;
}


#title_top{
	margin:0;
	padding:0;
}

#title_top h2{
	margin:0;
	padding:0;
}

#title_top p{
	margin:0;
	padding:0;
}

#home_intro{
	margin:0;
	padding:22px 0 0 0;
}

#home_intro h2{
	margin:0;
	padding:0;
}

#home_intro_table{
	width:624px;
	margin:18px 0 0 0;
	padding:0;
}

#home_intro_table_left{
	width:409px;
	margin:0;
	padding:0;
}

#home_intro_table_left p{
	margin:0;
	padding:0 20px 0 0;
	font-size:13px;
	line-height:180%;
}

#home_intro_table_right{
	margin:0;
	padding:0;
}


#home_nayami{
	margin:0;
	padding:40px 0 0 0;
}

#home_nayami h2{
	margin:0;
	padding:0;
}

#home_nayami p{
	margin:0;
	padding:18px 0 0 0;
}

#home_work{
	margin:0;
	padding:40px 0 0 0;
}

#home_work h2{
	margin:0;
	padding:0;
}

#home_work_table{
	width:625px;
	margin:20px 0 0 0;
	padding:0;
}

#home_work_table #home_work_table_left{
	width:220px;
	margin:0;
	padding:0;
}

#home_work_table #home_work_table_center{
	width:220px;
	margin:0;
	padding:0;
}

#home_work_table #home_work_table_right{
	margin:0;
	padding:0;
}



#home_work_table .btn_work{
	margin:20px 0 0 0;
	padding:0;
}

#home_work .home_work_ul{
	margin:5px 0 0 0;
	padding:0;
}

#home_work .home_work_ul li{
	margin:0;
	padding:0 0 0 25px;
	background: url(../images/arrow_green.jpg) left no-repeat;
	background-position:left 5px;
	list-style:none;
	font-size:13px;
        line-height:120%;
}


#home_work .home_work_ul li a{
	font-size:13px;
	line-height:160%;
}

#home_work .home_work_ul li a:hover{
	color:#ff6600;
}

#item{
	margin:40px 0 0 0;
	padding:0;
	background-image: url(../images/item_back.jpg);
	background-repeat:no-repeat;
	width:620px;
	height:495px;
}

#item h2{
	margin:3px 0 0 2px;
	padding:0;
}

#item .item_pr{
	margin:0;
	padding:20px 0 10px 18px;
}

#item h3{
	margin:0;
	padding:5px 0 0 18px;
}

#item .item_text{
	margin:0;
	padding:5px 0 0 30px;
	font-size:13px;
	line-height:140%;
}

.underline_590{
	margin:0;
	padding:7px 0 7px 18px;
	font-size:3px;
	line-height:100%;
}

#item .item_bottom{
	margin:0;
	padding:12px 0 0 30px;
	font-size:13px;
	line-height:140%;
}

#contact_bottom{
	margin:55px 0 0 0;
	padding:0;
}


/*-------------フッタ-------------*/

#footer {
	clear: both;
	margin:10px 0 10px 0;
	padding:0;
	font-size:13px;
	color: #990000;
	width: 860px;
}

#footermenu{
       	margin:0;
	padding:40px 0 0 0;
       	font-size:12px;
	color:#666666;
	text-align:right;
}

#footermenu a{
       	color:#666666;
}


#footermenu a:visited{
      	color:#000099;
}

#footermenu a:hover{
      	color:#EF0505;
}

#footer_address{
	width:860px;
       	margin:15px 0 0 0;
	padding:20px 0 15px 0;
       	font-size:13px;
	color:#666666;
	text-align:left;
	border-top:1px solid #46b9cc;
	border-bottom:1px solid #46b9cc;
}

#footer_ad_table{
	width:860px;
       	margin:0;
	padding:0;
	text-align:left;
}

#footer_ad_table_left{
	width:360px;
       	margin:0;
	padding:0;
	text-align:left;
}

#footer_ad_table_left p{
       	margin:0;
	padding:0;
       	font-size:12px;
	color:#666666;
	text-align:left;
	line-height:140%;
}

#footer_ad_table_right{
	width:490px;
       	margin:0;
	padding:0;
}


#footer_ad_table_right p{
       	margin:0;
	padding:0 0 5px 0;
       	font-size:12px;
	color:#666666;
	text-align:left;
	line-height:140%;
}

#copyright{
	clear:both;
      	font-size:12px;
      	margin:10px 0 5px 0;
	padding:0;
      	text-align:center;
	color:#666666;
}


.bottom_text{
	margin:0;
	padding:5px 0 0 5px;
	font-size:11px;
	color:#666666;
}

#designed{
       margin:20px 0 5px 0;
	padding:0;
	font-size:10px;
       	color:#cccccc;
       	text-align:right;
}

#designed a{
       	color:#cccccc;
}




/* 下層ページ共通　コンテンツ内ナビ
-------------------------------------*/

#navi_contents{
        margin:0px 5px 0 5px;
        padding:20px 0 15px 0;
        text-align:left;
}

#navi_contents .navi_contents_text{
        margin:0;
        padding:0;
	font-size:80%;
        text-align:left;
}

#navi_contents img{
        margin:0;
        padding:0;
        text-align:left;
}

#navi_contents a:hover{
	color:#ff0000;
}



/* 下層ページ共通　タイトル
-------------------------------------*/

.content_title{
	margin:5px 0 0 0;
	padding:0;
}

.content_sub_title{
	margin:10px 0 0 10px;
	padding:0;
}

.content_title01{
	margin:25px 0 0 0;
	padding:0;
}


/* kanban index.html 
---------------------------------------------*/

#kanban{
	width:620px;
	margin:20px 0 0 0;
	padding:0;
}


#kanban .kanban_text_top{
	margin:24px 0 10px 10px;
	padding:10px 10px 10px 0;
	font-size:13px;
	line-height:160%;

}

#kanban .pict_kanban{
	margin:0 0 5px 10px;
	padding:0;
	font-size:13px;
	line-height:160%;
}

#kanban .kanban_text{
	margin:24px 0 5px 10px;
	padding:10px 10px 0 0;
	font-size:13px;
	line-height:160%;
}


.kanban_ul{
	margin:24px 0 5px 10px;
	padding:10px 10px 0 0;
	margin:0;
	padding:0;
	list-style:none;
}

.kanban_ul li{
	margin:0 0 5px 10px;
	padding:0 10px 0 0;
	font-size:13px;
	line-height:140%;
}


/* flow index.html 
---------------------------------------------*/

#flow{
	width:620px;
	margin:0;
	padding:0;
}




.flow_table{
        width:620px;
	margin:30px 0 30px 5px;
        padding:0;
}


.flow_table_left {
	width:190px;
	margin:0;
	padding:5px;
	line-height:140%;
}


.flow_table_right {
	margin:0;
	padding:5px;
}

.flow_table_right p{
	margin:0;
	padding:2px 15px 0 0;
	line-height:140%;
	font-size:13px;
}


/* work index.html 
---------------------------------------------*/

#work{
	width:620px;
	margin:20px 0 0 0;
	padding:0;
}


#work .work_text_top{
	margin:24px 0 10px 4px;
	padding:10px 10px 10px 14px;
	font-size:13px;
	line-height:160%;
	background-color:#fcfcfc;
	border:1px dotted #cccccc;
}

.work_table{
        width:630px;
	margin:14px 0 30px 0;
        padding:0;
}


.work_table_td {
	width:210px;
	margin:0;
	padding:5px 5px 35px 4px;
	line-height:140%;
}


#work h3{
	margin:0;
	padding:10px 0 10px 0;
}

#work .case_title{
	margin:0;
	padding:10px 0 0 0;
}

.case_text_top{
	margin:24px 0 10px 4px;
	padding:10px 10px 10px 14px;
	font-size:13px;
	line-height:160%;
	background-color:#fcfcfc;
	border:1px dotted #cccccc;
}

.case_table{

	margin:14px 0 0 0;
        padding:0;
}


.case_table_td {
	margin:0;
	padding:5px 5px 0 4px;
	line-height:140%;
	text-align:left;
}

.case_table02{

	margin:14px 0 20px 0;
        padding:0;
}




/* company index.html 
---------------------------------------------*/

#company{
	width:620px;
	margin:0;
	padding:0;
}




#company_summary{
        width:620px;
        margin:0;
        padding:0 0 10px 0;
}

#company_summary #company_summary_table{
	width:590px;
	margin:30px 0 30px 5px;
	padding:0 0 0 0;
	border-left:1px solid #cccccc;
	border-collapse:separate;
}

#company_summary td {
	margin:0;
	padding:5px;
	line-height:140%;
	font-size:80%;
}

#company_summary .phase01_top {
	width:25%;
        padding:0 0 0 10px;
	border-left:3px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#company_summary .phase03_top {
	width:75%;
        padding:10px 5px 10px 10px;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#company_summary .phase01 {
	width:25%;
        padding:0 0 0 10px;
	border-left:3px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#company_summary .phase02{
	width:25%;
        padding:10px 5px 10px 10px;
	border-left:3px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#company_summary .phase03 {
	width:75%;
        padding:10px 5px 10px 10px;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#company_summary p{
	margin:10px 0 0 350px;
	padding:0;
}

#company_summary a:hover{
	color:#ff0000;
}


#setsubi{
        width:636px;
        margin:30px 0 0 0;
        padding:0;
}

#setsubi #setsubi_table{
	width:616px;
	margin:20px 0 0 0;
	padding:0;
}



#setsubi #setsubi_table_left{
	width:162px;
	margin:0;
        padding:0 0 0 10px;
}

#setsubi #setsubi_table_left p{
	width:162px;
	margin:0;
        padding:0;
	line-height:140%;
	font-size:13px;
}

#setsubi #setsubi_table_center{
	width:140px;
	margin:0;
        padding:0;
}

#setsubi #setsubi_table_center p{
	margin:0;
        padding:0 0 20px 0;
	line-height:140%;
	font-size:13px;
}

#setsubi #setsubi_table_right{
	margin:0;
        padding:0 0 0 10px;
	line-height:140%;
	font-size:13px;
}


#access{
        width:636px;
        margin:30px 0 30px 0;
        padding:0;
}

#access #access_table{
	width:626px;
	margin:20px 0 0 0;
	padding:0;
}



#access #access_table_left{
	width:369px;
	margin:0;
        padding:0;
}


#access #access_table_right{
	width:257px;
	margin:0;
        padding:0;
	line-height:140%;
	font-size:13px;
}

#access #access_table_right p{
	margin:0;
        padding:10px 0 0 0;
	line-height:150%;
	font-size:13px;
}



/* contact index.html
----------------------------------------------------*/

#contact{
      	width:620px;
       	margin:30px 0 0 5px;
       	padding:10px 0 20px 0;
       	text-align:left;
}


#contact .contact_text{
	font-size: 13px;
	line-height: 20px;
	margin:5px 30px 10px 5px;
	padding:0;
}

#contact .contact_remark_text{
	font-size: 13px;
	line-height: 20px;
	margin:25px 15px 15px 5px;
	padding: 0px;
}


#contact #table_contact{
	width:590px;
	margin:0 0 0 5px;
	padding:20px 0 10px 0;
}

#contact #table_contact td{
	border-bottom:1px solid #ffffff;
	padding:5px 0 5px 10px;
	background-color:#fcfcfc;
	font-size:12px;
}

#contact #table_contact td.koumoku{
	width:148px;
	background-color:#f9f9f9;
	font-size:12px;
}

#contact#table_contact td.bordernone{
	border:none;
}

.komemark{
	color:#FF6600;
}

.size1{
	width:150px;
}

.size2{
	width:250px;
}

.size3{
	width:50px;
}


#goto_privacy{
	margin:20px 20px 0 20px;
	padding:5px 0 20px 0;
	font-size:12px;
	text-align:left;
}


/* link index.html 
---------------------------------------------*/

#link{
	width:620px;
	margin:30px 0 0 0;
	padding:0;
}


.link_title{
	margin:0;
	padding:5px 0 2px 5px;
	font-size:13px;
}

.link_url{
	margin:0;
	padding:2px 0 2px 5px;
	font-size:13px;
}

.link_text{
	margin:0;
	padding:2px 0 15px 5px;
	font-size:13px;
	line-height:140%;
}


/* privacy index.html 
---------------------------------------------*/

#privacy{
	width:620px;
	margin:20px 0 0 0;
	padding:0;
}


.privacy_text_top{
       	margin:0 15px 0 5px;
       	padding:20px 0 20px 0;
       	text-align:left;
	font-size:13px;
	line-height:160%;
}

.privacy_title{
        margin:20px 0 0 3px;
        padding:0 0 5px 0;
        text-align:left;
	font-size:14px;
	font-weight:bold;
}

.privacy_text{
       	margin:5px 34px 10px 5px;
       	padding:0;
       	text-align:left;
	font-size:12px;
	line-height:150%;
}

.privacy_date{
	margin: 0 10px 0 5px;
	padding:20px 0 15px 0;
       	font-size:12px;
      	text-align:right;
	line-height:140%;
}

.privacy_contact{
	margin: 0 5px 0 12px;
	padding:10px 0 15px 0;
	font-size:12px;
	line-height:140%;
}


#privacy .underline_580{
	margin:0 0 0 5px;
	padding:8px 0 5px 0;
	font-size:3px;
	line-height:100%;
}


/* sitemap index.html 
---------------------------------------------*/

#sitemap{
	width:570px;
	margin:0;
	padding:0;
}

#sitemap .sitemap_box{
	width:550px;
	margin:10px 0 25px 10px;
	padding:0 0 0 0;
}

#sitemap .sitemap_box .sitemap_table{
        width:540px;
	margin:15px 0 0 0;
        padding:0 0 15px 0;
}

#sitemap .sitemap_box .left_sitemap{
        width:30%;
	margin:0;
	padding:10px 0 10px 5px;
        font-size:13px;
        text-align:left;
}

#sitemap .sitemap_box .right_sitemap{
        width:70%;
        font-size:13px;
        text-align:left;
}

#sitemap a:hover{
	color:#ff0000;
}

#sitemap .underline_520{
	margin:0 0 0 5px;
	padding:5px 0 5px 0;
	font-size:3px;
	line-height:100%;
}


#sitemap .sitemap_sub_table{
        width:520px;
	margin:5px 0 0 0;
        padding:0 0 0 0;
}

#sitemap .sitemap_sub_table_left{
        width:30%;
	margin:0;
	padding:5px 0 5px 5px;
	font-size:12px;
        text-align:left;
}

#sitemap .sitemap_sub_table_right{
        width:70%;
	font-size:12px;
        text-align:left;
}





