@charset "utf-8";

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

* {
	margin: 0;
	padding: 0;
}

a{
	color: #333;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


body {
	color: #333333;
	font-family: Meiryo, "メイリオ","Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic", "ＭＳ Ｐゴシック",sans-serif;
	font-size: 85%;
	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;
}



#contents p{
	margin: 0 0 10px 0;
}


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

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

section p,
section ul{
	text-align: left;
}

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{ border:2px solid #999!important;}

/*カラー*/

.black{ color:#000;}
.red{ color:#C00;}
.blue{ color:#06F;}
/*
.orange{ color:#F60;}
.green{ color:#060;}
.pink{ color:#F39;}
.yellow{ color:#FF3;}
.purple{ color:#63C;}
*/
 /*サイズ*/

.fsize10{ font-size:10px!important;}
.fsize11{ font-size:11px!important;}
.fsize12{ font-size:12px!important;}
.fsize14{ font-size:14px!important;}
.fsize16{ font-size:16px!important;}
.fsize18{ font-size:18px!important;}
.fsize24{ font-size:24px!important;}
.fsize28{ font-size:28px!important;}

/*文字配置*/

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

/*余白微調整*/

.pa15{ padding:15px!important;}

.mt10{ margin-top:10px!important;}
.mt15{ margin-top:15px!important;}
.mt20{ margin-top:20px!important;}
.mt30{ margin-top:30px!important;}

.mb10{ margin-bottom:10px!important;}
.mb15{ margin-bottom:15px!important;}
.mb20{ margin-bottom:20px!important;}
.mb30{ margin-bottom:30px!important;}


.ml30{ margin-left:30px!important;}
.ml60{ margin-left:60px!important;}