/* $Id: base.css,v 1.13 2013-11-01 00:27:19 koji Exp $ */

@charset "utf-8";

/* font-family {{{ */

/*-- gothic --*/
/*
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body {
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
*/

/*-- mincho --*/
/*
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
body {
    font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
*/

/* }}} */

/* base {{{ */

body {
    /*font-family: "ＭＳ Ｐゴシック" , "MS PGothic" , "メイリオ" , Meiryo , "Meiryo UI" , Arial , Avenir , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Open Sans" , "Helvetica Neue" , Helvetica , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , sans-serif;*/
    font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 1em;
    line-height: 1.4;
}

a {
	text-decoration: none;
	color: #000;
}
a:link {}
a:visited {}
a:hover {}
a:active {}

.d-block {
	display: block;
}
/* }}} */
/* centering layout {{{ */
div.outerframe {
    text-align: center;
}
div.innerframe {
    width: 950px;
    margin: 0px auto;
    text-align: left;
}
/* }}} */

/* font-size {{{ */

.em06 { font-size: 0.6em; }
.em0681 { font-size: 0.681em !important; } /* parent 18px to 12.25px */
.em06875 { font-size: 0.6875em; }
.em07 { font-size: 0.7em; }
.em075 { font-size: 0.75em; }
.em08 { font-size: 0.8em; }
.em08125 { font-size: 0.8125em; }
.em0875 { font-size: 0.875em; }
.em085 { font-size: 0.85em; }
.em0875im { font-size: 0.875em !important; } /* XXX */
.em09 { font-size: 0.9em; }
.em11 { font-size: 1.1em; }
.em114 { font-size: 1.14em; }
.em1125 { font-size: 1.125em; }
.em12 { font-size: 1.2em; }
.em125 { font-size: 1.25em !important; }
.em1375 { font-size: 1.375em !important; }
.em14 { font-size: 1.4em; }
.em15 { font-size: 1.5em; }
.em16 { font-size: 1.6em; }
.em1625 { font-size: 1.625em; }
.em18 { font-size: 1.8em; }
.em1875 { font-size: 1.875em; }
.em208 { font-size: 2.08em; }
.em25 { font-size: 2.5em; }
.bold, .txt-bold { font-weight: bold !important; }
/* }}} */
/* line-height {{{ */

.lh12 { line-height: 1.2em; }
.lh14 { line-height: 1.4em; }
.lh30 { line-height: 3; }

/* }}} */
/* alignment {{{ */

.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.indent {
	text-indent: -1em;
	padding-left: 1em;
	display: inline-block;
}
/* }}} */
/* IME {{{ */

.imeoff { ime-mode: disabled; }
.imeon { ime-mode: active; }

/* }}} */
/* clearfix {{{ */

.clearfix:after {
    content: ".";
    display:  block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

/* }}} clearfix */
/* float {{{ */

.fl {
    float: left;
}
.fr {
    float: right;
}
div.clear {
    clear: both;
}
.clear {
    clear: both;
}
.valign-m {
	vertical-align: middle;
}
.valign-t {
	vertical-align: top;
}
.valign-b {
	vertical-align: bottom;
}
.valign-base {
	vertical-align: baseline;
}
/* }}} */
/* font-size {{{ */

.em05 { font-size: 0.5em;}
.em075 { font-size: 0.75em;}
.em08 { font-size: 0.8em;}
.em09 { font-size: 0.9em;}
.em1 { font-size: 1em;}
.em12 { font-size: 1.2em;}
.em125 { font-size: 1.25em;}
.em14 { font-size: 1.4em;}
.em15 { font-size: 1.5em;}
.em16 { font-size: 1.6em;}
.em2 { font-size: 2em;}


/* }}} */

.inline-block {
    display: inline-block;
}

/* margin padding {{{ */
.mtop1em {
	margin-top: 1em;
}
.mtop-1p {
	margin-top: -1%;
}
.mtop00 {
	margin-top: 0 !important;
}
.mtop1p {
	margin-top: 1%;
}
.mtop2p {
	margin-top: 2%;
}
.mtop3p {
	margin-top: 3%;
}
.mtop4p {
	margin-top: 4%;
}
.mtop5p {
	margin-top: 5%;
}
.mtop8p {
	margin-top: 8%;
}
.mtop10p {
	margin-top: 10%;
}
.mtop11p {
	margin-top: 11%;
}
.mtop12p {
	margin-top: 12%;
}
.mtop13p {
	margin-top: 13%;
}
.mleft02em {
	margin-left: 0.2em;
}
.mleft05em {
	margin-left: 0.5em;
}
.mleft1p {
	margin-left: 1%;
}
.mleft2p {
	margin-left: 2%;
}
.mleft3p {
	margin-left: 3%;
}
.mleft4p {
	margin-left: 4%;
}
.mleft5p {
	margin-left: 5%;
}
.mleft8p {
	margin-left: 8%;
}
.mleft10p {
	margin-left: 10%;
}
.mbtm00 {
	margin-bottom: 0 !important;
}
.mbtm1p {
	margin-bottom: 1%;
}
.mbtm2p {
	margin-bottom: 2%;
}
.mbtm3p {
	margin-bottom: 3%;
}
.mbtm4p {
	margin-bottom: 4%;
}
.mbtm5p {
	margin-bottom: 5%;
}
.mbtm1em {
    margin-bottom: 1em;
}
.mbtm2em {
    margin-bottom: 2em;
}
.mbtm3em {
    margin-bottom: 3em;
}

.ptop1em {
	padding-top: 1em;
}
.pleft05em {
	padding-left: 0.5em;
}
.pleft1em {
	padding-left: 1em;
}
.pleft2em {
	padding-left: 2em;
}
.pleft3em {
	padding-left: 3em;
}
.pleft4em {
	padding-left: 4em;
}

.ptop1em { padding-top: 1em !important; }
.ptop2em { padding-top: 2em !important; }
.ptop3em { padding-top: 3em !important; }
.ptop5em { padding-top: 5em !important; }

.pb1em { padding-bottom: 1em !important; }
.pb2em { padding-bottom: 2em !important; }
.pb3em { padding-bottom: 3em !important; }
.pb5em { padding-bottom: 5em !important; }



.pright05em {
	padding-right: 0.5em;
}
.pright1em {
	padding-right: 1em;
}
.pright2em {
	padding-right: 2em;
}
.pright3em {
	padding-right: 3em;
}
.pright4em {
	padding-right: 4em;
}
.pright15em {
	padding-right: 1.5em !important;
}

.w80p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.left10 {
	float: left;
	width: 10%;
}
.left15 {
	float: left;
	width: 15%;
}
.left20 {
	float: left;
	width: 20%;
}
.left30 {
	float: left;
	width: 30%;
}
.left40 {
	float: left;
	width: 40%;
}
.left43 {
	float: left;
	width: 43%;
}
.left45 {
	float: left;
	width: 45%;
}
.left47 {
	float: left;
	width: 47%;
}
.left48 {
	float: left;
	width: 48%;
}
.left49 {
	float: left;
	width: 49%;
}
.left50 {
	float: left;
	width: 50%;
}
.left55 {
	float: left;
	width: 55%;
}
.left60 {
	float: left;
	width: 60%;
}
.left70 {
	float: left;
	width: 70%;
}
.left80 {
	float: left;
	width: 80%;
}
.left85 {
	float: left;
	width: 85%;
}

.right15 {
	float: right;
	width: 15%;
}
.right20 {
	float: right;
	width: 20%;
}
.right30 {
	float: right;
	width: 30%;
}
.right40 {
	float: right;
	width: 40%;
}
.right43 {
	float: right;
	width: 43%;
}
.right45 {
	float: right;
	width: 45%;
}
.right47 {
	float: right;
	width: 47%;
}
.right48 {
	float: right;
	width: 48%;
}
.right49 {
	float: right;
	width: 49%;
}
.right50 {
	float: right;
	width: 50%;
}
.right55 {
	float: right;
	width: 55%;
}
.right60 {
	float: right;
	width: 60%;
}
.right70 {
	float: right;
	width: 70%;
}
.right75 {
	float: right;
	width: 75%;
}
.right80 {
	float: right;
	width: 80%;
}
.right85 {
	float: right;
	width: 85%;
}

.mb1em { margin-bottom: 1em !important;}
.mb2em { margin-bottom: 2em !important;}

/* }}} */

/* utlity {{{ */

em {
    color: #cc0000;
    font-weight: bold;
    font-style: normal;
}
.red {
	color: #ff0000;
}
.red02 {
	color: #b20000;
}
.blue {
	color: #00A7F9;
}
.white {
	color: #fff;
}
.yellow {
	color: #FFFF00;
}
.green {
	color: #00ff00;
}
.underline {
	text-decoration: underline;
}
span.linked {
    cursor: pointer;
}

span.linked:hover {
    color: #0000ff;
    cursor: pointer;
    text-decoration: underline;
}

span.plink {
    cursor: pointer;
    color: #cc0000;
    text-decoration: underline;
}
span.qfchecked {
    font-weight: bold;
}
hr.thin {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #000000;
    padding: 0px;
    height: 1px;
}

.inline-w100p {
	width: 100%;
}
/* }}} */
/* margin padding {{{ */
.mtop05em { margin-top: 0.5em !important; }
.mtop1em { margin-top: 1em !important; }
.mtop2em { margin-top: 2em !important; }
.mtop3em { margin-top: 3em !important; }
.mtop4em { margin-top: 4em !important; }
.mtop5em { margin-top: 5em !important; }
.mtop8em { margin-top: 8em !important; }
.mtop-1p { margin-top: -1%; }
.mtop00 { margin-top: 0 !important; }
.mtop1p { margin-top: 1%; }
.mtop2p { margin-top: 2%; }
.mtop3p { margin-top: 3%; }
.mtop4p { margin-top: 4%; }
.mtop5p { margin-top: 5%; }
.mtop8p { margin-top: 8%; }
.mtop10p { margin-top: 10%; }
.mtop11p { margin-top: 11%; }
.mtop12p { margin-top: 12%; }
.mtop13p { margin-top: 13%; }
.mleft1p { margin-left: 1%; }
.mleft2p { margin-left: 2%; }
.mleft3p { margin-left: 3%; }
.mleft4p { margin-left: 4%; }
.mleft5p { margin-left: 5%; }
.mleft8p { margin-left: 8%; }
.mleft10p { margin-left: 10%; }
.mbtm00 { margin-bottom: 0 !important; }
.mbtm1p { margin-bottom: 1%; }
.mbtm2p { margin-bottom: 2%; }
.mbtm3p { margin-bottom: 3%; }
.mbtm4p { margin-bottom: 4%; }
.mbtm5p { margin-bottom: 5%; }

.ml0 { margin-left: 0 !important; }
.mr0 { margin-right: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

.ml05em {margin-left: 0.5em;}
.ml1em {margin-left: 1em;}
.ml2em {margin-left: 2em;}
.ml3em {margin-left: 3em;}
.ml4em {margin-left: 4em;}
.ml5em {margin-left: 5em;}
.ml5em {margin-left: 1em;}
.mr05em {margin-right: 0.5em;}
.mr1em {margin-right: 1em;}
.mr2em {margin-right: 2em;}
.mr3em {margin-right: 3em;}
.mr4em {margin-right: 4em;}
.mr5em {margin-right: 5em;}
.mr5em {margin-right: 1em;}


.mt1em {margin-top: 1em;}
.mt2em {margin-top: 2em;}
.mt3em {margin-top: 3em;}
.mt5em {margin-top: 5em;}
.mt8em {margin-top: 8em;}
.mt10em {margin-top: 10em;}

.mb05em {margin-bottom: 0.5em;}
.mb1em {margin-bottom: 1em !important;}
.mb2em {margin-bottom: 2em;}
.mb3em {margin-bottom: 3em;}
.mb5em {margin-bottom: 5em;}
.mb8em {margin-bottom: 8em;}
.mb10em {margin-bottom: 10em;}

.ptop1em { padding-top: 1em; }
.pleft05em { padding-left: 0.5em; }
.pleft1em { padding-left: 1em; }
.pleft2em { padding-left: 2em; }
.pleft3em { padding-left: 3em; }
.pleft4em { padding-left: 4em; }

.pright05em { padding-right: 0.5em; }
.pright1em { padding-right: 1em !important; }
.pright2em { padding-right: 2em; }
.pright3em { padding-right: 3em; }
.pright4em { padding-right: 4em; }
.pright15em { padding-right: 1.5em !important; }

/* }}} */
/* common {{{ */

a.noul {
    text-decoration: none;
}

/* }}} */

/* width {{{ */

.w10 { width: 10px; }
.w20 { width: 20px; }
.w40 { width: 40px; }
.w60 { width: 60px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }

.w10p { width: 10% !important; }
.w30p { width: 30% !important; }
.w40p { width: 40% !important; }
.w50p { width: 50% !important; }
.w60p { width: 60% !important; }
.w70p { width: 70% !important; }
.w100p { width: 100% !important; }

.w2em { width: 2em !important }
.w3em { width: 3em !important }
.w4em { width: 4em !important }
.w5em { width: 5em !important }
.w6em { width: 5em !important }
.w8em { width: 8em !important }
.w10em { width: 10em !important }
.w12em { width: 12em !important }
.w15em { width: 15em !important }
.w20em { width: 20em !important }
.w25em { width: 25em !important }
.w30em { width: 30em !important }
.w40em { width: 40em !important }

/* }}} */

/* magnific popup {{{ */

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.45s ease-out;
  -moz-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.45s ease-out;
  -moz-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* }}} */

/* flexbox {{{ */

.flexbox {
    display:-webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexbox.vtop {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.flexbox.vcenter {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flexbox.vbottom {
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
}
.flexbox.jstart {
    -ms-flex-pack:flex-start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
}
.flexbox.jcenter {
    -ms-flex-pack:center;
    -webkit-justify-content: center;
    justify-content:center;
}
.flexbox.jaround {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.flexbox.jend {
    -ms-flex-pack:flex-end;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
}
.flexbox.start {
    -ms-flex-pack:flex-start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
}
.flexbox.stretch {
    align-items: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
}

/* }}} */

/* vim: set ts=4 sw=4 sts=0 foldmethod=marker : */