@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------
 default
---------------------------------------------------------------------------------------------------- */
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, var, sup, 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 { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

body { background: #fff; color: #000; line-height: 1; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

a { background: transparent; border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { background-color: #e8e8e8; font-size: 78%; margin-bottom: 10px; padding: 0 10px; }

sup { _position: static !important; bottom: .33em; font-size: 70% !important; font-weight: 400 !important; padding-left: 1px; position: relative; vertical-align: baseline; }

.upc { text-transform: uppercase; }

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* ----------------------------------------------------------------------------------------------------
 module
---------------------------------------------------------------------------------------------------- */
html { overflow-y: scroll; }

body { background-color: #fff; color: #333; font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 15px; line-height: 1;letter-spacing: .03em;
background: url(../img/bg.jpg); }

html, body { height: 100%; }

*+html html, body { height: auto; }

@font-face { font-family: 'utukushi'; src: url('UtsukushiMincho.eot?') format('eot'), url('UtsukushiFONT.otf') format('opentype'); }

.font_utukushi { font-family: utukushi; }

/* -----------------------------------------------------------------------------------------------------
 a link
---------------------------------------------------------------------------------------------------- */
a:link { background-color: transparent; text-decoration: none; color: #134aa0; }

a:visited { background-color: transparent; text-decoration: none; color: #134aa0; }

a:hover { background-color: transparent; outline: none; text-decoration: none; color: #5a86ca; }

a:active { background-color: transparent; text-decoration: none; color: #134aa0; }

/* clearfix */
.cf { zoom: 1; }

.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }
article { zoom: 1; }

article:before, article:after { content: ""; display: table; }

article:after { clear: both; }
section { zoom: 1; }

section:before, section:after { content: ""; display: table; }

section:after { clear: both; }

.cl { clear: both; }

img { vertical-align:bottom; }

:before{ vertical-align:middle;}

a img { border: none; }

a img:hover { outline: none; }

.imgR { float: right; margin: 0 0 10px 10px; }

.imgL { float: left; margin: 0 10px 10px 0; }

.shadow { -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.6); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.6); box-shadow: 1px 1px 2px rgba(0,0,0,0.6); }

.floatR { float: right; }

.floatL { float: left; }

.relative { position: relative; }

/* ----------------------------------------------------------------------------------------------------
 text 
---------------------------------------------------------------------------------------------------- */
h1, h2, h3 { font-weight: 400; margin-bottom: 1em; line-height:1.3; }

h4, h5, h6 { font-weight: 400; margin-bottom: .5em;line-height:1.3; }

strong, .bold { font-weight: 700; }

em { color: #e15863; font-style: normal; }

p { line-height: 1.6; margin-bottom: 1em; }

.kome { margin-left: 1em; padding: 0; text-indent: -1em; }

.tC, .btnC {  text-align: center; }

.tR, .sign {  text-align: right; }

.un-sol { border-bottom: 1px solid #ccc; padding-bottom: 1em; }

.un-dot { border-bottom: 1px dotted #ccc; padding-bottom: 1em; }

.fs-14 { font-size: 93%; }

.fs-13 { font-size: 85%; }

.fs-12 { font-size: 80%; }

.fs-11 { font-size: 73%; }

.fs-16 { font-size: 107%; }

.fs-17 { font-size: 114%; }

.fs-18 { font-size: 120%; }

.fs-20 { font-size: 134%; }

.fs-22 { font-size: 147%; }

.fs-24 { font-size: 160%; }

.fs-26 { font-size: 174%; }

.l-sp5 { letter-spacing: .5em; }

.l-sp1 { letter-spacing: 1em; }

.l-sp2 { letter-spacing: 2em; }

.colr1 { color: #1863cd; }

.colr2 { color: #006735; }

.colr3 { color: #002e67; }

/* ----------------------------------------------------------------------------------------------------
 col 
---------------------------------------------------------------------------------------------------- */
.col { width: 100%; }

.col_l { float: left; }

.col_r { float: right; }

.w2_1 { width: 49%; }

.w3_1 { width: 45%; }

.w3_2 { width: 53%; }

/* ----------------------------------------------------------------------------------------------------
 list 
---------------------------------------------------------------------------------------------------- */
ul.disc { list-style-position: outside; list-style-type: disc; margin-left: 2em; padding-left: 0; line-height:1.8;}

ol.decimal { list-style-position: outside; list-style-type: decimal; margin-left: 2em; padding-left: 0; }

/* ----------------------------------------------------------------------------------------------------
 space 
---------------------------------------------------------------------------------------------------- */
.mb0 { margin-bottom: 0; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb70 { margin-bottom: 70px; }

.mb100 { margin-bottom: 100px; }

.mb130 { margin-bottom: 130px; }

.mb160 { margin-bottom: 160px; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.ml40 { margin-left: 40px; }

.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }

.mt0 { margin-top: 0; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt50 { margin-top: 50px; }

.mt70 { margin-top: 70px; }

.mt100 { margin-top: 100px; }

.half { ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; }