@charset "utf-8";
          * { }
          
body	{margin: 0 10px; font-family: '游ゴシック体', 'Hiragino Kaku Gothic Pro','メイリオ',  sans-serif;}

/* ボックスの左右に確保する余白 */
.boxA,.box3-inner, .boxB,.box6-inner
		{padding-left: 12px;padding-right: 12px}

/*サイト名*/
.site h1 a	{color: #708090; text-decoration: none;}
.site h1	{margin: 0; font-size: 26px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノゴシック", "Hiragino Kaku Gothic Pro","メイリオ";}

/*ナビゲーション*/
.menu ul		{margin: 0; padding: 0; list-style: none;}
.menu li a		{display: block; padding:5px 12px 5px; color: #708090; font-size: 16px; text-decoration: none;}
.menu li a:hover{background-color: #eeeeee;}
.menu ul:after	{content: ""; display: block; clear: both;}
.menu li		{float: left; width: auto;}

/*line*/
.mado 	{margin:0;padding: 5px 0px 0px;background-color: #dddddd;}
.mado 	{border-bottom: solid 6px #deefea}

/* パンくずリスト */
.bread	{margin-bottom: 1px}
.bread ol	{margin: 0; padding: 0;	list-style: none}
.bread li   {display: inline-block; padding: 0px 5px 5px 0px; color: #708090; font-size: 14px; text-decoration: none}
.bread li a	{display: inline-block;	padding: 0px; color: #708090; font-size: 14px; text-decoration: none}
.bread li a:hover	{background-color: #eeeeee}
.bread ol:after	{content: ""; display: block; clear: both}
.bread li	{float: left; width: auto}
.bread li:after	{margin-left: 10px; margin-right: 10px; color: #888888}


/*メインテキスト*/
.kind ul	{margin: 0;padding left: 40px; list-style: none;}
.kind h2	{margin:0; color: #7cbac1; font-size: 22px;padding-bottom: 2px; border-bottom:}	
.kind h3	{padding-top:5px;padding-left:10px; border-left: solid 10px #7cbac1;font-size: 20px;color: #708090;}	
.kind h4	{padding-top:15px;padding-left:15px;;color: #708090;font-size: 18px;}	
.kind p		{padding-left: 20px;padding-bottom: 10px; font-size: 16px;color: #708090;}
.kind li	{padding-left: 0px;padding-bottom: 20px; font-size: 16px;color: #708090;}
.kind li a	{display: block; padding:5px 15px; color: #708090; font-size: 16px; text-decoration: none;}
.kind ul.ten{list-style:nones;}
.kind img   {-ms-interpolation-mode: bicubic;max-width: 100px;}

/*画像とテキストを横に並べる設定 */
.kind a:after {content: ""; display:block; clear: both;}
.kind img 	{float:left; width:100px;padding-left:5px;margin-right:20px;}
.kind .text {float:none; width:auto; margin-left:80px;padding-left:10px}

/*サイドメニュー*/
.sidemenu	{border: solid 6px #dddddd}
.sidemenu		{margin-top:30px;margin-bottom: 30px;padding-left:10px;background-color: #deefea;}
.sidemenu h5	{margin-top: 0; margin-bottom: 10px; font-size: 16px;color: #708090; border-bottom: solid 2px #dddddd;}
.sidemenu ul	{margin: 0; padding: 0; list-style: none;}
.sidemenu li a	{display: block; padding:15px 5px; color: #708090; font-size: 14px; text-decoration: none;}


/*コピーライト*/
.copyright p	{margin: 0; color: #666666; font-size: 14px;}


/*box2をバーに*/
.box2	{background-color: #ffffff;}

/*box6の上に区切り線*/
.box6	{border-top: solid 1px #dddddd;}

/*ボックスの上下の間隔*/
.boxA	{padding-top: 10px; padding-bottom: 10x;}
.box3	{padding-top: 20px; padding-bottom: 0px;}
.box4	{padding-top: 5px; padding-bottom: 30px;}
.box5	{padding-top: 40px; padding-bottom: 30px;}
.box6	{padding-top: 15px; padding-bottom: 15px;}


/* ########### 599px 以下 ########### */

@media (max-width: 599px) {

/*サイト名*/
.site h1	{font-size: 18px;}

/*ナビゲーション*/
.menu li a	{padding: 5px 7px; font-size: 11px;}


/*記事のタイトル*/
s.kind ul	{margin: 0;padding left: 20px; list-style: none;}
.kind h2	{margin:0; color: #7cbac1; font-size: 14px;padding-bottom: 2px; border-bottom:}	
.kind h3	{padding-top:5px;padding-left:10px; border-left: solid 8px #7cbac1;font-size: 12px;color: #708090;}	
.kind h4	{padding-top:5px;padding-left:15px;;color: #708090;font-size: 12px;}	
.kind p		{padding-left: 20px;padding-bottom: 10px; font-size: 12px;color: #708090;}
.kind li	{padding-left: 0px;padding-bottom: 10px; font-size: 12px;color: #708090;}
.kind li a	{display: block; padding:5px 15px; color: #708090; font-size: 12px; text-decoration: none;}
.kind ul.ten{list-style:square;}
.kind img 	{float:left; width:100px;padding-left:5px;margin-right:20px;}
.kind .text {float:none; width:auto; margin-left:30px;padding-left:10px}



/*ボックスの上下の間隔*/
.boxA	{padding-top: 5px; padding-bottom: 5px;}
.boxB	{padding-top: 20px;padding-bottom: 15px;}
}


/* ########### 600px 以上 ########### */

@media (min-width: 600px) {

/*BOX4とBOX5を横に並べる設定 */
.boxB:after { content: ""; display:block; clear: both;}
.box4 { float:left; width:95%;}
.box5 { float:left; width:5%;}

/*BOX4とBOX5の左右の間隔 */
.box4	{padding-right: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
         box-sizing: border-box}
}

/* ########### 768px 以上 ########### */

@media (min-width: 768px) {

/*BOX1とBOX2を横に並べる設定 */
.boxA:after { content: ""; display:block; clear: both;}			
.box1 		{ float:left; width:auto;}
.box2 		{ float:right; width:auto;}

}

/* ########### 1040px 以上 ########### */

@media (min-width: 1040px) {

/*全体の横幅を固定 */
.boxA, .boxB, .box3-inner, .box6-inner
	{width: 1000px;	margin-left: auto;	margin-right: auto}
}