@charset "UTF-8";
/* CSS Document */

/*IE用*/
/*IE7用*/
.ie7 img,
.ie8 object {
    width:100%;
}

/*IE8用*/
.ie8 img,
.ie8 object {
    width:auto9
}



/* レイアウト設定 */
div.wrapper {
			display: table;
			border-spacing: 0.5em;
			margin: 0px;
			padding: 0px;
			width: 100%;
			color:#999999;
			
		}
		div.wrapper div.box1 {
			display: table-cell;
			margin: 0px;
			padding: 0.5em;
			width: 40%
		}
		div.wrapper div.box2 {
			display: table-cell;
			margin: 0px;
			
			padding: 0.5em;
			width: 60%
		}
		div.wrapper div.box3 {
			display: table-cell;
			margin: 0px;
			
			padding: 0.5em;
		}

		/* -------------------------------------------- */
		/* 横幅が640px以下であれば以下のCSSが適用される */
		/* -------------------------------------------- */
		@media screen and (max-width: 640px) {
			div.wrapper {
				display: block;
			}
			div.wrapper div.box1 {
				display: block;
				width: 100%;
				padding: 0px;
			}
			div.wrapper div.box2 {
				display: block;
				width: 100%;
				padding: 0px;
			}
			div.wrapper div.box3 {
				display: block;
				width: 100%;
				padding: 0px;
			}
		}
		
			@media screen and (max-width: 479px) {
			div.wrapper {
				display: block;
			}
			div.wrapper div.box1 {
				display: block;
				width: 100%;
				padding: 0px;
			}
			div.wrapper div.box2 {
				display: block;
				width: 100%;
				padding: 0px;
			}
			div.wrapper div.box3 {
				display: block;
				width: 100%;
				padding: 0px;
			}
		}

		div p { font-size: 90%; margin: 0px; padding: 1em 0px; color: #555; }

.all {
　　max-width: 600px;
　　margin: auto;
}


/* ヘッダー */
.header {
	text-align: left ;	/* テキスト、画像の寄せ */
	padding: 0 ;		/* 上下の余白 */
	margin-bottom: 0 ;	/* 他のブロックとのスペース */
}

/* ロゴ画像を囲む[h1] */
.logo-wrapper {
	margin: 0 ;			/* スペース */
	padding: 0 ;		/* 余白 */
	line-height: 1 ;	/* 行の高さ */
}

/* ロゴ画像 */
.logo {
	width: 600px ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px){

	/* ロゴ画像 */
	.logo {
		width: 98% ;		/* 横幅 */
	}

}


/* top 右 */
.top1 {
	width: 100% ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px){

	/* ロゴ画像 */
	.top1 {
		width: 98% ;		/* 横幅 */
	}

}


/* table */
.table {
	width: 100% ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px){

	/* ロゴ画像 */
	.table {
		width: 100% ;		/* 横幅 */
	}

}


/* text01 */
.text01 {
	width: 100% ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px){

	/* ロゴ画像 */
	.text01 {
		width: 100% ;		/* 横幅 */
	}

}

/* img01 */
.img01 {
	width: 100% ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px){

	/*  img01 */
	.img01 {
		width: 100% ;		/* 横幅 */
	}

}

/* img01 */
table.img01 {
	width: 100% ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px){

	/*  img01 */
	table.img01 {
		width: 300px ;		/* 横幅 */
	}

}


/* サイズ可変 */
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-lg-12 {
    width: 100%;
}
.img-responsive_center{
display:block;
max-width:100%;
height:auto;
 margin-left: auto;
 margin-right: auto;}
 
.text-responsive_center{
max-width:100%;
height:auto;
 margin-left: auto;
 margin-right: auto;}

/* カラー */
.color01{color:#fff;}
.color02{color:#666;}
.color03{color:#f2f2f3;}

/* マージン */
.margin00{margin-top: 0px ;
margin-bottom:0px;;}
.margin01{margin-left: 5px ;}
.margin02{margin-bottom:20px;}
.margin03{margin-top: 10px ;
z-index:inherit;}
.margin04{margin-top: 20px ;}
.margin05{margin-left: 6px ;}
.margin06{margin-bottom:15px;}
.margin07{margin-left: 10px ;
margin-top: 3px ;
}
.margin08{
margin-top: 4px ;
}
.margin09{margin-bottom:30px;}
.margin10{margin-bottom:10px;}
.margin11{ margin-right:20px;}
.margin12{margin-left: 15px ;}
.margin13{margin-left: 40px ;}
.margin14{margin-top: 30px ;}
.margin15{ margin-right:40px;}
.margin16{margin-top: 20px ;
margin-left:40px;}
.margin17{margin-top: 10px ;
margin-left: 50px ;
margin-right: 20px ;}
.margin18{margin-left: 50px ;}
.margin19{margin-left: 20px ;}
.margin20{margin-left: 8px ;}

.width01{max-width:100%;}


/* 行間 */
.font01{line-height:180%;}
.font02{line-height:10%;}

.flert01{float:left;}
.clear {clear:both;　/*floatの解除*/}