@charset "utf-8";

#viewer {
	overflow: hidden;
	position: relative;
	height: 300px;
	width: 630px;
	padding: 0px;
	margin: 0;
}

#viewer img {
	left: 0;
	top: 0;
	position: absolute;
}

/*----------------------------------------------------------
 * 共通設定
-----------------------------------------------------------*/
/*---配置--------------------------------------------------*/
.cf:after {  
  content: ".";   
  display: block;   
  height: 0;  
  clear: both;   
  visibility: hidden;  
}  
.cf{
 display: block; 
}

.align_c{
	text-align:center;
}
.align_l{
	text-align:left;
}.align_r{
	text-align:right;
}
.fl_l{
	float:left;
}
.fl_r{
	float:right;
}

/*---文字--------------------------------------------------*/

.bold{
	font-weight:bold;
}
.f75{
	font-size:0.75em;
}
.f80{
	font-size:0.8em;
}
.f85{
	font-size:0.85em;
}
.f90{
	font-size:0.9em;
}
.f95{
	font-size:0.95em;
}
.f110{
	font-size:1.1em;
}
.f120{
	font-size:1.2em;
}
.f130{
	font-size:1.3em;
}
.f140{
	font-size:1.4em;
}
.f150{
	font-size:1.5em;
}
.f160{
	font-size:1.6em;
}
.f170{
	font-size:1.7em;
}
.f180{
	font-size:1.8em;
}
.f190{
	font-size:1.9em;
}
.f200{
	font-size:2em;
}
.f250{
	font-size:2.5em;
}

/*---margin--------------------------------------------------*/

.m5{ margin-bottom:5px;}
.m10{ margin-bottom:10px;}
.m15{ margin-bottom:15px;}
.m20{ margin-bottom:20px;}
.m30{ margin-bottom:30px;}
.m40{ margin-bottom:40px;}
.m50{ margin-bottom:50px;}
.m60{ margin-bottom:60px;}
.m70{ margin-bottom:70px;}
.m80{ margin-bottom:80px;}
.m90{ margin-bottom:90px;}
.m100{ margin-bottom:100px;}
.m110{ margin-bottom:110px;}
.m120{ margin-bottom:120px;}
.m130{ margin-bottom:130px;}
.m140{ margin-bottom:140px;}
.m150{ margin-bottom:150px;}
.m160{ margin-bottom:160px;}


.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt70{ margin-top:70px;}
.mt80{ margin-top:80px;}
.mt90{ margin-top:90px;}
.mt100{ margin-top:100px;}
.mt110{ margin-top:110px;}
.mt120{ margin-top:120px;}

/*---padding--------------------------------------------------*/

.p5{ padding-bottom:5px;}
.p10{ padding-bottom:10px;}
.p15{ padding-bottom:15px;}
.p20{ padding-bottom:20px;}
.p30{ padding-bottom:30px;}
.p40{ padding-bottom:40px;}
.p50{ padding-bottom:50px;}
.p60{ padding-bottom:60px;}
.p70{ padding-bottom:70px;}
.p80{ padding-bottom:80px;}
.p90{ padding-bottom:90px;}
.p100{ padding-bottom:100px;}
.p110{ padding-bottom:110px;}
.p120{ padding-bottom:120px;}

.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt80{ padding-top:80px;}
.pt90{ padding-top:90px;}
.pt100{ padding-top:100px;}
.pt110{ padding-top:110px;}
.pt120{ padding-top:120px;}

/*---配置--------------------------------------------------*/
.inside10{
	text-indent:10px;
}
.inside20{
	text-indent:20px;
}

/*---color--------------------------------------------------*/
.red{
	color:#c52c37;
}
.orange{
	color:#e08848;
}
.yellow{
	color:#f3ca5a;
}
.green00{
	color:#b1cd5c;
}
.green01{
	color:#63a654;
}
.blue00{
	color:#54a4db;
}
.blue01{
	color:#2c5999;
}
.violet{
	color:#8f438a;
}
.pinkred{
	color:#f11d72;
}