@charset "utf-8";
/* CSS Document */
/*============================================================================================
共通　start
============================================================================================*/

body p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}


/* ---------- header ---------- */
#header_con {
	position: relative;
	top: 0;
	width: 100%;
height:auto;
	z-index: 500;
}
#header_con h1{
	position: absolute;
	top: 0;
	left: 0;
}
#header_con h1.fix{
	position: fixed;
	top: 0;
	left: 0;
}
#header_con h2{
font-size:10px;
color:#333333;
text-align:right;
position: absolute;
top: 20px;
right: 8px;
}
#header_con ul{
	position: absolute;
	top: 40px;
	right: 8px;
	overflow: hidden;
	zoom:1; /* IE 6/7向け */
}
#header_con ul li{
	float: left;
	margin-right: 5px;
}
#header_con ul li.last{
	margin-right: 0px;
}

#header_con #sp_headmenu{
	display: none;
}

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

#footer_con{
	width: 100%;
	height: auto;
	border-top: solid 1px #033;
	background-color: #fff;
	padding-bottom: 20px;
	overflow: hidden;
}
#footer_con ul{
	width: 900px;
	height: 100px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer_con ul li{
	float: left;
	text-align: center;
}
#footer_con ul li.box1{
	padding-left: 20px;
	padding-right: 20px;
	width: 250px;
	height: auto;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
#footer_con ul li.box2{
	padding-left: 20px;
	padding-right: 20px;
	width: 209px;
	height: auto;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
}
#footer_con ul li.box3{
	margin-right: 8px;
	padding-left: 20px;
	width: 182px;
	height: auto;
}
#footer_con ul li.box4{
	width: 100px;
	height: auto;
}


/*============================================================================================
トップページ　start
index.html
============================================================================================*/
#wrap_index{
	width: 100%;
}
#mainVisual{
width: 100%;
min-width: 960px;
	height: auto;
}
#mainVisual img {
width: 100%;
height: auto;
}
#mainVisual img.tab{
display: none;
}
/* ---------- navi_button ---------- */

#home #headWrap2 {
	position: absolute;
	top:0;
	left: 0;
	width: 200px;
	height: auto;
	background-image: url(../images/mainMenu.png);
	background-repeat: repeat;
}

#home #headWrap2 ul{
	width: 200px;
	height: 566px;
}
#home #headWrap2 ul li{
width: 200px;
height: 46px;
text-align: center;
display: inline;
float: left;
}
#home #headWrap2 ul li.logo{
width: 200px;
height: 99px;
text-align: center;
display: inline;
float: left;
	background-position: center;
	text-indent: -9999px;
}
#home #headWrap2 ul li a{
	width: 100%;
	height: 46px;
cursor: pointer;
display: block;
}
#home #headWrap2 ul li.top a {
	background-image: url(../images/main_nav_top_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.top a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.top_on {
	background-image: url(../images/main_nav_top_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.con_on {
	background-image: url(../images/nav_concept_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.con a {
	background-image: url(../images/nav_concept_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.con a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.des a {
	background-image: url(../images/nav_design_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.des a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.des_on {
	background-image: url(../images/nav_design_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.des_off {
	background-image: url(../images/nav_design_btn_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.loc a {
	background-image: url(../images/nav_location_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.loc a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.loc_on {
	background-image: url(../images/nav_location_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.loc_off {
	background-image: url(../images/nav_location_btn_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.gal a {
	background-image: url(../images/nav_gallery_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.gal_off {
	background-image: url(../images/nav_gallery_btn_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.gal a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.gal_on {
	background-image: url(../images/nav_gallery_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.acc a {
	background-image: url(../images/nav_access_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.acc a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.acc_on {
	background-image: url(../images/nav_access_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.plan a {
	background-image: url(../images/nav_plan_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.plan a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.plan_on {
	background-image: url(../images/nav_plan_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.plan_off {
	background-image: url(../images/nav_plan_btn_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.equ a {
	background-image: url(../images/nav_equipment_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.equ a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.equ_on {
	background-image: url(../images/nav_equipment_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.equ_off {
	background-image: url(../images/nav_equipment_btn_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.sec a {
	background-image: url(../images/nav_security_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.sec a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.sec_on {
	background-image: url(../images/nav_security_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2 ul li.sec_off {
	background-image: url(../images/nav_security_btn_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.res a {
	background-image: url(../images/nav_results_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
#home #headWrap2 ul li.res a:hover {
	background-color: #000;
}
#home #headWrap2 ul li.res_on {
	background-image: url(../images/nav_results_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	background-color: #000;
}
#home #headWrap2.fix {
	position: fixed ;
	top: 0;
	left: 0;
	background-image: none;
}

/* ---------- #mainVisual ---------- */

#mainVisual {
	width: 100%;
	height: auto;
}
#mainVisual2 {
display: none;
}

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

#contents {
	width: 930px;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#contents .l_Img{
	width: 400px;
	height: 100px;
	float:left;
}
#contents .l_Img p{
	margin-bottom: 5px;
	margin-left: 50px;
}
#contents .l_Img p.info1{
	width: 176px;
	height:auto;
}
#contents .l_Img p.info2{
	width: 284px;
	height:auto;
}
#contents .l_Img p.info3{
	width: 356px;
	height:auto;
}
#contents .r_Img{
	width: 300px;
	height: 140px;
	float:right;
	padding-right: 50px;
}
#contents .r_Img p{
	margin-bottom: 5px;
}
#contents p.text{
	clear: both;
	font-size: 10px;
	margin-left: 50px;
}

/*============================================================================================
index.html以外のページ　共通項
============================================================================================*/
/* 背景色 */
#wrap{
	width: 100%;
	background-image: url(../images/mainMenu.png);
	background-repeat: repeat;
}

#wrap_bk_white{
	background-color: #FFF;
	background-repeat: repeat;
	margin-left: 200px;
}

/* パンくずリスト */
ul.topicPath{
	height: 20px;
	margin-top: 1%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding: 1% 0 1% 2%;
	font-size: 90%;
}
ul.topicPath li{
	display: inline;
	line-height: 120%;
}
ul.topicPath li a{
	margin-right: 5px;
}

/* ページスクロール */
#toPageTop {
position: fixed;
bottom: 2%;
right: 2%;
}