@charset "utf-8";

/*==========================================
File name: base.css
========================================== */

* {
	margin: 0;
	padding: 0;
}

a{
	color: #66a3d1;
	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;
}



#contents p{
}


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

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

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


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

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

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

/*枠*/
.box_blue{
background: #66a3d1;
padding: 15px;
color: #FFFFFF;
border-radius: 10px;
border: 6px solid #b3cde8;
}

/*枠線*/

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

/*カラー*/

.black{ color:#000!important;}
.white{ color:#ffffff!important;}
.red, .error{ color:#C03!important;}
.green{ color:#72bb74!important;}
.orange{ color:#e9bc3c!important;}
.pink{ color:#d76aa6!important;}
.purple{ color:#3a3aa9!important;}
.blue{ color:#66a3d1!important;}
/*



.yellow{ color:#FF3;}
*/

/*背景色*/
.bg_blue{ background-color:#66a3d1!important;}
.bg_ore{ background-color:#e9bc3c!important;}
.bg_ore2{ background-color:#bb9320!important;}
.bg_green{ background-color:#72bb74!important;}
.bg_green2{ background-color:#5c9d5e!important;}
.bg_pink{ background-color:#d76aa6!important;}
.bg_pink2{ background-color:#a23370!important;}
.bg_purple{ background-color:#3a3aa9!important;}
.bg_purple2{ background-color:#181867!important;}
.bg_lpurple{ background-color:#cbc4d5!important;}
 
 
 /*サイズ*/
.fsize11{ font-size:11px!important;}
.fsize13{ font-size:13px!important;}
.fsize20{ font-size:20px!important;}
.fsize30{ font-size:30px!important;}

.fsize85{ font-size:85%!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;}


/*文字配置*/

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

.pt30{ padding-top:30px!important;}
.pb30{ padding-bottom:30px!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_max360{
	max-width:360px!important;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}


/************************ 
	
	 リンクボタン 
	 
******************** */
.bot_blue,
.bot_white,
.bot_ore,
.bot_purple,
.bot_green,
.bot_pink
{
	text-align:center;
	margin:0 auto;
	font-size:120%;
	}

.bot_blue a,
.bot_blue a:hover,

.bot_white a,
.bot_white a:hover,

.bot_ore a,
.bot_ore a:hover,

.bot_purple a,
.bot_purple a:hover,

.bot_green a,
.bot_green a:hover,

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

/*ブルー*/

.bot_blue a{
	color:#fff;
	background:#66a3d1;
	border: 2px solid #4484b5;
    border-radius: 10px;
	}

.bot_blue a:hover{
	background:#4484b5;
	border: 2px solid #4484b5;
    border-radius: 10px;
	}

/*ホワイト*/

.bot_white a{
	color:#5E5E5E;
	background:#ffffff;
	border: 2px solid #cccccc;
    border-radius: 10px;
	}

.bot_white a:hover{
	background:#cccccc;
	border: 2px solid #cccccc;
    border-radius: 10px;
	}

/*オレンジ*/

.bot_ore a{
	color:#fff;
	background:#e9bc3c;
	border: 2px solid #bb9320;
    border-radius: 10px;
	}

.bot_ore a:hover{
	background:#bb9320;
	border: 2px solid #bb9320;
    border-radius: 10px;
	}
    
 /*パープル*/

.bot_purple a{
	color:#fff;
	background:#3a3aa9;
	border: 2px solid #181867;
    border-radius: 10px;
	}

.bot_purple a:hover{
	background:#181867;
	border: 2px solid #181867;
    border-radius: 10px;
	}   
    
/*グリーン*/

.bot_green a{
	color:#fff;
	background:#72bb74;
	border: 2px solid #5c9d5e;
    border-radius: 10px;
	}

.bot_green a:hover{
	background:#5c9d5e;
	border: 2px solid #5c9d5e;
    border-radius: 10px;
	}

/*ピンク*/

.bot_pink a{
	color:#fff;
	background:#d76aa6;
	border: 2px solid #a23370;
    border-radius: 10px;
	}

.bot_pink a:hover{
	background:#a23370;
	border: 2px solid #a23370;
    border-radius: 10px;
	}



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

リスト

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

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