@charset "utf-8"; 

/*

	パソコントラブルおまかせ隊

	[* html] = IE6
	[*:first-child+html] = IE7
	[Hides from IE5-mac ～ End hide from IE5-mac] = Mac IE5

*/



/* "body" Tag
-------------------------------------------------- */
body {
	color: #333;
	margin: 0;
	padding: 0;
	background: #FFF url(http://blog.tsukuba.ch/usr/rescue/back.png) repeat-y 50% 0;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
}

/* "a" Tag
-------------------------------------------------- */
a:link {
	color: #FF7F00;
	text-decoration: underline;
}
a:visited {
	color: #FF7F00;
	text-decoration: underline;
}
a:active, a:hover {
	color: #00A0C6;
	text-decoration: none;
}

/* "blockquote/div/p/pre" Tag
-------------------------------------------------- */
blockquote, div, p, pre {
	margin: 0;
	padding: 0;
}
blockquote {
	margin: 1em;
}
p {
	margin-bottom: 1em;
}
pre {
	font-family: monospace;
	*font-size: 108%;
	line-height: .99;
}

/* "dl/dt/dd/li/ol/ul" Tag
-------------------------------------------------- */
dl, dt, dd, li, ol, ul {
	margin: 0;
	padding: 0;
}
dl, ol, ul {
	margin: 1em 1em 1em 2em;
}
dl dd {
	margin-left: 1em;
}
li {
	list-style: none;
}
ol li {
	list-style: decimal outside;
}
ul li {
	list-style: disc outside;
}

/* "fieldset/form/label/legend/input/select/textarea" Tag
-------------------------------------------------- */
fieldset, form, legend, input, textarea {
	margin: 0;
	padding: 0;
}
fieldset {
	margin-bottom: 1em;
	border: 0;
}
label {
	cursor: pointer;
}
input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
textarea {
	resize: vertical;
}

/* "h1-h6" Tag
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;	/* 13px */
	line-height: 1.5;
}

/* "hr" Tag
-------------------------------------------------- */
hr {
	display: none;
}

/* "html" Tag
-------------------------------------------------- */
html {
	overflow-y: scroll;
}

/* "img" Tag
-------------------------------------------------- */
img {
	border: 0;
}

/* "em/strong/sub/sup" Tag
-------------------------------------------------- */
em {
	font-style: italic;
	font-weight: normal;
}
strong {
	font-style: normal;
	font-weight: bold;
}
sub, sup {
	line-height: -1px;
	vertical-align: text-bottom;
}
sup {
	vertical-align: text-top;
}

/* "table/th/td/caption" Tag
-------------------------------------------------- */
table {
	margin-bottom: 1em;
	font-size: inherit;
	font: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	margin: 0;
	padding: .5em;
	border: 1px solid #000;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
td {
	margin: 0;
	padding: .5em;
	border: 1px solid #000;
}
caption {
	margin-bottom: .5em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}



/* id/class
================================================== */

/* コンテナ
================================================== */
#container {
	margin: 0 auto;
	padding: 0;
	width: 770px;
	text-align: left;
	font-size: 93%;	/* 12px */
	background: #FFF;
	border-right: 5px solid #FFF;
	border-left: 5px solid #FFF;
}

/* ヘッダー
================================================== */
#header h1 a {
	display: block;
	width: 770px;
	height: 350px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(http://blog.tsukuba.ch/usr/rescue/header_banner.png);
}
#header h2, #header h3, #header ul, #header p {
	display: none;
}

/* グローバルメニュー
-------------------------------------------------- */
#globalMenu {
	margin: 10px auto 0;
	width: 770px;
	text-align: left;
}
.top #globalMenu ul {
	margin: 0;
	border-bottom: 0;
}
#globalMenu ul {
	margin: 0 0 15px 0;
	width: 770px;
	height: 50px;
	border-bottom: solid 10px #5CA6E6;
}
#globalMenu ul li {
	background:url(http://blog.tsukuba.ch/usr/rescue/global_menu.png);
	float: left;
	list-style: none;
}
#globalMenu ul li a {
	display: block;
	height: 50px;
	overflow: hidden;
	background: url(http://blog.tsukuba.ch/usr/rescue/global_menu.png);
	text-indent: -9999px;
}
#globalMenu ul li.support a {
	width: 191px;
	background-position: 0 0;
	margin-right: 2px;
}
#globalMenu ul li.service a {
	width: 191px;
	background-position: -193px 0;
	margin-right: 2px;
}
#globalMenu ul li.price a {
	width: 191px;
	background-position: -386px 0;
	margin-right: 2px;
}
#globalMenu ul li.qanda a {
	width: 191px;
	background-position: -579px 0;
	margin-right: 0;
}

/* グローバルメニュー:hover,current
-------------------------------------------------- */
#globalMenu ul li.support, #globalMenu ul li.support a:hover, body.support #globalMenu ul li.support a {
	background-position: 0 -50px;
}
#globalMenu ul li.service, #globalMenu ul li.service a:hover, body.service #globalMenu ul li.service a {
	background-position: -193px -50px;
}
#globalMenu ul li.price, #globalMenu ul li.price a:hover, body.price #globalMenu ul li.price a {
	background-position: -386px -50px;
}
#globalMenu ul li.qanda, #globalMenu ul li.qanda a:hover, body.qanda #globalMenu ul li.qanda a {
	background-position: -579px -50px;
}



/* メインカラム
================================================== */
#mainColumn {
	width: 750px;
	overflow: hidden;
    margin: 0 auto;

}
/* パンくずリスト
-------------------------------------------------- */
#navi {
	margin-bottom: 10px;
	padding: 6px 5px 6px 10px;
	background: #E5E5E5;
}
#navi a:link, #navi a:visited {
	color: #00A0C6;
	text-decoration: none;
}
#navi a:active, #navi a:hover {
	color: #FF7F00;
	text-decoration: none;
}
#navi p {
	margin: 0;
}
/* ブログ記事
-------------------------------------------------- */
#mainColumn h2 {
	color: #333;
	padding: 6px 5px 5px 40px;
	background: #FFF url(http://blog.tsukuba.ch/usr/rescue/menu_ico.png) no-repeat 5px 7px;
	border-bottom: dotted 1px #00A0C6;
	margin-bottom: 10px;
}
div.entryBody {
	margin: 0 5px;
	padding-bottom: 1.5em;
	width: 750px;
	overflow: auto;
}
div.tag_list {
	margin: 15px -8px 1.5em 0;
	display: none;
}
body.blog div.tag_list {
	display: block;
}
* html div.tag_list {
	position: relative;
}
*:first-child+html div.tag_list {
	position: relative;
}
div.posted {
	margin: 0 5px 1.5em;
	display: none;
	font-size: 84%;	/* 10px */
	text-align: right;
}
body.support div.posted {
	display: block;
}
div.menu {
	text-align: center;
	margin-bottom: 20px;
}
/* トラックバック・コメント
-------------------------------------------------- */
#mainColumn h3 {
	color: #333;
	padding: 6px 4px 7px 40px;
	background: #E5F5F9 url(http://blog.tsukuba.ch/usr/rescue/menu_blue_ico.png) no-repeat 5px 7px;
	margin-bottom: 10px;
}
#trackback-url {
	color: #FF7F00;
	border: 0;
	width: 90%;
	background: #FFF;
	font-weight: bold;
	font-size: 116%;	/* 14px */
	text-decoration: underline;
	cursor: pointer;
}
#comments div.comments-body {
	color: #C00;
	margin: 0 5px 40px;
	font-size: 84%;	/* 10px */
	text-align: center;
}
#comments dl {
	margin: 0 0 1em;
}
#comments dl dt {
	width: 7em;
}
#comments dl dd {
	margin: -1.5em 0 0 7em;
}
#comments input {
	width: 50%;
}
#comments #text {
	width: 95%;
	height: 100px;
}
input.ime {
	ime-mode: disabled;
}
#comments #bake, #comments #savecheck {
	margin-right: 3px;
	width: auto;
	vertical-align: middle;
}
#comments div.btn {
	text-align: right;
	margin-right: 30px;
}
#comments #insert {
	margin-right: 10px;
	padding: 0 20px;
	width: auto;
}




/* 青の背景
==================================================  */
#wrapper {
	background: url(http://blog.tsukuba.ch/usr/rescue/blue_back.png);
	border-top: 10px solid #5CA6E6;
	border-bottom: 10px solid #5CA6E6;
	padding: 25px 0 25px 10px;
	}

/* サービスメニュー一覧
-------------------------------------------------- */
#serviceMenu {
	float: left;
}
#serviceMenu div {
	width: 374px;
	height: 194px;
	float: left;
}
#serviceMenu ul{
	margin: 25px 0 0 125px;
}
#serviceMenu ul li {
	font-size: 133%;
	line-height: 2;
	margin-bottom: 6px;
	list-style: none;
}
#serviceMenu ul li a {
	background: url(http://blog.tsukuba.ch/usr/rescue/yajirushi.gif) no-repeat 0 50%;
	padding: 10px;
}
#serviceMenu div h3 a{
	text-indent: -9999px;
	display: block;
	width: 374px;
	height: 35px;
}
#serviceMenu .setup {
	background: url(http://blog.tsukuba.ch/usr/rescue/servicemenu_01.png);
	margin-right: 6px;
}
#serviceMenu .lesson {
	background: url(http://blog.tsukuba.ch/usr/rescue/servicemenu_02.png);
}
#serviceMenu .connection {
	background: url(http://blog.tsukuba.ch/usr/rescue/servicemenu_03.png);
	margin: 10px 6px 0 0;
}
#serviceMenu .data {
	background: url(http://blog.tsukuba.ch/usr/rescue/servicemenu_04.png);
	margin-top: 10px;
}

/* 連絡先
================================================== */
#contactInfo {
	margin: 10px 10px;
}
#contactInfo dl{
	background: url(http://blog.tsukuba.ch/usr/rescue/tel.png) no-repeat 0 0;
	border-right: 1px dotted #999;
	width: 500px;
	height: 169px;	
	float: left;
	margin: 10px 0 0 0;
}
#contactInfo dt, #contactInfo dd{
	display: none;
}
#contactInfo a{
	background: url(http://blog.tsukuba.ch/usr/rescue/mail.png);
	width: 217px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	float: right;
	margin-top: 50px;
}

/* フッター
================================================== */
#footer {
	background: #F4F4F4 url(http://blog.tsukuba.ch/usr/rescue/footer.png) no-repeat; 
/*	height: 30px; */
	color: #333;
	padding: 10px;
/*	overflow: hidden; */
}
#footer ul{
	margin: 0;
}
#footer .clearfix {
	margin: 0 0 20px;
}
#footer .clearfix ul {
	margin: 0;
	float: left;
}
#footer ul li{
	display: inline;
	list-style: none;
}
#footer ul li a{
	background: url(http://blog.tsukuba.ch/usr/rescue/footer_yajirushi.gif) no-repeat 0 50%;
	padding-left: 8px;
}
#footer ul li a:link, #footer ul li a:visited{
	color: #333;
	text-decoration: none;
}
#footer ul li a:active, #footer ul li  a:hover {
	color: #FF7F00;
	text-decoration: none;
}
#footer .copyright {
	font-size: 93%;	/* 12px */
	float: right;
}

/* このページの先頭へ
-------------------------------------------------- */
#footer div.goTop {
	margin: 0 20px 0 0;
	padding: 0;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 80px;
	height: 31px;
	text-indent: -9999px;
	overflow: hidden;
}
* html #footer div.goTop {
	position: absolute;
	right: 0;
	bottom: auto;
}
#footer div.goTop a {
	display: block;
	width: 80px;
	height: 31px;
	overflow: hidden;
	background: url(http://blog.tsukuba.ch/usr/rescue/gotop.png) no-repeat;
}
* html #footer div.goTop a {
	width: 80px;
	position: relative;
	height: 31px;
	background-image: none;
}
@media print {
	#footer div.goTop {
		display: none;
	}
}



/* JavaScript有効
================================================== */
#noScript {
	color: #FCFCFC;
	padding: 0 10px;
	border: 3px double #FCFCFC;
	position: absolute;
	top: 0;
	right: 0;
	background: #BE3500;
	font-weight: bold;
	font-size: 108%;	/* 14px */
}

/* clearfix
================================================== */
.clearfix:after, #wrapper:after, #contactInfo:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.clearfix, #wrapper, #contactInfo {
	display: inline-block;
}
/*Hides from IE5-mac \*/
* html .clearfix, * html #wrapper, * html #contactInfo {
	height: 1%;
}
.clearfix, #wrapper, #contactInfo {
	display: block;
}
*+html body .clearfix, *+html body #wrapper, *+html body #contactInfo {
	zoom: 1;
}
/*End hide from IE5-mac */

