@charset "utf-8";


/***** デフォルト
*******************************************/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
  outline: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
  outline: none;
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}






/***** レイアウト設定*******************************************/

body {
	font-size: 13px;
	*font-size: small; /* IE7 */
	*font: x-small; /* IE6 */
}

* {line-height: 1.6;font-size: 100%;}

html {
	padding: 0;
	margin: 0;
	background-color:#FFFCF6;
}

body {
	text-align: left;
	color: #333333;
	margin:0 auto;
	padding:0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

p {
	line-height: 1.6;
	text-align: justify;
	text-justify: distribute;
}

p, ul, ol, dl, table, pre {
	font-size: 100%;
	letter-spacing: 0.02em;
}

img {border: 0;	vertical-align: bottom;}

/***** リンク
*******************************************/

#contents a {text-decoration: none;outline: none;}

#contents a:link {
	color: #149C3C;
}

#contents a:visited {
	color: #149C3C;
}

#contents a:hover {
	color: #149C3C;
	text-decoration: underline;
}

/***** 共通
*******************************************/

#main {
	margin:0px auto;
	text-align: left;
	background-color:#FFFCF6;
}


#head {
	text-align: left;
	margin:0px auto 10px auto;
	padding:15px 0 15px 0;
	border-bottom: 3px solid #149C3C;
	background-color:#ffffff;
}

.header_inner {
	width:980px;
	margin:0 auto;
}

#headmenu  {
	width:100%;
	height:30px;
	text-align:right;
	font-size:90%;
	color:#149C3C;
	margin-left:auto;
	position:relative;
}

#headmenu  ul{
	width:100%;
	text-align:right;
}

#headmenu  li{
	display:inline; 
	padding:0 0 0 0px;
}

#headmenu li.manual{
	margin:0 0 0 10px;
	padding-left:20px;
	background:url(../image/icon_mini_ml.png) 4px 6px no-repeat transparent;
}

#headmenu li.contact{
	margin:0 0 0 10px;
	padding-left:20px;
	background:url(../image/icon_mini_contact.png) 4px 6px no-repeat transparent;
}

#headmenu li.user_c{
	margin:0 0 0 10px;
	padding-left:20px;
	background:url(../image/icon_mini_user.png) 4px 6px no-repeat transparent;
}

#headmenu li.master_c{
	margin:0 0 0 10px;
	padding-left:20px;
	background:url(../image/icon_mini_master.png) 4px 6px no-repeat transparent;
}
#headmenu li.st_c{
	margin:0 0 0 10px;
	padding-left:20px;
	background:url(../image/icon_mini_st.png) 4px 6px no-repeat transparent;
}

#headmenu li.bill_c{
	margin:0 0 0 10px;
	padding-left:20px;
	background:url(../image/icon_mini_bill.png) 4px 6px no-repeat transparent;
}

#contents {
	min-height:800px;
	text-align:left;
	font-size:87%;
	color:#333333;
	
}

h1 {
	font-size: 160%;
	font-weight:normal;
	margin:0 0 0px 0;
	padding:0;
}

.contents_title h2 {
	font-size: 28px;
	font-weight:normal;
	color:#333333;
	margin:0;
	padding:2px 0 0 10px;
	border-left:6px solid #149C3C;
	line-height:1em;
}
.contents_title_kn h2 {
	font-size: 28px;
	font-weight:normal;
	color:#333333;
	margin:0;
	padding:2px 0 0 10px;
	border-left:6px solid #149C3C;
	line-height:1em;
}
.contents_title_s h2 {
	font-size: 28px;
	font-weight:normal;
	color:#333333;
	margin:0;
	padding:2px 0 0 10px;
	border-left:6px solid #149C3C;
	line-height:1em;
}
.contents_title_ss h2 {
	font-size: 28px;
	font-weight:normal;
	color:#333333;
	margin:0;
	padding:2px 0 0 10px;
	border-left:6px solid #149C3C;
	line-height:1em;
}


h3 {
	font-size: 130%;
	font-weight:normal;
	margin:2.5em 0 1em 0;
	padding:0 0 0 10px;
	border-left: 3px solid #333333;
}

h4 {
	font-size: 130%;
	font-weight:normal;
	margin:2.5em 0 1em 0;
	padding:0 0 5px 10px;
	border-bottom: 1px solid #333333;
}

.logotext {
	font-size: 18px;
	font-weight:bold;
	color:#149C3C;
	margin:10px 0 0 10px;
	padding:0 0 0 0;
}

.owner_name {
	font-size: 14px;
	font-weight:bold;
	color:#333333;
	margin:2px 0 0 0;
	padding:0;
}

input#logout{
	font-size: 14px;
	font-weight:bold;
	color:#ffffff;
	margin:0px 0px 0 20px;
	padding:5px 5px;
	
	-moz-box-shadow: 0px 1px 0px 0px #c0d3db;
	-webkit-box-shadow: 0px 1px 0px 0px #c0d3db;
	box-shadow: 0px 1px 0px 0px #c0d3db;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006cab), color-stop(1, #2878a6));
	background:-moz-linear-gradient(top, #006cab 5%, #2878a6 100%);
	background:-webkit-linear-gradient(top, #006cab 5%, #2878a6 100%);
	background:-o-linear-gradient(top, #006cab 5%, #2878a6 100%);
	background:-ms-linear-gradient(top, #006cab 5%, #2878a6 100%);
	background:linear-gradient(to bottom, #006cab 5%, #2878a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006cab', endColorstr='#2878a6',GradientType=0);
	background-color:#006cab;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #4697c9;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px -1px 0px #7086a1;
}
input#logout:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2878a6), color-stop(1, #006cab));
	background:-moz-linear-gradient(top, #2878a6 5%, #006cab 100%);
	background:-webkit-linear-gradient(top, #2878a6 5%, #006cab 100%);
	background:-o-linear-gradient(top, #2878a6 5%, #006cab 100%);
	background:-ms-linear-gradient(top, #2878a6 5%, #006cab 100%);
	background:linear-gradient(to bottom, #2878a6 5%, #006cab 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2878a6', endColorstr='#006cab',GradientType=0);
	background-color:#2878a6;
}
input#logout:active {
	position:relative;
	top:1px;
}


#contents{
	width:980px;
	font-size: 110%;
	margin:0 auto;
	line-height: 1.9;
}

#footer {
	margin: 5em 0 0 0;
	padding: 2em 0;
	border-top: 1px solid #5EBF77;
	background-color:#149C3C;
	line-height: 1.9;
	text-align: center;
	letter-spacing: 0.1em;
}

#footer p{
	font-size: 85%;
	color:#ffffff;
	text-align: center;
	margin:0px 0;
	letter-spacing: 0.1em;
}

#footer .copy{
	margin:20px 0 0 0;
}

#page-top {
	position: fixed;
	margin:0 0 0 980px;
	bottom: 90px;
	right: auto;
	font-size: 77%;
	z-index:500;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 55px;
	text-align: center;
	display: block;
}
#page-top a:hover {
    text-decoration: none;
	border: none;
}


/***** ログイン*******************************************/
.form-container input { outline:0; } 
.form-container {
   border: 1px solid #189d3b;
   background: #f2faf2;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
   background: -webkit-linear-gradient(top, #ffffff, #ffffff);
   background: -moz-linear-gradient(top, #ffffff, #ffffff);
   background: -ms-linear-gradient(top, #ffffff, #ffffff);
   background: -o-linear-gradient(top, #ffffff, #ffffff);
   background-image: -ms-linear-gradient(top, #ffffff 0%, #ffffff2 100%);
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.3) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   text-decoration: none;
   vertical-align: middle;
   min-width:300px;
   padding:30px 30px 20px 30px;
   width:320px;
   }
.form-field {
   border: 1px solid #189d3b;
   background: #ffffff;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   color: #333333;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:20px;
   width:280px;
   }
.form-field:focus {
   background: #fffded;
   color: #333333;
   }
.form-container h2 {
   font-size:16px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.login-title {
	font-size:14px;
	text-align:center;
	line-height:1.6em;
	margin-bottom:20px;
	color: #333333;
	text-shadow: #b3b3b3 0 1px 0;
   }
.form-title {
	margin-bottom:10px;
	padding-left:10px;
	color: #333333;
	text-shadow: #b3b3b3 0 1px 0;
	text-align:left;
   }
.submit-container {
   margin:30px 0 20px;
   text-align:center;
   }
.submit-button {
   border: 1px solid #288536;
   background: #43ad5e;
   background: -webkit-gradient(linear, left top, left bottom, from(#189d3b), to(#43ad5e));
   background: -webkit-linear-gradient(top, #189d3b, #43ad5e);
   background: -moz-linear-gradient(top, #189d3b, #43ad5e);
   background: -ms-linear-gradient(top, #189d3b, #43ad5e);
   background: -o-linear-gradient(top, #189d3b, #43ad5e);
   background-image: -ms-linear-gradient(top, #189d3b 0%, #43ad5e 100%);
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #167A2D 0 1px 0;
   color: #ffffff;
   font-family: helvetica, serif;
   padding: 10px 80px;
   font-size: 17px;
   text-decoration: none;
   vertical-align: middle;
   font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   }
.submit-button:hover {
   border: 1px solid #447314;
   text-shadow: #167A2D 0 1px 0;
   background: #167A2D;
   background: -webkit-gradient(linear, left top, left bottom, from(#5DAF71), to(#189D3C));
   background: -webkit-linear-gradient(top, #5DAF71, #189D3C);
   background: -moz-linear-gradient(top, #5DAF71, #189D3C);
   background: -ms-linear-gradient(top, #5DAF71, #189D3C);
   background: -o-linear-gradient(top, #5DAF71, #189D3C);
   background-image: -ms-linear-gradient(top, ＃5DAF71 0%, #189D3C 100%);
   color: #fff;
   }
.submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #167A2D;
   background: #167A2D;
   background: -webkit-gradient(linear, left top, left bottom, from(#5DAF71), to(#189D3C));
   background: -webkit-linear-gradient(top, #5DAF71, #189D3C);
   background: -moz-linear-gradient(top, #5DAF71, #189D3C);
   background: -ms-linear-gradient(top, #5DAF71, #189D3C);
   background: -o-linear-gradient(top, #5DAF71, #189D3C);
   background-image: -ms-linear-gradient(top, #5DAF71 0%, #189D3C 100%);
   color: #fff;
   }
/*-----------------------------------------------------*/
/* 調整用*/
/*-----------------------------------------------------*/

/*-------------------------------------*/
/* 文字の色 */
/*-------------------------------------*/

.cl_gr01{ color:#149C3C;}
.cl_gr02{ color:#CEE6C8;}
.cl_gr03{ color:#78AE4A;}
.cl_red{ color:#D61518;}
.cl_bl{ color:#006CAB;}
.cl_8{ color:#8cdaf1;}
.cl_9{ color:#f18cf0;}
.cl_10{ color:#8cf1b9;}
.cl_11{ color:#f1c38c;}

/*-------------------------------------*/
/* 文字の処理 */
/*-------------------------------------*/

.b { font-weight:bold; letter-spacing:0.02em; }
.i { font-style:italic; }
.tdu{ text-decoration:underline;}
.tdn{ text-decoration:none;}

/*-------------------------------------*/
/* 文字 */
/*-------------------------------------*/
.smt01{
	font-size:90%;
}

.smallt{
	font-size:0.81em;
	*font-size:0.81em;
	*+font-size:9px;
	letter-spacing: 0.12em;
}
.smallt12{
	font-size:12px;
}
.smallt11{
	font-size:11px;
}
.smallt10{
	font-size:10px;
}
.smallt9{
	font-size:9px;
}
.smallt8{
	font-size:8px;
}
.bigtxt{
	font-size:1.3em;
	*font-size:1.3em;
	*+font-size:16px;
	letter-spacing: 0em;
}
.bigtxt2{
	font-size:1.15em;
}
.bigtxt3{
	font-size:20px;
}
.bigtxt3gr{
	font-size:18px;
	color:#149C3C;
}
.bigtxt4{
	font-size:20px;
}
/*-------------------------------------*/
/* 行間 */
/*-------------------------------------*/

.lh1_6	{ line-height:1.6em;}
.lh1_65	{ line-height:1.65em;}
.lh1_7		{ line-height:1.7em;}
.lh1_75	{ line-height:1.75em;}
.lh1_8		{ line-height:1.8em;}
.lh1_85	{ line-height:1.85em;}
.lh1_9		{ line-height:1.9em;}
.lh1_95	{ line-height:1.95em;}
.lh2		{ line-height:2em;}


/*-------------------------------------*/
/* ロールオーバーalfa50,alpfa75 */
/*-------------------------------------*/

a.alpfa:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	-ms-filter: "alpha(opacity=75)";
	opacity:0.75;
	zoom:1;
	
}
.alfa:hover{
	filter: alpha(opacity=75);
	-khtml-opacity: 0.75;
 	-moz-opacity:0.75;
	-ms-filter: "alpha(opacity=70)";
 	opacity:0.75;
	zoom:1;
}


/*-------------------------------------*/
/* マージン、パディングの調整 */
/*-------------------------------------*/

.mg0{ margin:0px; display: block;}
.mg5{ margin:5px; display: block;}
.mg10{ margin:10px; display: block;}
.mg15{ margin:15px; display: block;}

.mB0{ margin-bottom:  0px; display: block;}
.mB5{ margin-bottom:  5px; display: block;}
.mB10{margin-bottom: 10px; display: block;}
.mB15{margin-bottom: 15px; display: block;}
.mB20{margin-bottom: 20px; display: block;}
.mB30{margin-bottom: 30px; display: block;}
.mB300{margin-bottom: 300px; display: block;}
.mT0{ margin-top: 0px; display: block;}
.mT5{ margin-top: 5px; display: block;}
.mT10{margin-top: 10px; display: block;}
.mT15{margin-top: 15px; display: block;}
.mT20{margin-top: 20px; display: block;}
.mT30{margin-top: 30px; display: block;}
.mT50{margin-top: 50px; display: block;}
.mT80{margin-top: 80px; display: block;}
.mT100{margin-top: 100px; display: block;}
.mL5{ margin-left: 5px; display: block;}
.mL10{margin-left: 10px; display: block;}
.mL15{margin-left: 15px; display: block;}
.mL20{margin-left: 20px; display: block;}
.mL30{margin-left: 30px; display: block;}
.mR5{ margin-right: 5px;  display: block;}
.mR10{margin-right: 10px; display: block;}
.mR15{margin-right: 15px; display: block;}
.mR20{margin-right: 20px; display: block;}
.mR25{margin-right: 25px; display: block;}
.mR30{margin-right: 30px; display: block;}

.pd0{ padding:0px; display: block;}
.pd5{ padding:5px; display: block;}
.pd10{ padding:10px; display: block;}
.pd15{ padding:15px; display: block;}

.pB5{ padding-bottom: 5px;  display: block;}
.pB10{padding-bottom: 10px; display: block;}
.pB15{padding-bottom: 15px; display: block;}
.pB20{padding-bottom: 20px; display: block;}
.pB30{padding-bottom: 30px; display: block;}
.pB40{padding-bottom: 40px; display: block;}
.pB100{padding-bottom: 100px; display: block;}
.pT2{padding-top: 2px; display: block;}
.pT5{padding-top: 5px; display: block;}
.pT0{padding-top: 0px; display: block;}
.pT10{padding-top: 10px; display: block;}
.pT15{padding-top: 15px; display: block;}
.pT20{padding-top: 20px; display: block;}
.pT30{padding-top: 30px; display: block;}
.pT40{padding-top: 40px; display: block;}
.pT45{padding-top: 45px; display: block;}
.pT50{padding-top: 50px; display: block;}
.pT60{padding-top: 60px; display: block;}
.pT70{padding-top: 70px; display: block;}
.pT100{padding-top: 100px; display: block;}
.pL2{padding-right: 2px; display: block;}
.pL3{padding-right: 3px; display: block;}
.pL5{padding-right: 5px; display: block;}
.pL10{padding-left: 10px; display: block;}
.pL15{padding-left: 15px; display: block;}
.pL20{padding-left: 20px; display: block;}
.pL30{padding-left: 30px; display: block;}
.pR5{padding-right: 5px; display: block;}
.pR10{padding-right: 10px; display: block;}
.pR20{padding-right: 20px; display: block;}
.pR15{padding-right: 15px; display: block;}
.pR20{padding-right: 20px; display: block;}
.pR30{padding-right: 30px; display: block;}

/* textAlign */
.tC{ text-align: center; display: block; margin:0 auto;}
.tR{ text-align: right; display: block; margin:0 auto;}
.tL{ text-align: left; display: block; margin:0 auto;}


/*-------------------------------------*/
/* フロート */
/*-------------------------------------*/

/* float */
.fl { float : left; display: block;}
.fr { float : right; display: block;}


/*-------------------------------------*/
/* クリア */
/*-------------------------------------*/
.clear{ display: block; clear:both; height:0;}
.clear {clear:both;}
/* clearFix */
.cf:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.cf{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .cf{
	height: 1%;
}
.cf{
	display:block;
}

.cfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.cfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .cfix{
	height: 1%;
}
.cfix{
	display:block;
}




/*-------------------------------------*/
/* ボーダー */
/*-------------------------------------*/


div.border{
	width:100%;
	height:1px;
	background-color:#ccc;
	overflow:hidden;
}