@charset "utf-8";

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

* {
	margin: 0;
	padding: 0;
}

a{
	color: #fff;
	text-decoration:none;
}
a:hover{
	color:#E8AE00;
	text-decoration:none;
}


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


#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;
}




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

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

section p{
	line-height:1.8;
}

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{
background: #262626;
padding: 10px 0;
border-top: #454545 solid 1px;
color: #ccc;
}



#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;
}


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

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

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

/*カラー*/

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

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

/*リンク色*/

.link_white a{color: #fff !important;}
.link_white a:hover{color: #fff !important;}

 /*背景色*/

.bg_gray{background: #262626 !important;}



 /*サイズ*/

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


/*文字配置*/

.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;}
.mt50{ margin-top:50px!important;}
.mt60{ margin-top:60px!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;}
.mb50{ margin-bottom:50px!important;}
.mb60{ margin-bottom:60px!important;}


.pa10_all{ padding:10px!important;}

.pt0{padding-top: 0!important;}

.pb0{padding-bottom: 0!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;}


/*枠*/

.gray_box{
background: #555555;
border: 1px solid #ccc;
padding: 10px;
}


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

画像100％にしない場合

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


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

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


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

/*黄色*/

.bot_type01{
	}

.bot_type01 a{
	color:#fff;
	background:#A87E00;
	}

.bot_type01 a:hover{
	background:#E8AE00;
	}


/************************ 
	
	 リンクボタン ミニ
	 
******************** */

/*青130-30（右）*/
.bot_mini_type01{
width: 130px;
height: 30px;
line-height: 30px;
text-align: center;
margin-left: auto;
}

.bot_mini_type01 a{
	color:#fff;
	background:#5CADDC;
	}

.bot_mini_type01 a:hover{
	color:#fff;
	background:#B8B8B8;
	}

.bot_mini_type01 a,
.bot_mini_type01 a:hover{
	display:block;
	transition: background-color 0.5s;
}


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

リスト

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

.list_type01 ul{
}

.list_type01 li{
	background:url(../images/common/li03.png) no-repeat 0px 7px;
	padding-left:13px;
	}

.list_type01 li+li{
margin-top: 7px;
}

/*1文字スペース*/

.list_1in li{
	text-indent:-1em;
	padding-left:1em;}


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

テーブル

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

.table_type01{
	margin: 0px;
	}

.table_type01 th,
.table_type01 td{
	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{
	padding: 10px;
}