@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Palanquin+Dark');
/* ---------------------------------------


Resets


--------------------------------------- */
html {
    color: #000;
    font-size: 1em;
    line-height: 1.6;
}
body {	
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: .1em;
	-webkit-text-size-adjust: 100%;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, logo {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
}
article, aside, canvas, details, figcaption, figure,
header, footer, main, menu, nav, section, summary, logo, hgroup {
	display: block;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
nav ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

ul, ol, li {
	list-style: none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
/* CSS Document */
a, a:hover {
	text-decoration: none;
}
 
input, select {
    vertical-align:middle;
}



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


Header Layout 


--------------------------------------- */
header {
	width: 100%;
	background: #FFF;
	position: fixed;
	padding: 30px 0;
	z-index: 10;
}
#headerWrap {
	width: 1100px;
	margin: auto;
	position: relative;
}
nav {
	position: absolute;
	right: 0;
	top: 30px;
}
nav ul {}
nav ul li {
	float: left;
	padding: 0 20px;
	line-height: 0;
	background: url(../img/common/navbar.png) no-repeat right 3px;
	height: 15px;
}
nav ul li.last {
	padding: 0 0 0 20px;
    background: transparent;
}
nav ul li img {
	vertical-align: bottom;
}




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


Main Layout


--------------------------------------- */
main {
	padding: 0 0 50px;
}
main div.inner {
	width: 1100px;
	margin: auto;
	position: relative;
}
main section.colored {
	background: #EFEFEF;
}
/* ---------------------------------------


Footer Layout


--------------------------------------- */
footer {
	padding: 120px 0 40px;
	background: #000;
	color: #FFF;
	font-family: 'Palanquin Dark', sans-serif;
	font-size: 16px;
}
footer div.inner {
	width: 1100px;
	margin: auto;
	position: relative;
	line-height: 1;
}
footer div.inner.footer {
	height: 70px;
}
footer div.inner ul {
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 9;
}
footer div.inner ul li {
	float: left;
}
footer div.inner ul li a {
	text-decoration: underline;
}
footer div.inner ul li.copyright {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	border-left: 1px solid #FFF;
}
footer div.inner div.ToPageTop {
	position: absolute;
	right: 0;
	bottom: 30px;	
	font-size: 18px;
}
footer div.inner div.ToPageTop a {
	position: relative;
	padding: 0 65px 0 0;
	text-align: left;
}
footer div.inner div.ToPageTop a img {
	position: absolute;
	right: 0;
	bottom: 5px;
}
footer div.inner a {
	color: #FFF;	
}

.pagetop {
  	position: fixed;
  	left: 0;
  	display: block;
	z-index: 1;
	width: 100%;
	font-family: 'Palanquin Dark', sans-serif;
	font-size: 14px;
}
.pagetop p {
	width: 1100px;
	margin: auto;
	text-align: right;
	line-height: 1;
}
.pagetop a {
	color: #000;
	height: 20px;
	padding: 12px 55px 0 0;
	background: url(../img/icon/pagetop02.png) no-repeat right 12px;
	font-weight: bold;
}
.pagetop.footerarea a {
	color: #FFF;
	background: url(../img/icon/pagetop.png) no-repeat right 12px;
	font-weight: normal;
}

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


Common Layout


--------------------------------------- */
.clear {
	width: 100%;
	clear: both;
}

.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
*:after {
  display:block;
  clear:both;
} /* この記述は固定です */

element {zoom:1;} /* clearfix IE6, 7 */
element:after {content:"";} /* clearfix */

strong.exept { font-weight: 500; }

.Lft { float: left; }
img.iLft { overflow: hidden; float: left; }
.Rgt { float: right; }
img.iRgt { overflow: hidden; float: right; }

.txtC { text-align: center!important; }
.txtL { text-align: left!important; }
.txtR { text-align: right!important; }

.small { font-size: 75%; /* = 12px */ }
.big { font-size: 125%; /* = 20px */ }

.txt-red { color: #BB3939!important; }
.txt-blue { color: #496F7C!important; }
.txt-white { color: #FFF!important; }

.bgCol { background: #E8E6E0; }
.bg-pnk { background:#EFCFCF; }
.bg-blk { background:#333; }

ul.line-3 { overflow: hidden; padding: 0!important; }
ul.line-3 li { float: left; width: 33.3%; }

.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }
.mt60 { margin-top: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mt80 { margin-top: 80px!important; }
.mt90 { margin-top: 90px!important; }

.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb80 { margin-bottom: 80px!important; }
.mb90 { margin-bottom: 90px!important; }

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

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

.pb10 { padding-bottom: 10px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb60 { padding-bottom: 60px!important; }
.pb100 { padding-bottom: 100px!important; }
.pb150 { padding-bottom: 150px!important; }
.pb200 { padding-bottom: 200px!important; }




@media print {
    *,
    *:before,
    *:after,
    p:first-letter,
    div:first-letter,
    blockquote:first-letter,
    li:first-letter,
    p:first-line,
    div:first-line,
    blockquote:first-line,
    li:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}