/* CSS Document */
/*
	
	+Base Element
	+Link
	+Base Layout
		+Header[common]
		+Contents[common]
		+Footer[common]
	+ClearFix[common]
	
	##############################
	
	Font-Size
	1em - 10px
	1.2em - 12px
	1.4em - 14px
	2.0em - 20px
	
	
	ex.
	p { font-size: 1.2em;}
	p span { font-size: 2em;}
	
	<p><span> [24px] </span></p>
	
	1.2em * 2em = 2.4em = 24px
	
	##############################
	
*/

/*
+Base Element
############################################################ */


*{
	margin: 0;
	padding: 0;
}


body {
	/*
	background-color: #FFF;
	text-align: center;
	font-size: 10px;
	color: #333;
	margin: 0;
	padding: 0;
	*/
}


/*Hack IE6-7*/


* html body {
	font-size: 62.5%;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
}

*:first-child+html body {
	font-size: 62.5%;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
}


/**/
html body {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",sans-serif;
}


/*End*/


div {
	text-align: left;
}

h1, h2, h3, h4, h5, h6, p, li, dt, dd, li {
	font-size: 1em;
	font-weight: normal;
}

ol, ul {
	list-style-type:none;
}

img {
	border:0;
	vertical-align: bottom;
}

hr {
	display:none;
}

strong, th {
	font-weight: normal;
}

/*clear*/
.clear {
	clear:both;
}
/*end clear*/

/*
+Link Color
############################################################ */
a {
	display: block;
	text-decoration: none;
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}

/*
+Common Class
############################################################ */

/*
+Layout
############################################################ */


#wrap {
	display: block;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	width: 918px;
}

/* ローディング */
#myloader {
    width:31px;
    height:31px;
    display:none;
	position:absolute;
	margin-left:460px;
	margin-top:295px;
    z-index:100;
}

#myfade {
    width:100%;
    height:100%;
    display:none;
    background-color:#FFFFFF;
    position:absolute;
    top:0px;
    left:0px;
    z-index:51;
}


/* 非表示エレメント */
#contents .off{
	display:none;
}

/* コンテンツ全体 */
#contents #mymain{
	position:relative;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width:918px;
	float:left;
	clear:both;
}

/* エレメント */
#contents #mymain .myelement{
	position:absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#contents #mymain .myelement2{
	position:relative;
	display:block;
	float:left;
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 918px;
	height: auto;
}

/* ヘッダメニュー */
#contents .myheadbt{
	position:relative;
	display:block;
	float: left;
	clear:both;
    margin-top: 0px;
	padding:0px 0px 0px 0px;
	width: 918px;
	height:55px;
	list-style:none;
}

#contents .myheadbt li{
	position:relative;
	display:inline;
	float:left;
	margin:0px 0px 0px 17px;
	padding:0px 0px 0px 0px;
	height:55px;
	width: 133px;
}
#contents .myheadbt li:nth-child(1){
	margin-left: 24px;
}

#contents .myheadbt li:first-child{
	margin-left: 24px;
}

#contents .myheadbt li:last-child{
    width: 127px;
}

/* ヘッダメニュー */



/* コンテンツ内メニュー */
#contents .myconbt{
	position:relative;
	display:block;
	float: left;
	clear:both;
    margin-top: 0px;
	padding:0px 0px 0px 0px;
	width: 918px;
	height:auto;
	list-style:none;
}

#contents .myconbt li{
	position:relative;
	display:inline;
	float:left;
	margin:0px 0px 47px 0px;
	padding:0px 0px 0px 0px;
	height:105px;
	width: 330px;
}

#contents .myconbt li:nth-child(1){
	margin-left: 111px;
}
#contents .myconbt li:nth-child(4){
	margin-left: 111px;
}
#contents .myconbt li:nth-child(2){
	margin-left: 35px;
}
#contents .myconbt li:nth-child(5){
	margin-left: 35px;
}
#contents .myconbt li:nth-child(3){
	margin-left: 221px;
	height:142px;
	width: 474px;
}



/* ヘッダメニュー */


/* 写真スライド */
#contents #myfadein{
	position:relative;
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow: visible;
	width:918px;
	height:463px;
	list-style:none;
    vertical-align:baseline;
	font-size:0px;
	line-height:0px;
	float:left;
	clear:both;
}

#contents #myfadein li{
    position:absolute;
	display:block;
	width:918px;
	height:463px;
	margin-top:0px;
	margin-left:0px;
}



/*
+ClearFix[common]
############################################################ */
.flearFix:after {
	/*
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	*/
}

/* WinIE7 only */
*:first-child+html .flearFix {
	/*
  display: inline-block;
  */
}
/* end WinIE7 only*/

/* WinIE6 and below */
/*\*/
* html .flearFix {
	/*
  height:1%;
  */
}
/* end WinIE6 and below*/

/* Mac IE*/
/*\*//*/
#xxxxxx {
	display: inline-table;
}
/* end Mac IE*/