@charset "utf-8";

/*==========================================
File name: base.css
Editors: IT-Probe
Last Editor: IT-Probe
Date: 2015.10.24
========================================== */

* {
	margin: 0;
	padding: 0;
}

a{
	color: #000;
	text-decoration:none;
}
a:hover{
	color:#333;
	text-decoration:none;
}


body {
	color: #333;
	font-family: Meiryo, "メイリオ","Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic", "ＭＳ Ｐゴシック",sans-serif;
	font-size: 95%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
}

#screen{
	position: relative;
	min-height: 100%;  
    height: auto !important;  
    height: 100%;
	text-align: left;
}

#container{
	overflow: hidden;
	margin: 0 auto;
	clear: both;
}


#contents{
	clear: both;
	text-align: left;
	min-height: 600px;
}


.link_btn a{
	width: 70%;
}


/* ------------------------------------------------
メインコンテンツ　(デザインはmodule.cssで)
------------------------------------------------ */

section,
.section{
	clear: both;
	overflow: hidden;
	text-align: left;
	
}

section p,
.section p{
	line-height:180%;
	margin-bottom:15px;
}

section h1 a,
section h2 a,
section h3 a{
	text-decoration: none;
}

section h1 a:hover,
section h2 a:hover,
section h3 a:hover,
section h2 a:hover{
	text-decoration: underline;
}

/* --ぱんくずリスト--------------------------- */

#breadcrumbs{
	margin: 0 0 10px;
}

#breadcrumbs p{
	margin: 0;
	font-size: 0.9em;
}
/* ------------------------------------------- */


/* ==============================================

Clear Fix

============================================== */

.clear{
	clear: both;
}


/* modern browsers */

.clearfix:after,
#container:after,
#header:after,
#footer:after,
#contents:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}

/* IE7 */

.clearfix,
#container,
#header,
#footer,
#contents{
	display: inline-block;
}

/* legacy IE */

* html .clearfix,
* html #container,
* html #footer,
* html #contents{
	height: 1%;
}

.clearfix,
#container,
#header,
#footer,
#contents{
	display: block;
}


/* ==============================================

カラー、サイズ、ライン など　微調整用

============================================== */
/*枠線*/

.bo_all_green{
	border:solid 4px #DCEDE1;}

/*カラー*/

.black{ color:#000!important;}
.red, .error{ color:#C03!important;}
.green{ color:#346444!important;}

/*
.orange{ color:#FF6600;}
.blue{ color:#06F;}
.pink{ color:#F39;}
.yellow{ color:#FF3;}
.purple{ color:#63C;}*/


 /*サイズ*/

.fsize80{ font-size:80%!important;}
.fsize90{ font-size:90%!important;}
.fsize100{ font-size:100%!important;}
.fsize110{ font-size:120%!important;}
.fsize120{ font-size:130%!important;}
.fsize160{ font-size:160%!important;}

.f_large{
	font-size: 1.6em;
}

.f_middle{
	font-size: 1.2em;
}
	

/*文字配置*/

.textc{ text-align:center!important;}
.textr{ text-align:right!important;}
.textl{ text-align:left!important;}


/*余白微調整*/
.no_margin{ margin:0!important;}

.mt0{ margin-top:0px!important;}
.mt5{ margin-top:5px!important;}
.mt10{ margin-top:10px!important;}
.mt15{ margin-top:15px!important;}
.mt20{ margin-top:20px!important;}
.mt30{ margin-top:30px!important;}
.mt40{ margin-top:40px!important;}

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


.pa10_all{ padding:10px!important;}

 /*幅調整*/

.w100{width:100%!important;}
.w90{width:90%!important;}
.w80{width:80%!important;}
.w70{width:70%!important;}
.w60{width:60%!important;}
.w50{width:50%!important;}
.w40{width:40%!important;}
.w30{width:30%!important;}
.w20{width:20%!important;}
.w10{width:10%!important;}
.w0{width:0%!important;}



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

画像100％にしない場合

******************** */
.w_max350{
	max-width:350px!important;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

.w_max500{
	max-width:500px!important;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

.w_max530{
	max-width:530px!important;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

.w_max600{
	max-width:600px!important;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}


/************************ 
	
	 リンクボタン 
	 
******************** */

.bot_green,
.bot_pink
{
	text-align:center;
	margin:0 auto;
	font-size:120%;
	}


.bot_green a,
.bot_green a:hover,

.bot_pink a,
.bot_pink a:hover{
	padding:7px;
	display:block;
	transition: background-color 0.5s;/*ふわっと変化*/
}

/*グリーン*/

.bot_green a{
	color:#fff;
	background:#46865B;
	border: 3px solid #346444;
	}

.bot_green a:hover{
	background:#346444;
	border: 3px solid #346444;
	}

/*ピンク*/

.bot_pink a{
	color:#fff;
	background:#D90079;
	border: 3px solid #AA005E;
	}

.bot_pink a:hover{
	background:#AA005E;
	border: 3px solid #AA005E;
	}



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

リスト

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

.list_type01 ul{
}

.list_type01 li{
	background:url(../images/common/li.jpg) no-repeat 3px 8px;
	padding-left:18px;
	line-height:1.8;
	}
.list_type01 li + li{
	margin-top:7px;}

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

テーブル

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

.table_type01{
	margin: 0px;
	}

.table_type01 th,
.table_type01 td,
.table_type01 caption{
	border: solid 1px #CCC;
	text-decoration:none;
	border-collapse: collapse;
}

.table_type01 th{
	background-color: #F3F3F3;
	font-weight:normal;
}

.table_type01 th,
.table_type01 td,
.table_type01 caption{
	padding: 10px;
}

.table_type01 caption{
	background:#818181;
	color:#FFF;
}