@charaset "UTF-8";

html {font-size: 64%;}
/* for smartphone */
body{-webkit-text-size-adjust:none;min-height:416px;}
a{text-decoration:none;}
/* 共通 */
body{
	color:#333;
}

/*---------------------
　clearfix　
---------------------*/
/* for modern brouser */
.clearfix:after {
  content: ".";/* 新しい要素を作る */
  display: block;/* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/*--------------------
 ヘッダー
--------------------*/
header{
	border-top:solid 3px #34559c;
	border-bottom:solid 2px #34559c;
	position:relative;
	}



header h1{
	font-size:10px;font-size:1rem;	color:#34559c;
	margin:3px 0px 1px 3px;
	font-weight:bold;
}
@media screen and (min-width: 768px) {
header h1{
	font-size:14px;font-size:1.4rem;}
}

header h1 strong{
	font-weight:normal;
}
a#logo{
display:block;
margin: 3px 0px 5px 0px;
}
a#logo img{display:block;height:50px;}
@media screen and (min-width: 768px) {
	/* 768px以上用（タブレット用）の記述 */
	a#logo img{display:block;height:78px;}
}
header form,header form input{
	float:right;
width:50px;
margin-top:-30px;
margin-right:5px;
}
/*---------------------
　上部タイトル
---------------------*/
article#main div#ttl{
	color:#fff;
	font-size:18px;
	height:auto;
	padding:0px;
  background: #2669ad;
  background: -webkit-gradient(linear,left top,left bottom,from(#2669ad), to(#4787c8));
  background: -moz-linear-gradient(top, #2669ad, #4787c8);
  border-top: 1px solid #356aa0;
}

article#main div#ttl h2 {
  display: block;
  border-top: 1px solid #83b3e5;
	padding:8px 0 8px 8px;
	font-size:18px;font-size:1.8rem;}


/*-----------------------
 pan_navi
------------------------- */
nav#pan_navi {
	font-size:14px;font-size:1.4rem;	/* overflow:hidden; */
	background:#b3c5dd;
	/* height:25px; */
	z-index:1;
	border-bottom:solid 1px #34559c;
}

nav#pan_navi ul {
	overflow:hidden;
	display:table;
	background:#d8e1ed;
	background:-webkit-gradient(linear,left top,left bottom,from(#f0f4fa), to(#d8e1ed));
	background:-moz-linear-gradient(top, #f0f4fa, #d8e1ed);
	height:25px;
}
nav#pan_navi ul li {
	display:table-cell;
}
nav#pan_navi > ul li > span {
	display:block;
	background:url(../img/pan_navi/01.png) no-repeat right top;
	-webkit-background-size:11px 26px;
	background-size:11px 26px;
	padding:0 11px 0 0;
}
nav#pan_navi ul li:first-child {
	padding-left:1px;
}
nav#pan_navi > ul li:last-child > span {
	background:url(../img/pan_navi/02.png) no-repeat right top;
	-webkit-background-size:11px 26px;
	background-size:11px 26px;
	padding-right:11px;
}
#pan_navi ul li > span > a,
#pan_navi ul li > span > span {
	overflow:hidden;
	display:block;
	padding:0 4px 0 4px;
	height:24px;
	color:#000;
	line-height:23px;
	word-wrap:break-word;
	word-break:break-all;
	border-top:1px solid #fff;
}
#pan_navi ul li > span > span {
	color:#999;
}

/* 以下KK  */
#pan_navi ul li > span > a >img{
	height:18px;
	vertical-align:middle;
}

/*--------------------
 記事
--------------------*/

article#main section{
	width:96%;
	margin:10px auto 18px auto;
	border:solid 1px #999;	
	-webkit-border-radius:5px 5px 5px 5px / 5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px / 5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px / 5px 5px 5px 5px;
}
article#main section p {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px 10px 5px 10px;
    line-height: 2.0;
    color: #333;
}

/*--------------------
 index_page→独立せよ（別ファイルCSS） 
--------------------*/
.ich-dan div h3{
font-size:16px;font-size:1.6rem;	background-color:#00C;
	color:#fff;
	padding: 8px 0px 8px 10px;
	background:-webkit-gradient(linear, left top, left bottom, from(#06C), to(#009))!important;
	/*linear-gradient*/
	background:-webkit-gradient(linear,left top,left bottom,fromfrom(#06C), to(#009))!important;
	background:-webkit-linear-gradient(top, darkorange, orange);
	background:   -moz-linear-gradient(top, darkorange, orange);
	background:     -o-linear-gradient(top, darkorange, orange);
	background:        linear-gradient(top, darkorange, orange);
	background:#0000cd;
	border-bottom:solid 1px #cccccc;
}

.ich-dan div img{display:none;}

.ich-dan div ul li a{
	display:block;
	background:url(../img/arrow.png) no-repeat right center;
	padding:20px 20px 20px 7px;
	vertical-align:top;
font-size:16px;font-size:1.6rem;}
.add_li{display:none;}

/*--------------------
　写真入りメニュー
--------------------*/

div.ich-dan > div > ul li{
	height:60px;
	position:relative;
	border-bottom: 1px solid #ccc;
}
div.ich-dan > div > ul li img.icn{
	display:block;
	width:54px;
	position:absolute;
	top:3px;
	left:3px;
}
div.ich-dan > div > ul li a {padding-left:70px;}

/*--------------------
 フッター 
--------------------*/
footer{
    text-align:center;
    background-color:#e6e6e6;
    background-color:#0f2350;
	color:#fff;
font-size:14px;font-size:1.4rem;	line-height:1.8;
	
}
footer a#site_name{font-size:16px;font-size:1.6rem;display:block;}
footer a{color:#fff;}
footer div{
	margin-top:10px;
	padding-bottom:7px;	padding-top:7px;
	background-color:#1c305c;
}
footer div a{
	font-size:12px;font-size:1.2rem;}

/*-----------------
 shareアイコン
-----------------*/
footer div#share{
	width:100%;
	text-align:center;
	margin-top:0;
	padding-top:0;
	margin-bottom:20px;
}
div#share a{
	color:#fff;
	font-size:40px;
	padding-left:20px;
}


/*--------------------
　デザイン
--------------------*/
.px10{font-size:10px;font-size:1rem;}
.px12{font-size:12px;font-size:1.2rem;}
.px14{font-size:14px;font-size:1.4rem;}

/*--------------------
　ads
--------------------*/
div.ads{
	text-align:center;
	padding:10px auto;
	margin-bottom:10px;
	border:solid 1px #ccc;
		-webkit-border-radius:5px 5px 5px 5px / 5px 5px 5px 5px;
	   -moz-border-radius:5px 5px 5px 5px / 5px 5px 5px 5px;
	        border-radius:5px 5px 5px 5px / 5px 5px 5px 5px;
	margin:0 3px;
	
}
div.ads-img{
margin-bottom:10px;
}

