@charset"utf-8";
/*
-----------------------------------------------
brush-up! Web Site typography
latest up-date: 25 July 2015
----------------------------------------------- */

/* **************************************************************************** */
/*
/* import fonts
/*
/* **************************************************************************** */

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);



/* **************************************************************************** */
/*
/* common setting
/*
/* **************************************************************************** */
html{font-size:62.5%;}
body{
	font-family:'Lato', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#333;
	-webkit-text-size-adjust: 100%;
}
#wrapper { font-size:14px; font-size:1.4rem; line-height:1.8;}

::selection {background:#CDD3CD; color:#fff;}
::-moz-selection { background:#CDD3CD; color:#fff;}
hr{ clear:both; margin:0 0; height:0; background:transparent; color:#fff; border:none;}


/* Headline
--------------------------------------------------
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { line-height:1.2;}




/* Headline decoration class
--------------------------------------------------
----------------------------------------------- */


/* Typography
--------------------------------------------------
----------------------------------------------- */
p		{ margin:0 0 0.5em 0;}
em		{ font-style:normal; color:#2C8EF2;}
sup 	{ font-size:10px; vertical-align:top;}
address	{ font-style: normal;}
figure	{ margin-bottom:16px;}
figcaption { padding:4px; font-size:13px; font-size:1.3rem; color:#666;}

.lead{ font-size:14px;}


/* Typography decoration class
--------------------------------------------------
----------------------------------------------- */
/* size */
.large{ font-size:120%;}
.small{ font-size:86%;}
.abs-small{font-size:11px; font-size:1.1rem;}

/* color */
.dark{ color:#000;}
.pale{ color:#999;}
.attention{ color:#f00;}
.note{}
.caption{ font-size:8pt; line-height:1.4; color:#666;}

/* family */
.serif{font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "細明朝体", "Times New Roman", Times, serif;}
.sans{font-family: "Helvetica Neue", Helvetica, sans-serif;}

/* style */
.normal{font-style: normal;}
.italic{font-style: italic;}


/* layout */
.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}

p.imgleft img{ float:left; margin:0 12px 5px 0;}
p.imgright img{ float:right; margin:0 12px 5px 0;}
p.imgleft:after,
p.imgright:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

* html p.imgleft,
* html p.imgright{ zoom: 1; } /* IE6 */  
*:first-child+html p.imgleft,
*:first-child+html p.imgright { zoom: 1; } /* IE7 */


/* unordered List style
--------------------------------------------------
----------------------------------------------- */
ul{ list-style:none; line-height:1.5;}
li .caption{ padding:0 12px;}


/* defined List style
--------------------------------------------------
----------------------------------------------- */
dl{ line-height:1.5;}
dt{}
dd{}


/* ordered List style
--------------------------------------------------
----------------------------------------------- */
ol { margin:1em 0 1em 2em; list-style-position:outside; line-height:1.5;}
ol {