/* 
Common CSS
Last Updated: 2011-08-10
Author: waiya 
Twitter: @wai_ya
*/

body,html{
	background: url('../images/common/background.gif');
}
body {
	behavior: url ("csshover.htc");
}
li{
	list-style: none;
}
.block{
	display: block;
}
#container{
	margin: 0 auto;
	width: 868px;
}
#wrapper{
	background: url('../images/common/container_mid.png') repeat-y;
	padding: 0 9px;
}
#header{
	padding: 24px 10px 0;
	min-height: 91px;
	/* background: url('../images/common/header_bg.gif') repeat-x left top; */
}
#header h1 img{
	width: 280px;
}
/* #header h1{
	float: left;
	padding-top: 3px;
} */
.header-left{
	float: left;
	padding-top: 3px;
	width: 450px;
}
#header h1{
	float: left;
}
.header-box{
	float: left;
	display:inline-block;
	vertical-align: middle;
	line-height:normal;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 3px;
	text-align: center;
	width: 120px;
	background-color: #f4a000;
	
}
.header-box a{
	font-weight: 600;
	font-size: 0.75rem;
	color: #fff;
	text-decoration: none;
	display: block;
}
.header-txt{
	float: left;
	font-size: 26px;
	font-weight: 400;
	margin: 10px 0 15px;
	color: #e70014;
}
.header-right{
	float: right;
	text-align: right;
}
.header-right li{
	float: left;
	height: 16px;
	margin-left: 22px;
	height: 38px;
}
.header-right li a{
	/* background: url('../images/common/header_navi.gif') no-repeat; */
	/* text-indent: -9999px;
	text-align: left;
	display: block; */
}
.header-right li.header-navi-01 a{
	width: 77px;
}
.header-right li.header-navi-02 a{
	width: 107px;
	background-position: -99px 0;
}
.header-right li.header-navi-03 a{
	width: 128px;
	background-position: -228px 0;
}

#footer{
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
	line-height: 160%;
	border-bottom: 8px solid #f4a000;
}
#footer a{
	color: #666;
	text-decoration: none;
}
#footer a:hover{
	color: #AAA;
}
.footer-navi{
	padding-bottom: 10px;
}
.copyright{
	padding-bottom: 10px;
}

#main{
	background: url('../images/common/main_bg.gif') repeat-y;
}

#side{
	float: left;
	padding: 15px 9px 15px 9px;
}
#side h2{
	padding-left: 3px;
}
.side_box{
	padding-bottom: 25px;
	width: 176px;
}
.side_top_navi li{
	width: 176px;
	height: 43px;
	background: url('../images/common/side_top_navi.jpg') no-repeat;
	background-position: -2px top;
	margin-bottom: 8px;
}
.side_top_navi li a{
	display: block;
	text-indent: -9999px;
	width: 176px;
	height: 43px;
	background: url('../images/common/side_top_navi.jpg') no-repeat;
	background-position: -178px top;
}
.side_top_navi li a:hover{
	background-position: -2px top;
}
.side_top_navi li.contact,
.side_top_navi li.contact a:hover{
	background-position: -2px -52px;
}
.side_top_navi li.contact a{
	background-position: -178px -52px;
}
.global_navi{
	border-bottom: 1px solid #5A2F17;
}
.global_navi li{
	width: 166px;
	padding: 10px 5px;
	border-top: 1px solid #5A2F17;
}
.global_navi li a{
	color: #5A2F17;
	text-decoration: none;
	padding-left: 1em;
	background: url('../images/common/global_navi_arrow.gif') no-repeat left center;
}
.global_navi li.submenu_start{
	border-bottom: 1px solid #5A2F17;
}
.global_navi li.submenu{
	border: none;
	margin-left: 14px;
	width: 152px;
	font-size: 13px;
}
.global_navi li.submenu_end{
	border-top: 1px dashed #5A2F17;
	margin-left: 14px;
	width: 152px;
	font-size: 13px;
}
.global_navi li.submenu2{
	border: none;
	margin-left: 14px;
	width: 152px;
	font-size: 13px;
	padding-top: 16px;
	padding-bottom: 8px;
}
.global_navi li.submenu2 a{
	color: #5A2F17;
	text-decoration: none;
	padding-left: 1em;
	background: url('../images/common/global_navi_arrow.gif') no-repeat left center;
}

.side_box h3{
	font-size: 16px;
	font-weight: normal;
	color: #5A2F17;
	border-bottom: 1px solid #5A2F17;
	padding-bottom: 5px;
}
.side_box dl{
	padding: 10px 0;
	border-bottom: 1px solid #5A2F17;
}
.side_box dt{
	float: left;
	width: 78px;
	height: 98px;
}
.side_box dt div.staff{
	width: 78px;
	height: 98px;
	text-indent:-9999px;
}
.side_box dt.shacho div.staff{
	background: url(../images/common/shacho_face.gif) no-repeat;
}
.side_box dt.shacho div.staff:hover{
	background: url(../images/common/shacho_face_over.gif) no-repeat;
}
.side_box dt.torishimariyaku div.staff{
	background: url(../images/common/torishimariyaku_face.gif) no-repeat;
}
.side_box dt.torishimariyaku div.staff:hover{
	background: url(../images/common/torishimariyaku_face_over.gif) no-repeat;
}
.side_box dt.bucho div.staff{
	background: url(../images/common/bucho_face.gif) no-repeat;
}
.side_box dt.bucho div.staff:hover{
	background: url(../images/common/bucho_face_over.gif) no-repeat;
}
.side_box dd{
	color: #5A2F17;
	font-size: 12px;
	line-height: 130%;
	width: 96px;
	float: right;
}

/* �R���e���c ------------------------------------------------- */
#contents{
	float: right;
	width: 645px;
}
/* �T�u�^�C�g�� ------------------------------------------------- */
.subtitle{
	background: url("../images/common/subindex.jpg") no-repeat;
	padding: 12px 0 0 40px;;
	height: 32px;
	color: #727171;
	margin-left: 5px;
	font-size: 20px;
}
.subtitle02{
	background: url("../images/common/subindex02.gif") no-repeat;
	height: 35px;
	margin-left: 9px;
	padding: 3px 0 0 30px;
	font-weight: normal;
}

/* ���₢���킹�E���ς���{�^�� ------------------------------------------------- */
.under_contact_btn li{
	float: left;
	width: 240px;
	height: 40px;
	background: url('../images/top/top_btn_sprite.jpg') no-repeat;
	margin: 5px;
}
.under_contact_btn li a{
	display: block;
	text-indent: -9999px;
	width: 240px;
	height: 40px;
	background: url('../images/top/top_btn_sprite.jpg') no-repeat;
	background-position: -8px -550px;
}
.under_contact_btn li a:hover{
	background-position: -8px -598px;
}
.under_contact_btn li.under_contact a{
	background-position: -259px -550px;
}
.under_contact_btn li.under_contact a:hover{
	background-position: -259px -598px;
}

/* �y�[�W�g�b�v ------------------------------------------------- */
.pagetop{
	text-align: right;
	padding-bottom: 20px;
	padding-right: 10px;
}
.pagetop a{
	background: url("../images/common/page_top_arrow.gif") no-repeat right 3px;
	font-size: 14px;
	padding-right: 18px;
	color: #f4a000;
	text-decoration: none;
}

/* ���w�y�[�W���� ------------------------------------------------- */
.under-service{
	padding: 8px 0 40px;
}
.under-service li{
	width: 318px;
	height: 94px;
	background: url(../images/common/under_service_btn.jpg) no-repeat -2px -103px;
	float: left;
}
.under-service li a{
	width: 318px;
	height: 94px;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/under_service_btn.jpg) no-repeat -2px top;
}
.under-service li.service01,
.under-service li.service01 a:hover{
	background: url(../images/common/under_service_btn.jpg) no-repeat -2px -103px;
}
.under-service li.service01 a{
	background: url(../images/common/under_service_btn.jpg) no-repeat -2px top;
}
.under-service li.service02,
.under-service li.service02 a:hover{
	background: url(../images/common/under_service_btn.jpg) no-repeat -321px -103px;
}
.under-service li.service02 a{
	background: url(../images/common/under_service_btn.jpg) no-repeat -321px top;
}
.under-service li.service03,
.under-service li.service03 a:hover{
	background: url(../images/common/under_service_btn.jpg) no-repeat -639px -103px;
}
.under-service li.service03 a{
	background: url(../images/common/under_service_btn.jpg) no-repeat -639px top;
}

/* �p�[�c ------------------------------------------------- */
.over-h{
	overflow: hidden;
}

/* �J���[ */
.color-orange{
	color: #F5A200;
	font-weight: bold;
}
.color-gray{
	color: #727171;
}
.color-yellow{
	color: white;
	font-weight: bold;
}
.strong-orange{
	font-size: 23px;
	color: #F5A200;
	line-height: 120%;
	font-weight: bold;
}

/* �{�b�N�X */
.box-pattern-01{
	padding: 30px 0 0 50px;
}
.box-pattern-02{
	padding: 15px 0 0 50px;
}
.box-pattern-03{
	padding: 25px 0 0 40px;
}

/* �e�L�X�g */
.under-text{
	text-align: center;
	line-height: 130%;
	font-size: 15px;
	padding-bottom: 20px;
}
.text-15{
	font-size: 15px;
}
.text-17{
	font-size: 17px;
}
.text-18{
	font-size: 18px;
}

/* ���x�� */
.orange-label{
	background: url(../images/safety/safety_02.jpg) no-repeat;
	padding: 4px 10px;
	height: 26px;
	color: #5A2F17;
	width: 214px;
	font-weight: bold;
}