/* ### レイアウト ### */
@charset "utf-8";
body	{margin: 20px 5px;
	background-color:  #ffffcc ;}

#container	{width: 800px;
	margin: auto;}

#header	{margin: 0 0 10px;}

#content	{width: 525px;
	float: left;
	margin: 0 0 10px;}
	
#content2 {clear: both;
	
	}	

#sidebar	{width: 250px;
	float: right;
	margin: 0 0 30px;
	font-size: 90%;
	}
	
#footer{clear: both;}
	

/* ### ヘッダー ### */

/* サイト名 */
#site	{float: left;}

#site h1	{margin: 0;
	line-height: 1;}

/* アイコンメニュー */
#iconmenu	{float: right;
	text-align: right;}

#iconmenu ul	{margin: 0;
	padding: 3px 0 0;}

#iconmenu li	{display: inline;
	list-style-type: none;}

#iconmenu img	{border: none;}

/* ヘッダー画像 */
#headerimg img	{vertical-align: bottom;}

/* ナビゲーションメニュー */
#nav	{
	font-size: 85%;
	overflow: hidden;
	border-top: solid 1px #ffffff;
	line-height: 170%;
	margin:5px 0px;
	padding:0px;
	}

#nav ul	{margin: 0;
	padding: 0;}

#nav li	{float:left;	
	background-color:#ffd700;
	margin-right: 0px;
	margin-left: 0px;
	/*border: 4px dotted  #ffffcc ;*/
	border: solid 1px olive;
	text-align: center;
	
list-style-type: none;
	float: left;}

#nav li a	{display: block;
	width: 120px;
	padding: 6px 0;
	border-right: solid 1px #ffffff;
	text-align: center;
	color :navy;
	text-decoration: none ;
	border-width: 0px ;
	display:block;
	}

#nav li a:hover	{color :yellow;
	background-color: aqua ;}



/* ### コンテンツ ### */

/* 見出し */
.date	{float: right;
	background-color: #0097d8;
	padding: 8px 22px;
	border-radius: 55px / 48px;
	text-align: center;
	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ffffff;}

.date span	{display: block;
	font-size: 32px;
	line-height: 1;}

#content h2	{font-size: 28px;
	border-bottom: solid 1px #aaaaaa;
	margin: 0 0 6px;
	padding: 0 0 3px;}

.cat	{font-size: 14px;
	color: #666666;}

.cat a	{text-decoration: none;
	color: #666666;}
	
	
h1{
	background-color:DeepSkyBlue ;
	color:WhiteSmoke;
	font-size:100% ;
	margin-top:1px;
	margin-bottom:4px;
	border: solid 2px dodgerblue;
	text-shadow:1px 1px 2px #333;
	background: -moz-linear-gradient(top, dodgerblue,DeepSkyBlue); 
	background: -webkit-linear-gradient(top, dodgerblue,DeepSkyBlue);  /* Chrome10+,Safari5.1+ */
}

h2{
	background-color:DeepSkyBlue ;
	color:WhiteSmoke;
	font-size:95% ;
	margin-top:1px;
	margin-bottom:4px;
	border: solid 2px dodgerblue;
	text-shadow:1px 1px 2px #333;
	background: -moz-linear-gradient(top, dodgerblue,DeepSkyBlue); 
	background: -webkit-linear-gradient(top, dodgerblue,DeepSkyBlue);  /* Chrome10+,Safari5.1+ */
}

h3{
	border: solid 2px #0000ff ;
	/*background-color:mediumblue;*/
	background-color:#0000CC;
	padding: 3px;
	color:WhiteSmoke;
	font-size:100% ;
	margin-top:5px;
	margin-bottom:0px;
}
h4{
	text-align:center ;
	padding: 3px;
	/*background-color:#CCff99;*/
	background-color:#CCFFCC;
	color: Navy ;
	border: solid 2px #006666;
	color :#000066 ;
	font-size:95% ;
	margin-top:5px;
	margin-bottom:5px;
	border-radius:5px;
}

h5{
	/*line-height: 1.3;*/
	padding: 1px;
	/*background-color:#99ff66 ;*/
	/*background-color:#CCff99;*/
	background-color:#CCFFCC;
	border: solid 1px dodgerblue;
	color: Navy ;
	font-size:95% ;
	margin-bottom:0px;
	margin-top:0px;
	border-radius:10px;
}
h6{
	/*line-height: 1.3;*/
	/*padding: 3px;*/
	background-color:#99ff66 ;
	color: Navy ;
	font-size:90% ;
	margin-bottom:0px;
}


.lk button {  
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));  
}  

.lk button:hover {  
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));  
}  

.lk button:active    {  
    background: #ccc;  
    /*padding: 6px 20px 4px;  */
}  

strong.dbline {
	border-bottom: dotted 1px blue ;
}

strong.dbline2 {
	border-bottom: solid 1px red ;
}

strong.dbline3 {
	border-bottom: double 3px red ;
}

strong.dbline4 {
	border-bottom: solid 3px #99ffcc;
}

p.mini2{
	font-size: 90% ;
	color :#000033 ;
}

span.pen1{
	background-color:yellow;
	padding:0.2em 0px ;
}

span.pen2{
	background-color:lime;
	padding:0.2em 0px ;
}

span.nedan{
	
	/*text-decoration: overline underline ;*/
	background-color: #ccffff;
	font-weight:bold ;
	color:  Navy ;
}

/* HPリンク */
span.pen3{
	background-color:#FFDF00;
	padding:0.1em 0px ;
}

/* リンク */
span.pen4{
	background-color:#F1F1F1;
	padding:0.1em 0px ;
}

p.mini{
	font-size: 80% ;
	color :#A52A2A ;
	/*color :#8b0000 ;*/
}

form.form1 input{
	border:darkblue 1px solid;
}

form.form1 input.required{
	border:darkred 1px solid;
}

form.form1 textarea{
	border:darkblue 1px solid;
}