/* 音羽産業 トップページ */

html,body {
margin:0px;
padding:0px;
text-align:center;
background-color:#FFFFFF;
width:100%;
height:100%;
font-size:12px;
line-height:1.4em;
}

table {
	text-align:left;
}

a:hover {
	color:#56a9de
	text-decoration:none;
}

h1,h2,h3,h4 { /* 基本タイトル */
	padding:0px;
	margin:0px;
	font-size:1em;
	text-align:left;
}

h1 {
	text-indent:-9999px;
}


/* 会社概要 概要*/

.comboxtxt1 {
	    width: 100px;
		color: #56b7f5;
}
 
.comboxtxt2 {
		width: 396px;
		color: #666666;	
}

.comboxtxt3 {
		width: 70px;
		color: #56b7f5;
}

#comboxline {
	margin: 4px 0px 4px 0px;
}

#comboxline2 {
	margin: 4px 0px 0px 0px;
}


/* 会社概要 沿革*/

.historytxt1 {
	    color: #56b7f5;
}
 
.historytxt2 {
		color: #666666;	
}


#historyline {
	margin: 4px 0px 4px 0px;
}


/* recruit 水色箱*/

.box {
		width: 106px;
		background-color:#56b7f5;
		color: #ffffff;
		font-size: 14px;
}


.recruitbox {
		border-right: inset 1px #56b7f5;
}


border-right: inset 1px #56b7f5;

/* recruit 募集要項*/

.boxtxt1 {
	    width: 161px;
		color: #56b7f5;
}
 
.boxtxt2 {
		width: 369px;
		color: #666666;	
}

.boxtxt3 {
	    width: 40px;
		color: #56b7f5;
}

.boxtxt4 {
		width: 489px;
		color: #666666;	
}

.boxtxt5 {
		width: 529px;
		color: #666666;	
}

.boxtxt6 {
	    width: 120px;
		color: #56b7f5;
}


/********************************************************************/
/* コピーライト */

.copyright {
	font-size:10px;
	color:#666
}

/********************************************************************/
/* コンテナ */
#container {
	width:808px
	height:100%;
	margin:0px auto;
	padding:0;
	text-align:center;
}

/********************************************************************/
/* ヘッダー */
#header {
	display:block;
	width:100%;
}

#header { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:60px;
}


#headerimg {
	width:808px;
	height:68px;
	background:url(../img/header.jpg);
}


.headerimg a{
background:url(../img/header.jpg) no-repeat;
display:block;
width:808px;
height:68px;
text-indent: -9999px;
}

html {
    overflow-y:scroll;  
} 

/********************************************************************/
/* メイン */
#main {
	width:808px;
	height:270px;
}

/********************************************************************/
/* TOPメニュー */

#menu_top ul{
width:808px;
height:170px;
list-style:none;
margin:0;
padding:0px 0px;
list-style:none;
}             

#menu_top li{
height:170px;
float:left;
}

.btn_01 a{
background:url(../img/topmenu_company.jpg) no-repeat;
display:block;
width:128px;
height:170px;
text-indent: -9999px;
}

.btn_01 a:hover{
background:url(../img/topmenu_company_o.jpg) no-repeat;
}

.btn_02 a{
background:url(../img/topmenu_project.jpg) no-repeat;
display:block;
width:128px;
height:170px;
text-indent: -9999px;
}

.btn_02 a:hover{
background:url(../img/topmenu_project_o.jpg) no-repeat;
}

.btn_03 a{
background:url(../img/topmenu_plan.jpg) no-repeat;
display:block;
width:128px;
height:170px;
text-indent: -9999px;
}

.btn_03 a:hover{
background:url(../img/topmenu_plan_o.jpg) no-repeat;
}

.btn_04 a{
background:url(../img/topmenu_print.jpg) no-repeat;
display:block;
width:128px;
height:170px;
text-indent: -9999px;
}

.btn_04 a:hover{
background:url(../img/topmenu_print_o.jpg) no-repeat;
}

.btn_05 a{
background:url(../img/topmenu_world.jpg) no-repeat;
display:block;
width:128px;
height:170px;
text-indent: -9999px;
}

.btn_05 a:hover{
background:url(../img/topmenu_world_o.jpg) no-repeat;
}

.btn_06 a{
background:url(../img/topmenu_recruit.jpg) no-repeat;
display:block;
width:128px;
height:170px;
text-indent: -9999px;
}

.btn_06 a:hover{
background:url(../img/topmenu_recruit_o.jpg) no-repeat;
}

.btn_space{
background:url(../img/toumei.gif) no-repeat;
display:block;
width:8px;
height:170px;
text-indent: -9999px;
}

.btn_space_top{
background:url(../img/toumei.gif) no-repeat;
display:block;
width:8px;
height:170px;
text-indent: -9999px;
}

/********************************************************************/
/* TOPメニュー2 */

#menu ul{
width:808px;
height:44px;
margin:0;
padding:0px 0px;
list-style:none;
}             

#menu li{
height:44px;
float:left;
}

.btn_001 a{
background:url(../img/menu_top.jpg) no-repeat;
display:block;
width:112px;
height:44px;
text-indent: -9999px;
}

.btn_001 a:hover{
background:url(../img/menu_top_o.jpg) no-repeat;
}

.btn_002 a{
background:url(../img/menu_company.jpg) no-repeat;
display:block;
width:112px;
height:44px;
text-indent: -9999px;
}

.btn_002_o {
background:url(../img/menu_company_p.jpg) no-repeat;
display:block;
width:112px;
height:44px;
text-indent: -9999px;
}

.btn_002 a:hover{
background:url(../img/menu_company_o.jpg) no-repeat;
}

.btn_003 a{
background:url(../img/menu_project.jpg) no-repeat;
display:block;
width:112px;
height:44px;
text-indent: -9999px;
}

.btn_003_o {
background:url(../img/menu_project_p.jpg) no-repeat;
display:block;
width:112px;
height:44px;
text-indent: -9999px;
}

.btn_003 a:hover{
background:url(../img/menu_project_o.jpg) no-repeat;
}

.btn_004 a{
background:url(../img/menu_plan.jpg) no-repeat;
display:block;
width:114px;
height:44px;
text-indent: -9999px;
}

.btn_004_o {
background:url(../img/menu_plan_p.jpg) no-repeat;
display:block;
width:114px;
height:44px;
text-indent: -9999px;
}

.btn_004 a:hover{
background:url(../img/menu_plan_o.jpg) no-repeat;
}

.btn_005 a{
background:url(../img/menu_print.jpg) no-repeat;
display:block;
width:112px;
height:44px;
text-indent: -9999px;
}

.btn_005_o {
background:url(../img/menu_print_p.jpg) no-repeat;
display:block;
width:112px;
height:44px;
text-indent: -9999px;
}

.btn_005 a:hover{
background:url(../img/menu_print_o.jpg) no-repeat;
}

.btn_006 a{
background:url(../img/menu_world.jpg) no-repeat;
display:block;
width:114px;
height:44px;
text-indent: -9999px;
}

.btn_006_o {
background:url(../img/menu_world_p.jpg) no-repeat;
display:block;
width:114px;
height:44px;
text-indent: -9999px;
}

.btn_006 a:hover{
background:url(../img/menu_world_o.jpg) no-repeat;
}

.btn_007 a{
background:url(../img/menu_recruit.jpg) no-repeat;
display:block;
width:112px;
height:44px;
text-indent: -9999px;
}

.btn_007_o {
background:url(../img/menu_recruit_p.jpg) no-repeat;
display:block;
width:112px;
height:44px;
text-indent: -9999px;
}

.btn_007 a:hover{
background:url(../img/menu_recruit_o.jpg) no-repeat;
}


.btn_space1{
background:url(../img/toumei.gif) no-repeat;
display:block;
width:3px;
height:44px;
text-indent: -9999px;
}

.btn_space2{
background:url(../img/toumei.gif) no-repeat;
display:block;
width:4px;
height:44px;
text-indent: -9999px;
}

/********************************************************************/
/* company*/

#left {
	width:116px;
	text-align:center;
	vertical-align:top
}

#leftcontents {
	width:116px;
}

#menul ul{
width:116px;
height:114px;
margin:0;
padding:0px 0px;
list-style:none;
}             

#menul li{
height:38px;
float:left;
}

.combtn_01 a{
background:url(../img/company_m_message.jpg) no-repeat;
display:block;
width:116px;
height:38px;
text-indent: -9999px;
}

.combtn_01 a:hover{
background:url(../img/company_m_message_o.jpg) no-repeat;
}

.combtn_01m {
background:url(../img/company_m_message_p.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}

.combtn_02 a{
background:url(../img/company_m_outline.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}

.combtn_02 a:hover{
background:url(../img/company_m_outline_o.jpg) no-repeat;
}

.combtn_02m {
background:url(../img/company_m_outline_p.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}

.combtn_03 a{
background:url(../img/company_m_history.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}

.combtn_03 a:hover{
background:url(../img/company_m_history_o.jpg) no-repeat;
}

.combtn_03m {
background:url(../img/company_m_history_p.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}

/********************************************************************/
/* recruit */

#menul ul{
width:116px;
height:114px;
margin:0;
padding:0px 0px;
list-style:none;
}             

#menul li{
height:38px;
float:left;
}

.recbtn_01 a{
background:url(../img/recruit_recruit.jpg) no-repeat;
display:block;
width:116px;
height:38px;
text-indent: -9999px;
}

.recbtn_01 a:hover{
background:url(../img/recruit_recruit_o.jpg) no-repeat;
}

.recbtn_01m {
background:url(../img/recruit_recruit_o.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}

.recbtn_02 a{
background:url(../img/recruit_intro.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}

.recbtn_02 a:hover{
background:url(../img/recruit_intro_o.jpg) no-repeat;
}

.recbtn_02m {
background:url(../img/recruit_intro_o.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}

.recbtn_03 a{
background:url(../img/recruit_study.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}

.recbtn_03 a:hover{
background:url(../img/recruit_study_o.jpg) no-repeat;
}

.recbtn_03m {
background:url(../img/recruit_study_o.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}

.recbtn_04 a{
background:url(../img/recruit_inquiry.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}

.recbtn_04 a:hover{
background:url(../img/recruit_inquiry_o.jpg) no-repeat;
}

.recbtn_04m {
background:url(../img/recruit_inquiry_o.jpg) no-repeat;
display:block;
width:116px;
height:38px;
border:0;
text-indent: -9999px;
}


/********************************************************************/
/* 右列 */
#right {
	width:692px;
	text-align:center;
}

#rightcontents {
	width:692px;
	text-align:left;
	font-size:12px;
	line-height:1.7em;
	color:#666
}

#rightcontents_recruit {
	width:664px;
	text-align:left;
	font-size:12px;
	line-height:1.7em;
	color:#666
}

/********************************************************************/
/* スペース */
#space_index {
	width:808px;
	height:114px;
	text-align:left;
}

#space_outline {
	width:54px;
	text-align:left;
}

#space_history {
	width:54px;
	height:900px;
	text-align:left;
}

#space_recruit {
	width:28px;
	text-align:left;
}

#spacev30 {
	width:664px;
	height:30px;
}

/********************************************************************/
/* 事業案内 */
#project {
	text-align:left;
	font-size:12px;
	line-height:1.9em;
	color:#666
	
}

#project_top {
	margin: 40px 0px 46px 0px;
}



#caption {
	text-align:left;
	font-size:9px;
	color:#666
}

#project_dammy {
	margin: 0px 0px 0px 44px;
	
}

#service {
	width:684px;
}

#creative {
	width:745px;
	height:244px;
	margin: 70px 0px 0px 20px;
}

#safety {
	width:516px;
	height:372px;
	margin: 20px 0px 0px 80px;
}

#ecology {
	width:476px;
	height:422px;
	margin: 70px 0px 20px 10px;
}

#world {
	width:666px;
	height:308px;
	margin: 10px 0px 50px 86px;
}


/********************************************************************/
/* 募集要項 */
#recruit {
	text-align:left;
	font-size:12px;
	line-height:1.9em;
	color:#666
}

#caption {
	text-align:left;
	font-size:9px;
	color:#666
}

#recruit_top {
	width:692px;
	height:250px;
	margin: 0px 0px 30px 0px;
}

#recruit_recruit {
	width:664px;
	margin: 30px 0px 30px 0px;
}

#recruit_recruit_left {
	width:108px;
	margin: 0px 0px 0px 0px;
	background-color:#56b7f5;
	font-size:14px;
	color:#FFF
}

#recruit_recruit_left2 {
	width:556px;
	margin: 0px 0px 0px 0px;
}

#recruit_intro {
	width:664px;
	margin: 60px 0px 0px 0px;
}

#recruit_study {
	width:664px;
	margin: 60px 0px 0px 0px;
}

#recruit_studytop {
	width:664px;
	margin: 30px 0px 0px 0px;
}

#recruit_studyimg {
	width:664px;
	margin: 25px 0px 60px 0px;
}

#recruit_inquiry {
	width:664px;
	margin: 34px 0px 60px 46px;
}

#recruit_inquirytext {
	text-align:left;
	font-size:12px;
	line-height:1.9em;
	color:#666
}


a:link { color: #56b7f5 } 
a:visited { color: #56b7f5 } 

/********************************************************************/
/* フッター */
#footer {
	display:block;
	margin: 0px 0px 0px 0px;
	padding:0px 0 0 0;
	width:808px;
	height:40px;
	text-align:center;
	line-height:150%;
}