@charset "utf-8";

/*-----------------------------------------------------------
reset
------------------------------------------------------------*/
*{
	border :0;
	margin: 0;
	padding: 0;
	outline: 0;
	box-sizing:border-box;
	vertical-align: baseline;}

html,body{
    width: 100%;
    height: 100%;}

body{
	zoom: 1;
	color: #333;
	font-size: 14px;
	font-style:normal;
	line-height: 1.5;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

img		{border: 0; vertical-align: bottom;}
ol, ul	{list-style :none;}
p		{text-align: justify;}
a		{text-decoration :none;}
table	{border-collapse: collapse;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,p{display:block;}

/*----------------------------------------------------------*/



/*-----------------------------------------------------------
class
------------------------------------------------------------*/
.wrap	{
	max-width:640px;
	margin:0 auto;}

.inner	{
	padding:0 10px;}

.left	{float: left;}
.right	{float: right;}
.clear	{clear: both;}

.mt10	{margin-top: 10px;}
.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;}

.mb10	{margin-bottom: 10px;}
.mb20	{margin-bottom: 20px;}
.mb30	{margin-bottom: 30px;}
.mb40	{margin-bottom: 40px;}
.mb50	{margin-bottom: 50px;}
.mb60	{margin-bottom: 60px;}
.mb70	{margin-bottom: 70px;}
.mb80	{margin-bottom: 80px;}
.mb90	{margin-bottom: 90px;}
.mb100	{margin-bottom: 100px;}

.mr10	{margin-right: 10px;}
.mr20	{margin-right: 20px;}
.mr30	{margin-right: 30px;}
.mr40	{margin-right: 40px;}
.mr50	{margin-right: 50px;}
.mr60	{margin-right: 60px;}
.mr70	{margin-right: 70px;}
.mr80	{margin-right: 80px;}
.mr90	{margin-right: 90px;}
.mr100	{margin-right: 100px;}

.ml10	{margin-left: 10px;}
.ml20	{margin-left: 20px;}
.ml30	{margin-left: 30px;}
.ml40	{margin-left: 40px;}
.ml50	{margin-left: 50px;}
.ml60	{margin-left: 60px;}
.ml70	{margin-left: 70px;}
.ml80	{margin-left: 80px;}
.ml90	{margin-left: 90px;}
.ml100	{margin-left: 100px;}

.pt10	{margin-top: 10px;}
.pt20	{margin-top: 20px;}
.pt30	{margin-top: 30px;}
.pt40	{margin-top: 40px;}
.pt50	{margin-top: 50px;}
.pt60	{margin-top: 60px;}
.pt70	{margin-top: 70px;}
.pt80	{margin-top: 80px;}
.pt90	{margin-top: 90px;}
.pt100	{margin-top: 100px;}

.pb10	{margin-bottom: 10px;}
.pb20	{margin-bottom: 20px;}
.pb30	{margin-bottom: 30px;}
.pb40	{margin-bottom: 40px;}
.pb50	{margin-bottom: 50px;}
.pb60	{margin-bottom: 60px;}
.pb70	{margin-bottom: 70px;}
.pb80	{margin-bottom: 80px;}
.pb90	{margin-bottom: 90px;}
.pb100	{margin-bottom: 100px;}

.pr10	{margin-right: 10px;}
.pr20	{margin-right: 20px;}
.pr30	{margin-right: 30px;}
.pr40	{margin-right: 40px;}
.pr50	{margin-right: 50px;}
.pr60	{margin-right: 60px;}
.pr70	{margin-right: 70px;}
.pr80	{margin-right: 80px;}
.pr90	{margin-right: 90px;}
.pr100	{margin-right: 100px;}

.pl10	{margin-left: 10px;}
.pl20	{margin-left: 20px;}
.pl30	{margin-left: 30px;}
.pl40	{margin-left: 40px;}
.pl50	{margin-left: 50px;}
.pl60	{margin-left: 60px;}
.pl70	{margin-left: 70px;}
.pl80	{margin-left: 80px;}
.pl90	{margin-left: 90px;}
.pl100	{margin-left: 100px;}

/* text-size */
.s20	{font-size: 20px;}
.s18	{font-size: 18px;}
.s16	{font-size: 16px;}
.s14	{font-size: 14px;}
.s12	{font-size: 12px;}
.s10	{font-size: 10px;}

/* text-color */
.yellow	{font-weight: bold; background: #ffff00;}
.red	{color: #ff0000;}
.orange	{color: #ffa100;}
.green	{color: #349A2F;}
.blue	{color: #3991EF;}
.gray	{color: #777777;}
.white	{color: #ffffff;}
.black	{color: #333333;}

/* link */
a		{
	color: #333333;
	text-decoration:underline;}
a:hover	{
	color: #9F070A;
	text-decoration:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}
a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}