@charset "utf-8";

/* --------------------------------

	*INDEX - reset.css

	1. スタイルの初期化
	2. スタイルの拡張
	

--------------------------------- */



/* ========================================================================

	1. スタイルの初期化
 
======================================================================== */


/* Style Reset
---------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}
a {
	outline-width: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul,li {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
}


/* display block
---------------------------------------------------- */
h1,h2,h3,h4,h5,h6,ol,ul,li,form {
	display: block;
}


/* Font Size
---------------------------------------------------- */
body,
input {
    font:13px/1.7 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",Verdana,sans-serif; /* モダンブラウザ向け */
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6以下 */
}


img{vertical-align: bottom;}


/* ========================================================================

	2. スタイルの拡張
 
======================================================================== */

html{
	overflow-y:scroll;


}


* html div#header h2 a,
div#wrapB div#contentsWrap{
behavior: expression(IEPNGFIX.fix(this));
} 


div#wrapB div#contentsWrap{z-index:-1;}

div#wrapB div#contentsWrap div#LeftArea{position:relative; z-index:1;}

div#wrapB div#contentsWrap div#RightArea{position:relative; z-index:1;}

/* clearfix
---------------------------------------------------- */
div#wrapA:after,
div#wrapB:after,
div#header:after,
div#wrapB div#contentsWrap:after,
div#LeftArea div.contBox_01:after,
div#LeftArea div.contBox_02:after,
div#LeftArea div.contBox_03:after,
div#LeftArea div.contBox_04:after,
div#LeftArea div.contBox_05:after,
div#LeftArea div.contBox_06:after,
div#LeftArea div.contBox_07:after,
div#LeftArea div.contBox_08:after,
div#LeftArea div.contBox_09:after,
div#LeftArea div.contBox_10:after,
div#LeftArea div.contBox_11:after,
div#LeftArea div.contBox_12:after,
div#LeftArea div.contBox_13:after,
div#gmap:after,
body#about div#LeftArea div.photoListBox:after,
body#about div#LeftArea div.photoListBox02:after,
body#about div#aboutBox:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


.clearfix + *{
    clear: both;
}



/* etc
---------------------------------------------------- */
.del {
	position: absolute;
	left: -9999px;
	font-size: 0px;
	line-height: 0px;
}
.hidden, hr {
	display: none;
}