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


h1{
	font-size:14px;
	line-height:130%;
	display:inline;
	font-weight:bold;
}

h2{
	display:inline;
	font-size:16px;
	line-height:130%;
	font-weight:bold;
}

h3{
	display:inline;
	word-wrap: break-word;
	font-size:14px;
	line-height:120%;
}

@media screen and (min-width: 481px) {

a{
	text-decoration:none;
	color:#CCC;
}	

/*ポイント時のリンク*/
a:hover{
	text-decoration:underline;
	color:#FCF;
}

#main{
	width: 1000px;
	background-color:#FFC;
	position: relative;
	overflow: hidden;
	background-image:url(../img/show/show_back.gif);
	background-repeat:repeat-y;
}

#title{
	width: 200px;
	height:50px;
	padding:20px 0 0 20px;
}

#right{
	width:500px;
	margin:0px 0 0 280px;
	float:left;
}

.showao{
	height:450px;
	width:500px;
	background-image:url(../img/show/ao.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	float:left;	
	margin:40px 0 0 0px;
	padding:80px 80px 0px 90px;
}

.show_inside{
	height:350px;
	width:500px;
	overflow:auto;
	word-wrap: break-word;
}

}

/*480px以下で表示*/
@media screen and (max-width: 480px) {

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

/*ポイント時のリンク*/
a:hover{
	text-decoration:underline;
	color:#006;
}

#main{
	width: 100p%;
	background-color:#FFC;
	position: relative;
	overflow: hidden;
}

#title{
	width: 200px;
	height:50px;
	padding:20px 0 0 20px;
}

#right{
	width:100%;
	margin:20px 0 0 0px;
	float:none;	
}

.showao{
	height:auto;
	width:90%;
	color:#000;
	float:none;	
	margin:0px auto;
	border-top : double 4px #333 ;
}

.show_inside{
	height:auto;
	width:90p%;
	padding:10px 10px 50px 10px;
	overflow:hidden;
	word-wrap: break-word;
}
	
}