@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ===================================================================
file name: common.css
=================================================================== */
/* Contents
----------------------------------------
* common /*baselayout
* header /*header
* footer /*footer
* parts /*parts
---------------------------------------- */
/* =========================================================
* common /*baselayout
========================================================= */
/*********************
base
**********************/
body {
font-family: 'Noto Sans Japanese', sans-serif;
font-size: 13px;
height:100% !important;
overflow-x:hidden !important;
}
/* =========================================================
* riset /*reset
========================================================= */
blockquote,
body,
div,
dl,
dt,
dd,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
select,
span,
textarea,
td,
th,
ul { margin: 0px; padding: 0px; }
fieldset,img{border:0;}
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; }
ol,
ul,
ul li { list-style-type: none; }
img { border: none; vertical-align: bottom; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align:left; }
iframe { border: none;}
a:focus { outline: none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li img{
line-height:0;
font-size:0;
vertical-align:top;
}
/* IE */
* html ul li dl,
* html ol li dl { display: inline; }
*:first-child+html ul li dl,
*:first-child+html ol li dl {display: inline; }
/* =========================================================
* font /*font
========================================================= */
/* size */
.Normal { font-weight: normal; }
.Bold { font-weight: bold; }
.Italic { font-style: italic; }
.f09 { font-size: 75% !important; } /* base 13px = 9px */
.f10 { font-size: 77% !important; } /* base 13px = 10px */
.f11 { font-size: 85% !important; } /* base 13px = 11px */
.f12 { font-size: 93% !important; } /* base 13px = 12px */
.f13 { font-size: 100% !important; } /* base 13px = 13px */
.f14 { font-size: 108% !important; } /* base 13px = 14px */
.f15 { font-size: 116% !important; } /* base 13px = 15px */
.f16 { font-size: 124% !important; } /* base 13px = 16px */
.f17 { font-size: 131% !important; } /* base 13px = 17px */
.f18 { font-size: 139% !important; } /* base 13px = 18px */
.f19 { font-size: 147% !important; } /* base 13px = 18px */
.f20 { font-size: 154% !important; } /* base 13px = 18px */
/* indent */
.hidetxt,
.hd {
line-height: 150;
overflow: hidden;
}
.hidetxt a,
.hd a { overflow : hidden; }
/* =========================================================
* clearfix /*clearfix
========================================================= */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {display: inline-block;}
/*\*/
* html .clearfix {height: 1%}
.clearfix {display:block;}
/**/
/* IE */
* html div.clearfix {height: 1%;}
*:first-child+html div.clearfix {height: 1%;}
.clear { clear: both; }
/* =========================================================
* text-align /*text-align
========================================================= */
.tleft { text-align:left;}
.tright { text-align:right;}
.tcenter { text-align:center;}
/* =========================================================
* float/display /*float
========================================================= */
.flotL { display: inline; float: left; }
.flotR { display: inline; float: right; }
.ovhid { overflow: hidden; zoom:1; }
.block { display: block; }
.none { display: none; }
.inline { display: inline; }
.inlineb { display: inline-block; }
.bnone { border:none !important; }
/* =========================================================
* rollover
========================================================= */
.hover a:hover img {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
}
.hover a img {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
/* =========================================================
* padding /*padding
========================================================= */
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}
.pt55{ padding-top:55px;}
.pt60{ padding-top:60px;}
.pt65{ padding-top:65px;}
.pt70{ padding-top:70px;}
.pt75{ padding-top:75px;}
.pt80{ padding-top:80px;}
.pt85{ padding-top:85px;}
.pt90{ padding-top:90px;}
.pt95{ padding-top:95px;}
.pt00{ padding-top:100px;}
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr35{ padding-right:35px;}
.pr40{ padding-right:40px;}
.pr45{ padding-right:45px;}
.pr50{ padding-right:50px;}
.pr55{ padding-right:55px;}
.pr60{ padding-right:60px;}
.pr65{ padding-right:65px;}
.pr70{ padding-right:70px;}
.pr75{ padding-right:75px;}
.pr80{ padding-right:80px;}
.pr85{ padding-right:85px;}
.pr90{ padding-right:90px;}
.pr95{ padding-right:95px;}
.pr00{ padding-right:100px;}
.pb05{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}
.pb45{ padding-bottom:45px;}
.pb50{ padding-bottom:50px;}
.pb55{ padding-bottom:55px;}
.pb60{ padding-bottom:60px;}
.pb65{ padding-bottom:65px;}
.pb70{ padding-bottom:70px;}
.pb75{ padding-bottom:75px;}
.pb80{ padding-bottom:80px;}
.pb85{ padding-bottom:85px;}
.pb90{ padding-bottom:90px;}
.pb95{ padding-bottom:95px;}
.pb00{ padding-bottom:100px;}
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl45{ padding-left:45px;}
.pl50{ padding-left:50px;}
.pl55{ padding-left:55px;}
.pl60{ padding-left:60px;}
.pl65{ padding-left:65px;}
.pl70{ padding-left:70px;}
.pl75{ padding-left:75px;}
.pl80{ padding-left:80px;}
.pl85{ padding-left:85px;}
.pl90{ padding-left:90px;}
.pl95{ padding-left:95px;}
.pl00{ padding-left:100px;}
/* =========================================================
* margin /*margin
========================================================= */
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.mt65{ margin-top:65px;}
.mt70{ margin-top:70px;}
.mt75{ margin-top:75px;}
.mt80{ margin-top:80px;}
.mt85{ margin-top:85px;}
.mt90{ margin-top:90px;}
.mt95{ margin-top:95px;}
.mt00{ margin-top:100px;}
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}
.mr55{ margin-right:55px;}
.mr60{ margin-right:60px;}
.mr65{ margin-right:65px;}
.mr70{ margin-right:70px;}
.mr75{ margin-right:75px;}
.mr80{ margin-right:80px;}
.mr85{ margin-right:85px;}
.mr90{ margin-right:90px;}
.mr95{ margin-right:95px;}
.mr00{ margin-right:100px;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb55{ margin-bottom:55px;}
.mb60{ margin-bottom:60px;}
.mb65{ margin-bottom:65px;}
.mb70{ margin-bottom:70px;}
.mb75{ margin-bottom:75px;}
.mb80{ margin-bottom:80px;}
.mb85{ margin-bottom:85px;}
.mb90{ margin-bottom:90px;}
.mb95{ margin-bottom:95px;}
.mb00{ margin-bottom:100px;}
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}
.ml55{ margin-left:55px;}
.ml60{ margin-left:60px;}
.ml65{ margin-left:65px;}
.ml70{ margin-left:70px;}
.ml75{ margin-left:75px;}
.ml80{ margin-left:80px;}
.ml85{ margin-left:85px;}
.ml90{ margin-left:90px;}
.ml95{ margin-left:95px;}
.ml00{ margin-left:100px;}
/* =========================================================
* area /*areawidth
========================================================= */
.area100{ width:100px;}
.area150{ width:150px;}
.area200{ width:200px;}
.area250{ width:250px;}
.area300{ width:300px;}
.area350{ width:350px;}
.area400{ width:400px;}
.area450{ width:450px;}
.area500{ width:500px;}
.area550{ width:550px;}
.area600{ width:600px;}
.area650{ width:650px;}
.area700{ width:700px;}
.area750{ width:750px;}
.area800{ width:800px;}
.area850{ width:850px;}
.area900{ width:900px;}
.area940{ width:940px;}
.area960{ width:960px;}
/* =========================================================
* html5 /*html5
========================================================= */
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;
}