@charset "UTF-8";

/*-- 共通 header navi　エリア--*/
.uk-container{
    max-width: 960px;
}

/*-- パソコンで見たときは"pc"のclassがついた画像が表示される --*/
.pc { display: block !important; }
.sp { display: none !important; }

/*-- スマートフォンで見たときは"sp"のclassがついた画像が表示される --*/
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/*-- img --*/
img {
    border: 0;
}
/*-- フォント --*/
body {
    font-family: 'メイリオ', Meiryo,'Meiryo UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Helvetica','ヒラギノ角ゴシック','Hiragino Sans','Arial','Roboto','Droid Sans',sans-serif;
}
/*-- 背景色 --*/
body{
    background-color:#fffafa;
}
/*-- 全体の幅 --*/
.contents{
    padding: 0px 2px;
}

.header {
    max-width: 960px;
    padding: 5px 0px 10px;
}

/*-- navi start --*/
#menu {
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
#menu li{
	display: block;
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
}
#menu li a {
	display: block;
	padding: 10px 0 10px;
    background-color: #dcdfe8;/*#1a35d4*//*#d9dce8*/
	color: #393939;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #fff;/*#000*/
    border-left: 1px solid #fff;
    font-size: 110%;
    font-weight: bold;
}
/*#menu li:last-child a{
	border: none;
}*/
#menu li a:hover{
	background: #3737f7;/*#7383e0*/
    color: #e0e8ef;
}

/* 画面サイズが760px以下の場合に適用 */
@media only screen and (max-width: 760px) {
	#menu li {
		width: 50%;
		border-bottom: 1px solid #FFF;
	}
}
/*----------------------------------------------------------------*/

/*--　共通 title 見出し --*/
.title {
    border-left: solid 10px #0000ff;
    font-weight: bold;
    font-size: 110%;
    padding: 8px;
    margin: 5px 0px;
    color: #4b4b4b;
}
/*----------------------------------------------------------------*/


/*-- 共通 footer lead2 エリア--*/
.lead2 {
    margin-bottom: 3px;
    background-color: #d2d5e0;/*#CCD4FF*//*#CFE7EB*/
}
.lead2 p{
    margin: 0 10px;
    padding: 5px 0px 0px;
    color: #4b4b4b;
    font-size: 100%;
}

.information {
    color: #000;
    border-top: solid #000 1px;/*上のボーダー*/
    border-bottom: solid #000 20px;/*下のボーダー*/
    padding: 10px 10px;
}

.information li {
    line-height: 1.8;
    display: block;
    font-size: 92%;
    color: #4b4b4b;
}
/*--------------------------------------------------------------*/