@charset "UTF-8";

/* ************************************************ 
 * 
 * ▼カラー変更
 * 
 * ************************************************ */

/* 全体背景 */
body {
	background: #666;
}

/* タイトル部分 */
.blog-title-outer {
	border-top1:1px solid #423524;
	border-bottom:1px solid #C0AF83;
	text-align: left;
	background: -moz-linear-gradient(top,#3F3F3F 0%,#222222 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3F3F3F),color-stop(100%,#222222));
	background: -webkit-linear-gradient(top,#3F3F3F 0%,#222222 100%);
	background: -o-linear-gradient(top,#3F3F3F 0%,#222222 100%);
	background: -ms-linear-gradient(top,#3F3F3F 0%,#222222 100%);
	background: linear-gradient(top,#3F3F3F 0%,#222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F3F3F',endColorstr='#222222');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F3F3F',endColorstr='#222222')";
	border-bottom: 1px solid #555;
}

/* サイドバー背景 */
.side {
	background: #555;
}

/* サイドバー最初のタイトル部分 */
.sidetitlebody_first {
	background: #066ECD;
	background: -moz-linear-gradient(top,#A8CCEC 0%,#4993D7 2%,#066ECD 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#A8CCEC),color-stop(2%,#4993D7),color-stop(100%,#066ECD));
	background: -webkit-linear-gradient(top,#A8CCEC 0%,#4993D7 2%,#066ECD 100%);
	background: -o-linear-gradient(top,#A8CCEC 0%,#4993D7 2%,#066ECD 100%);
	background: -ms-linear-gradient(top,#A8CCEC 0%,#4993D7 2%,#066ECD 100%);
	background: linear-gradient(top,#A8CCEC 0%,#4993D7 2%,#066ECD 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7',endColorstr='#066ECD');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7',endColorstr='#066ECD')";
}

/* サイドバー最初以外のタイトル部分 */
.sidetitlebody {
	background: #666;
}

/* フッター部分 */
div.footer-outer {
	background:#222;
}


/* ************************************************ 
 * 
 * ▼共通設定
 * 
 * ************************************************ */
 
 
* {
	word-break: break-all;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height1:130%;
	margin1:0px;
	padding1:0px;
}

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,b,i {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	margin:0 auto;
	padding:0px;
	color: #333333;
	font-size:100%;
	font: 12px/1.7em "trebuchet ms",arial,sans-serif;
}

textarea {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

a img {
	border:none;
}

img {
	border:none;
}

ul {
	list-style-type:none;
}

ol {
	list-style-type:none;
}

table {
	border-collapse:collapse;
}

.clear {
	width:100%;
	display:block;
	float:none;
	clear:both;
}

/* ---フォント --- */

h1 {
	font-weight:normal;
	border-bottom1:1px dotted #ccc;
	font-size:10px;
	padding:0px 0px;
	text-align:left;
	margin:0px 0px 0px 0px;
}

h2 {
	font-size:12pt;
}

h3 {
	color:#423524;
	font-size:11pt;
}

a {
	text-decoration: none;
}

a:hover {
	color:#423524;
	text-decoration: underline;
}

/* ---フォーム --- */
input, textarea, select {
	font-family: Verdana,'Helvetica Neue',Helvetica,Arial,Geneva,sans-serif;
	font-size: 13px;
	color: #424242;
	padding: 3px 6px;
	border: 1px solid #CCC;
	outline: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.15) inset;
	-moz-transition: border .2s linear,box-shadow .2s linear;
	-webkit-transition: border .2s linear,-webkit-box-shadow .2s linear;
}


/* ************************************************ 
 * 
 *	▼レイアウトの設定（ LAYOUT ）
 * 
 * ************************************************ */

#containerWrap {
	margin:0px auto;
}

#container {
	min-height: 1200px;
}

#content {
	width: 100%;
	padding: 0 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}

#content:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}

#main {
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 310px;
	padding-right: 15px;
	z-index: 98;

}

.main_column {
	background: #FFF;
	position: relative;
	padding: 2em;
	padding-left: 1.5%;
	padding-right: 1.5%;
}

.main_title_outer {
	position: absolute;
	top: -70px;
	height: 70px;
	left: 0;
	background: -moz-linear-gradient(top,#FFFFFF 0%,#EEEEEE 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF),color-stop(100%,#EEEEEE));
	background: -webkit-linear-gradient(top,#FFFFFF 0%,#EEEEEE 100%);
	background: -o-linear-gradient(top,#FFFFFF 0%,#EEEEEE 100%);
	background: -ms-linear-gradient(top,#FFFFFF 0%,#EEEEEE 100%);
	background: linear-gradient(top,#FFFFFF 0%,#EEEEEE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EEEEEE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EEEEEE')";
	width: 100%;
	border-bottom: 1px solid #CCC;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.main_title {
	line-height: 2;
	font-size: 24px;
	font-weight: normal;
	color: #333;
	position: relative;
	top: 14px;
	left: 15px;
	width: 95%;
	word-wrap: normal; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow:	ellipsis;
	-webkit-text-overflow: ellipsis;
	text-shadow: 1px 1px 2px rgba(255,255,255,.5);
}

#sub {
	margin:0px 0px 0px 0px;
	border-top1:1px solid #000;
	overflow: hidden;
	display: inline;
	width: 310px;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.site-width {
	width: 100%;
	padding: 25px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* ************************************************ 
 * 
 *	▼ヘッダーの設定（ HEADER ）
 * 
 * ************************************************ */

#blog-title a {
	color:#fff;
	font-size: 18px;
}

#blog-description {
	color: #AAA;
	font-size: 10px;
	margin-top: 10px;
	line-height: 1.5;
}

/* ************************************************ 
 * 
 *	▼ヘッダー検索フォームの設定
 * 
 * ************************************************ */

#blog-header02 {
	zoom:100%;
	background: -moz-linear-gradient(top,#464646 0%,#363636 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#464646),color-stop(100%,#363636));
	background: -webkit-linear-gradient(top,#464646 0%,#363636 100%);
	background: -o-linear-gradient(top,#464646 0%,#363636 100%);
	background: -ms-linear-gradient(top,#464646 0%,#363636 100%);
	background: linear-gradient(top,#464646 0%,#363636 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646',endColorstr='#363636');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646',endColorstr='#363636')";
	border-top: 1px solid #242424;
	border-bottom: 1px solid #282828;
}

.header-sarch {
	width: 310px;
	height: 55px;
   text-align: center;
}

.header-sarch input.sf {
	border: 1px solid #aaa;
	height: 20px;
	line-height: 18px;
	outline: 0;
}

.header-sarch input.sf {
	background: #626262;
	width: 215px;
	padding: 6px 30px 6px 30px;
	border: 1px solid #363636;
	position: relative;
	top: 10px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	color: #EFEFEF;
}

.header-sarch input.sfbtn {
	display: none;
}

/* ************************************************ 
 * 
 *	▼ PAGERの設定（ PAGER ）
 * 
 * ************************************************ */

ul.index-navigator {
	margin: 10px 0;
}

ul.index-navigator li a {
	color: #FFF;
	font-size: 12px;
}

ul.index-navigator li span {
	color: #999;
}




/* ************************************************ 
 * 
 *	▼ メイン部分の設定（ MAIN ）
 * 
 * ************************************************ */

.archives_list_content {
	max-height: 1000px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.sbm {
	display: none;
}

.archives_wrap {
	width: auto;
	margin-bottom: 2em;
	border: 1px solid #D5D5D5;
	border-radius: 4px;
	position: relative;
	clear: both;
	overflow: hidden;
}

.archives_list_table {
	font-size: 12px;
	width: 100%;
	border: 0;
	margin-bottom: 1em;
	border-collapse: collapse;
	margin-bottom: 0;
	border-top: none;
	border-left: none;
}

.archives_list_table a {
	color: #333;
	font-size: 12px;
}

.archives_list_table thead tr {
	background: #EEE;
	background: -moz-linear-gradient(top,#FFFFFF 0%,#EEEEEE 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF),color-stop(100%,#EEEEEE));
	background: -webkit-linear-gradient(top,#FFFFFF 0%,#EEEEEE 100%);
	background: -o-linear-gradient(top,#FFFFFF 0%,#EEEEEE 100%);
	background: -ms-linear-gradient(top,#FFFFFF 0%,#EEEEEE 100%);
	background: linear-gradient(top,#FFFFFF 0%,#EEEEEE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EEEEEE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFF',endColorstr='#EEEEEE')";
}

.archives_list_table th {
	font-weight: bold;
	text-align: left;
	color: #333;
	padding: 10px 10px;
	border-bottom: 1px solid #E3E3E3;
	border-top: none;
	border-left: none;
	font-size: 13px;
	font-weight: bold;
}

.archives_list_table th:nth-child(1) {
	width: 40px;
}

.archives_list_table th:nth-child(3) {
	width: 120px;
}

.archives_list_table tr td {
	border-bottom: 1px solid #E3E3E3;
	  padding: 8px 10px;
}

.archives_list_table tr td:nth-child(2),.archives_list_table tr td:nth-child(3) {
	padding: 0 !important;
	border-left: none !important;
	border-right: none !important;
}

.archives_list_table tr td:nth-child(2) div {
	height: 36px;
	margin: 0;
}

.archives_list_table tr td div {
	overflow: hidden;
}

.archives_list_table tr td:nth-child(2) a,.archives_list_table tr td:nth-child(3) a {
	display: block;
	line-height: 36px;
	padding-left: 10px;
}

.archives_list_table tr td:nth-child(3) div {
	width: 140px;
	height: 36px;
	margin: 0;
}

.archives_list_table tbody tr:nth-child(even) {background-color:#FFF;}
.archives_list_table tbody tr:nth-child(odd) {background-color:#F6F6F6;}

.archives_list_table tbody tr:hover {
	background: #fffbe6;
}


/* ----------------------------------------------- */
/** 記事フッター */

div.article-footer {
	display: none;
}


/* ************************************************ 
 * 
 *	▼ サイドバー部分の設定（ SIDEBAR ）
 * 
 * ************************************************ */

.message-box {
	padding: 0 10px 5px 10px;
}

.message-box form dl dt {
	color: #AAA;
}

.sidebottom {
	display: none;
}

.sidetitlebody_first {
	width: 100%;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	display: inline-block;
	padding: 11px 16px 11px 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow: 1px 1px 2px rgba(0,0,0,.7);
	border-top: none;
}

.sidetitlebody {
   width: 100%;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	display: inline-block;
	padding: 11px 16px 11px 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow: 1px 1px 2px rgba(0,0,0,.7);
	border-top: 1px solid #858585;
	border-bottom: 1px solid #4A4A4A;
}

.side {
	width: 310px;
	padding-top: 1em;
	padding-bottom: .75em;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: none;
	-moz-box-shadow: inset 0 0 3px #333;
	-webkit-box-shadow: inset 0 0 3px #333;
	box-shadow: inset 0 0 3px #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

div.related-articles ul li,
.sidebody {
	background: none;
	list-style-type: none;
	padding: 0 10px 0 0;
	margin: 0;
}


div.related-articles ul li a,
.sidebody a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	width: 300px;
	font-size: 12px;
	padding: 6px 15px 6px 30px;
	text-shadow: 1px 1px 2px rgba(0,0,0,.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: normal; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow:	ellipsis;
	-webkit-text-overflow: ellipsis;
}

div.related-articles ul li a:before,
.sidebody a:before {
	content: "\f0da";
	font-family: FontAwesome;
	color: #8e8e8e;
	margin-right: 12px;
	font-size: 11px;
}



.sidetitlebody_first .sidetitle:before {
	content: "\f00c";
	font-family: FontAwesome;
	color: #164D7F;
	margin-right: 10px;
	text-shadow: none;
	font-size: 16px;
}

.sidetitle:before {
	content: "\f005";
	font-family: FontAwesome;
	margin-right: 10px;
	color: #383838;
	text-shadow: none;
	font-size: 16px;
}

.sidetitle_br,
.sidetitle_entryblog,
.sidetitle_rss {
	position:relative;
	cursor: pointer;
}

.sidetitle_rss:before {
	content: "\f09e";
	font-family: FontAwesome;
	margin-right: 10px;
	color: #383838;
	text-shadow: none;
	font-size: 16px;
}

.sidetitle_entryblog:before {
	content: "\f1c0";
	font-family: FontAwesome;
	margin-right: 10px;
	color: #383838;
	text-shadow: none;
	font-size: 16px;
}

.sidetitle_br:before {
	content: "\f080";
	font-family: FontAwesome;
	margin-right: 10px;
	color: #383838;
	text-shadow: none;
	font-size: 16px;
}

.sidetitle_br .dropdownArrow,
.sidetitle_entryblog .dropdownArrow,
.sidetitle_rss .dropdownArrow {
	width: 0;
	height: 0;
	display: inline-block;
	position: absolute;
	top: 6px;
	right: 9px;
	color: #383838;
	text-shadow: none;
}

ul.galleryThumbnail {
	padding: 0 10px;
}

/* カレンダー非表示 */
div.caltop,
div.calbody,
div.calbottom,
div.calendarheadbody {
	display: none;
}


/* ************************************************ 
 * 
 *	▼ フッター部分の設定（ FOOTER ）
 * 
 * ************************************************ */
 
div.footer-outer {
	color:#fff;
	font-size: 9pt;
	text-align:center;
	clear:both;
	float:none;
	padding: 20px;
}

div#footer {
	color:#fff;
	font-size: 9pt;
}

div#footer p {
	padding1:5px;
	color:#fff;
	font-size: 9pt;
}

div#footer p a {
	color:#fff;
	font-size: 9pt;
}

div.footer-outer p.cr {
	padding:4px;
	color:#fff;
	font-size:10px;
}

div.footer-outer p.cr a {
	color:#fff;
	font-size:10px;
}

/* ************************************************ 
 * 
 *	▼ その他の設定
 * 
 * ************************************************ */

/* =============================================== */
/** 01. Customize - 色と文字サイズの設定 */
/* ----------------------------------------------- */

ul.ping-info li.ping-date,
ul.comment-info li.comment-date,
a.adld,
p.adsbybecome a {
	color: #999999;
}

div.archives-title-outer,
div.calendarheadbody div.calendarhead,
div.article-body blockquote,
div.article-body pre {
	border:1px solid #ccc;
	background:#fff;
}

div.private-mode-announcement,
div.comment-auth-announcement {
	border-color: #d0e5f5;
}

div.article-body-inner h3,{
	border-color: #4182b5;
}

div.message-board {
	border-color: #e4f3ff;
}

/* =============================================== */
/**  SubTitle - アーカイブタイトルの設定 */
/* ----------------------------------------------- */

div.archives-title-outer {
	margin-bottom: 5px;
	padding: 1px;
}

h2.archives-title {
	background:#f6f6f6;
	margin: 0;
	padding: 2px;
	text-align: center;
	font-size: 9pt;
	font-weight: normal;}
/* ----------------------------------------------- */
/** ArchivesPager カテゴリ別、月別 */

ul.archives-pager {
	padding: 5px 0 0;
	list-style-type: none;
	font-size: 90%;
}

ul.archives-pager li {
	padding: 2px 5px;
}

ul.archives-pager li a {
	padding: 0 5px;
}

ul.archives-pager li.both {
	border-left: 1px solid #575e69;
}


/* ----------------------------------------------- */
/** Message Board - インフォメーション */

div.message-board-outer {
	margin-bottom: 10px;
}

div.message-board {
	padding:0px 0px;
	text-align: left;
}

/* ----------------------------------------------- */
/** 関連記事 */

div.related-articles h3 {
	display: none;
}


/* ----------------------------------------------- */
/** ブログサービス名表記 */

ul#ld-services {
	display: none;
}

div#header2 {
	display: none;
}

/* ----------------------------------------------- */
/** ブログランキングCSS強制変更 */

.blogranking_footer,
.blogranking_head {
	display: none !important;
}
.ar_blog_ranking_wrap {
	padding: 0 10px;
	width: 100%;
	color: #FFF;
	font-size: 11px !important;
	margin-bottom: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.ar_blog_ranking_tbl tr td:nth-child(1), .ar_blog_ranking_tbl tr td:nth-child(3) {
	display: none !important;
}

.ar_blog_ranking_tbl tr td a {
	color: #FFF;
	font-size: 10px !important;
	display: block;
	width: 280px;
	text-shadow: 1px 1px 2px rgba(0,0,0,.7);
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

div.ar_blog_ranking_wrap table.ar_blog_ranking_tbl tr {
	background: transparent !important;
}
div.ar_blog_ranking_wrap table.ar_blog_ranking_tbl td {
	border: 1px solid #666 !important;
}

/* ----------------------------------------------- */
/** パンくずリスト */

div#breadcrump:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}


#breadcrump {
	margin-bottom: 5px;
}

#breadcrump ol li {
	float: left;
	line-height:110%; 
	list-style-type:none;
}

#breadcrump ol li a {
	color: #333333;
	margin-right:5px; 
	padding-right:15px; 

	background:url(http://autoruns.blog.jp/files/pankuzu_icon.png) no-repeat right center;
}

#breadcrumb ol li a:hover {
	color:#40c0f0;
	text-decoration:none;
}