@charset "utf-8";

/*-----------------------------------------------------------
default
------------------------------------------------------------*/
*{
	border :0;
	font-size: 100%;
	font-family:inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;}

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

body{
	zoom: 1;
	color: #2e1914;
	font-size: 16px;
	line-height: 1.2;
	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{display:block;}
/*----------------------------------------------------------*/



/* memo
------------------------------------------------------------*/
/* グリーン		#99CF16
/* ブラック		#333333
/*----------------------------------------------------------*/
.wrap	{
	margin:0 auto;
	max-width:640px;}

.inner{
	max-width:640px;
	margin:0 auto;
	padding:0 5px;
}

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

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

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

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

/* text-size */
.s48	{font-size: 48px;}
.s36	{font-size: 36px;}
.s34	{font-size: 34px;}
.s32	{font-size: 32px;}
.s30	{font-size: 30px;}
.s28	{font-size: 28px;}
.s26	{font-size: 26px;}
.s24	{font-size: 24px;}
.s22	{font-size: 22px;}
.s20	{font-size: 20px;}
.s18	{font-size: 18px;}
.s16	{font-size: 16px;}
.s14	{font-size: 14px;}
.s12	{font-size: 12px;}
.s10	{font-size: 10px;}
.b		{font-weight: bold;}

/* text-color */
.light-green	{color: #99CF16;}
.yellow	{font-weight: bold; background: #ffff00;}
.red	{color: #ff0000;}
.orange	{color: #FF5700;}
.green	{color: #368d39;}
.blue	{color: #3991EF;}
.gray	{color: #bbbbbb;}
.white	{color: #fff;}
.black	{color: #333;}
.mincho	{
	letter-spacing:3px;
	font-weight:normal;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

/* link */
a		{color: #10439E;}
a:hover	{text-decoration: underline;}

/* bg */
.bg-gray	{
	background:#f5f5f4;}
.bg-pink	{
	background:#f3eae2;
	overflow:hidden;}