@charset "UTF-8";
/* -- ///////////////////////////////////////////
copyright 2014 FIELD co,ltd.
All Rights Reserved.
 
created: 2014.06.13 FIELD
////////////////////////////////////////// -- */

/* TABLE STYLE
----------------------------------------------------- */
.table_style01 {
	width: 800px;
}

.table_style01 td,
.table_style01 th {
	padding: 15px 0;
	border-bottom: 1px solid #e6e6e6;
	vertical-align: top;
}
.table_style01 th {
	width: 8em;
	font-weight: bold;
}


.table_style02 {
	width: 800px;
	border-top: 1px solid #e6e6e6;
}
.table_style02 td,
.table_style02 th {
	padding: 25px 0;
	border-bottom: 1px solid #e6e6e6;
	vertical-align: top;
}
.table_style02 th {
	padding-left: 10px;
	width: 9em;
}
.table_style02 th span {
	padding: 0 0 0 15px;
	background: url(../../images/common/li_06.png) left 0.1em no-repeat;
}

.tb_border {
	
	border-top: 1px solid #e6e6e6!important;
	margin-bottom: 40px;
}


/* LINK STYLE
----------------------------------------------------- */

.link_style01 {
	padding-left: 10px;
	background: url(../../images/common/li_04.png) left 0.3em no-repeat;
}

.link_style02 {
	padding-left: 10px;
	background: url(../../images/common/li_05.png) left 0.3em no-repeat;
}


/* Htag STYLE
----------------------------------------------------- */
.page_title {
	margin: 0 0 20px 0;
}

.topic_title {
	margin: 0 0 30px 0;
	padding: 0 0 25px 0;
	background: url(../../images/common/bg_topic_title.png) left bottom no-repeat; 
	letter-spacing: 0.05em;
	font-weight: bold;
	font-size:216%;
}
.topic_title span {
	display: block;
	margin: 0 0 10px 0; 
	font-weight: normal;
	font-size:16px;
}


/* BUTTON STYLE
----------------------------------------------------- */
.btn_archive {
	width: 800px;
	text-align: center;
	clear: both;
}
/*.btn_archive {
	width: 800px;
	text-align: center;
	font-size: 108%;
	line-height: 1;
	clear: both;
}
.btn_archive a {
	display: block;
	margin: 0 auto;
	padding: 10px 0 8px 0;
	width: 15em;
	border: 2px solid #3962ad;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	cursor: pointer;
}
.btn_archive a:hover {
	background: #f4f8ff;
	text-decoration: none!important;
}
*/
.btn_access {
	padding: 10px 28px 8px 28px;
	border: 2px solid #3962ad;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	cursor: pointer;
}
a.btn_access:hover {
	background: #f4f8ff;
	text-decoration: none!important;
}
.btn_access span {
	padding: 2px 0 4px 17px;
	background: url(../../images/common/li_07.png) left top no-repeat;
}







/* TEXT-ALIGN
----------------------------------------------------- */
.al_left{ text-align:left; }
.al_right{ text-align:right; }


/* FLOAT
----------------------------------------------------- */
.flo_left{ float: left; }
.flo_right{ float: right; }


/* DISPLAY SET
----------------------------------------------------- */
.block{ display: block !important; } .inline{ display: inline !important; }


/* WIDTH SET
----------------------------------------------------- */


/* LINE-HEIGHT SET
----------------------------------------------------- */
.lh15{ line-height: 1.5 !important; } .lh18{ line-height: 1.8 !important; } .lh20{ line-height: 2.0 !important; } 


/* MARGIN SET
----------------------------------------------------- */

.section5{ margin-bottom: 5px !important; } .section10{ margin-bottom: 10px !important; } .section15{ margin-bottom: 15px !important; } .section20{ margin-bottom: 20px !important; }
.section25{ margin-bottom: 25px !important; } .section30{ margin-bottom: 30px !important; } .section40{ margin-bottom: 40px !important; } .section50{ margin-bottom: 50px !important; }


.mb_clear{ margin-bottom: 0px !important; }
.mb5{ margin-bottom: 5px !important; } .mb10{ margin-bottom: 10px !important; } .mb15{ margin-bottom: 15px !important; } .mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; } .mb30{ margin-bottom: 30px !important; } .mb40{ margin-bottom: 40px !important; } .mb50{ margin-bottom: 50px !important; }


/* CLEARFIX
----------------------------------------------------- */
*:first-child+html .clearfix{ display: inline-block; } /* for IE7 */
.clearfix:after{
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    content: " ";
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix{ display: inline-block; }
/* no ie mac \*/
* html .clearfix{ height: 1%; }
 .clearfix{ display: block; }
/* */