@charset "utf-8";
/* CSS Document */

p, div, img, ul, li, dl, dt, dd, h1, h2, h3, h4, h5{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
}

a{
	text-decoration:none;
}

p{
   text-align:justify; /*１*/
   text-justify:distribute; /*２*/
   color:#333;
} 

h1, h2, h3{
	color:#111;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	background:#eee;
	line-height:100%;
	border-top:2px solid #333;
	color:#222;
}

#conteiner{
	width:940px;
	margin:0 auto;
}

#wrapper{
	width:900px;
	margin:0 auto;
	background:url(img/images/bg.jpg) repeat 0 0;
}


#header{
	height:143px;
	padding:0 20px 20px 0;
	background:url(img/images/head_line.jpg) no-repeat bottom left;
}

#logo{
	width:141px;
	height:144px;
	float:left;
}

#name{
	padding:80px 0 0 40px;
	float:left;
}

#head_right{
	width:200px;
	height:132px;
	margin:5px 0px 0 0;
	float:right;
}

#head_text{
	width:173px;
	height:43px;
	margin:94px 5px 0 0;
	float:right;
}

#head_text_long{
	width:321px;
	height:43px;
	margin:94px 5px 0 0;
	float:right;
}

#menu{
	width:140px;
	float:left;
}

#menu ul{
	list-style:none;
}

#contents_r{
	width:200px;
	height:470px;
	float:right;
	margin:0 9px 0 0;
}

#contents_top{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	margin:0 0 20px 0;
}

#contents_concept{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	/*background:url(img/images/concept_bg.jpg) no-repeat 520px 10px;*/
	margin:0 0 20px 0;
}

#contents_information{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	/*background:url(img/images/profile_bg.jpg) no-repeat 520px 10px;*/
	margin:0 0 20px 0;
}

#contents_information02{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	/*background:url(img/images/bg03.jpg) no-repeat 520px 10px;*/
	margin:0 0 20px 0;
}

#contents_information03{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	/*background:url(img/images/bg07.jpg) no-repeat 520px 10px;*/
	margin:0 0 20px 0;
}

#contents_works{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	/*background:url(img/images/works_bg.jpg) no-repeat 520px 10px;*/
	margin:0 0 20px 0;
}

#contents_works02{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	margin:0 0 20px 0;
}

#contents_recruit{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	/*background:url(img/images/recruit_bg.jpg) no-repeat 520px 10px;*/
	margin:0 0 20px 0;
}

#contents_recruit02{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	/*background:url(img/images/bg01.jpg) no-repeat 520px 10px;*/
	margin:0 0 20px 0;
}

#contents_access{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	/*background:url(img/images/bg06.jpg) no-repeat 520px 10px;*/
	margin:0 0 20px 0;
}

#contents_president{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	/*background:url(img/images/president_bg.jpg) no-repeat 520px 10px;*/
	margin:0 0 20px 0;
}

#contents_contact{
	width:709px;
	min-height:400px;
	float:left;
	padding:10px 10px 20px 20px;
	/*background:url(img/images/bg05.jpg) no-repeat 520px 10px;*/
	margin:0 0 20px 0;
}

p.main_t{
	width:450px;
	margin:0 0 0 0px;
	line-height:160%;
}

p.main_t2{
	margin:0px 0 0 0px;
	padding:0px 0 0 0;
	line-height:160%;
}

p.client_t{
	width:220px;
	margin:0 0 0 0px;
	padding:0 0 0 10px;
	line-height:160%;
	font-size:12px;
	float:left;
	border-left:5px solid #300;
}

p.client_t2{
	width:220px;
	margin:0 0 0 0px;
	padding:0 0 0 10px;
	line-height:160%;
	font-size:12px;
	float:left;
	border-left:5px solid #300;
}

.form_text{
	line-height:130%;
	margin:0 0 10px 0;
}

#footer{
	height:40px;
	border-top:1px solid #ccc;
	padding:20px 0 0 0;
	background:#555;
}

#footer p{
	margin:5px 0 0 0;
	text-align:center;
	color:#fff;
}

#footer a{
	color:#fff;
}

/***** コンテンツ *****/
#overview{
	border-collapse:collapse;
	font-size:12px;
	width: 465px;
}

#overview .left{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#F3FFE8;
	font-weight:bold;
	padding:10px;
}

#overview .right{
	border-bottom:1px solid #999;
	padding:10px;
	line-height:130%;
	background:#fff;
}


#history{
	width: 465px;
	border-collapse:collapse;
	margin:0 0 20px 0;
}

#history .left{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#F2F9F9;
	font-weight:bold;
	padding:10px;
}

#history .right{
	border-bottom:1px solid #999;
	padding:10px;
	line-height:130%;
	background:#fff;
}

.list{
	height:470px;
	list-style:disc;
	margin:10px;
	line-height:170%;
	background:url(img/images/works_professional.gif) no-repeat 290px bottom;
}
.access_map{
	width:280px;
	float:left;
	margin:20px 20px 20px 0;
}

.access_text{
	width:340px;
	float:left;
	margin:85px 0 0 0;
}

#rec_list{
	float:left;
	margin:0 20px 0 0;
}

#rec_list dt{
	margin:10px 0 10px 10px;
}

#rec_list dd{
	margin:0 0 0 30px;
	padding:0 0 20px 0;
}

.entry{
	width:170px;
	height:43px;
}

.entry a{
	width:170px;
	height:40px;
	display:block;
	text-indent:-9999px;
	background:url(img/images/entry_b02.jpg) no-repeat 0 0;
}

.entry a:hover{
	background:url(img/images/entry_b02.jpg) no-repeat 0 -43px;
}

.entry_form{
	width:480px;
	background:#eee;
	border-collapse:collapse;
}

.entry_form td{
	border:1px solid #fff;
	padding:5px 10px;
}

#add, #s-name, #s-type{
	width:80%;
}

#s-y, #s-m{
	width:20px;
}

#no-border{
	border:none;
	border-right:1px solid #fff;
}

#in_table td{
	border-collapse:collapse;
	border:none;
}


/****** 見出し *******/

.text_title{
	font-size:14px;
	margin:0 0 10px 0;
	line-height:150%;
}

.access_map h2{
	font-size:14px;
	color:#555;
	margin:10px 0;
}

.access_text h3{
	font-size:12px;
	color:#111;
	margin:10px 0;
	border-left:3px solid #060;
	padding:2px 0 0 5px;
}

.access_text .main_t2{
	padding-left:8px;
}

/****** マージン ******/
.top_margin{
	margin:10px 0 0 0;
}

.imgbox{
	margin:0 0 20px 0;
}

.imgbox2nd{
	margin:40px 0 20px 0;
}

/******** 制御 ***********/
.clear{
	clear:both;
}

.clear_text{
	clear:both;
	padding:20px 0;
	margin:0 0 0 360px;
}

#history .left span{
	color:#999;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 5px;
}

.red, .entry_form span{
	color:#F00;
}

.sign{
	margin-left:300px;
}
/************* accodion_js **********/
.glossymenu{
padding: 5px 0;
width: 161px; /*width of menu*/
height:360px;
border-bottom-width: 0;
float:left;
background:url(img/images/menu_bg.jpg) repeat-y 0 0;
}

.glossymenu ul{
list-style:none;
}

/*** メニュー ***/
.glossymenu a.menuitem_top{
background: #fff url(img/images/menu_top.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_conc{
background: #fff url(img/images/menu_concept.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_info{
background: #fff url(img/images/menu_information.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_outline{
background: #fff url(img/images/menu_outline.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_history{
background: #fff url(img/images/menu_history.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_client{
background: #fff url(img/images/menu_client.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_works_info{
background: #fff url(img/images/menu_worksinfo.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_buisiness{
background: #fff url(img/images/menu_buisiness.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_works{
background: #fff url(img/images/menu_works.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_rec{
background: #fff url(img/images/menu_recruit.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_guideline{
background: #fff url(img/images/menu_guideline.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_entry{
background: #fff url(img/images/menu_entry.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_access{
background: #fff url(img/images/menu_access.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_pre{
background: #fff url(img/images/menu_president.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
height:22px;
text-decoration: none;
text-indent:-9999px;
}

.glossymenu a.menuitem_mail{
background: #fff url(img/images/contact.gif) no-repeat top left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 161px;
margin:22px 0 0 0;
height:22px;
text-decoration: none;
text-indent:-9999px;
}
/*************/

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

/***** メニューhover *****/
.glossymenu a.menuitem_top:hover, #select_top{
background-image: url(img/images/menu_top_on.gif);
}

.glossymenu a.menuitem_conc:hover, #select_conc{
background-image: url(img/images/menu_concept_on.gif);
}

.glossymenu a.menuitem_info:hover, #select_info{
background-image: url(img/images/menu_information_on.gif);
}

.glossymenu a.menuitem_outline:hover, #select_outline{
background-image: url(img/images/menu_outline_on.gif);
}

.glossymenu a.menuitem_history:hover, #select_history{
background-image: url(img/images/menu_history_on.gif);
}

.glossymenu a.menuitem_client:hover, #select_client{
background-image: url(img/images/menu_client_on.gif);
}

.glossymenu a.menuitem_works_info:hover, #select_worksinfo{
background-image: url(img/images/menu_worksinfo_on.gif);
}

.glossymenu a.menuitem_buisiness:hover, #select_buisiness{
background-image: url(img/images/menu_buisiness_on.gif);
}

.glossymenu a.menuitem_works:hover, #select_works{
background-image: url(img/images/menu_works_on.gif);
}

.glossymenu a.menuitem_rec:hover, #select_rec{
background-image: url(img/images/menu_recruit_on.gif);
}

.glossymenu a.menuitem_guideline:hover, #select_guideline{
background-image: url(img/images/menu_guideline_on.gif);
}

.glossymenu a.menuitem_entry:hover, #select_entry{
background-image: url(img/images/menu_entry_on.gif);
}

.glossymenu a.menuitem_access:hover, #select_access{
background-image: url(img/images/menu_access_on.gif);
}

.glossymenu a.menuitem_pre:hover, #select_pre{
background-image: url(img/images/menu_president_on.gif);
}

.glossymenu a.menuitem_mail:hover, #select_mail{
background-image: url(img/images/contact_on.gif);
}

/**********/

.caption{
	font-size:10px;
	text-align:right;
	margin:3px 0 0 0;
}

.h2_privacy{
	font-size:12px;
	margin:20px 0 10px 0;
}

.box_l{
	margin:0 0 0 7px;
	padding:10px;
	display:block;
	float:left;
	width:8px;
	line-height:160%;
}

.box_r{
	padding:10px;
	display:block;
	float:left;
	width:640px;
	line-height:160%;
}

.box_single{
	margin:0 0 0 4px;
	padding:10px;
	display:block;
	line-height:160%;
	width:668px;
}

.caption_s{
	margin:27px 0 0 0px;
	font-size:10px;
	color:#555;
	line-height:160%;
}

.p_mark{
	width:310px;
	float:left;
	padding:20px 0 0 0;
	
}

.p_mark_r{
	width:362px;
	padding:78px 0 0 20px;
	float:left;
	display:block;
	text-align:right;
}

.privacy_text{
	width:700px;
	margin:0 0 20px 0;
	line-height:160%;
}

.privacy_text span{
	font-size:10px;
	color:#555;
}

.privacy_t{
	line-height:160%;
	margin:0 0 20px 0;
}

.privacy_t td{
	border:1px solid #000;
	padding:5px;
	background:#fff;
}