@charset "UTF-8";
body {
	font-family:Arial, Tahoma, "Trebuchet MS", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333333;
	background-image: url(images/bg_body.gif);
	background-color: #FFFFFF;
	text-align: center;
	line-height: 1.4em;
	margin-top: 0px;
	margin-bottom: 0;
}
/* 画像 */
img {
border-style: none;
}
h1,h2,h3,h4,p {
	margin: 0px;
	padding: 0px;
}
/* 読み飛ばす */
.skip{
	position: absolute;
	left: -9999px;
}

/* リンク */
a:link{
	color:#3F96C9;
}
a:visited{
	color:#3F96C9;
}
a:hover{
	color:#CC3300;
}
/*-- .clearfix --*/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/*\*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }
/**/

#container {
	background-color:#ffffff;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 800px;
}

/* ヘッダーライン */
#headerLine {
	margin: 0 auto;
	width: 800px;
	height: 35px;
	color:#333333;
	text-align: left;
}
	/* blogTitle */
	#headerLine h1 {
		float: left;
		display: inline;
		width: 600px;
		margin-left: 8px;
		padding-top: 10px;
		font-size: 12px; line-height: 18px; font-weight: normal;
	}

	/* links */
	#headerLine #headlinks {
		float: right:
		width: 190px;
		padding-top: 10px;
		font-size: 10px; line-height: 12px;
		text-align: right;
	}
	#headlinks ul{
		list-style-type:none;
		margin:0; padding:0;
	}
	#headlinks li{display:inline;}

		#headlinks li a{
			color:#333333;
			text-decoration: none;
		}
		#headlinks li a:link{
			color:#333333;
			text-decoration: none;
		}
		#headlinks li a:visited{
			color:#333333;
			text-decoration: none;
		}
		#headlinks li a:hover{
			color:#CC3300;
			text-decoration: none;
		}

		#headlinks img {vertical-align: middle;}

	#headlinks li.top,
	#headlinks li.sitemap {padding-top: 1px;}
	#headlinks li.twitter {padding: 0 3px 0 5px;}
	#headlinks li.facebook {}



/* ヘッダー */
#header {
	color: #333333;
	background-color: #ffffff;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
#header p#logo span{
	display:none;
}
#header p#logo{
	float:left;
	width: 200px; height: 55px;
}
#header p#logo a{
	background-image: url(images/header/logo.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	display:block;
	width:180px;
	height:49px;
}
#headinfo{
	text-align:right;
	display: inline;
	float:right;
	width:300px;
	margin-right:5px;
}

#headtel{}
#headtel p span{
	display:none;
}

#headtel p{
	display:block;
	float:right;
	background-image: url(images/header/tel.gif);
	background-position: right top;
	background-repeat: no-repeat;
	width:163px;
	height:49px;
}

/* 見出し */

/* ブログの説明 */
.description {
	font-size: 80%;
	padding: 5px;
}



/* 上部ナビゲーションバー */
#navi {
	clear: both;
	padding-left: 11px;
	height: 31px;
}
/* 上部ナビゲーションバー リスト */
#navi ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
	#navi li {
		display: inline;
	}
	#navi li a,
	#navi li span{
		display:block;
		float:left;
		weidth: 131px;
	}

/* メイン画像エリア */
#mainimage {
	clear: both;
	height: 228px;
}

/*メイン*/
#main{
	float:left;
	font-size: 82%;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	margin-top: 0;
	margin-bottom:15px;
	width: 554px;
}
#main td,th{
	font-size: 82%;
	line-height: 1.4em;
	letter-spacing: 0.05em;
}
#main .innerbox {
	padding-top: 30px;
	padding-left: 25px;
	padding-right: 0;
	padding-bottom: 10px;
}

/* カテゴリアーカイブ：パンくずナビ */
p.topicPath {
	margin: 15px 0;
}

/* 個別エントリー：前後記事リンク */
p.pageNav {
	margin: 15px 0;
}


/*メインタイトル*/
#main h2{}

	/* 個別エントリーのタイトル、カテゴリーのタイトル */
	#main h2.blogTitle{
		padding-left:15px;
		height:37px;
		background-image: url(images/title/normal.gif);
		background-position: center left;
		background-repeat: no-repeat;
		color:#333333;
		font-size:101%; line-height: 37px;
	}

#main h3 {
	font-size: 100%;
	margin-top: 10px;
	padding:5px 0 2px 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	border-bottom:1px solid #cccccc;
	clear: both;
}
#main h3 a{
	font-size:110%;
	text-decoration:none;
}
#main h3 a:link{
	color:#003366;
}
#main h3 a:visited{
	color:#003366;
}
#main h3 a:hover{
	color:#3F96C9;
}

	/* カテゴリーの個別エントリーのタイトル */
	#main h3.blogTitle{
		font-size: 100%;
		margin-top: 10px;
		padding:5px 0 2px 5px;
		margin-left: 5px;
		margin-bottom: 10px;
		border-bottom: 1px solid #383838;
		clear: both;
	}
	#main h3.blogTitle a {color:#BF2429;}


#main h4 {
	font-size: 100%;
	margin-top: 10px;
	padding-top: 0px;
	margin-left: 5px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	clear: both;
}

	/* エントリーの行間調整 */
	#main .entryBody {
		line-height: 1.8;
	}



/* ソーシャルボタン */
#main .sosialBtnFooter {margin:50px 0 35px;}
#main .sosialBtn {
	margin: 0 auto 10px 230px;
}
	/*-- .clearfix --*/
	#main .sosialBtn:after {
		content: " ";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	#main .sosialBtn {display: inline-block;}
	/*\*/
	* html #main .sosialBtn {height: 1%;}
	#main .sosialBtn { display: block; }
	/**/

	#main .sosialBtn iframe {
		display: inline;
		margin-right: 5px;
		float: left;
	}
	/*twitter 110x20 */
	.twitter-share-button {
		width: 100px !important;
	}
	/* facebook 105x21 */
	.fb_ltr {}
	/* hatena 50x20 */
	.hatena-bookmark-button-frame {}










/* サイド */
#side {
	font-size: 82%;
	line-height: 140%;
	width: 227px;
	float: right;
}
#side .innerbox {
	padding-top:30px;
	padding-left: 0;
	padding-right: 33px;
	padding-bottom:20px;
}

/* サイドバータイトル */
#side h2 {
	font-size: 110%;
	color: #333333;
	background-color: #ffffff;
	background-image: url(images/side-bg.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-top: 11px;
	padding-left: 26px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	clear: both;
}

/* サイドリスト */
#side ul
{
	margin:0;
	padding: 0;
	list-style: none;
}
#side ul li
{
	margin:0;
	padding: 0;
	padding-left: 5px;
}
#side ul ul
{
	margin-top: 0;
	padding-top: 0;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 0;
}
#side ul ul li
{
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 1px;
}
/*サイドボックス全体*/
#side .sidebox{
	padding-top:5px;
	padding-bottom:5px;
}

/*検索ボックス*/
.side-search{
	width:183px;
	height:75px;
	background-image:url(images/search-bg.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
.side-search form{
	padding-top:10px;
	margin-left:10px;
}

/*メール相談*/
#sideMailconsulting {}
#sideMailconsulting p {
	margin-top: 10px;
	line-height: 1.6;
}


/*トップページ用*/
#main.pageHome {}

#top-intro{
	clear: both;
	padding-top:10px;
	padding-left: 20px;
	padding-right: 15px;
	padding-bottom: 25px;
}

	#top-intro p {
		float: left;
		width: 355px;
		line-height: 1.7;
	}
	#top-intro img.fright {
		float: right;
	}


#top-news{
	clear: both;
	padding-top:10px;
	padding-left: 7px;
	padding-right: 6px;
	padding-bottom: 25px;
}

#main #top-news h3 {
	margin: 10px 0 0;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #383838;
	font-size: 106%; line-height: 1.5; font-weight: bold;
}
	#main #top-news h3 a {color:#BF2429;}

#top-news dl{
	margin: 0 0 20px 0; padding: 0 10px 0 15px;
}
#top-news dt{
	color:#BF2429;
	font-size: 106%; line-height: 1.5; font-weight: bold;
	text-align: right;
}
	#top-news dt a {color:#BF2429;}

#top-news dd{
	margin: 0 0 0 0; padding: 0 0 0 0;
	line-height: 1.7;
}



/*個別エントリ内*/
.posted {
	clear: both;
	font-size: 90%;
	color: #333333;
	text-align: right;
	line-height: normal;
	margin-bottom: 25px;
}

.techstuff{
	text-align:center;
	padding:5px;
	border:1px dotted #cccccc;
}
.c3{
	margin-left:15px;
}
/*テキスト飾り*/
.pointtext{
	color:#cc3300;
}

.minitext{
	font-size:10px;
	line-height:130%;
}


/*Footer*/
#footer{
	clear: both;
	margin: 0; padding: 15px 0 10px;
	background: #000;
	color: #fff;
	text-align:center;
	font-size: 12px; line-height: 14px;
}
#footer ul{
	margin: 0 0 5px 0; padding: 0 0 0 0;
	list-style-type:none;
}
#footer li{
	display:inline;
}
#footer li a{
	color:#fff;
	text-decoration: none;
}
	#footer li a:link{
		color:#fff;
	}
	#footer li a:visited{
		color:#fff;
	}
	#footer li a:hover{
		color:#CC3300;
	}
#footer .copyright{}


.datatable th{
	vertical-align:top;
	border-bottom:1px dotted #cccccc;
	text-align:left;
}
.datatable td{
	vertical-align:top;
	border-bottom:1px dotted #cccccc;
	text-align:left;
}

.page-navigation{
	margin-top:5px;
	margin-bottom:5px;
	text-align:right;
	border:1px dotted #cccccc;
	background-color:#eeeeee;
}