@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      style.css
 Style Info:     いろいろ
----------------------------------------------------------- */


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.imgR {
    float: right;
	margin: 0;
}

.imgL {
    float: left;
	margin: 0;
}

.btn {
	text-align: center;
}

.red {
	color:#cc0000;
}

img {
	text-align:center;
	color:#FF0000;
	font-size:10px;
}

.pdf_box {
	background:#F5F3EF;
	padding:10px;
}

.pdf_bn {
	float:left;
	margin:0 15px 0 0;
}
	
.clear {
	clear: both;
	line-height:0px;
	height:0;
	font-size:0px;
	visibility:hidden;
}

.co2 { font-size:xx-small;}

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/


#wrapper_top {
	margin:0 auto;
	text-align: left;
	background:url(../img/bg_top.gif) repeat-x;
}

#wrapper_top02 {
	margin:0 auto;
	text-align: left;
	background:url(../img/bg_top02.gif) repeat-x;
}

#wrapper_cont {
	margin:0 auto;
	text-align:center;
	background:url(../img/bg_cont.gif) repeat-x;
}

.area {
	width:950px;
	margin: 0 auto;
	padding-bottom:42px;
	text-align:left;
	position: relative;
}


/*----------------------------------------------------
	#header
----------------------------------------------------*/

#header {
	width:800px;
	margin:0 75px;
	padding:0;
	position:absolute;
	display:block;
	z-index:1;
	left: 0px;
	top: 0px;
}

#header h1 {
	padding:0;
	margin:12px 0 6px;
	float:left;
}

#header h2 {
	padding:0;
	margin:0 0 10px 5px;
	clear:left;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	letter-spacing:0.1em;
	width:795px;
}


#header .hdr_navi {
	margin:12px 0 0 0;
	padding:0;
	display:inline;
	float:right;
	width:532px;
}

#header .hdr_navi li {
	float:left;
	list-style-type:none;
	display:inline;
	text-decoration:none;
	overflow:hidden;
}

#header .hdr_navi li a {
	height:32px;
	display:block;
	text-indent:-9877em;
}

/*------off*/
#header .hdr_navi .m_top a {
	background: url(../img/hdr_menu.png) no-repeat 0 0;
	width:95px;
}
#header .hdr_navi .m_site a {
	background: url(../img/hdr_menu.png) no-repeat -95px 0;
	width:90px;
}
#header .hdr_navi .m_inq a {
	background: url(../img/hdr_menu.png) no-repeat -185px 0;
	width:90px;
}
#header .hdr_navi .m_pri a {
	background: url(../img/hdr_menu.png) no-repeat -275px 0;
	width:127px;
	margin-right:8px;
}
#header .hdr_navi .m_req a {
	background: url(../img/hdr_menu.png) no-repeat -410px 0;
	width:122px;
}


/*------hover*/
#header .hdr_navi .m_top a:hover {
	background:url(../img/hdr_menu.png) no-repeat 0px -32px;
}
#header .hdr_navi .m_site a:hover {
	background: url(../img/hdr_menu.png) no-repeat -95px -32px;
}
#header .hdr_navi .m_inq a:hover {
	background: url(../img/hdr_menu.png) no-repeat -185px -32px;
}
#header .hdr_navi .m_pri a:hover {
	background: url(../img/hdr_menu.png) no-repeat -275px -32px;
}
#header .hdr_navi .m_req a:hover {
	background: url(../img/hdr_menu.png) no-repeat -410px -32px;
}

/*------on*/
#header .hdr_navi .m_top_on a {
	background: url(../img/hdr_menu.png) no-repeat 0 -32px;
	width:95px;
}
#header .hdr_navi .m_site_on a {
	background: url(../img/hdr_menu.png) no-repeat -95px -32px;
	width:90px;
}
#header .hdr_navi .m_inq_on a {
	background: url(../img/hdr_menu.png) no-repeat -185px -32px;
	width:90px;
}
#header .hdr_navi .m_pri_on a {
	background: url(../img/hdr_menu.png) no-repeat -275px -32px;
	width:127px;
	margin-right:8px;
}
#header .hdr_navi .m_req_on a {
	background: url(../img/hdr_menu.png) no-repeat -410px -32px;
	width:122px;
}



/*----------------------------------------------------
	#menu
----------------------------------------------------*/
#menu_top {
	position:absolute;
	margin:0 70px;
	padding:5px 5px 0;
	top:457px;
	left:0;
	display:block;
	width:800px;
	height:74px;
	overflow:hidden;
	background: url(../img/menu.png) no-repeat;
	z-index:2;
}

#menu_top li {
	float:left;
	list-style-type:none;
	display:inline;
	text-decoration:none;
	overflow:hidden;
}

#menu_top li a {
	height:74px;
	display:block;
	text-indent:-9877em;
}

#menu {
	position:absolute;
	margin:0 70px;
	padding:5px 5px 0 5px;
	top:160px;
	left:0;
	display:block;
	
	height:74px;
	overflow:hidden;
	background: url(../img/menu.png) no-repeat;
	z-index:2;
}

#menu li {
	float:left;
	list-style-type:none;
	display:inline;
	text-decoration:none;
	overflow:hidden;
}

#menu li a {
	height:74px;
	display:block;
	text-indent:-9877em;
}

/*------off*/
.m_con a {
	background: url(../img/menu.png) no-repeat -5px -85px;
	width:123px;
}
.m_cra a {
	background: url(../img/menu.png) no-repeat -128px -85px;
	width:123px;
}
.m_gal a {
	background: url(../img/menu.png) no-repeat -251px -85px;
	width:118px;
}
.m_cus a {
	background: url(../img/menu.png) no-repeat -369px -85px;
	width:106px;
}
.m_ref a {
	background: url(../img/menu.png) no-repeat -475px -85px;
	width:118px;
}
.m_cond a {
	background: url(../img/menu.png) no-repeat -593px -85px;
	width:106px;
}
.m_com a {
	background: url(../img/menu.png) no-repeat -699px -85px;
	width:106px;
}

/*------on*/
.m_con a:hover {
	background: url(../img/menu.png) no-repeat -5px -165px;
	width:123px;
}
.m_cra a:hover {
	background: url(../img/menu.png) no-repeat -128px -165px;
	width:123px;
}
.m_gal a:hover {
	background: url(../img/menu.png) no-repeat -251px -165px;
	width:118px;
}
.m_cus a:hover {
	background: url(../img/menu.png) no-repeat -369px -165px;
	width:106px;
}
.m_ref a:hover {
	background: url(../img/menu.png) no-repeat -475px -165px;
	width:118px;
}
.m_cond a:hover {
	background: url(../img/menu.png) no-repeat -593px -165px;
	width:106px;
}
.m_com a:hover {
	background: url(../img/menu.png) no-repeat -699px -165px;
	width:106px;
}

/*------over*/
.m_con_on a {
	background: url(../img/menu.png) no-repeat -5px -165px;
	width:123px;
}
.m_cra_on a {
	background: url(../img/menu.png) no-repeat -128px -165px;
	width:123px;
}
.m_gal_on a {
	background: url(../img/menu.png) no-repeat -251px -165px;
	width:118px;
}
.m_cus_on a {
	background: url(../img/menu.png) no-repeat -369px -165px;
	width:106px;
}
.m_ref_on a {
	background: url(../img/menu.png) no-repeat -475px -165px;
	width:118px;
}
.m_cond_on a {
	background: url(../img/menu.png) no-repeat -593px -165px;
	width:106px;
}
.m_com_on a {
	background: url(../img/menu.png) no-repeat -699px -165px;
	width:106px;
}




/*----------------------------------------------------
	#title
----------------------------------------------------*/

h3 {
	margin:0 0 20px 0;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	margin: 0 auto 10px;
	text-align:center;
	width:800px;
}

/*----------------------------------------------------
	#submenu
----------------------------------------------------*/
#submenu {
	margin:0 0 15px 0;
	padding:0;
	border:0;
	height:45px;
}

#submenu li {
	list-style:none;
	float:left;
}

.sub01 {
	margin-right:20px;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main {
	margin: 0 0 7px 0;
	padding:0;
	text-align:left;
	clear:both;
}

/*clearFix*/
#main:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


h4 {
	margin:0 0 12px;
	clear:both;
}

h5 {
	margin:0 0 15px;
	clear:both;
}

h6 {
	margin:0 0 10px;
	clear:both;
}

.text_20 {
	margin:0 0 20px;
}

.text_15 {
	margin:0 0 15px;
}

.text_5 {
	margin:0 0 5px;
}

.text_c15 {
	margin:0 0 15px;
	text-align:center;
}

.text_10 {
	margin:0 0 10px;
}

.font_10 {
	font-size:10px;
}

.imgL_15 {
	float:left;
	margin:0 20px 15px 0;
}

.imgR_15 {
	float:right;
	margin:0 0 15px 20px;
}

#pagetop {
	clear:both;
	margin-top:10px;
	text-align:right;
}

#tel {
	margin-top:10px;
}

/*----------------------------------------------------
	#bannar
----------------------------------------------------*/

#banner {
	clear:both;
	margin:0 auto 10px;
	padding:0;
	height:77px;
}

#banner .bn_01 {
	float:left;
	margin-right:8px;
}


/*----------------------------------------------------
	#link
----------------------------------------------------*/

#link {
	clear:both;
	margin:0 auto 5px;
	padding:10px 10px 0;
	height:50px;
	background:url(../img/ftr_link_bg.gif) repeat-x;
	width:780px;
	*width:800px;
}

#link ul {
	margin:0 ;
	padding:0;
	height:17px;
	overflow:hidden;
}

#link .link_main {
	padding:7px 0 0 0;

}

#link li {
	margin:0 15px 0 0;
	padding:0 0 0 12px;
	display:inline;
	background:url(../img/link_ya.png) no-repeat 0 50%;
	line-height:100%;
	font-size:10px;
	float:left;
}



#link li a:link {
	color:#555555;
	text-decoration:none;
}

#link li a:visited {
	color: #555555;
	text-decoration:none;
}

#link li a:hover {
	color: #A87359;
	text-decoration: none;
}

#link li a:active {
	color: #555555;
	text-decoration:none;
}




/*----------------------------------------------------
	#footer
----------------------------------------------------*/

#footer {
	clear:both;
	margin:0 0 0 0;
	padding:0;
	border-bottom:1px solid #eeeeee;
	background:url(../img/ftr_bg.gif)  repeat-x;
}

.footer_area {
	width:656px;
	margin:0 auto;
	padding-bottom:10px;
	zoom:1;
}

/*clearFix*/
.footer_area:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#footer .ftr_t {
	text-align:center;
	margin-bottom:3px;
}

#footer .bn_01 {
	float:left;
	margin:0 50px 0 0;
}


.copy {
	clear:both;
	line-height:100%;
	font:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	padding:10px 0 20px;
	font-size:10px;
	text-align:center;
}