@charset "utf-8";

/* ****************************************************************** 

	--common.css--
	
	0. BoxModel change

	1. Common setting
		1-1. Reset styles
		1-2. BoxModel styles
		1-3. Text styles
		1-4. Heading styles
		1-5. Button styles
		1-6. List styles
		1-7. Table styles
		1-8. Form styles
		1-9. Pankuzu styles
		1-10. Pagenation styles
		1-11. Map styles
		1-99. VisualFormattingModel styles

	2. Responsive setting
		2-1. Fluid columns

****************************************************************** */

/*==================================================================
	0. BoxModel change
===================================================================*/
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*==================================================================
	1. Common setting
===================================================================*/
/* ------------------------------------------------------------------
	1-1. Reset styles
-------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
fieldset { 
	border: 0;
}
img { 
	border-style: none;
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
ol,ul {
	list-style: none;
}
caption {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym { 
	border: 0;
}
table {
	width: 100%;
}

/* ------------------------------------------------------------------
	1-2. BoxModel styles
-------------------------------------------------------------------*/
.pd01 { padding-bottom: 10px;}
.pd02 { padding-bottom: 20px;}
.pd03 { padding-bottom: 30px;}
.pd04 { padding-bottom: 40px;}
.pd05 { padding-bottom: 50px;}
.pd06 { padding-bottom: 60px;}
.pd07 { padding-bottom: 70px;}
.pd08 { padding-bottom: 80px;}
.mg01 { margin-bottom: 10px;}
.mg02 { margin-bottom: 20px;}
.mg03 { margin-bottom: 30px;}
.mg04 { margin-bottom: 40px;}
.mg05 { margin-bottom: 50px;}
.mg06 { margin-bottom: 60px;}
.mg07 { margin-bottom: 70px;}
.mg08 { margin-bottom: 80px;}

.mgTop10 {margin-top: 10px;}

.mgRight20 {margin-right: 20px;}

.mgBtm5 {margin-bottom: 5px;}

.emp01 { color: #e60012;}
.empArea01 { background: #f6f6f6; padding: 20px;}

.alignLeft { text-align: left;}
.alignRight { text-align: right;}
.alignCenter { text-align: center;}

.noPage { padding: 100px 0px 200px 0px; text-align: center;}
.anqLink { padding-top: 100px;}

.h220{ height: 220px;}

.w300{ width: 300px;}
.w150{ width: 150px;}
.w145{ width: 145px;}
.w135{ width: 135px;}
.w160{ width: 160px;}

/* ------------------------------------------------------------------
	1-3. Text styles
-------------------------------------------------------------------*/
.f12 { font-size: 12px;}
.f14 { font-size: 14px;}
.f16 { font-size: 16px;}
.f18 { font-size: 18px;}
.f20 { font-size: 20px;}
.f24 { font-size: 24px; line-height: 1.4;}
.f30 { font-size: 30px; line-height: 1.4;}
.lh12 { line-height: 1.2;}
.lh14 { line-height: 1.4;}
.lh16 { line-height: 1.6;}
.lh18 { line-height: 1.8;}

.fColor00 { color: #0066ff;}/* 高知COLOR */
.fColor01 { color: #a0a0a0;}/* グレー */

/* ------------------------------------------------------------------
	1-4. Heading styles
-------------------------------------------------------------------*/

/* ------------------------------------
	見出し系（大）
------------------------------------*/
.ttlBar {
	position: relative;
	color: #0066ff;
}
.ttlBar h2 { font-weight: bold; font-size: 129%;}
.ttlBar h3 { font-weight: bold; font-size: 115%;}
.ttlBar .blk { color: #000000;}

/* 青_下線 */
.mTtl01 {
	border-bottom: 1px solid #0066ff;
	padding: 10px 0px 5px 0px;
	margin-bottom: 10px;
}

/* 黒_下線 */
.mTtl01_blk {
	border-bottom: 1px solid #000000;
	padding: 10px 0px 5px 0px;
	margin-bottom: 10px;
}

/* 青_水色背景 */
.mTtl02 {
	background: #cceaf5;
	padding: 10px;
	margin-bottom: 10px;
}

/* 一覧へのリンク */
.ttlBar .more {
	position: absolute;
	bottom: 5px;
	right: 0px;
}
.ttlBar .more a {
	background: url(../img/arw_more01.gif) no-repeat left 45%;
	display: block;
	color: #0066ff;
	padding-left: 12px;
}

/* ------------------------------------
	見出し系（中）
------------------------------------*/
.ttlArw01 {
	background: url(../img/arwr_gre01.gif) no-repeat left 5px;
	padding: 0px 0px 10px 20px;
}
.ttlArw01 h4 { font-size: 129%;}
.ttlArw01 h4.gre { color: #075909;}

/* ------------------------------------------------------------------
	1-5. Button styles
-------------------------------------------------------------------*/
.linkBtn01 {
	padding: 20px 0px;
	text-align: center;
}
.linkBtn01 span {
	display: block;
	padding: 10px 0px;
}
.linkBtn01 a { color: #FFFFFF; text-decoration: none;}
.linkBtn01 a:hover { color: #FFFFFF; text-decoration: none;}

/* 緑 */
	.linkBtn01 .bGreen01 {
	border-radius: 3px;
	background: #075a0a;
	transition: all 0.3s ease;
	display: block;
	width: 260px;
	margin: 0px auto;
	font-size:18px;
}
.linkBtn01 .bGreen01:hover { background: #0b680e;}

/* 濃グレー */
.linkBtn01 .bGray01 {
	border-radius: 3px;
	background: #333333;
	transition: all 0.3s ease;
	display: block;
	width: 260px;
	margin: 0px auto;
	font-size:18px;
}
.linkBtn01 .bGray01:hover { background: #3d3d3d;}

.linkBtn01 .left { margin: 0px;}
.linkBtn01 .btnTwins { display: inline-block;}/* 150731追加 */

/* PDF_150731追加 */
.iconBtn01 {
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0ef));
	background: -moz-linear-gradient(top, #ffffff, #f0f0ef);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f0f0ef);
	text-align: center;
}
.iconBtn01 a { display: block; padding: 10px 0px;}
.iconBtn01 .pdfIcon { background: url(../img/icon_pdf.png) no-repeat left center; padding-left: 28px; display: inline-block; min-height: 24px; height: auto !important; height: 24px; line-height: 24px;}

/* ------------------------------------------------------------------
	1-6. List styles
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	1-7. Table styles
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	1-8. Form styles
-------------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.4;
	vertical-align: middle;
	/*
	background: none;
	border: none;
	border-radius: 0;
	*/
}
select::-ms-expand {
	display: none;
}
/*textarea { font-size: inherit;}*/
button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	/*border: 1px solid #b70149;*/
	transition: all 0.5s;
	/*box-shadow: 0 0 1px 1px rgba(0,160,233,1);*/
}

/*-------------------------------*/
/*	オートフィル時の背景色を無効に
/*-------------------------------*/
input:-webkit-autofill {
	/* 色はinput要素の背景色（ここでは#fff）にそろえる */
	box-shadow: 0 0 0px 999px #FFF inset;
}

/*-------------------------------*/
/*	placeholder
/*-------------------------------*/
input::-webkit-input-placeholder {
	color: #c9c9c9;
}
input::-moz-placeholder {
	color: #c9c9c9;
	opacity: 1;
}
input:-ms-input-placeholder {
	color: #c9c9c9;
}

/* ------------------------------------------------------------------
	1-9. Pankuzu styles
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	1-10. Pagenation styles
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	1-11. Map styles
-------------------------------------------------------------------*/
.gg_map {
	position: relative;
	padding-bottom: 56.25%;/* 16:9の場合 */
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.gg_map iframe,
.gg_map object,
.gg_map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ------------------------------------------------------------------
	1-99. VisualFormattingModel styles
-------------------------------------------------------------------*/
.pc_block{
	display: block !important;
}
.pc_inline{
	display: inline !important;
}
.sp_block{
	display: none !important;
}
.sp_inline{
	display: none !important;
}
.align_left { text-align: left;}
.align_right { text-align: right;}
.align_center { text-align: center;}

/* ------------------------------------
	CLEARFIX
------------------------------------*/
#gNav .nav:after,
#hSearch:after,
#headParts:after,
#headLine:after,
#pgBody .wrapper:after,
#sideBar .sList02 a:after,
.side_paper:after,
.adArea:after,
.section_twin:after,
.post_item a:after,
.cf:after {
	content: "";
	display: block;
	clear: both;
}







/*==================================================================
	2 Responsive setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Fluid columns
-------------------------------------------------------------------*/
/* 初期設定 */
.fluid_col {
	font-size: 0;
}
.fluid_col_item {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-bottom: 1.5%;
}

.fluid_col_02 .fluid_col_item { width: 49.25%; margin-right: 1.5%;}/* 横並びに等分 */
.fluid_col_03 .fluid_col_item { width: 32.3%; margin-right: 1.5%;}/* 横並びに3等分 */
.fluid_col_04 .fluid_col_item { width: 23.87%; margin-right: 1.5%;}/* 横並びに4等分 */
.fluid_col_05 .fluid_col_item { width: 18.8%; margin-right: 1.5%;}/* 横並びに5等分 */
.fluid_col_06 .fluid_col_item { width: 15.41%; margin-right: 1.5%;}/* 横並びに6等分 */
.fluid_col_07 .fluid_col_item { width: 13%; margin-right: 1.5%;}/* 横並びに7等分 */
.fluid_col_08 .fluid_col_item { width: 11.18%; margin-right: 1.5%;}/* 横並びに8等分 */
.fluid_col_09 .fluid_col_item { width: 9.77%; margin-right: 1.5%;}/* 横並びに9等分 */
	
.fluid_col_02 .fluid_col_item:nth-child(2n),
.fluid_col_03 .fluid_col_item:nth-child(3n),
.fluid_col_04 .fluid_col_item:nth-child(4n),
.fluid_col_05 .fluid_col_item:nth-child(5n),
.fluid_col_06 .fluid_col_item:nth-child(6n),
.fluid_col_07 .fluid_col_item:nth-child(7n),
.fluid_col_08 .fluid_col_item:nth-child(8n),
.fluid_col_09 .fluid_col_item:nth-child(9n) {
	margin-right: 0;
}