@charset "shift_jis";
/*================================================================================================

	Reset Browser Style

=================================================================================================*/

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, table, th, td, form, input, textarea, select, option, address, pre, strong, em {
	padding: 0;
	margin: 0 auto;
	font-family: "メイリオ",meiryo,Arial,Helvetica;
	font-size: 14px;
	*font-size:small;
	*font:small;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2;
	text-decoration: none;
	letter-spacing: 0;
	zoom:1;
}
/*kill 'font-size Duplication'
________________________________________*/

td p, td li, td td, td th, td select, td option, td textarea, td h2, td h3, td h4, td h5, td dt, td dd, th p, th li, th td, th th, th select, th option, th textarea, th h2, th h3, th h4, th h5, th dt, th dd, li li, li h3, li h4, li h5, li p, li dt, li dd, li td, li th, li caption, dt p, dt li, dt td, dt th, dt select, dt textarea, dt h2, dt h3, dt h4, dd p, dd li, dd td, dd th, dd select, dd textarea, dd h2, dd h3, dd h4, dd input {
	font-size: inherit;
	font-size: 99%;
	line-height: 1.6em !important;
	line-height: 1.5em;
}
/*Redefinition
________________________________________*/

strong {
	font-weight: bold;
}
th, td {
	vertical-align: top;
}
li {
	list-style: none;
}
blockquote {
	padding: 10px;
	margin: 0px;
	border:#001ca8 1px solid;
	text-align: left;
	background-color: #EFEFEF;
	overflow:hidden;
}
abbr {
	text-decoration:none;
}
/*Clearfix
________________________________________*/

ul:after, dl:after, #header:after, #container:after, .article_header:after, .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html ul, * html dl, * html #header, * html #header_ad, * html #container, * html .article_header, * html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html ul, *:first-child+html dl, *:first-child+html #header, *:first-child+html #header_ad, *:first-child+html #contents, *:first-child+html #container, *:first-child+html .article_header, *:first-child+html .article_footer, *:first-child+html #comment, *:first-child+html #footer, *:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
/*================================================================================================

	Common Link Navigation

=================================================================================================*/

/*Link
________________________________________*/		

a:link {
	color:#000066;
	text-decoration:none;
}
a:visited {
	color:#000066;
	text-decoration:none;
}
a:hover {
	color:#009966;
	text-decoration:underline;
}

/*サイト全体の背景設定*/
body {
	min-width:1050px;
	background: url("http://2shkane.up.seesaa.net/image/body-bg.gif") #FFF repeat-x;

	}

.mt10 {
margin-top:10px;
}
/*Header
________________________________________*/

/*ヘッダー背景ドット＆カラー*/
#header {
    display: block;
    height: 80px;
    padding: 0;
margin-bottom:0px;
    position: relative;

background-color: #FF4F02;
}


#header a{
display: block;
 width: 40%;
height: 100%;
margin: 0 auto 0;
text-decoration:none;
font-size:25px;
padding:10px;
color: #ffffff;

text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
}

.desc {
display:block;
font-size:14px;
color: #ffffff;
width: 40%;
margin: 0 auto 0;
}


.footer_logo {
display: block;
 width: 250px;
height: 105px;
float:left;
text-decoration:none;
font-size:40px;
padding:10px;
color: #2e2c19;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
}

.footer_logo:hover {
text-decoration:none;
}



/*グローバルナビ背景*/
nav.gnav {
background-color: #FF4F02;

border: none;

}

nav.gnav ul {
width:1050px;
margin:0 auto;
}

/*グローバルナビ　リンク*/
nav.gnav li a{
float:left;
width:auto;
padding:0 5px;
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
border: none;
text-decoration: none;
padding: 15px 40px;

background-color: #FF4F02;
}

/*グローバルナビ　リンクマウスオーバー時*/
nav.gnav li a:hover{
color:#FF4F02;
background-color: #ffffff;
}

/*ヘッダー下　RSS枠　カラー*/
.framebox {
height: 150px;
background:#FFDBC9;
border:#FF4F02 3px solid;

overflow-x: hidden;
overflow-y: scroll;
}

.framebox ul.detail li {
float:left;
width:50%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.framebox ul.detail li:first-child {
border-right:solid 1px #FF4F02;

}
.framebox ul.detail li  p{
background-color: #FF4F02;


color:#fff;
text-align:center;
font-size:13px;
border-radius:3px;
margin:10px auto 0;
width:95%;
}


/*Container
________________________________________*/						
#container {
	margin: 0 auto;
	padding: 10px;
	width: 1030px;
        background:#ffffff;
border-left:1px solid #FF4F02;
	border-right:1px solid #FF4F02;
}

/*Side
________________________________________*/	
/*サイドカラム　タイトル背景*/
.sidetitle {
background-color: #FF4F02;
    font-weight: bold;
    padding: 10px;
    width: 226px;
color:#fff;
}

.column .sidetitle{

    border-top: 2px solid #FF4F02;
 border-left: 2px solid #FF4F02;
 border-right: 2px solid #FF4F02;
}


.side,
.syndicate,
.side-tag{
	background: #FFF;
	margin-bottom:10px;
	padding:10px;
}

.

.syndicate{padding:10px;}
#calendar{
	margin-bottom:10px;
    border: 2px solid #FF4F02;
}
#calendar table {
width:247px;
padding:5px;
}

#calendar td {
font-size:12px;
}
.calendarhead {
background-color: #FF4F02;
padding:5px 0;
color:#fff;
font-size:12px;
}
.calendarhead a {
color:#fff;
}
.column .side,
.syndicate,
.side-tag {
	padding:10px;
color:#352339;
    border: 2px solid#FF4F02;
font-size:11px;
}

.column .side a{
margin:0 0 2px 2px;

display:inline-block;
}
.plugin-recent_articles .sidebody, .plugin-monthly .sidebody {
	margin-bottom:5px;
	padding:0 5px;
}

.left, .right {
	width:160px;
}
.plugin-recent_articles .sidebody, .plugin-monthly .sidebody {
	margin-bottom:5px;
	padding:0 5px;
}
.clearfix {
	margin-bottom:10px;
}

/*Footer
________________________________________*/

.link-wrp {
margin-bottom:10px;
}

/*フッター　ドット＆カラー*/
#blog-footer{
margin:0 auto;
background-color: #FF4F02;
padding-top:10px;
}


/*フッター　枠組*/
.footer-box .sidewrapper {
margin-top:10px;
width:515px;
height:400px;
float:left;
border-radius: 0px;
background:#FFF;
border:2px solid #FF4F02;
font-size:16px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}

.footer-box .plugin-recent_articles {
margin:10px 10px 0;
}

/*フッター　枠組　タイトル背景*/
.footer-box .sidetitle {
background-color: #FF4F02;

font-weight: bold;
padding: 10px;
color:#fff;
text-align:center;
font-size:16px;
width:100%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.twitter-share-button{
margin-left:10px;
}

.footer-box img {
margin-right:10px;
}
.footer-box p {
margin-bottom:10px;
color:#ccc;
font-size:12px;
min-height:100px;
}
.footer-bg {
background-color: #FF4F02;
padding:10px 0;
}

.footer-box {
width: 1050px;
margin:0 auto;
}


/*記事内容
________________________________________*/
.column {
float:left;
width:250px;
}
.main {
float:right;
width:770px;
margin:0 0 0 10px;
}

/*記事内　タイトル*/
.blog{
    border: 2px solid #FF4F02;
    font-size: 145%;
position:relative;
margin-bottom:10px;
}
.blog h2{
position:absolute;
top: 0px;
    border-bottom: 1px solid #FF4F02;
    border-left: 5px solid #FF4F02;
    font-size: 145%;
    padding: 12px 12px 12px 8px;

width: 741px;
}
.tag-service,
.tag-title {
border-bottom: 1px solid #FF4F02;
    border-left: 5px solid #FF4F02;
    font-size: 145%;
    padding: 12px 12px 12px 8px;

width: 741px;
}
.date {
position:absolute;
top: 55px;
font-size:12px;
width: 760px;
}
a:hover img{
opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
}

#comments {
border: 2px solid #FF4F02;
}
#comments h3,
.comments-head{
    border-bottom: 1px solid #FF4F02;
    border-left: 5px solid #FF4F02;
    font-size: 145%;
    padding: 12px;
}

.comments-body {
padding:12px;
}
.bookmark {
position:absolute;
top:59px;
right:10px;
}

div.index_article_body a img{
	border-color:#FF4F02;
}

.blog .text {
padding: 100px 10px 10px;
}

.text a {
display:block;
}

.text dt,
.text  dd {
font-size:15px;
line-height:1.4;
}
.text dd{
padding-bottom:50px;
}
.sf{
border-radius:5px;
border:1px solid #FF4F02;
background:#ffffff;
}
.section {
position:relative;
background: #ffffff;
border: 2px solid #FF4F02;
margin-bottom: 8px;
}
.section_comment {
font-size: 182%;
line-height: 20px;
position: absolute;
right: 6px;
text-align: center;
top: 8px;
}
.section_comment a {
 display: table-cell;
        vertical-align: middle;
height: 40px;
width: 80px;
}
element.style {
}

.section_comment span {
color: #333333;
font-size: 12px !important;
font-weight: normal;
}

.section_comment a:link,.section_comment a:visited{text-decoration:none;}

.section_comment a:hover{color:#FF9966;text-decoration:none;}
.date {
background-color: #ffffff;
border-bottom: 1px dashed #FF4F02;
line-height: 22px;
padding: 8px 0 2px 6px;
}
.posted {
border-top: 1px dashed#FF4F02;
line-height: 22px;
padding:12px;
font-size:12px;
}
.info li {
    float: left;
}

.info li:first-child {
    border-right: 1px dashed #FF4F02;
    margin-right: 8px;
    padding-right: 8px;
}

.info_social {
    float: right !important;
}

.article_body {
background-color: #ffffff;
font-size: 126%;
line-height: 1.5;
padding: 12px;
}

#comment-form-body table,
#comment-form-body tbody,
#comment-form-body tr{
display:block;
width:100%;
}
#comment-form-body th {
width:60px;
text-align:left;
}
#comment-form-body td input{
width:250px;
}

#comment-form-body td textarea{
width:500px;
min-height:100px;
margin-top:10px;
}
#comment-form-body td input[type="submit"]{
width:500px;
height:20px;
}
#comment-form dd {
text-align:left;
}
.section h3 {
border-bottom: 1px dashed #FF4F02;
border-left: 5px solid #FF4F02;
font-size: 138.5%;
margin: 20px 0;
padding: 6px;
}

#comment-form tr.input-url,
#comment-form tr.input-email,
#comment-form tr.input-etc,
#comment-form tr.input-facemark {
  display:none
}

#ld_blog_article_comment_entries,
#comment-form-body{
padding:12px;
}
.rssBody ul li {
list-style-type: circle;
list-style-position: inside;
padding: 0 0 0 0px;
}

/*ページャー*/
#pagenav {
    background-color: #FFFFFF;
    border: 2px solid #FF4F02;
    margin: 10px 0;
}

#pagenav .prev {
    border-right: 1px dashed #FF4F02;
    float: left;
    text-align: left;
}

#pagenav .next {
    float: right;
    text-align: right;
}

#pagenav a {
    display: inline-block;
    font-size: 108%;
    padding: 8px;
}


#pagenav .prev a {
    background: url("http://2shkane.up.seesaa.net/image/prev.png") no-repeat scroll 6px center #FFFFFF;
    padding: 26px 10px 26px 26px;
line-height:26px;
    width: 319px !important;
text-decoration:none;
}

#pagenav .next a {
    background: url("http://2shkane.up.seesaa.net/image/next.png") no-repeat scroll 391px center #FFFFFF;
    padding: 26px 26px 26px 10px;
line-height:26px;
    width: 374px !important;
text-decoration:none;
}

#pagenav .next a:hover,
#pagenav .prev a:hover {
background-color:#ffffff;
}



ol.paging-number {
display:inline-block;
}

ul.index-navigator li.paging-number ol.paging-number li.current {
background-color: #FF4F02;
color: #FFFFFF !important;
display: inline-block;
font-weight: normal;
line-height: 28px;
margin: 0 2px;
padding: 3px 10px;
text-decoration: none !important;
vertical-align: top;
border: 1px solid #FF4F02;
}

ol.paging-number li a,
ul.index-navigator .paging-next a,
ul.index-navigator .paging-last a,
ul.index-navigator .paging-first a,
ul.index-navigator .paging-prev a{
border: 1px solid #FF4F02;
background-color: #FFFFFF;
color: #000000 !important;
cursor: pointer;
display: inline-block;
font-weight: normal;
margin: 0 2px;
padding: 3px 10px;
text-decoration: none !important;
}

ul.index-navigator .paging-next a,
ul.index-navigator .paging-prev a,
ul.index-navigator .paging-last a,
ul.index-navigator .paging-first a{
padding:6px 10px;
}

ul.index-navigator .paging-prev a,
ol.paging-number li a:hover,
ul.index-navigator .paging-next a:hover,
ul.index-navigator .paging-last a:hover,
ul.index-navigator .paging-first a:hover,
ul.index-navigator .paging-prev a:hover{
background-color: #ffffff;
}

.main .catename {
width:100%;
height:60px;
line-height:60px;
text-indent:20px;
margin-bottom:5px;
background-color:#FF4F02;
border:#001ca8 1px solid;
font-size:20px;
color:#FFF;
}

.fix_ad_c {
padding:10px;
}

.wrpcenter {
margin-left:10px;
margin-right:10px;
}
.info_category a+a{
border-left:1px solid #FF4F02;
}

.info_category a {
padding:0 5px;
}

.info_category{
width:298px;
font-size:12px;
}

.info_time {
font-size:12px;
}

/*記事内画像装飾*/
a .pict {
padding:3px;
border:1px solid #FF4F02;
background:#CCC;
}

a:hover .pict {
padding:3px;
border:1px solid #FF4F02;
background:#E3CCE1;
}


/* ----------------------------------------------- */
/*

      BlogRoll css 2

*/
/* ----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    margin-bottom: 15px;
    padding: 10px;

}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.framebox ul.detail li .blogroll-list-wrap li {
display:block;
position:relative;
float:none;
width:100%;
border-right:none;
}

.framebox ul.detail li blogroll-list-wrap li::after {
display:block;
position:absolute;
content:"?";
color:red;
top:3px;
left:-10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}



/*各WEBサービス*/
.aboutme a {
display:inline-block;
width:48px;
height:48px;
text-indent:58px;
line-height:48px;
font-weight:bold;
}

/*各WEBサービスアイコン画像*/
.about a {
background:url(http://2shkane.up.seesaa.net/image/about.png) no-repeat;
}
.twitter a {
background:url(http://2shkane.up.seesaa.net/image/twitter.png) no-repeat;
}
.facebook a {
background:url(http://2shkane.up.seesaa.net/image/facebook.png) no-repeat;
}
.mail a {
background:url(http://2shkane.up.seesaa.net/image/mail.png) no-repeat;
}
.skype a {
background:url(http://2shkane.up.seesaa.net/image/skype.png) no-repeat;
}
.rss a {
background:url(http://2shkane.up.seesaa.net/image/rss.png) no-repeat;
}

/*ページトップへ*/
.to-pagetop {
position: fixed;
right:0px;
top:150px;
}


.input-submit {
display:inline-block;
margin:10px 0;
}

.tag-more,
.tag-search {
text-align:right;
padding:12px;
}
.tag {
border:#b08a4f 3px solid;
}
.tag-article {
padding:12px 12px 0;
}
.tag-article-title {
font-weight:bold;
}

#tag_cloud {
width:95%;
margin: 0 auto;
padding:12px;
background:#b08a4f;
color:#fff;
border-radius:8px;
border:#3f3b21 1px solid;
}
#tag_cloud a {
color:#fff;
}
.tag-word{
font-size:12px;
padding:12px;
}

.tag-word a,
.listCategoryArticle a {
display:inline-block;
}

.listCategoryArticle {
width:95%;
margin: 0 auto;
padding:12px;
background:#ffffff;
border-radius:8px;
border:#001ca8 1px solid;
}

.listCategoryArticle  li {
padding-left:20px;
}
.listCategoryArticle  li a{
position:relative;
}
.listCategoryArticle  li  a:after{
content: "・";
position: absolute;
top: 2px;
left: -10px;
color: #000;
font-size: 9px;
}

.navi {
text-align:center;
font-size:12px;
text-decoration:undeerline;
}


/*続きをみるボタン*/
.morebtn a {
display:block;
height:30px;
line-height:30px;
margin:10px 0;
background:#565029;
border:#001ca8 1px solid;
border-radius:6px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
}
/*続きをみるボタン　マウスオーバー*/
.morebtn a:hover {
background:#FFFFFF;
color:#565029;
}

.tag-navi {
text-align:center;
}
.tag-navi {
text-align:center;
}

/* サイドフローティング　*/
#floating-sideA {
background-color:#397AC4;
position: fixed;
bottom: 10px; 
}


#floating-sideB {
margin: 4px;
background-color:#397AC4;
position: fixed;
bottom: 10px;
right:0px