@charset "utf-8";

/**
 * - reset
 * - area 'area-'
 * - base 'base-'
 * - widget 'wgt-'
 * - module 'mod-'
 */


/*!
 * 牧野工房 Reset CSS for HTML5
 *
 * Copyright (c) 2011 Skill Partners Inc. All Rights Reserved.
 *
 * @version : 0
 * @author  : http://www.makinokobo.com - kobo@makinokobo.com
 *
 */


/**
 * Browser Style Reset
 *
 * ブラウザスタイルをリセットする。
 * フォントサイズは body要素直下の div#documentを10pxにセットし、
 * 移行の設定は相対でem指定する。
 * これにより、IE6でもブラウザ機能の文字サイズ変更が可能。
 */


 /*
html, body {
	background: #000;
	color: #4c4c4c;
}
*/

body, div, span,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li, dfn,
p, blockquote, pre, code, abbr, address, cite, del,
strong, em, img, b, i, small,
table, thead, tbody, tfoot, tr, th, td, caption,
object, iframe, form, fieldset, legend, label {
	margin: 0;
	padding: 0;
}

body {
	font: 13px/1 "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}
head~/* */body {font-size: small;}
html:not(:target) body {font-size: 13px;}

.base-page {font-size: 77%;} /* 10px */


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

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-size: 100%;
	font-weight: bold;
}


strong, dt, dfn {
	font-style: normal;
	font-weight: bold;
}

em {
	font-style: italic;
	font-weight: normal;
}

address, caption, cite, code, th {
	font-style: normal;
	font-weight: normal;
}

sup { vertical-align: text-top;    font-size: 0.75em; line-height: 1; }
sub { vertical-align: text-bottom; font-size: 0.75em; line-height: 1; }

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
input, select {
	margin: 5px 0;
	padding-left: 3px;
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
}
textarea {
	margin: 5px 0 0;
	padding-left: 3px;
	box-sizing: border-box;
	height: 130px;
	border: 1px solid #CCCCCC;
}

pre, code { font-family: monospace; }

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

ul, dl, ol {
	text-indent: 0;
}

li {
	list-style: none;
	list-style-position: outside;
}


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	margin: 0;
	padding: 0;
}

audio, video {
	margin: 0;
	padding: 0;
}

input[type="image"]    { vertical-align: bottom; }
input[type="radio"]    {}
input[type="checkbox"] {}

input[type="text"]     {}
input[type="password"] {}
input[type="email"]    {}
input[type="tel"]      {}
input[type="number"]   {}

select   {}
textarea {}



/**
 * Utillity Class
 *
 * !important設定により、どこでも使える微調整用のclass群。
 * CSS設計時には使用せず、主に運用や修正フェーズで、
 * 共通設定されたCSSを書き換えるより個別に設定したほうがよいと判断される場合に使用する。
 *
 * Prefix: ".imp-"
 */

.imp-fz-LLL { font-size:   2em !important; }
.imp-fz-LL  { font-size: 1.8em !important; }
.imp-fz-L   { font-size: 1.6em !important; }
.imp-fz-M   { font-size: 1.4em !important; }
.imp-fz-S   { font-size: 1.2em !important; }
.imp-fz-SS  { font-size:   1em !important; }
.imp-fz-SSS { font-size: 0.8em !important; }


.imp-al-right  { text-align: right  !important;}
.imp-al-center { text-align: center !important;}
.imp-al-left   { text-align: left   !important;}

.imp-va-top    { vertical-align: top    !important;}
.imp-va-middle { vertical-align: middle !important;}
.imp-va-bottom { vertical-align: bottom !important;}


.imp-fw-bold   { font-weight: bold   !important;}
.imp-fw-normal { font-weight: normal !important;}

.imp-fs-italic { font-style: italic !important;}
.imp-fs-none   { font-style: none   !important;}


.imp-fl-left  { float: left  !important;}
.imp-fl-right { float: right !important;}

.imp-fl-imgLeft  { float: left  !important; margin-right: 10px !important;}
.imp-fl-imgRight { float: right !important; margin-left:  10px !important;}

.imp-clear { clear: both !important;}
.imp-clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0; }


.imp-w-auto   { width: auto !important;}
.imp-w-100per { width: 100% !important;}


.imp-tbl-fixed { table-layout: fixed !important;}


.imp-whs-nowrap { white-space: nowrap !important;}
.imp-whs-normal { white-space: normal !important;}


.imp-bd-none  { border:        none !important;}
.imp-bdt-none { border-top:    none !important;}
.imp-bdl-none { border-left:   none !important;}
.imp-bdr-none { border-right:  none !important;}
.imp-bdb-none { border-bottom: none !important;}


/*
 * Release Notes:
 *
 * 2011-08-06 - oosugi@skillpartners.co.jp
 *              初回作成
 */





/*!
 * base.css
 *
 * ページ・テンプレートとなる大枠部分、
 * 背景・ヘッダー・フッター・大枠のカラム分けなどの設定ファイル。
 *
 */

/**
 * structure
 *
 * 基本的なエリア（枠組み）のカラム分けと背景を設定
 */

 /*
html, body {
	メイン背景・文字色
	background: #FFF;
	color: #4c4c4c;
}*/


body {
}


a {
	color: #0033f4;
	text-decoration: none;
}


a:link    {}
a:visited {}
a:hover   { text-decoration: underline; }
a:active  {}


/**
 * .base-page
 */
.base-page {
}



/**
 * .base-header
 */
.base-header {
}



/**
 * .base-body
 */
.base-body {
}



/**
 * .base-contents
 */
.base-contents {
	margin: 0 auto;
	padding: 30px 0 0;
	width: 710px;
}



/**
 * .base-footer
 */
.base-footer {
}





/*!
 * Area Styles
 *
 * Prefix rule "area-"
 *
 */



/**
 * area-section
 */
.area-section1 {
	margin: 0 0 27px;
}
.area-section2 {
	margin: 0 0 48px;
}
.area-section3 {
	margin: 0 0 160px;
}





/*!
 * Widget Styles
 *
 * Prefix rule "wgt-"
 *
 */



/**
 * wgt-heading1
 */
.wgt-heading1 {
	margin: 0 0 10px;
	padding: 13px 0;
	border-left: 4px solid #E60012;
	background: #EDEDED;
}
	.wgt-heading1-h {
		padding: 0 0 0 22px;
		font-size: 22px;
		line-height: 1.5;
		color: #e60012;
	}


/**
 * wgt-heading2
 */
.wgt-heading2 {
	margin: 0 0 9px;
	border-left: 3px solid #E60012;
}
	.wgt-heading2-h {
		padding: 1px 0 0 14px;
		font-size: 16px;
		line-height: 1.25;
	}

/**
 * wgt-heading3
 */
.wgt-heading3 {
	margin: 0 0 8px;
	background: url("../img/formPage/ico_01.png") center left no-repeat;
}
	.wgt-heading3-h {
		padding: 0 0 0 17px;
		font-size: 14px;
		line-height: 1.25;
	}

/**
 * wgt-heading4
 */
.wgt-heading4 {
	margin: 25px 0 16px;
}
	.wgt-heading4-h {
		padding: 0 0 0 0px;
		font-size: 22px;
		line-height: 1.25;
		font-weight: normal;
	}



/**
 * wgt-required
 */
.wgt-required {
	color: #e60012;
}



/**
 * wgt-error
 */
.wgt-error {
	font-size: 14px;
	line-height: 1.285;
	color: #e60012;
}



/**
 * wgt-error-area
 */
.wgt-error-area {
	padding: 0 5px;
	background: #FFE1E4;
}



/**
 * wgt-error-form
 */
.wgt-error-form {
	background: #FFE1E4;
}



/**
 * wgt-inputText
 */
.wgt-inputText {
	width: 100%;
}



/**
 * wgt-label
 */
.wgt-label {
	margin: 0 16px 0 0;
}

.wgt-label-typeVertical {
	display: block;
	margin: 0;
	line-height: 1.9;
}

.wgt-label-typeCol2 {
	display: inline-block;
	width: 228px;
}

.wgt-label-typeCol3 {
	display: inline-block;
	width: 145px;
}



/**
 * wgt-inputRadio
 */
.wgt-inputRadio {
	margin: 0 4px 0 0;
	vertical-align: -0.15em;
}



/**
 * wgt-inputCheckbox
 */
.wgt-inputCheckbox {
	margin: 0 4px 0 0;
	vertical-align: -0.15em;
}



/**
 * wgt-textarea
 */
.wgt-textarea {
	width: 100%;
}



/**
 * wgt-notes
 */
.wgt-notes {
	margin: 0 0 1px;
	font-size: 12px;
	line-height: 1.333;
	color: #999999;
}



/**
 * wgt-p
 */
.wgt-p {
	margin: 0 0 6px;
	font-size: 14px;
	line-height: 1.571;
}





/*!
 * Parts Styles
 *
 * Prefix rule "mod-"
 *
 */



/**
 * mod-header
 */
.mod-header {
	height: 67px;
	border-top: 5px solid #E60012;
	border-bottom: 1px solid #CCCCCC;
}
	.mod-header-inner {
		 margin: 0 auto;
		 width: 710px;
	}
	.mod-header-inner:after {
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}

		.mod-header-logo {
			float: right;
			display: inline;
			padding: 20px 0 0;
		}



/**
 * mod-footer
 */
.mod-footer {
	background: #404040;
}
	.mod-footer-inner {
		margin: 0 auto;
		padding: 16px 0 11px;
		width: 710px;
		color: #CCCCCC;
	}
		.mod-footer-copyright {
			font-size: 11px;
			line-height: 1.5;
			text-align: center;
		}



/**
 * mod-formTable
 */
.mod-formTable {
	margin: 0 0 16px;
}
	.mod-formTable-table {
		border-bottom: none;
	}
		.mod-formTable-th {
			padding: 10px 10px 11px 16px;
			width: 156px;
			border-right: 2px solid #FFF;
			border-bottom: 2px solid #FFF;
			background: #E3E3E3;
			font-size: 14px;
			line-height: 1.5;
			font-weight: bold;
			vertical-align: middle;
		}
		.mod-formTable-td {
			padding: 12px 16px 12px 16px;
			border-bottom: 2px solid #FFF;
			width: 494px;
			background: #F5F5F5;
			font-size: 14px;
			line-height: 1.5;
			vertical-align: middle;
		}
			/**
			 * mod-formTable-nameTable-table
			 */
			.mod-formTable-nameTable-table {}
				.mod-formTable-nameTable-tr {}
					.mod-formTable-nameTable-th {
						padding: 7px 7px 0 0;
						width: 2em;
						vertical-align: top;
						text-align: right;
					}
					.mod-formTable-nameTable-td {
						padding: 0 15px 0 0;
						width: 100px;
						vertical-align: middle;
					}
						.mod-formTable-nameTable-td input {
							width: 148px;
						}



/**
 * mod-submit
 */
.mod-submit {
	margin: 0 0 52px;
	padding: 20px 21px 20px 20px;
	background: #F5F5F5;
}
	.mod-submit-button {
		border: 0;
		width: 668px;
		height: 42px;
		background: url("../img/formPage/btn_bg_orange.png") 0 0 no-repeat;
		font-size: 14px;
		line-height: 1.25;
		font-weight: bold;
		color: #FFFFFF;
	}

.mod-submit-typeHalf {}
.mod-submit-typeHalf:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
	.mod-submit-typeHalf-button-left {
		float: left;
		display: inline;
		width: 326px;
		background: url("../img/formPage/btn_bg_gray_half.png") 0 0 no-repeat;
		color: #000;
		font-weight: normal;
	}
	.mod-submit-typeHalf-button-right {
		float: right;
		display: inline;
		width: 326px;
		background: url("../img/formPage/btn_bg_orange_half.png") 0 0 no-repeat;
	}