/* $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; }
.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 {
	font-weight: bold;
}
/* }}} */
/* 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;
}
/* }}} */

/* margin padding {{{ */
.mtop05em {margin-top: 0.5em;}
.mtop1em {
	margin-top: 1em;
}
.mtop2em {margin-top: 2em;}
.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;
}



.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%;
}
/* }}} */
/* utlity {{{ */

em {
    color: #cc0000;
    font-weight: bold;
    font-style: normal;
}
.red {
	color: #ff0000 !important;
}
.red02 {
	color: #b20000 !important;
}
.blue {
	color: #00A7F9 !important;
}
.white {
	color: #fff !important;
}
.yellow {
	color: #FFFF00 !important;
}
.green {
	color: #00ff00 !important;
}
.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%;
}
/* }}} */

/* common {{{ */

a.noul {
    text-decoration: none;
}

/* }}} */

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


/* 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.52;
}
/* 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;
}

/* }}} */


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