@charset "utf-8";

body {
	font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

/* 全体を囲む枠設定 */
#wrapper{
	margin:0 auto;
	width:960px;
}


/* サイト名 */
.site h1 a	{
	color: #5383c3;
	text-decoration: none
	}
	
.site h1	{
	margin: 0;
	font-size: 30px
	}
		
.site p		{
	margin: 0;
	color: #666666;
	font-size: 12px	
	}
	
/* ナビゲーションメニュー横並び */
.menu ul	{
	margin: 0;
	padding: 0;
	list-style: none
	}
				
.menu li a	{
	display:block;
	padding: 10px;
	color: #698aab;
	font-size: 14px;
	text-decoration: none;
	}

.menu li a:hover	{
	background-color: #e9dfe5
	}
					
.menu ul:after	{
	content: "";
	display: block;
	clear: both
	}
						
.menu li	{
	float: left;
	width: auto
	}
							
/* BOX2をバーにする */							
.box2	{
	background-color: #eaedf7
	}							
							
/* 記事 */				
.kiji h1	{
	margin-top: 0;
	margin-bottom: 20px;
	color: #507ea4;
	text-align: center;	
	font-size: 20px
	}
.kiji h2	{
	margin-top: 40px;
	margin-bottom: 10px;
	border-left: solid 10px #d69090;
	padding-left: 10px;
	font-size: 18px;
	color: #d69090;
	font-weight:normal
	}									
									
.kiji p		{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 16px	;
	color: #708090;
	font-weight:normal									
	}
									
.kiji img	{
	max-width: 100%;
	height:auto
	}	
												
.kiji li	{
	font-size:16px;
	color: #708090;
	font-weight:normal
	}												
										
/* box4下部のメニュー */
											
.footmenu 	{	
				margin-top: 20px;							
				padding: 20px;													
				}											

.footmenu h1	{	
				margin-top:0;							
				margin-bottom:5px;							
				color: #5383c3;						
				font-size: 20px;							
				font-weight: normal;														
				}								
.footmenu ul	{											
				margin: 0;							
				padding: 0;							
				list-style: none							
				}							
.footmenu li a	{											
				display: block;							
				padding: 25px							
				color: #5383c3;							
				font-size: 14px;
				text-align: center;							
				text-decoration: none							
				}							
.footmenu li a:hover{	
				background-color: #ffffff;
				color: #c099a0;
				opacity: 3;
				text-decoration: none
				}	
.footmenu ul:after	{													
					content:"";								
					display: block								
					clear: both								
					}						
.footmenu li	{float: left;											
				width: 25%							
				}							
.footmenu img	{																
				max-width: 100%;												
				height: auto;												
				border: none												
				}												
														


/*コピーライト*/
.copyright p	{
	margin-top: 40px;
	color: #666666;
	font-size: 14px
	}									
											
												
												
							
/* ------------------------------------------------ */
/* レスポンシブ（768px以上のタブレット/PC）
/* ------------------------------------------------ */
@media only screen and (min-width:768px) {
												
												
	/*PC専用コンテンツを表示*/
		.pc{
		display:block;
		}										
																							
	/*スマホ専用コンテンツを非表示*/											
		.sp{
		display:none;
		}											
												
												
	/* BOX4 と BOX5 と BOX6 と BOX7 を横並びにする 
	boxA:after	{content:"";
				display:block;
		clear:both}
		.box4	{float:left;
				width:25%}
		.box5	{float:left;
				width:25%}
		.box6	{float:left;
				width:25%}
		.box7	{float:left;
				width:25%}
																}
 */																	
										
																			
																			
																			
																			
																			
																	
	/* BOX5の上に区切り線 									
		.box5	{
				border-top: solid 1px #dddddd
				}	*/
																
																
	/* BOXの上下間隔調整 */															
		.box1	{															
				padding-top: 10px;													
				padding-bottom: 10px
				}													
		.box3	{														
				padding-top: 20px;												
				padding-bottom: 20px												
				}												
		.box4	{														
				padding-top: 40px;												
				padding-bottom: 50px												
				}																						
		.box5	{														
				padding-top: 15px;					
				padding-bottom: 20px												
				}																					
	}																				
																					
																
/* ------------------------------------------------ */
/* レスポンシブ（767px以下のスマホ）
/* ------------------------------------------------ */
@media only screen and (max-width:767px) {
																	
	/* PC専用コンテンツを非表示 */
	.pc {
		display: none;
	}

	/* スマホ専用コンテンツを表示 */
	.sp {
		display: block;
	}																	
																	
																	
	/* ページ全体を画面の横幅に合せる */
	#wrapper {
		width: 100%;
	}																	
																
																	
}
/* ########### 599px以下 #############*/
@media (max-width: 599px) {
.footmenu	{
			padding: 20px
			}																		


.footmenu li	{
			width: 50%
			}																
.footmenu li:nth-child(3)	{clear:both}																				
}