/* CSS Document */

@charset "utf-8";

/* style resset start */
 
*{
}

html,body{
	height: 100%;
	margin: 0;
}
 
h1, h2, h3, h4, h5, h6, address {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

/* style resset end */

p {
	display: block;
	margin: 1em 0;
}

img {
	margin:0;
	padding:0;
	border: none;
}

.clear{clear:both;}

/* リンク */

.a_menu ul li a:link{color:#FFFFFF; text-decoration:none;}
.a_menu ul li a:hover{color:#FFFFFF; text-decoration:none;}
.a_menu ul li a:visited{color:#FFFFFF; text-decoration:none;}

/* レイアウト */

#LAYOUT {
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 1.5em;
	color: #666666;
}

#LAYOUT_BODY {
	width: 780px;
	text-align: center;
	margin:0 auto;
	background:url(Images/body_bg.gif) repeat-y;
}

#CONTENTS {
	padding:10px;
}

#CONTENTS_BODY {
	width: 760px;
}

.L_CONTENTS{
	padding-top: 10px;
	padding-right: 5px;
	text-align: left;
}

.R_CONTENTS{
	padding-top: 10px;
	text-align: left;
}

.L_CONTENTS2{
	padding-top: 10px;
	text-align: left;
}

.R_CONTENTS2{
	padding-top: 10px;
	text-align: left;
}

.TOP_CONTENTS {
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
}

/* header */

.header{
width:760px;
margin:0 0 10px 0;
padding:0;
}
.header .logo{
margin:0;
padding:0;
float:left;
}
.header .logo2{
margin:0;
padding:0;
float:right;
}

/* gnavi */

.gnavi{
margin:0 0 10px 0;
padding:0;
width:760px;
text-align:left;
}
.gnavi img{
margin:0 1px 0 0;
padding:0;
}

/* footer */

.footer{
margin:0;
padding:0;
width:760px;
border-top:1px solid #cccccc;
}
.footer .menu{
margin:0;
padding:0;
float:left;
}
.footer .copyright{
margin:10px;
padding:0;
float:right;
}

/* mainimage */

.mainimage{
margin:5px 0;
padding:0;
}

/* b title */

.b_title1{
margin:10px 5px;
padding:0;
}
.b_title2{
margin:10px 5px;
padding:0 0 0 35px;
font-weight:bold;
font-size:16px;
background: url(Images/icon_01.gif) no-repeat;
}
.b_title3{
margin:10px 5px;
padding:0 0 0 35px;
font-weight:bold;
font-size:14px;
background: url(Images/icon_02.gif) no-repeat left 2px;
}
.b_title4{
margin:10px 5px;
padding:0 0 0 35px;
font-weight:bold;
font-size:12px;
background: url(Images/icon_03.gif) no-repeat left 5px;
}
.b_title5{
margin:10px 5px;
padding:0;
width:580px;
font-weight:bold;
font-size:14px;
border-bottom:1px solid #000066;
}
.b_title6{
margin:10px 0 0 0;
padding:5px 0 0 15px;
width:585px;
font-size:16px;
font-weight:bold;
color:#000066;
background:url(Images/title06_bg.gif) no-repeat;
}

/* メニュー */

.a_menu{
margin:0 0 10px 0;
padding:0;
}
.a_menu ul{
margin:0;
padding:0;
width:157px;
list-style:none;
}
.a_menu ul li{
margin:0;
padding:2px 0 0 25px;
width:157px;
height:21px;
color:#FFFFFF;
font-weight:bold;
background: url(Images/menu_bg.gif) no-repeat;
}
* html .a_menu ul li{
width:132px;
}

*:first-child+html .a_menu ul li{
width:132px;
}

.a_banner{
margin:0 auto 10px;
padding:0;
}

/* テキスト */

.b_text{
margin:10px 0;
padding:0;
width:585px;
}
.b_text p{
margin:0;
padding:0 10px;
}

/* テキスト */

.b_img{
margin:10px 0;
padding:0;
width:585px;
text-align:center;
}


/* テキスト画像 */

.b_text_img{
margin:10px 0;
padding:0;
width:585px;
}
.b_text_img .leftbox{
margin:0;
padding:0;
float:left;
width:292px;
}
.b_text_img .leftbox p{
margin:0;
padding:0 10px;
}
.b_text_img .rightbox{
margin:0;
padding:0;
float:left;
width:292px;
}
.b_text_img .rightbox p{
margin:3px;
padding:0;
font-size:80%;
text-align:center;
}

/* 社長挨拶用　テキスト画像*/

.president_img{
width:585px;
margin:10px 0;
padding:0;
}


/* 社長挨拶用　テキスト画像*/

.president_text_img{
margin:10px 0;
padding:0;
width:585px;
}
.president_text_img .leftbox{
margin:0;
padding:0;
float:left;
width:380px;
}
.president_text_img .leftbox p{
margin:0;
padding:10px;
}
.president_text_img .rightbox{
margin:0;
padding:0;
float:right;
width:200px;
}

/* 社長挨拶用　画像テキスト*/

.president_img_text{
margin:10px 0;
padding:0;
width:585px;
}
.president_img_text .leftbox{
margin:0;
padding:0;
float:left;
width:200px;
}
.president_img_text .rightbox{
margin:0;
padding:0;
float:right;
width:380px;
}
.president_img_text .rightbox p{
margin:0;
padding:10px;
}
/* 社長挨拶用　氏名*/

.president_name{
margin:10px;
padding:0 0 0 15px;
font-weight:bold;
color:#666666;
border-left:3px solid #000066;
}
.president_name .position{
margin:0;
padding:5px 0;
font-size:12px;
}
.president_name .name{
margin:0;
padding:0;
font-size:18px;
}

/* 社長挨拶用　署名*/
.signature{
margin:0;
padding:0;
width:585px;
text-align:right;
}

/* 画像テキスト */

.b_img_text{
margin:10px 0;
padding:0;
width:585px;
}
.b_img_text .leftbox{
margin:0;
padding:0;
float:left;
width:292px;
}
.b_img_text .leftbox p{
margin:3px;
padding:0;
font-size:80%;
text-align:center;
}
.b_img_text .rightbox{
margin:0;
padding:0;
float:left;
width:292px;
}
.b_img_text .rightbox p{
margin:0;
padding:0 10px;
}


/* お問い合わせ */

.contact_form{
margin:0;
padding:0;
width:585px;
}
.contact_form table tr td.left{
margin:0;
padding:0;
width:50px;
}
.contact_form table tr td.right{
margin:0;
padding:0;
width:500px;
}
.contact_form .btn{
margin:15px 0;
padding:0;
width:585px;
text-align:center;
}
.contact_form .btn img{
margin-right:10px;
padding:0;
}

/* 採用表 */

.recruit_table01{
margin:0 0 10px 0;
padding:0;
}
.recruit_table01 td.left{
background:#000066;
color:#FFFFFF;
}

.recruit_table02{
margin:0 0 10px 0;
padding:0;
}
.recruit_table02 .careers_title{
margin:5px 0;
padding:0;
font-weight:bold;
color:#000066;
border-bottom:1px solid #cccccc;
}
.recruit_table02 .careers_text{
margin:0 0 10px 0;
padding:0;
}

.recruit_table03{
margin:0 0 10px 0;
padding:0;
}
.recruit_table03 td.left{
width:200px;
vertical-align:top;
font-weight:bold;
border-bottom:1px solid #cccccc;
}
.recruit_table03 td.right{
vertical-align:top;
border-bottom:1px solid #cccccc;
}

/* キャリアパス */

.career_content01{
margin:2px 0 10px 0;
padding:0;
width:585px;
background:url(Images/career01_bg.gif);
}
.career_content01 p{
margin:0;
padding:10px;
}
.career_content02{
margin:10px 0;
padding:0;
width:585px;
}

/*
スタッフ紹介
*/

.staff_top01{
margin:0;
padding:0;
width:585px;
}
.staff_top01 .leftbox{
margin:0;
padding:0;
width:175px;
float:left;
background:url(Images/bar_staff01.gif) no-repeat center right;
}
.staff_top01 .rightbox{
margin:0;
padding:0;
width:400px;
float:right;
}
.staff_top01 .rightbox p.lead{
margin:25px 0 10px 0;
padding:0;
font-size:14px;
font-weight:bold;
color:#999999
}
.staff_top01 .rightbox p.name{
margin:20px 0;
padding:0;
font-size:24px;
font-weight:700;
}
.staff_top01 .rightbox p.occupation{
margin:0;
padding:0;
font-weight:bold;
}
.staff_top02{
margin:0 0 15px 0;
padding:0;
width:290px;
}
.staff_top02 .title{
margin:0 0 5px 0;
padding:0;
width:290px;
height:47px;
font-weight:bold;
color:#000066;
background:url(Images/staff02_title_bg.gif) no-repeat;
}
.staff_top02 .title p{
margin:5px 0 5px 15px;
padding:0;
}
.staff_top02 .leftbox{
margin:0;
padding:0;
width:75px;
float:left;
}
.staff_top02 .rightbox{
margin:0;
padding:0;
width:180px;
float:right;
}
.staff_top02 .rightbox p.name{
margin:10px 0 20px;
padding:0;
font-size:24px;
font-weight:700;
}
.staff_top02 .rightbox p.occupation{
margin:0;
padding:0;
}
.staff_top03{
margin:10px 0;
padding:0;
width:195px;
}
.staff_top03 .title{
margin:5px 0;
padding:0;
width:155px;
height:58px;
text-align:center;
background:url(Images/staff03_title_bg.gif) no-repeat;
}
.staff_top03 .title p{
margin:0;
padding:15px 0;
font-size:14px;
font-weight:bolder;
}

.staff_top03 p.name{
margin:5px 0;
padding:0 0 0 15px;
background:url(Images/icon_05.gif) no-repeat 0 3px;
}
.staff_top03 p.occupation{
margin:0;
padding:0 0 0 15px;
}

/* オフィス風景 */

.office_photo01{
margin:0 0 10px 0;
padding:0;
width:585px;
}
.office_photo01 p{
margin:0;
padding:0;
}
.office_photo01 .leftbox{
margin:0;
padding:0;
width:387px;
float:left;
}
.office_photo01 .leftbox .box1{
margin:0;
padding:0;
width:190px;
float:left;
}
.office_photo01 .leftbox .box2{
margin:0;
padding:0;
width:190px;
float:right;
}
.office_photo01 .box3{
margin:0;
padding:0;
width:190px;
float:right;
}

.office_photo02{
margin:0;
padding:10px;
width:565px;
background:url(Images/office_photo02_body.gif) repeat-y;
}
.office_photo02_header{
margin:0;
padding:0;
width:585px;
height:14px;
background:url(Images/office_photo02_header.gif) no-repeat;
}
.office_photo02_footer{
margin:0;
padding:0;
width:585px;
height:14px;
background:url(Images/office_photo02_footer.gif) no-repeat;
}
.office02_title{
margin:0;
padding:0 0 0 10px;
width:554px;
font-size:16px;
font-weight:bolder;
border-bottom:1px solid #cccccc;
}
.office02_photo_text{
margin:10px 0;
padding:0;
width:554px;
}
.office02_photo_text .leftbox{
margin:0;
padding:0;
width:368px;
float:left;
}
.office02_photo_text .leftbox .box1{
margin:0;
padding:0;
width:184px;
float:left;
background:url(Images/office_photo02_photo_bg.gif) no-repeat center top;
}
.office02_photo_text .leftbox .box1 .photo{
margin:0;
padding:0;
width:138px;
height:158px;
}
.office02_photo_text .leftbox .box1 .photo img{
margin:5px 0 0 29px;
padding:0;
}
.office02_photo_text .leftbox .box1 .text{
margin:0;
padding:0 25px;
font-size:80%;
}
.office02_photo_text .leftbox .box2{
margin:0;
padding:0;
width:184px;
float:right;
background:url(Images/office_photo02_photo_bg.gif) no-repeat center top;
}
.office02_photo_text .leftbox .box2 .photo{
margin:0;
padding:0;
width:138px;
height:158px;
}
.office02_photo_text .leftbox .box2 .photo img{
margin:5px 0 0 29px;
padding:0;
}
.office02_photo_text .leftbox .box2 .text{
margin:0;
padding:0 25px;
font-size:80%;
}
.office02_photo_text .box3{
margin:0;
padding:0;
width:184px;
float:right;
background:url(Images/office_photo02_photo_bg.gif) no-repeat center top;
}
.office02_photo_text .box3 .photo{
margin:0;
padding:0;
width:138px;
height:158px;
}
.office02_photo_text .box3 .photo img{
margin:5px 0 0 29px;
padding:0;
}
.office02_photo_text .box3 .text{
margin:0;
padding:0 25px;
font-size:80%;
}

/* 会社概要 */

.table_company_tit{
margin:0;
padding:5px 0;
width:583px;
color:#FFFFFF;
font-weight:bolder;
text-align:center;
border: 1px solid #999999;
background:#999999;
}
.inbox {
font-size: 12px;
line-height: 150%;
color: #666666;
margin-bottom: 30px;
background-color: #F0F0F0;
width:585px;
}
.table_company_b {
width: 583px;
font-size: 12px;
line-height: 150%;
color: #666666;
background-color: #F0F0F0;
}
.table_company_b th {
font-size: 12px;
line-height: 150%;
text-align: right;
width: 100px;
border-bottom: 1px solid #E6E6E6;
padding: 5px 0 5px 0;
}
.table_company_b td {
font-size: 12px;
line-height: 150%;
text-align: left;
padding: 5px 0 5px 20px;
border-bottom: 1px solid #E6E6E6;
}
.table_company_b td.td_nob {border-bottom: none;}
.table_company_b th.th_nob {border-bottom: none;}

/* トップページ用お知らせ一覧 */

.top_news_header{
margin:10px 0;
padding:0;
width:585px;
border-bottom:1px solid #000066;
}
.top_news_contents{
margin:3px 0;
padding:0;
width:585px;
}
.top_news_contents .date{
marign:10px 5px;
padding:0 0 0 20px;
width:100px;
background:url(Images/icon_06.gif) no-repeat 0 2px;
float:left;
}
.top_news_contents .title{
marign:10px 5px;
padding:0;
width:450px;
text-align:left;
float:right;
}
.top_news_footer{
margin:5px 0 10px;
padding:10px 0 0;
width:585px;
text-align:right;
border-top:1px solid #000066;
}