@import "01.css";
body{
	padding:0;
	margin:0;
	text-align:center;
	background:#DCDDDD;
	
}

#whole{
	width:1020px;
	padding:20px 0 8px;
	margin:20px auto;
	background:#FFF;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*----------------------------------------------*/
/*              　   コンテンツ                 */
/*----------------------------------------------*/

#topbox .sideboxl{
	width:300px;
	float:left;
}

#topbox .centerbox{
	width:300px;
	float:left;
	padding:0 30px;
}

#topbox .sideboxr{
	width:300px;
	float:left;
}


#bottombox .sideboxl{
	width:300px;
	float:left;
}

#bottombox .centerbox{
	width:300px;
	float:left;
	padding:0 30px;
}
#bottombox .sideboxr{
	width:300px;
	float:left;
}


#mainimg{
	width:536px;
	float:left;
	display:inline;
}







/* タイトル */
.titel20{
	font-size:20px;
	padding:3px 0 10px;
	margin:0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.titel20{
	font-size:20px;
	padding:3px 0 10px;
	margin:0;
	font-family:"MS PMincho", "Hiragino Mincho Pro", serif;
}
}
.titel22{
	font-size:22px;
	padding:3px 0 10px;
	margin:0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.titel22{
	font-size:22px;
	padding:3px 0 10px;
	margin:0;
	font-family:"MS PMincho", "Hiragino Mincho Pro", serif;
}
}


/* テキスト */

.caption{
	font-size:9px;
	padding:2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.caption{
	font-size:8px;
	padding:2px;
}
}

.txt10{
	font-size:10px;
	color:#FFF;
	line-height:1.4;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.txt10{
	font-size:10px;
	color:#FFF;
	line-height:1.3;
}

}



.txt12{
	font-size:12px;
	line-height:1.7;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.txt12{
	font-size:11px;
	line-height:1.7;
}
}





/* リンク */
.txt12 a{
	color:#000;
	text-decoration:none;
}

.txt12 a:link{
	color:#000;
	text-decoration:none;
}

.txt12 a:hover{
	color:#999;
	text-decoration:none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.txt12 a{
	color:#000;
	text-decoration:none;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.txt12 a:link{
	color:#000;
	text-decoration:none;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.txt12 a:hover{
	color:#999;
	text-decoration:none;
}
}