﻿

/* Index ++++++++++++++++++++++++++++++++
	1.Common
	2.Header menu
	3.Header menu list
	4.Search
+++++++++++++++++++++++++++++++++++++++ */


/* =================================================
	1.Common
================================================= */

* html {
	background: url(../image/blank.gif) fixed;
}

html {
	position: relative;
	top: 27px;
}

body {
	position: relative;
}

/* for all IE only */
html {
	position: static\9;
}
body {
	margin-top: 27px\9;
	background-position-y: 27px\9;
}



/* =================================================
	2.Header menu
================================================= */

/*	2-1.Body
---------------------------------------- */
#sh_fc2blogheadbar {
	position: fixed !important;
	position: absolute; 
	top: 0;
	left: 0;
	min-width: 840px;
	width: 100%;
	font-size: 12px;
	line-height: 1.4;
	border-bottom: 1px solid #A1A1A1;
	color: #707070;
	z-index: 1000;
}

* html #sh_fc2blogheadbar {
	top: expression(eval(document.documentElement.scrollTop+0));
}

#sh_fc2blogheadbar div,
#sh_fc2blogheadbar img,
#sh_fc2blogheadbar a,
#sh_fc2blogheadbar form,
#sh_fc2blogheadbar textarea,
#sh_fc2blogheadbar input,
#sh_fc2blogheadbar select {
	margin: 0;
	padding: 0;
	background: none;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: normal;
}

#sh_fc2blogheadbar form {
	border: none;
	text-align: right;
}

#sh_fc2blogheadbar textarea,
#sh_fc2blogheadbar input,
#sh_fc2blogheadbar select {
	background-color: #ffffff;
	border: 1px solid #b2b2b2;
	color: #000000;
	height: 18px;
	padding: 0;
	margin: 0;
}

#sh_fc2blogheadbar img,
#sh_fc2blogheadbar a img {
	border: none;
}

#sh_fc2blogheadbar .sh_fc2blogheadbar_body {
	height: 26px;
	overflow: hidden;
	position: relative;
}


/*	2-2.Hyper text
---------------------------------------- */
#sh_fc2blogheadbar a {
	text-decoration: none;
	/*\*/
	overflow: hidden;	/* for Fx */
	/**/
}

#sh_fc2blogheadbar a:link,
#sh_fc2blogheadbar a:visited {
	color:#4ca1e3;
	text-decoration: none;
	position: static;
}

#sh_fc2blogheadbar a:focus,
#sh_fc2blogheadbar a:hover,
#sh_fc2blogheadbar a:active {
	color:#336699;
	text-decoration: none;
	position: static;
}

#sh_fc2blogheadbar .sh_fc2blogheadbar_link {
	position: absolute;
	top: 5px;
	right: 263px;
	text-align: right;
}

#sh_fc2blogheadbar .sh_fc2blogheadbar_link li {
	background-image: none;
	text-align: right;
}

#sh_fc2blogheadbar .sh_fc2blogheadbar_link a {
	padding-right: 5px;
}


/*	2-3.gradation
---------------------------------------- */
/* IE */
#sh_fc2blogheadbar {
	/* IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#F0F0F0);
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#F0F0F0)";
}
/* Opera（＋Firefox、Safari） */
body:not(:target) #sh_fc2blogheadbar {
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAQ0lEQVR42k3EMQLAIAgEMP//WkRQVMB2YLgMae/XMhOLCMzdq3svds7B9t6VmWFrLWzOWakqJiLYGKNiZqz3jhHR+wBZbpvd95zR6QAAAABJRU5ErkJggg==") repeat-x left top;
}
/* Firefox（＋Google Chrome2） */
html:not([lang*=""]) #sh_fc2blogheadbar {
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #FFFFFF, #F0F0F0);
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F0F0));
}
/* Safari */
html:not(:only-child:only-child) #sh_fc2blogheadbar {
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F0F0));
}



/* =================================================
	3.Header menu list
================================================= */
#sh_fc2blogheadbar #sh_fc2blogheadbar_menu {
	width: 100%;
	text-align: left;
	padding-left: 5px;
}



/* =================================================
	4.Search
================================================= */
#sh_fc2blogheadbar #sh_fc2blogheadbar_search {
	position: absolute;
	top: 4px;
	right: 20px;
	width: 250px;
	text-align: right;
}

html>#sh_fc2blogheadbar #sh_fc2blogheadbar_search {
	top: 3px;
}

* html #sh_fc2blogheadbar #sh_fc2blogheadbar_search {
	top: 2px;
}

#sh_fc2blogheadbar #sh_fc2blogheadbar_search .sh_fc2blogheadbar_searchform {
	width: 150px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: left;
	vertical-align: middle;
	line-height: normal;
	line-height: 1.5em\9;
}

#sh_fc2blogheadbar #sh_fc2blogheadbar_search .sh_fc2blogheadbar_searchselect {
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	line-height: normal;
}

#sh_fc2blogheadbar #sh_fc2blogheadbar_search .sh_fc2blogheadbar_searchbtn {
	height:18px;
	background-color: #eaeaea;
	border: 1px solid #a1a1a1;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	vertical-align: middle;
	cursor: pointer;
	padding: 1px 5px;
	line-height: normal;
	width: auto;
	*overflow:visible;
}

#sh_fc2blogheadbar #sh_fc2blogheadbar_search .sh_fc2blogheadbar_searchbtn:hover {
	background-color: #cccccc;
}
