/*************************************
common.css
*************************************/

@charset "utf-8";

/* ----------------------- Browser Default Initialization */  
/*html{  
    overflow-y: scroll;  
}*/
  
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6,  
pre, form, fieldset, input, textarea, p, blockquote, th, td {  
    margin: 0;  padding: 0;  
} 

caption, th {  
    text-align: left;  
}  

hr, legend  {  
    display: none;  
}  
h1, h2, h2, h3, h5, h6  {  
    font-size: 100%;  
}  
img, abbr, acronym, fieldset    {  
    border: 0;  
}  
li  {  
    list-style-type: none;  
}

address{
	color:#262626;
	font-size:14px;
}

/* ----------------------- Basic Style */
body {  
    font-family: verdana,"MS P Gothic","Hiragino Kaku Gothic Pro",Osaka,Helvetica,Verdana,Arial,sans-serif;  
    background: #FFF;
	background-image:url(../images/navBG.gif);
	background-repeat:repeat-x;
	background-position:0px 99px;
	color:#858585;
}

html>/**/body {  
    font-size: 12px;
	font-size:70%;  
}  
  
* + html body {  
    font-family: "���C���I","Meiryo";
	font-size:12px;
	font-size:70%;
}

/* ------------ A Style */  
a:link  {  
    text-decoration: none;  
    color: #333333;  
}  
  
a:visited   {  
    text-decoration: none;  
    color: #333333;  
}  
  
a:hover {  
    text-decoration: underline;  
    color: #333333;  
}  
  
a:active    {  
    text-decoration: none;  
    color: #333333;  
}

/*link a img alpha time*/
a img.btnover {
    /* Firefox */
    -moz-transition: 0.6s;
    /* WebKit */
    -webkit-transition: 0.6s;
    /* Opera */
    -o-transition: 0.6s;
    /* Standard */
    transition: 0.6s;
}
 
/* add class */
a:hover img.btnover {
    /* Firefox */
     -moz-opacity: 0.60;
    /* IE */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    /* Standard */
    opacity: 0.60;
}


/* ------------ Wrapper */
div#Wrapper{
	width:957px;
	height:auto;
	display:block;
	margin:0 auto;
	clear:both;
}

/* ------------ Header */
div#Header{
	width:957px;
	height:99px;
	clear:both;
	display:block;
}

div#Header .logo{
	width:276px;
	height:36px;
	float:left;
	padding-top:36px;
	padding-left:14px;
}

div#Header .info{
	width:246px;
	height:81px;
	float:right;
	padding-top:17px;
}

div#Header .mapBox{
	clear:both;
	width:206px;
	height:30px;
	display:block;
	text-align:right;
	padding-left:40px;
}

div#Header .access{
	width:99px;
	padding-right:18px;
	float:left;
}

div#Header .site{
	width:84px;
	float:left;
}

/* ------------ Navi */
div#Navi{
	width:957px;
	height:50px;
	display:block;
	clear:both;
}

div#Navi ul li{
	float:left;
	list-style-image:none;
	height:50px;
}

/* ------------ SideCont */
div#sideCont{
	width:227px;
	height:475px;
	float:right;
	display:block;
}

div#sideCont2{
	width:227px;
	height:615px;
	float:right;
	display:block;
}


.contactMeBox{
	width:227px;
	height:393px;
	margin-top:15px;
	background-image:url(../images/askBox.gif);
	background-repeat:no-repeat;
	display:block;
}

.toMail{
	width:201px;
	height:42px;
	padding-top:128px;
	margin:0 auto;
	display:block;
}

.imgOffice{
	width:199px;
	height:150px;
	padding-top:10px;
	margin:0 auto;
	display:block;
}


/* ------------ Footer */

div#FooterWrap{
	width:100%;
	height:217px;
	display:block;
	position:absolute;
	bottom:0;
}

div#Fooer{
	width:100%;
	height:185px;
	background-color:#f4f4f4;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	display:block;
	
}

div#Footer2{
	width:100%;
	height:185px;
	background-color:#f4f4f4;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	display:block;
	clear:both;
}

.footerNaviParent{
	width:957px;
	height:185px;
	clear:both;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	margin:0 auto;
	display:block;
}

.footerInfoBox{
	width:337px;
	height:171px;
	display:block;
	float:left;
	margin-top:15px;
}

.infoBtnSet{
	width:151px;
	height:20px;
	clear:both;
	padding-top:15px;
	padding-left:13px;
}

.footerNaviBox{
	width:620px;
	height:181px;
	float:left;
	display:block;
}

.footerNaviWrap{
	clear:both;
	display:block;
}
.footerNaviCont{
	width:200px;
	height:135px;
	float:left;
	margin-top:20px;
}

.footerNaviCont dl{
	width:160px;
	height:15px;
	display:block;
	margin-bottom:15px;
	clear:both;
}

.footerNaviCont dt{
	width:37px;
	height:15px;
	display:block;
	float:left;
	padding-top:3px;
}

.footerNaviCont dd{
	width:123px;
	height:15px;
	display:block;
	float:left;
	font-size:12px;
	margin-bottom:8px;
}

div#endFooter{
	width:957px;
	height:32px;
	margin:0 auto;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	clear:both;
}

.copyright{
	width:445px;
	height:15px;
	float:left;
	padding-top:9px;
	padding-left:17px;
}

div#endFooter .endLink{
	width:220px;
	height:15px;
	float:right;
	padding-top:9px;
	padding-right:51px;
}

div#Footer p{
	color:#262626;
	font-size:14px;
}