/*------ layout
---------------------------------------*/





/* ===============================================
	ガイド共通
=============================================== */


/* --- base --- */
.small    { font-size:87%;  }
.x-small  { font-size:78%;  }

.large    { font-size:107%; }
.x-large  { font-size:120%; }

.bold     { font-weight:bold; }
.caution  { color: #FF4C4C; }

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

/* --- width --- */

.w10{ width: 10% !important; }
.w15{ width: 15% !important; }
.w20{ width: 20% !important; }
.w25{ width: 25% !important; }
.w30{ width: 30% !important; }
.w35{ width: 35% !important; }
.w40{ width: 40% !important; }
.w45{ width: 45% !important; }
.w50{ width: 50% !important; }
.w55{ width: 55% !important; }
.w60{ width: 60% !important; }
.w65{ width: 65% !important; }
.w70{ width: 70% !important; }
.w75{ width: 75% !important; }
.w80{ width: 80% !important; }
.w85{ width: 85% !important; }
.w90{ width: 90% !important; }
.w95{ width: 95% !important; }
.w100{ width: 100% !important; }


/* --- margin-top --- */
.mt0{ margin-top: 0 !important; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }
.mt70{ margin-top: 70px !important; }
.mt80{ margin-top: 80px !important; }
.mt90{ margin-top: 90px !important; }
.mt100{ margin-top: 100px !important; }


/* --- margin-bottom --- */
.mb0{ margin-bottom: 0 !important; }
.mb10{ margin-bottom: 10px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb60{ margin-bottom: 60px !important; }
.mb70{ margin-bottom: 70px !important; }
.mb80{ margin-bottom: 80px !important; }
.mb90{ margin-bottom: 90px !important; }
.mb100{ margin-bottom: 100px !important; }


/* --- padding-top --- */
.pt0{ padding-top: 0 !important; }
.pt10{ padding-top: 10px !important; }
.pt20{ padding-top: 20px !important; }
.pt30{ padding-top: 30px !important; }
.pt40{ padding-top: 40px !important; }
.pt50{ padding-top: 50px !important; }
.pt60{ padding-top: 60px !important; }
.pt70{ padding-top: 70px !important; }
.pt80{ padding-top: 80px !important; }
.pt90{ padding-top: 90px !important; }
.pt100{ padding-top: 100px !important; }


/* --- padding-bottom --- */
.pb0{ padding-bottom: 0 !important; }
.pb10{ padding-bottom: 10px !important; }
.pb20{ padding-bottom: 20px !important; }
.pb30{ padding-bottom: 30px !important; }
.pb40{ padding-bottom: 40px !important; }
.pb50{ padding-bottom: 50px !important; }
.pb60{ padding-bottom: 60px !important; }
.pb70{ padding-bottom: 70px !important; }
.pb80{ padding-bottom: 80px !important; }
.pb90{ padding-bottom: 90px !important; }
.pb100{ padding-bottom: 100px !important; }


/* 見出し */
.container h2{
	font-size: 30px;
	font-weight: bold;
	margin: 60px 0 50px 0;
}

.container h3{
	font-size: 20px;
	font-weight: bold;
	padding: 20px 15px 15px 10px;
	background: url(../2015_img_cmn/bg_h3.jpg) no-repeat left top;
	border-bottom: #BBB solid 1px;
}
.container h4{
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 12px;
	line-height: 1.1;
	border-left: #222 solid 3px;
}
.container h5{
	font-size: 14px;
	font-weight: bold;
	padding: 7px 12px;
	border: #444 solid 2px;
	display: inline-block;
}

/* normal list */
.container ul.list li{
	padding: 0 0 0 12px;
	background: url(../2015_img_cmn/icon_list.jpg) no-repeat 0 0.7em;
}

/* within arrow */
.container ul.within li{
	background: url(../2015_img_cmn/icon_arrow002.jpg) no-repeat 0 50%;
	margin: 0 40px 0 0;
	padding: 0 0 0 20px;
	display: inline-block;
}

/* blank */
.container a.blank{
	background: url(../2015_img_cmn/icon_blank.png) no-repeat right 50%;
	padding: 0 15px 0 0;
}


/* table */
.container table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}
.container table.table_s th,
.container table.table_s td {
	padding: 10px;
    text-align: left;
    vertical-align: middle;
	border-top: solid 1px #DBDBDB;
    border-right: solid 1px #DBDBDB;
	border-bottom: solid 1px #DBDBDB;
	word-wrap:break-word;
}
.container table.table_b th,
.container table.table_b td {
	padding: 15px 10px;
    text-align: left;
    vertical-align: middle;
	border-top: solid 1px #DBDBDB;
    border-right: solid 1px #DBDBDB;
	border-bottom: solid 1px #DBDBDB;
	word-wrap:break-word;
}
.container table td:last-child {
	border-right: none;
}
.container table.table_s thead th {
    padding: 10px;
    border-top: solid 1px #DBDBDB;
    border-right: solid 1px #DBDBDB;
    background-color: #F0F0F0;
    text-align: center;
    vertical-align: middle;
}
.container table.table_b thead th {
    padding: 18px 10px;
    border-top: solid 1px #DBDBDB;
    border-right: solid 1px #DBDBDB;
    background-color: #F0F0F0;
    text-align: center;
    vertical-align: middle;
}
.container table thead th:first-child {
    border-left: none;
}
.container table thead th:last-child {
	border-right: none;
}

.container table tr.gray{
	background-color: #F0F0F0;
}

/* pageBack（コンテンツ内のページの先頭へ） */
.container p.pageBack {
	margin: 20px 0 40px 0;
	text-align: right;
}
.container p.pageBack a{
	background: url(../2015_img_cmn/icon_pagetop002.jpg) no-repeat left center;
	padding: 0 0 0 18px;
}

/* clearfix */

.clearfix {
 display: inline-block;
}

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

/*\*/
* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
 min-height: 1px;
}
/**/