@charset "utf-8";
/*------------------------------------
 
CSS Information
 
  Site URL: http:www.kitanihon-gas.co.jp/
  File name: contact.css
  Summary: form styles
  Created: 
  Last update: 2011.11.28
  Author:
  Base-Color:#39A727
 
  Order of description
  	=01.Contact-body
		=01-0.Common
		=01-1.Office-Guide
		=01-2.Contact-List
 
 
------------------------------------*/




/*	=01-0.Common
-----------------------------------------------------------------------*/

#Contact-body{
	background: url(../../contact/images/line_back.gif) repeat-y left top;
	margin-top:15px;
	margin-bottom:30px;
	overflow:hidden;
	font-family:'���C���I', 'Meiryo', sans-serif;
}

#Contact-body #Office-Guide,
#Contact-body #Contact-List{width:460px; padding-top:10px;}

#Contact-body #Office-Guide{ float:left; position:relative;}
#Contact-body #Contact-List{ float:right;}

#Contact-body #Office-Guide h2,
#Contact-body #Contact-List h2{
	font-size:15px; text-align:left; color:#39A727; font-weight:bold;
	padding-left:21px; margin-bottom:10px;
	background: url(../images/icon_ttl.gif) no-repeat left center;
}

#Contact-body #Office-Guide p.outline,
#Contact-body #Contact-List p.outline{
	font-size:13px; padding-bottom:5px; border-bottom:1px solid #39A727;
}

#Contact-body #Office-Guide p.outline{ margin-bottom:10px;}
#Contact-body #Contact-List p.outline{ margin-bottom:44px;}


/*	=01-1.Office-Guide
-----------------------------------------------------------------------*/
#Contact-body #Office-Guide ul{
	position:absolute;
	top:8px; left:120px;
}

#Contact-body #Office-Guide ul li{
	display:inline;
}


#Contact-body #Office-Guide div.office{
	width:460px;
	padding-bottom:20px; margin-bottom:15px;
	border-bottom:1px solid #39A727;
}

#Contact-body #Office-Guide div.office dl{
	width:460px;
	text-align:left; margin-bottom:5px;
	overflow:hidden;
}

#Contact-body #Office-Guide div.office dl dt{
	width:95px;
	float:left; margin-right:10px;
	color:#39A727;
	// font-size:16px;
}

#Contact-body #Office-Guide div.office dl dd{
	width:355px;
	float:left;
	// font-size:12px;
	font-size:1em;
	overflow:hidden;
}

#Contact-body #Office-Guide div.office div{
	padding-left:178px;
	font-size:12px;
}

#Contact-body #Office-Guide div.office div iframe{ border:1px solid #163b95;}

#Contact-body #Office-Guide div.office div.oyama{background: url(../../contact/images/office_oyama.jpg) no-repeat left top;}
#Contact-body #Office-Guide div.office div.kanuma{background: url(../../contact/images/office_kanuma.jpg) no-repeat left top;}
#Contact-body #Office-Guide div.office div.sano{background: url(../../contact/images/office_sano.jpg) no-repeat left top;}
#Contact-body #Office-Guide div.office div.yuki{background: url(../../contact/images/office_yuki.jpg) no-repeat left top;}


/*	=01-2.Contact-List
-----------------------------------------------------------------------*/
#Contact-body #Contact-List ul{ width:460px;}

#Contact-body #Contact-List ul li{ margin-bottom:20px; width:450px;}

#Contact-body #Contact-List ul li a{
	display:block;
	text-align:center;
	font-size:15px;
	height:60px; line-height:60px;
	background:#fff;
}

#Contact-body #Contact-List ul li a:link,
#Contact-body #Contact-List ul li a:visited{
	border:1px solid #39A727;
	color:#39A727;
	-moz-box-shadow:2px 2px 2px 2px #CCC;
	-webkit-box-shadow:2px 2px 2px 2px #CCC;
	box-shadow:2px 2px 2px 2px #CCC;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=135, color='#CCCCCC');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=2, Direction=135, Color='#CCCCCC')";
	/*Shadows look very different in IE (Only cardinal directions supported)*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element should have a background-color*/
	/*All filters must be placed together*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	/*IE 7 AND 8 DO NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/
}

#Contact-body #Contact-List ul li a:hover{
	border:1px solid #FF6600;
	color:#FF6600;
	-moz-box-shadow:0px 0px 5px #333;
	-webkit-box-shadow:0px 0px 5px #333;
	box-shadow:0px 0px 5px #333;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=135, color='#CCCCCC');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=2, Direction=135, Color='#CCCCCC')";
	/*Shadows look very different in IE (Only cardinal directions supported)*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element should have a background-color*/
	/*All filters must be placed together*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	/*IE 7 AND 8 DO NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/
}