@charset "utf-8";
@import url("reset.css");

/*-------------------------
  # takama
  # update 2009/09/07
  -------------------------*/
/*------------------------------------
↓主な小物
-------------------------------------*/
ol,ul,dl,div {zoom:1;}
ol:after,ul:after,dl:after,div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.message  {color:#666;}
.exe      {color:#006699;}
.error    {color:red;}
.must     {color:#FF6600;}

.center   {text-align:center;}
.left     {text-align:left;}
.right    {text-align:right;}

.fontsize_xlarge {font-size:134%;}
.fontsize_large  {font-size:112%;}
.fontsize_small  {font-size:77%;}
.fontsize_xsmall {font-size:66%;}

/*------------------------------------
 *↓ページレイアウト（大枠）
 * --------------------------------- */
body {
	*font-size:small; /* モダンブラウザ向け */
	*font: x-small;  /* IE 6以下 */
	font:12px/1.22 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.0;
	text-align:center;
	width:100%;
	background-color:#fff;
	color:#444444;
}
#container_inner:not(\*|*) { 123.1% }/* Opera9 */
body:first-of-type #container_inner { /* for Safari3 */
	font-size:93%;
}
html:first-child #container_inner { /* for Safari2 and Opera9 */
	font-size:85%;
}


#container {
	width:100%;
	margin:0px auto;
	text-align:left;
}

#header {
	position:relative;
	width:100%;
}

#header div {
	float:left;
}
#header_menu{
}
#header_logo{
	padding:15px 10px 10px 15px
}

#globalnavi {
	width:100%;
	z-index:0;
	position: relative; 
}

#wrapper {
	width:100%;
	background-color:#C9E3EF;
	padding-top:10px;
	z-index:50;
	position: relative; 
}

#main {
	float:left;
	width:100%;
	background-color:#C9E3EF;
}

#contents {
	padding:20px;
	line-height:1.6;
	background-color:#fff;
	z-index:100;
	position: relative; 

	margin:0px 0px 0px 150px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#sidenavi  {
	width:150px;
	z-index:0;
	position: relative; 

	float: left;
	margin-left:-100%;
}

#footer {
	clear:both;
	width:100%;
	background-color:#C9E3EF;
}

/* ************************************************ 
 *	ページレイアウト（大枠の中：個人的な設定）
 * ************************************************ */
 
#header_menu h1{
	padding:50px 10px 10px 15px;
	font-size:108%;
}

#header_menu p{
	text-align:right;
	padding:5px 10px 10px 10px;
	color:#ccc;
}

#header_menu p img {
	vertical-align:middle;
	padding:0px 0px 0px 10px;
}

#header_comment {
	vertical-align:left;
	padding:0px 0px 0px 10px;
}

#header a:link    {color:#FF5A00; text-decoration:none;}
#header a:visited {color:#FF5A00; text-decoration:none;}
#header a:hover   {color:#FF5A00; text-decoration:underline;}
#header a:active  {color:#FF5A00; text-decoration:none;}



#header_search {
	width:20%;
	float:right;
}
#header_search form{
	text-align:right;
	padding:5px 10px 5px 10px;
}
#header_search form .text{
	width:150px;
}

#about a:link    {color:#FF5A00; text-decoration:none;}
#about a:visited {color:#FF5A00; text-decoration:none;}
#about a:hover   {color:#FF5A00; text-decoration:underline;}
#about a:active  {color:#FF5A00; text-decoration:none;}

#about {
	width:20%;
	float:right;
	font-size:108%;
	text-align:right;
}
#about p{
	padding:16px 10px 5px 10px;
}
/*
#about form{
	text-align:right;
	padding:5px 10px 5px 10px;
}
#about form .text{
	width:150px;
}

/*
#globalnavi_area {
	background-color:#857D76;
}
*/

#globalnavi {
	font-size:116%;
	font-weight:bold;
	width:80%;
	float:left;
}
#globalnavi ul {padding:15px 15px 7px 15px;}
#globalnavi li{
	display:inline;
}
#globalnavi a {
	text-decoration:none;
	color:#4A3313;
	padding:8px 20px;
	background-color:#E0E0E0;
	border:1px solid #E0E0E0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#globalnavi a:hover   {
	background-color:#236DB4;
	border:1px solid #236DB4;
	color:#fff;
}
#globalnavi span  {
	text-decoration:none;
	background-color:#C9E3EF;
	padding:8px 20px;

	color:#4A3313;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:1px solid #C9E3EF;
}


/*　footer内要素　*/
#footer ul{padding:5px 10px;}
#footer li{display:inline; margin-right:10px;}
#footer a:link    {text-decoration:underline; color:#fff;}
#footer a:visited {text-decoration:none; color:#fff;}
#footer a:hover   {text-decoration:none; color:#fff;}
#footer a:active  {text-decoration:none; color:#fff;}
#footer p {
	padding:5px 10px;
    color:#fff;
	text-align:center;
	font-size: 90%;
}

.article_area .bookmark {
	width:93%;
	float:left;
	margin:0px;
}

.article_area .bookmark li{
	text-align:right;
	float:right;
	margin:0px 0px 10px 10px;
}

.article_area .bookmark li a{
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
}

.article_area .bookmark .hatena {
	background-color:#3366CC;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-weight:bold;
	font-size:105%;
}

.article_area .bookmark li a.hatena:hover {
	background-color:#3388CC;
}

.article_area .bookmark .ie {
	background-color:#8FAB8F;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-weight:bold;
	font-size:105%;
}

.article_area .bookmark li a.ie:hover {
	background-color:#8FBC8F;
}

/*記事*/
.article_area .article_box{
	width:31%;
	float:left;
	margin:7px;
	border:1px solid #D1CDCA;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.article_area .article_box .article_block{
	padding:0px 5px 5px 5px;
}

.article_area .article_box h2 {
	background-color:#D3E2F0;
	padding:0px 5px;
	margin:10px 10px 0px 10px;
	color:#333;
	font-weight:bold;
	font-size:108%;
}

.article_area .article_box .article_block h3 {
	padding:10px 0px 0px 0px;
	font-weight:bold;
	font-size:108%;
}

.article_area .article_box .article_block h3 a{
	color:#FF9900;
}

.article_area .article_box .article_block h3 a:hover{
	text-decoration:none;
}

.article_area .article_box .article_block .article_date{
	font-size:77%;
	line-height:1;
	margin:2px 0px 3px 0px;
}

.article_area .pr img{
	float:left;
	/*width:120px;*/
	padding:0px 10px 0px 0px;
}

.article_area .not_pr img{
	float:left;
	width:50px;
	padding:0px 10px 0px 0px;
}

.article_tag  dt {
	float:left;
	font-weight:bold;
	font-size:167%;
	margin:0px 5px 0px 0px;
	color:#4A3313;

}
.article_tag  dd{
	float:left;
	margin:5px 0px 4px 2px;
}

.article_tag  dd a{
	background-color:#5A93BD;
	color:#fff;
	border:1px solid #6085AC;
	padding:1px 5px;
	text-decoration:none;
}

.article_tag  dd a:hover{
	background-color:#236DB4;
	color:#fff;
	border:1px solid #eee;
	text-decoration:none;
}

/* info 系*/
.article_area .info_box{
	width:80%;
	float:left;
	margin:7px;
	border:1px solid #D1CDCA;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.article_area .info_box .info_block{
	padding:0px 10px 10px 10px;
}

.article_area .info_box h2 {
	background-color:#D3E2F0;
	padding:0px 5px;
	margin:10px 10px 0px 10px;
	color:#333;
	font-weight:bold;
	font-size:108%;
}

/*サイドナビ*/
#sidenavi ul {
	margin:27px 0px 10px 0px;
	position:relative;
	left:15px;
}
#sidenavi li{
	font-size:108%;
}
#sidenavi li span{
	line-height:12px;
	height:12px;
	display:block;
	padding:8px 0px 8px 8px;
	margin:10px 0px 0px 0px;
	color:#4A3313;
	text-decoration:none;
	background-color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#sidenavi li a:hover{
	background-color:#8F8781;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#sidenavi li a{
	line-height:12px;
	height:12px;
	display:block;
	padding:8px 0px 8px 8px;
	margin:10px 0px 0px 0px;
	text-decoration:none;
	color:#fff;
	background-color:#A8A19B;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}