@charset "UTF-8";
/* ========================== */

#companyLeftWrapper{
width:230px;/*変更用注意（バナーに影響）*/
float:left;
}



@media screen{
#companyRightWrapper{
width:750px;
float:right;
}
}

@media print{
#companyRightWrapper{
width:100%;
}
}

/* ============ companyLeftWrapper ============== */
#companyLeftWrapper{
width:230px;
min-height:300px;
background-color:#ffffff;
float:left;
margin:0;
padding:0;
}

#companyLeftWrapper dd{
background-color:#efefef;
margin:1px 0;
line-height:1.5em;
border-bottom:solid 1px #cccccc;
font-size:15px;
font-weight:bold;
}

#companyLeftWrapper dd a{
display:block;
padding:8px 15px;
background-color:#efefef;
}

#companyLeftWrapper dd a:hover{
display:block;
padding:8px 15px;
background-color:#f7f7f7;
color:#3377ff;
}

#companyLeftWrapper dd a.stay{
display:block;
padding:8px 15px;
background-color:#dddddd;
color:#888;
}
/* ============ メッセージ ============== */
#messageWrapper{
min-height:300px;
}

#messageWrapper dl{
}

#messageWrapper dd{
float:left;
width:480px;
height:500px;
}

#messageWrapper dt{
float:right;
}

.presidentImg{
background:url("../_inc_globals/company_inc/_img_bg/president_img_2.jpg") no-repeat 0 0;
width:300px;
height:229px;
}

.presidentImg2{
background:url("../_inc_globals/company_inc/_img_bg/president_img2.jpg") no-repeat 0 0;
width:150px;
height:250px;
}



/* ============ 会社概要 ============== */
#outlineWrapper{
min-height:300px;
}

#outlineWrapper table{
width:750px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
}

@media screen{
	#outlineWrapper th{
	width:145px;
	white-space:nowrap;
	background-color:#f7f5f3;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	padding:8px;
	}
	#outlineWrapper td{
	width:565px;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	padding:8px;
	}
	
	.gMap{
	width:565px;
	height:420px;
	}
	.gMap2{
	width:565px;
	}
}

@media print{
	#outlineWrapper th{
	width:180px;
	white-space:nowrap;
	background-color:#f7f5f3;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	padding:4px;
	font-size:10px;
	}
	#outlineWrapper td{
	width:565px;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	padding:4px;
		font-size:10px;
	}
	
	.gMap{
	width:565px;
	height:330px;
	overflow:hidden;
	}
	.gMap2{
	width:565px;
	}
}


/* ============ 沿革 ============== */
#historyWrapper{
min-height:300px;
}

#historyWrapper table{
clear:both;
width:100%;
color:#454;
}

#historyWrapper th{
width:15%;
white-space:nowrap;
padding:12px;
text-align:center;
font-size:14px;
}

#historyWrapper td{
padding:12px;
font-size:14px;
}

/* ============ タブ ============== */
#tabs ul{
padding-bottom:30px;
background:url("../_inc_globals/company_inc/_img_bg/tab_bar.png") repeat-x left bottom;
}

#tabs li{
float:left;
list-style:none;
list-style-position:inside;
margin-right:10px;
background:url("../_inc_globals/company_inc/_img_bg/tab_back_on.png") no-repeat 0 0;
width:124px;
height:30px;
line-height:33px;
font-size:12px;
text-align:center;
margin-right:7px;
}

#tabs li a{
display:block;
background:url("../_inc_globals/company_inc/_img_bg/tab_back_off.png") no-repeat 0 0;
width:124px;
height:30px;
text-decoration:none;
}

#tabs li a:hover,#tabs li a.stay{
display:block;
background:url("../_inc_globals/company_inc/_img_bg/tab_back_on.png") no-repeat 0 0;
width:124px;
height:30px;
text-decoration:none;
}


/* ============ 経営理念 ============== */
.companyImg{
background:url("../_inc_globals/company_inc/_img_bg/company_ir.jpg") no-repeat 0 0;
width:740px;
height:415px;
}

#policyWrapper{
width:740px;
margin-bottom:55px;
}
#policyWrapper h2{
margin-top:5px;
font-weight:bolder;
font-size:20px;
}
#policyWrapper h3{
margin-top:12px;
padding-top:15px;
font-weight:bolder;
font-size:16px;
border-top:1px solid #888;
}
#policyWrapper .txBox{
margin:12px 0 0 20px;
font-size:14px;
line-height:1.4em;
}
#policyWrapper ol{
margin:12px 0 0 20px;
padding:0 0 0 20px;
font-size:14px;
line-height:1.4em;
}
#policyWrapper li{
margin-bottom:12px;
}


/* ============ 事業内容 ============== */
#businessWrapper{
min-height:300px;
}

#panel1 dl{
width:375px;
height:110px;
/*background-color:pink;*/
}

#panel1 dt{
float:left;
width:170px;
height:110px;
}

#panel1 dd{
float:right;
width:190px;
}

#realShop dl{
width:375px;
height:110px;
/*background-color:pink;*/
}

#realShop dt{
float:left;
width:170px;
height:110px;
}

#realShop dd{
float:right;
width:190px;
height:110px;
}

.borderStyle{
border-top:dotted 1px #666;
padding-top:20px;
}

.online dl{
width:750px;
height:50px;
margin-bottom:10px;
}

.online dt{
width:205px;
height:50px;
float:left;
border:solid 1px #ccc;
padding:0 5px;
}

.online dd{
width:510px;
height:50px;
float:left;
margin-left:15px;
}