/*

Theme Name:mitchin05
Author: mitchin
Version: 1.0.0

	  
	  
	TABLE OF CONTENTS
	==================================================
		1 - BASE STYLES	
			#Reset & Basics
			#Basic Styles
			#Site Styles
			#Typography
			#Links
			#Lists
			#Images
			#Buttons
			#Forms
			#Misc 
			
		2 - BASE RESPONSIVE 
			#Base 960 Grid
			#Tablet (Portrait)
			#Mobile (Portrait)
			#Mobile (Landscape)
			#Clearing 
			
		3 - TWITTER GLYPHICONS & SOCIAL ICONS
		4 - TABS
		5 - FLEXSLIDER
		6 - WIDGETS
		7 - REALPERSON (CAPTCHA STYLES)
		8 - SITE LAYOUT	
			#Site Styles
			#Media Queries 

*/
@font-face {
	font-family: 'Tenderness';
	src: url('font/Tenderness-webfont.eot');
	src: url('font/Tenderness-webfont.eot?#iefix') format('embedded-opentype'),
		url('font/Tenderness-webfont.woff') format('woff'),
		url('font/Tenderness-webfont.ttf') format('truetype'),
		url('font/Tenderness-webfont.svg') format('svg');
}
@font-face {
  font-family: "myFont";
  src: url("font/ArmedLemon.eot") format('eot'),
       url("font/ArmedLemon.woff") format('woff'),
       url("font/ArmedLemon.TTF")  format('truetype');
}

@font-face {
    font-family: 'KaushanScriptRegular';
    src: url('font/KaushanScript-Regular-webfont.eot');
    src: url('font/KaushanScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/KaushanScript-Regular-webfont.woff') format('woff'),
         url('font/KaushanScript-Regular-webfont.ttf') format('truetype'),
         url('font/KaushanScript-Regular-webfont.svg#KaushanScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*IE*/
@font-face {
font-family: 'mplus-1p-light';
src: url("font/mplus-1p-light.eot");
}
@font-face {
font-family: 'mplus-1p-regular';
src: url("font/mplus-1p-regular.eot");
}
@font-face {
font-family: 'NotoSansCJKjp-Thin';
src: url("font/NotoSansCJKjp-Thin.otf");
}
@font-face {
font-family: 'NotoSansCJKjp-Regular';
src: url("font/NotoSansCJKjp-Regular.otf");
}
@font-face {
font-family: 'NotoSansCJKjp-Light';
src: url("font/NotoSansCJKjp-Light.otf");
}
/* Firefox, Opera, Safari */
@font-face {
font-family: 'mplus-1p-light';
src:url("font/mplus-1p-light.ttf") format("truetype")
}
@font-face {
font-family: 'mplus-1p-regular';
src:url("font/mplus-1p-regular.ttf") format("truetype")
}
@font-face {
font-family: 'NotoSansCJKjp-Thin';
src:url("font/NotoSansCJKjp-Thin.otf") format("opentype")
}
@font-face {
font-family: 'NotoSansCJKjp-Regular';
src:url("font/NotoSansCJKjp-Regular.otf") format("opentype")
}
@font-face {
font-family: 'NotoSansCJKjp-Light';
src:url("font/NotoSansCJKjp-Light.otf") format("opentype")
}
/*===================================================================================================== 
	1 - BASE STYLES
======================================================================================================= */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1.0em; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none;
		}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
	::selection- {
		background: #f9f9f9; /* Safari */
	}
	::-moz-selection- {
		background: #f9f9f9; /* Safari */
	}

/* #Basic Styles
================================================== */
	body {
		background: #faf8f4 url(images/bgpatterns/paper-bg-02.png)!important;
		font: 14px/22px 'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
		color: #666;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1 {
		font-family: 'Tenderness', sans-serif!important;
		color: #000;
		font-weight: normal; 
		text-shadow:0 0px 0 #333;
		}
	h2, h3, h4, h5, h6 {
		font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif!important;
		color: #666;
		font-weight: normal; 
		text-shadow:0 0px 0 #333;
		}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color:inherit }
	h1 { font-size: 30px; line-height: 50px; margin-bottom: 14px; letter-spacing:-0.04em; }

	h1.biggest { font-size: 30px; line-height:44px; margin:15px 0px 15px 0px; font-weight:lighter; letter-spacing:-0.02em; }
	h2 { font-size: 21px; line-height: 35px; margin:0px 0px 0px 0px; }
	h3 { font-size: 21px; line-height: 29px; }
	h4 { font-size: 21px; line-height: 26px; }
	h5 { font-size: 18px; line-height: 23px; }
	h6 { font-size: 12px; line-height: 21px; margin:5px 0 0 0 }
	.subheader { color: #777; }

	p { margin: 5px 10px 20px 0px; line-height:1.7em; }
	p.featured { }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 14px; font-style:italic; line-height: 24px; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 1px 25px; margin-left:25px; border-left: 2px solid #bbb; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { 
		 border: solid #bbb; 
	     border-width: 1px 0 0; 
		 clear: both; 
		 margin: 30px 0 30px 0; 
		 height: 0; 
	    }
	hr.headertop {
		margin:30px 0 30px 0;
	}
	hr.headerbottom {
		margin:20px 0 0px 0;
	}
	hr.footer { 
		margin:20px 0 20px 0; 
		}
	hr.square { 
		 background:url(images/squares.png); 
		 clear: both; 
		 margin: 20px 0 0px 0; 
		 height: 5px;
	    }
/* #Links
================================================== */
	a {
		text-decoration: none; 
		outline: 0; 
		-webkit-transition: color 0.3s linear;
        -moz-transition: color 0.3s linear;
        -ms-transition: color 0.3s linear;
        -o-transition: color 0.3s linear;
        transition: color 0.3s linear;
		}
	a:hover, a:focus { }
	p a, p a:visited { line-height: inherit; }

	.thecontent a,.title a {
	color: #62b8c9 !important;/*#72b9a7,#419CA6,#83C1B2*/
	}
/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; margin-top:20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul, ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }
	img {
		max-width: 100%;
		height: auto !important;
			backface-visibility: hidden !important;
	-webkit-backface-visibility: hidden !important;
	}

/* #Buttons
================================================== */
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.1) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.1))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.1) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 12px;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 15px;
	  text-transform:uppercase;
	 }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 14px 12px;
		outline: none;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		margin-bottom: 20px;
		background: #fff;
		-webkit-transition: background-color .2s ease, border-color .2s ease;
		-moz-transition: background-color 2s ease, border-color .2s ease;
		-o-transition: background-color 2s ease, border-color .2s ease;
		-ms-transition: background-color 2s ease, border-color .2s ease;
		transition: background-color .2s ease, border-color .2s ease;
	}
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
		background-color:#fff;
 		color: #444;
 		-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
		box-shadow:  0 0 5px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-size: 13px; 
		margin-bottom:3px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
	
	input.tiny { 
		width: 50px;
	}	
	input.small { 
		width: 100px;
	}
	input.medium { 
		width: 150px;
	}
	input.large { 
		width: 210px;
	}

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.pull-right { float:right }
	.align-right { text-align:right }






/*===================================================================================================== 
	2 - BASE RESPONSIVE
======================================================================================================= */

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width:936px; margin: 0 auto; padding:0;  }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 0px; margin-right: 0px; padding:0px;}
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }
    .container .fifteensp.columns               { width: 880px; }

    .container .one-third.column                { width: 336px;margin-top:30px;}
    .container .two-thirds.column               { width: 600px; padding-right:0px;overflow:hidden;margin-top:30px;}

    /* Offsets */
    .container .offset-by-half                  { padding-left: 30px;  }
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
	.hidden {
	  display:none	
	}



/*===================================================================================================== 
	3 - TWITTER GLYPHICONS & SOCIAL ICONS
======================================================================================================= */


	
	[class^="icon-"],
	[class*=" icon-"] {
	  display: inline-block;
	  width: 14px;
	  height: 14px;
	  margin-top: 1px;
	  *margin-right: .3em;
	  line-height: 14px;
	  vertical-align: text-top;
	  background-image: url("images/glyphicons-halflings.png");
	  background-position: 14px 14px;
	  background-repeat: no-repeat;
	}
	
	
	[class^="social-"] {
	  display: inline-block;
	  width: 24px;
	  height: 24px;
	  margin-top: 1px;
	  margin-right: 3px;
	  line-height: 24px;
	  vertical-align: text-top;
	  background-image: url("images/social.png");
	  background-position: 24px 24px;
	  background-repeat: no-repeat;
	}
	
	/* White icons with optional class, or on hover/active states of certain elements */
	
	.icon-white {
	  background-image: url("images/glyphicons-halflings-white.png");
	}
	
	.social-facebook {
	  background-position: 100px 0;
	}
	.social-facebook:hover {
	  background-position: 0px -28px;
	}
	.social-twitter {
	  background-position: -32px 0;
	}
	.social-twitter:hover {
	  background-position: -32px -28px;
	}
	.social-tumblr {
	  background-position: -64px 0;
	}
	.social-tumblr:hover {
	  background-position: -64px -28px;
	}
	.social-flickr {
	  background-position: -96px 0;
	}
	.social-flickr:hover {
	  background-position: -96px -28px;
	}
	.social-pinterest {
	  background-position: -128px 0;
	}
	.social-pinterest:hover {
	  background-position: -128px -28px;
	}
	.social-vimeo {
	  background-position: -160px 0;
	}
	.social-vimeo:hover {
	  background-position: -160px -28px;
	}
	.social-google {
	  background-position: -192px 0;
	}
	.social-google:hover {
	  background-position: -192px -28px;
	}
	.social-linkedin {
	  background-position: -224px 0;
	}
	.social-linkedin:hover {
	  background-position: -224px -28px;
	}
	.social-behance {
	  background-position: -256px 0;
	}
	.social-behance:hover {
	  background-position: -256px -28px;
	}
	.social-dribbble {
	  background-position: -288px 0;
	}
	.social-dribbble:hover {
	  background-position: -288px -28px;
	}
	
	i.menu-icon { 
	  background:url(images/menu.png) no-repeat; width:18px; height:18px; display: inline-block;
	}
	.menu-remove {
	  width:18px; height:18px;
	  background: url("images/glyphicons-halflings.png") -310px 3px no-repeat;
	  display: inline-block;
	  line-height: 24px;
	}

	.icon-glass {
	  background-position: 0      0;
	}
	.icon-music {
	  background-position: -24px 0;
	}
	.icon-search {
	  background-position: -48px 0;
	}
	.icon-envelope {
	  background-position: -72px 0;
	}
	.icon-heart {
	  background-position: -96px 0;
	}
	.icon-star {
	  background-position: -120px 0;
	}
	.icon-star-empty {
	  background-position: -144px 0;
	}
	.icon-user {
	  background-position: -168px 0;
	}
	.icon-film {
	  background-position: -192px 0;
	}
	.icon-th-large {
	  background-position: -216px 0;
	}
	.icon-th {
	  background-position: -240px 0;
	}
	.icon-th-list {
	  background-position: -264px 0;
	}
	.icon-ok {
	  background-position: -288px 0;
	}
	.icon-remove {
	  background-position: -312px 0;
	}
	.icon-zoom-in {
	  background-position: -336px 0;
	}
	.icon-zoom-out {
	  background-position: -360px 0;
	}
	.icon-off {
	  background-position: -384px 0;
	}
	.icon-signal {
	  background-position: -408px 0;
	}
	.icon-cog {
	  background-position: -432px 0;
	}
	.icon-trash {
	  background-position: -456px 0;
	}
	.icon-home {
	  background-position: 0 -24px;
	}
	.icon-file {
	  background-position: -24px -24px;
	}
	.icon-time {
	  background-position: -48px -24px;
	}
	.icon-road {
	  background-position: -72px -24px;
	}
	.icon-download-alt {
	  background-position: -96px -24px;
	}
	.icon-download {
	  background-position: -120px -24px;
	}
	.icon-upload {
	  background-position: -144px -24px;
	}
	.icon-inbox {
	  background-position: -168px -24px;
	}
	.icon-play-circle {
	  background-position: -192px -24px;
	}
	.icon-repeat {
	  background-position: -216px -24px;
	}
	.icon-refresh {
	  background-position: -240px -24px;
	}
	.icon-list-alt {
	  background-position: -264px -24px;
	}
	.icon-lock {
	  background-position: -287px -24px;
	}
	.icon-flag {
	  background-position: -312px -24px;
	}
	.icon-headphones {
	  background-position: -336px -24px;
	}
	.icon-volume-off {
	  background-position: -360px -24px;
	}
	.icon-volume-down {
	  background-position: -384px -24px;
	}
	.icon-volume-up {
	  background-position: -408px -24px;
	}
	.icon-qrcode {
	  background-position: -432px -24px;
	}
	.icon-barcode {
	  background-position: -456px -24px;
	}
	.icon-tag {
	  background-position: 0 -48px;
	}
	.icon-tags {
	  background-position: -25px -48px;
	}
	.icon-book {
	  background-position: -48px -48px;
	}
	.icon-bookmark {
	  background-position: -72px -48px;
	}
	.icon-print {
	  background-position: -96px -48px;
	}
	.icon-camera {
	  background-position: -120px -48px;
	}
	.icon-font {
	  background-position: -144px -48px;
	}
	.icon-bold {
	  background-position: -167px -48px;
	}
	.icon-italic {
	  background-position: -192px -48px;
	}
	.icon-text-height {
	  background-position: -216px -48px;
	}
	.icon-text-width {
	  background-position: -240px -48px;
	}
	.icon-align-left {
	  background-position: -264px -48px;
	}
	.icon-align-center {
	  background-position: -288px -48px;
	}
	.icon-align-right {
	  background-position: -312px -48px;
	}
	.icon-align-justify {
	  background-position: -336px -48px;
	}
	.icon-list {
	  background-position: -360px -48px;
	}
	.icon-indent-left {
	  background-position: -384px -48px;
	}
	.icon-indent-right {
	  background-position: -408px -48px;
	}
	.icon-facetime-video {
	  background-position: -432px -48px;
	}
	.icon-picture {
	  background-position: -456px -48px;
	}
	.icon-pencil {
	  background-position: 0 -72px;
	}
	.icon-map-marker {
	  background-position: -24px -72px;
	}
	.icon-adjust {
	  background-position: -48px -72px;
	}
	.icon-tint {
	  background-position: -72px -72px;
	}
	.icon-edit {
	  background-position: -96px -72px;
	}
	.icon-share {
	  background-position: -120px -72px;
	}
	.icon-check {
	  background-position: -144px -72px;
	}
	.icon-move {
	  background-position: -168px -72px;
	}
	.icon-step-backward {
	  background-position: -192px -72px;
	}
	.icon-fast-backward {
	  background-position: -216px -72px;
	}
	.icon-backward {
	  background-position: -240px -72px;
	}
	.icon-play {
	  background-position: -264px -72px;
	}
	.icon-pause {
	  background-position: -288px -72px;
	}
	.icon-stop {
	  background-position: -312px -72px;
	}
	.icon-forward {
	  background-position: -336px -72px;
	}
	.icon-fast-forward {
	  background-position: -360px -72px;
	}
	.icon-step-forward {
	  background-position: -384px -72px;
	}
	.icon-eject {
	  background-position: -408px -72px;
	}
	.icon-chevron-left {
	  background-position: -432px -72px;
	}
	.icon-chevron-right {
	  background-position: -456px -72px;
	}
	.icon-plus-sign {
	  background-position: 0 -96px;
	}
	.icon-minus-sign {
	  background-position: -24px -96px;
	}
	.icon-remove-sign {
	  background-position: -48px -96px;
	}
	.icon-ok-sign {
	  background-position: -72px -96px;
	}
	.icon-question-sign {
	  background-position: -96px -96px;
	}
	.icon-info-sign {
	  background-position: -120px -96px;
	}
	.icon-screenshot {
	  background-position: -144px -96px;
	}
	.icon-remove-circle {
	  background-position: -168px -96px;
	}
	.icon-ok-circle {
	  background-position: -192px -96px;
	}
	.icon-ban-circle {
	  background-position: -216px -96px;
	}
	.icon-arrow-left {
	  background-position: -240px -96px;
	}
	.icon-arrow-right {
	  background-position: -264px -96px;
	}
	.icon-arrow-up {
	  background-position: -289px -96px;
	}
	.icon-arrow-down {
	  background-position: -312px -96px;
	}
	.icon-share-alt {
	  background-position: -336px -96px;
	}
	.icon-resize-full {
	  background-position: -360px -96px;
	}
	.icon-resize-small {
	  background-position: -384px -96px;
	}
	.icon-plus {
	  background-position: -408px -96px;
	}
	.icon-minus {
	  background-position: -433px -96px;
	}
	.icon-asterisk {
	  background-position: -456px -96px;
	}
	.icon-exclamation-sign {
	  background-position: 0 -120px;
	}
	.icon-gift {
	  background-position: -24px -120px;
	}
	.icon-leaf {
	  background-position: -48px -120px;
	}
	.icon-fire {
	  background-position: -72px -120px;
	}
	.icon-eye-open {
	  background-position: -96px -120px;
	}
	.icon-eye-close {
	  background-position: -120px -120px;
	}
	.icon-warning-sign {
	  background-position: -144px -120px;
	}
	.icon-plane {
	  background-position: -168px -120px;
	}
	.icon-calendar {
	  background-position: -192px -120px;
	}
	.icon-random {
	  background-position: -216px -120px;
	  width: 16px;
	}
	.icon-comment {
	  background-position: -240px -120px;
	}
	.icon-magnet {
	  background-position: -264px -120px;
	}
	.icon-chevron-up {
	  background-position: -288px -120px;
	}
	.icon-chevron-down {
	  background-position: -313px -119px;
	}
	.icon-retweet {
	  background-position: -336px -120px;
	}
	.icon-shopping-cart {
	  background-position: -360px -120px;
	}
	.icon-folder-close {
	  background-position: -384px -120px;
	}
	.icon-folder-open {
	  background-position: -408px -120px;
	  width: 16px;
	}
	.icon-resize-vertical {
	  background-position: -432px -119px;
	}
	.icon-resize-horizontal {
	  background-position: -456px -118px;
	}
	.icon-hdd {
	  background-position: 0 -144px;
	}
	.icon-bullhorn {
	  background-position: -24px -144px;
	}
	.icon-bell {
	  background-position: -48px -144px;
	}
	.icon-certificate {
	  background-position: -72px -144px;
	}
	.icon-thumbs-up {
	  background-position: -96px -144px;
	}
	.icon-thumbs-down {
	  background-position: -120px -144px;
	}
	.icon-hand-right {
	  background-position: -144px -144px;
	}
	.icon-hand-left {
	  background-position: -168px -144px;
	}
	.icon-hand-up {
	  background-position: -192px -144px;
	}
	.icon-hand-down {
	  background-position: -216px -144px;
	}
	.icon-circle-arrow-right {
	  background-position: -240px -144px;
	}
	.icon-circle-arrow-left {
	  background-position: -264px -144px;
	}
	.icon-circle-arrow-up {
	  background-position: -288px -144px;
	}
	.icon-circle-arrow-down {
	  background-position: -312px -144px;
	}
	.icon-globe {
	  background-position: -336px -144px;
	}
	.icon-wrench {
	  background-position: -360px -144px;
	}
	.icon-tasks {
	  background-position: -384px -144px;
	}
	.icon-filter {
	  background-position: -408px -144px;
	}
	.icon-briefcase {
	  background-position: -432px -144px;
	}
	.icon-fullscreen {
	  background-position: -456px -144px;
	}
  

  
/*===================================================================================================== 
	6 - WIDGETS
======================================================================================================= */

	.page-sidebar, .blog-sidebar {
		margin-left:40px; 
	}
	.widget {
		margin-bottom:20px;
		padding-bottom:20px;
		font-size:11px
	}
	.widget h4 { 
		font-size:16px;
		margin-bottom:10px;
	}
	.widget ul, .widget li { 
		list-style: none; 
		margin:0 0 0 0px;
	}
	.widget li { 
		padding:8px 0 8px 0;
		border-bottom:1px solid;
	}
	.bottom-sidebar.widget li { 
		
	}
	.bottom-sidebar.widget h4 { 
		font-size:14px;
		margin-bottom:5px;
	}
	.bottom-sidebar.widget input[type=text] {
		width:120px;	
	}

	/* TEXT WIDGET */
	.bottom-sidebar	.textwidget { 
		line-height:1.8em;
	}
	
	/* WIDGET SEARCH */
	.widget select {
		padding:8px;
		line-height:35px;
		height:35px;	  
	}
	.widget form {
		margin:0;	  
	}
	.widget input, .widget select {
		margin-bottom:10px;  
	}
	.widget input[type=text] {
		width:140px;
		padding:8px 12px
	}
	.widget_pages li , .widget_links li { 
		padding-left:0px;
	}
	
	/* Dribbbler */
	.zilla-dribbble-shots li { 
		margin:0!important;
	}
	/* Mailchimp */
	.widget_ns_mailchimp { 
		margin-bottom:0;
		padding:0;
	}
	
	/* WIDGET NAV MENU */
	.widget_nav_menu .sub-menu { 
		margin-left:15px;
	}
	.widget_nav_menu .sub-menu li { 
		border:none;
		padding:4px 0 4px 0;
	}
	
	/* WIDGET TAGS */
	.widget_tag_cloud div a { 
		padding:2px 5px 2px 5px;
		border:1px solid;
	}
	
	/* WIDGET FLICKR PHOTOS */
	.Simple_Flickr_Photos { 
		display:block
	}
	.Simple_Flickr_Photos #flickr { 
		text-align:left;
	}
	.Simple_Flickr_Photos #flickr img { 
		border:none;
	}
	.Simple_Flickr_Photos div div { 
		display:inline-block;
		margin-right:0px;
	}
	.Simple_Flickr_Photos div div img { 
		width:57px;
		display:block;
		margin:0 6px 0 0!important;
		padding:0!important;
	}
	.bottom-sidebar #flickr img { 
		width:47px;
		margin:0 8px 2px 0!important;
	}
	/* WIDGET TUMBLR */
	.Tumblr li { 
		padding:10px 0 10px 0;
		font-size:11px
	}
	.Tumblr li blockquote p { 
		font-size:11px;
	}
	.Tumblr li br {
		display:none;	
	}
	.Tumblr li p { 
		padding:2px 0 2px 0;
		margin:0;
	}
	
	/* WIDGET ARCHIVE */
	.widget_archive li { 
		background:url(images/sidebar-archive.png) 0 6px no-repeat;
		padding:5px 0px 5px 21px;
	}
	/* WIDGET CATEGORIES */
	.widget_categories li { 
		background:url(images/sidebar-categories.png) 0 6px no-repeat;
		padding:5px 0px 5px 21px;
	}
	
	/* WIDGET RSS */
	.widget.widget_rss h4 a.rsswidget { 
		display:inline-block;
	}
	.widget.widget_rss li { 
		padding:5px 0 5px 0;
		font-size:11px;
	}
	
	/* WIDGET RECENT ENTRIES */
	.widget_recent_entries li, .widget_kpg_cpl li { 
		background:url(images/sidebar-post.png) no-repeat left center;
		padding:5px 0px 5px 21px;
	}
	.widget_recent_comments li { 
		background:url(images/sidebar-comment.png) no-repeat left center;
		padding:5px 0px 5px 21px;
	}
	/* TEXT WIDGET */
	.widget .textwidget { 
		padding-top:5px;
	}
	/* WIDGET TWITTER */
	.twitter-widget .twitter-date { 
		background:url(images/sidebar-twitter.png) no-repeat left center;
		padding:5px 0px 5px 21px;
		display:block;
	}
	.widget_twitter span.entry-meta { 
		background:url(images/sidebar-twitter.png) no-repeat left center;
		padding:5px 0px 5px 21px;
	}
	.widget_twitter .intent-meta a { 
		margin-right:8px;
	}
	.widget_twitter span.entry-meta, .widget_twitter span.entry-meta span { 
		display:block;
	}
	
	/* calendar widget */
	table#wp-calendar { width:100%; display:block; border:1px solid; }
	table#wp-calendar tfoot td { padding-bottom:10px; }
	table#wp-calendar td#prev { padding-left:10px; }
	table#wp-calendar td#next { padding-right:10px; text-align:right }
	#wp-calendar thead { font-weight:bold }
	#wp-calendar #today { font-weight:bold }
	#wp-calendar th, #wp-calendar tbody td { text-align: center; padding: 6px 11px; font-size:13px; }
	#wp-calendar tbody td a { color:#af0c0c; font-weight:bold; }
	#wp-calendar tfoot td { padding-top: 3px; }
	#wp-calendar caption { font-size: 1.3em; font-weight: bold; text-align: center; margin-bottom: 5px; margin-top:10px; }
	/* Mobile */
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) { #wp-calendar th, #wp-calendar tbody td { padding: 4px 6px; } }
	@media only screen and (max-width: 767px) {  .widget_wrapper {	margin-left:0px; } #wp-calendar th, #wp-calendar tbody td { padding: 9px 13px; } }
	
	
	

/*===================================================================================================== 
	8 - SITE LAYOUT
======================================================================================================= */


/* Table of Content
==================================================
	#Site Styles
	#Media Queries */	

/* #Site Styles
================================================== */
	
	.topmargin { 
		margin-top:30px!important;
	}
	.text-shadow { 
		text-shadow:0 1px 0 #fff
	} 
    .wp-caption, blockquote, .widget li, .widget, .navigation-bottom a, table#wp-calendar, .border-color,.widget_tag_cloud div a { 
	border-color:#d5d5d5!important; 
	}
	.margintoheader { 
		margin-top:10px;	
	}
	.wp-caption { 
		border:1px solid;
	}
	.wp-caption img { 
	 	display:block;
		padding:5px 5px 0 5px;
	}
	.wp-caption p.wp-caption-text {
		margin-bottom:5px;
		text-align:center;
		font-size:11px;
	}
	.alignleft { 
		float:left;
		margin-right:10px;
	}
	.alignright { 
		float:right;
		margin-left:10px;
	}
	.aligncenter { 
		float:none;
		text-align:center;
		margin-left:10px;
		margin-right:10px;
	}
	#post-list {
		margin-top:220px!important;
	}
	a.navbarbutton { display:none; }
	div.defaultpage { 
		margin-top:240px;
	}
	div.defaultpage p, div.defaultpage h3{ 
		width:96%;	
	}
	a.main-logo { 
		font-size:48px; 
		line-height:45px; 
		font-weight:bold; 
		letter-spacing:-0.05em;
	}
	h6.subtext {
		color:#666;
	}	
    div.project-item .imgdiv { 
		position:relative;
	}
	div.project-item .imgdiv img {
		display:block;
	}
	div.project-item .imgdiv span { 
		display:inline-block;
		background-color:#fff; 
		width:100%; height:100%;
		position:absolute; 
		z-index:2;
		cursor:pointer; 
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		/* IE 5-7 */
		filter: alpha(opacity=0);
		/* Netscape */
		-moz-opacity: 0;
		/* Safari 1.x */
		-khtml-opacity: 0;
		/* Good browsers */
		opacity: 0;
	}
	div.project-item div.thumb_large { 
		color:#666; 
		margin-bottom:30px;
		display:inline-block;
	}
	div.project-item div.thumb_large p { 
		font-size:12px
	}
	div.project-item div.thumb_large.thumbwithbg {
		background-color:#fff;
		padding:0 14px 0px 14px;
	}
	div.project-item div.thumb_large h5 { 
		padding:12px 0 0px 0; 
	}
	.featured img {
		-moz-box-shadow: 0px 2px 5px #ccc;
		-webkit-box-shadow: 0px 2px 5px #CCC;
		box-shadow: 0px 2px 5px #CCC;	
	}
	span.category { 
	  	padding:5px 0 5px 0; 
		display:block;
		font-size:14px;
	}
	a.tags { 
		font-size:11px;
		background:#FbF9F6;	
		color:#666;
		border:1px solid #ccc!important;
		padding:1px 1px 1px 6px;
		margin-bottom:4px;
		margin-right:4px;
		display:inline-block;
		border-radius: 3px;
	}
	
/*
 MAIN NAVIGATION MENU
*/
	
	div.nav-div { 
		float:right; 
		font-size:13px;
	}
	div.nav-div form { 
		float:right;
		margin:0px 0 15px 8px; 
		display:block;
	}
	div.nav-div form input, div.nav-div form button { 
		margin-bottom:0;
	}
	div.nav-div form input {
		padding:7px 10px;
	}
	div.nav-div form i { 
		margin-top:1px;
	}
	div.nav-div form button { 
		padding:7px 10px;
	}
	

	ul.main-nav { 
		float:right; 
		font-size:13px;
		font-weight:700;
		padding:0px; 
		margin:5px 0 0 0;
		list-style: none; 
		text-shadow:0 1px 0 #f0f0f0; 
	}
	ul.main-nav ul { 
		list-style: none;  
		margin:0;
		padding:0; 
	}
	ul.main-nav li { 
		font-weight: bold; 
		float: left; 
		zoom: 1; 
		position: relative;
	}
	ul.main-nav a:hover	{ 
		color: #000; 
	}
	ul.main-nav a:active { 
		color: #000; 
	}
	ul.main-nav li a { 
		color:#777;
		padding:5px 0px 5px 0px;
		margin-left:18px;
		position: relative; 
	}
	ul.main-nav .current_page_item a, ul.main-nav .current_menu_item a, ul.main-nav li:hover a { 
		border-bottom:3px solid; 
		border-color:#000;
		color:#000;
	}
/* 
	LEVEL TWO
 */
	ul.main-nav ul { 
	  	position: absolute;
	  	z-index:9999;
	  	display: none; 
	  	left: 4px; 
	  	top: 0; 
	  	min-width: 150px;
	  	padding: 20px 0 0 0;
		margin: 20px 0 0 0px;
		list-style: none;
		font-size:11px;
		text-shadow:none
	}
	ul.main-nav ul:after {
		top: 4px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	ul.main-nav ul:after {
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: #f9f9f9;
		border-width: 8px;
		margin-left: 20px;
	}

	ul.main-nav li:last-child ul {
		left:-45px;
	}

	ul.main-nav li:last-child ul:after {
		margin-left: 120px;
	}
	ul.main-nav ul li { 
	    font-weight: normal;
	  	color: #000; 
	  	float: none; 
	  	padding:0px;
	  	margin:0;
	  	background-color: #f9f9f9;
	  	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	  	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	  	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}
                                   
	ul.main-nav ul li a	{ 
		display: block; 
		margin:0;
		padding:10px 12px 10px 12px;
		border-bottom:none!important; 
	} 
	ul.main-nav ul li a:hover	{ 
		background-color:#ccc;
		color:#000;
		-webkit-transition: background-color .2s ease, color .2s ease;
		-moz-transition: background-color 2s ease, color .2s ease;
		-o-transition: background-color 2s ease, color .2s ease;
		-ms-transition: background-color 2s ease, color .2s ease;
		transition: background-color .2s ease, color .2s ease;
	}
		
	ul.main-nav li:hover > ul { 
		display: block; 
	}	

  
    
	
/* BLOG POST STYLES */
	.link-color-2 { 
		color:#af0c0c;
	}
	div.blogpost {
float:left;
width:275px;
 
overflow:hidden;
margin:0 20px 30px 0;
border-bottom:0px solid;
background-color:;
	}
	#blogpost-02 { 
		margin:15px 0 0px 0;
	}
	div.blogpost_single { 
		margin:0px 0 30px 0;
	}

	div.blogpost_single h2{ 

	}

#singlecontent {
margin-top:-8px;
	}
#singlecontent .blogpost {
float:left;
width:95%!important;
height:auto!important;
background-color:none!important;
	}


  
	#post-list h2 {
z-index:1000;
font-family-: "myFont"!important;
font-size:13px;
font-weight:;
color:#987!important;
padding:0px 5px 9px 5px;
position:absolute;
width:230px;
margin:250px 0 0 20px;
background-color: #fff;
background:url()no-repeat;
background-size:200px 100%;
opacity:1.0;
line-height:15px;
letter-spacing:2px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);　 /* chrome、safari　*/
-moz-transform: rotate(0deg);　 /* firefox　*/
	}
	#blogpost-02 h2 {
 		font-size:15px;
		color:#555;
		padding:15px 0 0 0;
		line-height:18px;
	}

	div.blogpost div.thecontent {
		font-size:13px;

	}
	.thecontent p{
		line-height:1.4em;
	}

	.thecontent img{
		padding:3px;
		background:#fff;
		border-top:1px solid #ddd;
		border-bottom:1px solid #bbb;
		border-right:1px solid #cccccc;
		border-left:1px solid #cccccc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	div.blogpost div.title { 
		margin:10px 0 20px 0;
		padding:2px 0 2px 0; 
		display:block;
		border-top:1px solid;
		border-bottom:1px solid;
		clear:both;
		font-size:10px;
		line-height:1.6em;
	}
	div.blogpost div.title .datetime { 
		float:right
	}
	div.blogpost .bottom {
min-height:35px;

		margin:0px 0 0px 0;  
	}
	div.blogpost .bottom-single {
		margin:10px 0 10px 0;  
	}
	div.blogpost .bottom a.tags {
		margin-left:5px;
		font-size:11px;  
	}
	div.blogpost_single .bottom a.tags {
		margin-right:5px;
		font-size:12px;  
	}
	div.blogpage {
		margin-top:0px;  
	}
	div.blogpage .flexslider { 
		margin-bottom:15px;
	}
	.navibg div.navigate_blog {
		text-align:right;
		margin:60px 0 10px 0;
	}
	.navibg div.navigate_blog span.pname {
		top:6px;
		position:relative;
	}
	div.blogpage .readmore, div.searchpage .readmore {
		padding:2px 5px 2px 5px;  
	} 

/* SEARCH & ARCHIVE */
	
	div.searchpage {
		margin-top:30px;  
	} 
	div.searchpage h1 {
		font-size:34px;  
		border-bottom:3px solid;
		padding:0px 0 20px 0;
		margin-bottom:20px;
		line-height:1.3em;
	} 
	div.searchpage .search-item { 
		border-bottom:1px solid;
		padding:20px 0 20px 0;
	}
	div.searchpage .search-item h2 { 
		font-size:24px;
		padding:0 0 10px 0;
		margin:0;
	}
	div.searchpage .search-item a.ptype { 
		border:1px solid;
		padding:2px 5px 2px 5px;
		margin-right:10px;
	}
	div.searchpage .search-item a.img {
		float:right; 
		margin-left:20px;
	}
	div.searchpage .search-item a.img img {
		width:100px;
		height:100px;
		border:1px solid;	
		padding:3px; 
		margin-top:5px;
	}
	div.searchpage.p404 { 
		margin-top:80px;
	}
	div.searchpage.p404 h1 { 
		font-size:28px;
	}
	div.searchpage.p404 h2 { 
		font-size:18px;
	}
	.noresults.p404 { 
		text-align:center;
		margin-top:250px;
	}
	.noresults h1 { 
		font-size:120px; 
		font-weight:bold;
		line-height:120px;
	}
	.noresults p { 
		font-size:15px;
		line-height:1.8em;
	}
	.noresults label { 
		display:none
	}
	.noresults input[type=submit]{ 
		padding:15px 30px;
	}
	.noresults input[type=text]{ 
		width:50%;
	}
 
	 	   
/* POST COMMENTS */
	div.commentform {
		display:block;
		margin-top:40px;		
	}
	div.commentform .form-allowed-tags { 
		display:none
	}
	div.commentform h2 { 
		font-size:21px;
		border-bottom:2px solid #bbb;
		padding:10px 0 10px 0;
	}
	div.commentform h2 { 
		font-size:18px;
		border-bottom:1px solid #bbb;
		padding:10px 0 10px 0;
	}
	
	div.commentform .singlecomment {
		border-bottom:1px solid #bbb;
		margin-bottom:15px;
	}
	div.commentform .singlecomment .who span { 
		display:inline-block;
	}
	div.commentform .singlecomment .who span.img { 
		display:inline-block;
		margin-right:7px;
		border-right:1px solid #bbb;
		padding-right:10px;
	}
	div.commentform .singlecomment .who span.img img {
		display:block
	}
	div.commentform .singlecomment .who span.info { 
		font-size:11px; 
		line-height:19px;
	}
	div.commentform .singlecomment .who span.info strong { 
		font-size:12px;
	}
	div.commentform .singlecomment .who { 
		display:block;
		margin-bottom:5px;
	}
	div.commentform .ccontent { 
		margin-left:52px;
		margin-top:10px;
	}
	div.commentform .ccontent p { 
		margin-bottom:15px;
	}
	div.commentform #respond { 
		margin-top:30px;
	}
	div.commentform label { 
		display: inline-block;
	}
	div.commentform textarea { 
		width:92%;
		clear:both; 
		display:block; 
	}
	div.commentform input[type=text] {
		width:70%; 
		clear:both; 
		display:block;
	}
	div.commentform .form-allowed-tags { 
		font-size:11px;
	}
	div.commentform div.comments_nav { 
		text-align:center
	}	
	div.commentform div.comments_nav a, div.commentform div.comments_nav span { 
		padding:0px 7px 2px 7px; 
		font-size:13px;
		margin:0 0px 0 0px;
		border:1px solid #aaa
	}
	div.commentform div.comments_nav span { 
		font-weight:bold
	}

/* ARCHIVE PAGE */
	.archivetemp { 
		margin-top:15px;
		margin-left:0px;
	}
	.archivetemp li { 
		list-style: none;
		margin:0;
		padding-top:5px;
		padding-bottom:5px;
	}				   
/* PAGE NAVIGATION */

	.navigation-bottom { 
		display:block; 
		text-align:center
	}
	.navigation-bottom a { 
		padding:5px 15px 7px 15px; 
		font-size:15px;
		margin:0 5px 0 5px;
		border:1px solid #aaa
	}
	
	
/* WORKS POST STYLES */
   
	.postcontent { 
		display:block;
	}
	.postcontent div.contentimages, .postcontent div.contentvideos {   
		padding-top:30px;
		padding-bottom:30px;
	}
	div.postwraps { 
		background-color:#fff; 
		line-height:1.7em;
		display:block;
		border-top:1px solid #ccc; 
		padding-top:10px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	div.postwraps p br {
		display:block;
	}
	
	/* SHARING STYLES */
	.postwraps .sharing { 
		margin-top:10px;
	}
	.postwraps .sharing .tops { 
		text-align:right;
		padding:5px 15px 5px 20px;
		border:1px solid;
		float:right; 
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.postwraps .sharing .tops:hover div.buttons {
		display:block;
		position:relative;
	}
	.postwraps .sharing .tops div.buttons {
		margin-top:7px;
		display:none;
	}
	.postwraps .sharing .tops div.buttons .facebook {
		margin-bottom:0;
	}
	.postwraps .sharing .tops div.shr {
		float:right;
	}
	.sharingbottom { 
		float:left;
	}
	.sharingbottom div.shr {
		height:24px;
		float:left;
		overflow:hidden;
		position:relative;
		margin:0px 5px 0px 0;
	}
	.sharingbottom div.facebook {
		width:65px;
		margin-bottom:5px;
	}
	.sharingbottom div.twitter {
		width:80px;
	}
	.sharingbottom div.googleplus {
		width:33px;
	}
	.sharingbottom div.tumblr {
		width:20px;
	}
	.sharingbottom div.pinterest {
		width:44px;
	}
	
	
	
	div.postwraps .pinfo div {
		/*font-size:11px*/ 
	}
	div.postwraps hr {  
		margin:10px 0 10px 0; 
		border-color:#f0f0f0;
	}
	div.contentimages { 
		text-align:center;
		position:relative;
	}
	div.contentimages div.caption { 
		margin-top:15px;
	}
	.navibg-top { 
		background:url(images/whitebg.png);
		border-bottom:1px solid #bbb;
	}
	.navibg-bottom { 
		background:url(images/whitebg.png);
		border-bottom:px solid #bbb;
	}
	.navibg.withall {
		background:none
	}
	.navibg div.navigate {






	}
	div.navigate span.pname {
		top:6px;
		position:relative;
	}
	.navibg h3 { 
		margin:18px 0 18px 30px; 
		color:#666;
	}
	.navibg.withall h3 { 
		margin:18px 0 18px 0px; 
	}
	.navibg.withall div.navigate {
		margin:68px 0px 15px -5px; 
	}
	.navibg.withall div.navigate a{ 
		background-color:#555;
		color:#fff;
		letter-spacing:0;
		font-size:10px;
		padding:2px 6px 2px 6px; 
		margin:2px 3px 5px 0px;
		text-shadow:none;
		display:inline-block;
		-webkit-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
        transition: background 0.3s linear;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	}

	.navibg.withall div.navigate a:hover, .navibg.withall div.navigate a.selected { 
		background-color:#777;
		color:#fff;

	}
	a.navigate { 
		background:url(images/arrows.png) no-repeat; 
		width:30px;
		height:32px; 
		display:inline-block; 
		margin-left:0px;
	}
	a.navigate.parent { 
		background-position:0 0;
	}
	a.navigate.back { 
		background-position:-40px 0;
	}
	a.navigate.next { 
		background-position:-80px 0;
	}
	a.navigate.parent:hover { 
		background-position:0 -50px;
	}
	a.navigate.back:hover { 
		background-position:-40px -50px;
	}
	a.navigate.next:hover { 
		background-position:-80px -50px;
	}
	.resdontshow { 
		display:inherit;
	}
	.resshow { 
		display:none;
	}
	
	/* MOBILE MENU */
	
	.mobilemenu { 
		display:none;
		width:70%;
		z-index:99999; 
		position:fixed; 
		left:-75%;
		top:-20px; 

		background-color:#333; 
		color:#f0f0f0; 
		-webkit-box-shadow: 4px 0px 8px 0px rgba(0, 0, 0, .3);
		box-shadow: 4px 0px 8px 0px rgba(0, 0, 0, .3);
		overflow:auto;
		transition: left .5s;
		-moz-transition: left .5s; /* Firefox 4 */
		-webkit-transition: left .5s; /* Safari and Chrome */
		-o-transition: left .5s; /* Opera */
	}
	.mobilemenu input[type=text]{
		padding:8px 12px; 
		width:120px; 
		margin-right:3px;
	}
	div.mobilemenu form {
		padding:12px; 
		margin-bottom:0; 
		margin-top:100px;
		-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
		-moz-box-shadow:    0px 1px 0px rgba(255, 255, 255, 0.1);
		box-shadow:         0px 1px 0px rgba(255, 255, 255, 0.1);
		border-bottom:1px solid #1a1a1a;
	}
	div.mobilemenu form input, div.mobilemenu form button {
		margin-bottom:0;
	}
	div.mobilemenu ul, div.mobilemenu li { 
		margin:0; 
		list-style:none;
	}
	div.mobilemenu ul.mob-nav li a:first-child { 
		
	}
	div.mobilemenu ul.mob-nav li a { 
background-color:#000;
		padding:12px; 
		display:block; 
		margin:0;
		color:#999;
		-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
		-moz-box-shadow:    0px 1px 0px rgba(255, 255, 255, 0.1);
		box-shadow:         0px 1px 0px rgba(255, 255, 255, 0.1);
		border-bottom:1px solid #1a1a1a; 
	}
	div.mobilemenu ul.mob-nav a:hover { 
		color:#f0f0f0; 
		background-color:#3b3b3b;	
	}
	div.mobilemenu ul.mob-nav ul.sub-menu a { 
		padding:8px 12px 8px 30px; 
		font-size:11px;
		-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.05);
		-moz-box-shadow:    0px 1px 0px rgba(255, 255, 255, 0.05);
		box-shadow:         0px 1px 0px rgba(255, 255, 255, 0.05);
		border-bottom:1px solid #222;
	}
	
	
	/* FOOTER STYLES */
	
	footer { 
		margin-top:-50px;

	}
	footer span.footertext {
		padding-top:0px;
		display: inline-block;
		padding-top: 0px;
	}
	footer span.social {
	 	margin-top:-4px;
		float:right;
		padding-bottom:6px;
	}
	footer a.footer-logo { 
		font-size:21px; 
		font-weight:bold; 
		letter-spacing:-0.05em;
	}
	a.backtotop {
		display:none;
		position:fixed; 
		right:20px; 
		bottom:60px;
		position: expression("absolute");
		bottom: expression(eval(document.body.scrollTop)+(eval(document.body.height)-5));
		background-color:#fff;
		color:#333;
		-moz-border-radius: 180px;
		-webkit-border-radius: 180px;
		border-radius: 180px;
		-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);
		box-shadow: 0 0px 5px rgba(0, 0, 0, 0.4);
		padding:12px 12px 11px 12px;
		background:#B8B8ab url(images/goup.png) 12px 14px no-repeat; 
		width:28px; 
		height:30px;
	}
	.ajaxloader {
		display:none;
		position:fixed; 
		bottom:20px; 
		left:20px;
		position: expression("absolute");
		bottom: expression(eval(document.body.scrollTop)+(eval(document.body.height)-5));
		background-color:#f0f0f0;
		padding:5px;
		-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.ajaxloader img {
		display:block;
	}
	
	
	
	/* CONTACT FORM */
	div.header_contact { 
		display:none; 
		clear:both;
		text-shadow:none;
		/*background:url(images/whitebg.png);*/
	}
	div.header_contact .closeit {
		float:right;
		padding:18px 15px 0 0;	
	}
	div.header_contact p  { 
		/*padding:0 15px 0 15px;*/
		font-size:13px
	}
	form.contactform_ajax { 
		/*padding:0 15px 0 15px;*/
		margin-bottom:0;
	}
	form.contactform_ajax input, form.contactform_ajax textarea {
		width:92%;	
	}
	form.contactform_ajax textarea {
		height:160px;	
	}
	form.contactform_ajax input.security_code { 
		width:250px; 
		display:block; 
		float: none; 
		clear:both;
	}
	form.contactform_ajax label.error {
		margin: -24px 0px 20px;
		padding: 7px 5px 4px 5px;
		background-color: #DD0303;
		color: white;
		width:250px;	
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		text-shadow:none
	}
	
	
  
	select.responsiveselect {
		-webkit-appearance: none;
		background:#fff url(images/sbox.png) center right no-repeat;
		width:100%;
		padding:5px;
		margin:0;
		display:none;
	}
	
	 
	
	/* #COLORS
	================================================== */
	.color-header-1 { 
		color:#472734
	}
	.color-header-2 { 
		color:#ad2d47;
	}
	a { color:#666; }
	a:hover, a:focus { color:#000 }
	
	
	/* #Page Styles
	================================================== */
	
	/* #Media Queries
	================================================== */
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	select.responsiveselect {
		display:block;	
	}
	div.fullnav {
width:100%;
position: absolute;
background:#000;
overflow:hidden;
display:none;
float:right;
	}
	.page-sidebar, .blog-sidebar {
		margin-left:0px; 
	}
	div.blogpost div.title .datetime { 
		float:none;
		margin-top:10px;
		display:block;
	}
	div.blogpage .loop-tags { 
overflow:hidden;
width:105%;
		display:block;
		padding-top:10px;
		padding-right:10px;
clear:both;
	}
	div.blogpage .loop-tags-main {
		margin-top:-30px; 
		overflow:hidden;
		width:105%;
		display:block;
		padding-top:10px;
		padding-right:10px;
		clear:both;
	}	
	.makecenter { 
		text-align:center
	}
	.resdontshow { 
		display:none!important;
	}
	.resshow { 
		display:inherit;
	}
	.halfwidth { 
		width:40%
	}
	.header-right { 
		display:none!important
	}
	
	
	/* HEADER MENU */	
	
	div.main-nav, div.nav-div {
		float:none; 
		margin-top:10px; 
		border:none; 
		box-shadow:none; 
		-webkit-box-shadow:none;
	}
	
	h6.subtext { 
		font-size:11px; 
		padding-top:0;
	}
	h3 a.main-logo {
		font-size:30px; 
		letter-spacing:-0.02;
		line-height:30px;	
	}
	a.navbarbutton { 
		display:block; 
	}
	div.nav-div form { 
		float:none; 
		margin:0;
	}
	.halfdisplay { 
		opacity:.5
	}
	hr { 
		margin:14px 0 14px 0; 
	}
	.mobilemenu {
		display:block
	}
	
	/* WORKS POST STYLES */			
	div.postwraps { 
		padding-top:0;
	} 
	.postcontent { 
		padding-top:25px;
	}
	.postcontent img {
		display:block;
	}
	div.postcontent div.contentimages, div.postcontent div.contentvideos {   
		padding:2px 0 2px 0;
	}
	.navibg h3 { 
		margin:10px 0 10px 10px; 
		color:#666; 
		text-shadow:0px 1px 0px #fff;
	}
	.navibg div.navigate {

		text-align:left; 
		margin:0 0 10px 0;
	} 
	.navibg.withall div.navigate { 
		margin-top:56px;
		margin-bottom:30px;
	}
	.navibg div.navigate span.pname {
		padding-right:10px; 
		float:right ; 
		top:0;
	}
	.navibg div.navigate hr { 
		margin:0px 0 12px 0;
	}
	
	a.navigate { 
		background:url(images/arrows_mini.png) no-repeat; 
		width:22px;
		height:24px; 
		display:inline-block; 
	}
	a.navigate.parent { 
		background-position:0 0;
	}
	a.navigate.back { 
		background-position:-30px 0;
	}
	a.navigate.next { 
		background-position:-60px 0;
		text-align:right
	}
	a.navigate.parent:hover { 
		background-position:0 -35px;
	}
	a.navigate.back:hover { 
		background-position:-30px -35px;
	}
	a.navigate.next:hover { 
		background-position:-60px -35px;
	}
	
	/* REMOVE FLOAT FROM SOCIAL ON FOOTER */
	footer span.social { 
		float:none;
	}
	/* REMOVE THUMBNAIL FROM SEARCH RESULT ITEMS */
	div.searchpage .search-item a.img {
		display:none	
	}
	div.noresults h1 { 
		font-size:80px;
		line-height:85px;
	}
	
	}


.post-thumb{
padding:37px 11px 123px 10px;
background:#fff;
border-top:1px solid #ddd;
border-bottom:1px solid #bbb;
border-right:1px solid #cccccc;
border-left:1px solid #ddd;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

.post-thumb img{
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}

.excerpt{
padding-bottom:30px;
}

.post-thumb-02{
float:left;
overflow:hidden;
width:100px;
height:66px;
padding:3px;
background:#fff;
border-top:1px solid #ddd;
border-bottom:1px solid #bbb;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
margin-top:10px;
margin-right:10px;
margin-bottom:0px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
#entry-02{
height:110px;
border-bottom:1px solid #ddd;
width:550px;
}
#title-02 h2{
width:440px;
margin-top:0px!important;
margin-left:120px;
}
.excerpt-02{
font-size:10px;
padding:80px 0px 0px 100px!important;

line-height:12px;
}


/* =Pagination
-------------------------------------------------------------- */
.wp-pagenavi {
	clear:both;
	margin-bottom: 150px!inportant;
	margin-left:-10px;
	padding-bottom: 30px;
	width: 100%;
	overflow:hidden;
}

.wp-pagenavi .pages {
	display:none;
	background: #000;
	border: none;
	color: #ccc;
	font-size: 14px;
	float:left;
	line-height: 30px;
    	padding: 2px;
}

.wp-pagenavi a, 
.wp-pagenavi span {
	border: none;
	float:left;
	height:32px;
	background:#fff;
	color:#888;
	text-align:center;
	font-size:14px;
	line-height:32px;
	display:block;
	padding:0px 12px 0px 12px;
	text-decoration:none;
}
.wp-pagenavi a, 
.wp-pagenavi span {
	margin: 0 0px 10px 10px;
}
.wp-pagenavi a:hover {
	background:#777;
	color:#fff;
}
.wp-pagenavi span.current {
	background:#777;
	color:#fff;
	font-weight: normal;
}
#popular_posts h6{
clear:both;
width:100%;
margin-top:0px;
font-size:15px;
font-weight: normal;
}
#wpp {
clear:both;
float:left;
margin-top:0px;
margin-bottom:0px;
margin-left:-35px;
}
#wpp .wpp-post-title a{
text-decoration: none;
list-style-type:none;
}
#wpp .wpp-thumbnail {
display:block;
float:left;
margin-right:10px;
background-color:#fff;
padding:5px;
border-top:1px solid #ddd;
border-bottom:1px solid #bbb;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
#wpp .img{

}
#wpp li {
display:block;
list-style-type:none;
float:left;
width:100%;
clear:both;
padding-top:0px;
padding-bottom:10px;
border-bottom:1px dotted #bbb;
}
#wpp li a{
line-height:18px;
font-size:12px;
font-weight:normal;
color:#987;
}
#wpp li a:hover{
color: #cc6f5e;
}
#wpp-02 {
clear:both;
float:left;
margin-top:0px;
margin-bottom:px;
margin-left:-35px;
}
#wpp-02 a{
text-decoration: none;
}
.attachment-100x60{
display:block;
float:left;
margin-right:10px;
background-color:#fff;
padding:5px;
border-top:1px solid #ddd;
border-bottom:1px solid #bbb;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}

#wpp-02 li {
display:block;
list-style-type:none;
float:left;
height:100px;
clear:both;
padding-top:0px;
border-bottom:1px dotted #bbb;
}
#wpp-02 li a{
line-height:18px;
font-size:12px;
font-weight:bold;
color:#987;
}
#wpp-02 li a:hover{
color: #cc6f5e;
}
#header-bg {

margin-top:-38px;
background-image: url(images/outer4.png);
background-repeat: repeat-x;
width:100%;
min-width:1000px;
height:260px;
}

#header{
clear:both;
margin-top:-38px;
margin-bottom:0px;
}
#header ul  {
float:right;
font-size:4px;
color:#666;
padding:45px 0px 0px 0px;
}
#header ul a {
color:#666;
}
#header ul li {
float:left;
font-size:9px;
padding:0px 5px 0 5px;
border-left:1px solid #aaa;
list-style-type:none;
margin-top:50px;
}


#header .logo {
	z-index: 10;	
width:270px;

padding:50px 0 0 0;
}

#header .logo-center img {
	z-index: 10;
float:left;
margin:0px 0px 0px 350px;
width:230px;
height:auto;
position:absolute;
}

#header .logo img {
	z-index: 10;
float:left;
margin:-7px 0px 0px 0px;
width:27px;
height:auto;
position:absolute;
}

#header .logo h1 {
z-index: 10;
position:absolute;
color:#555;
font-size:25px!important;
margin:0 0 0 32px;
letter-spacing:2px;
line-height:14px;
}

#header .logo p {
float:right!important;
	z-index: 1;
position:absolute;
font-size:9px;
line-height:26px;
color:#888;
padding:10px 0px 0px 1px;
overflow:hidden;
letter-spacing:0.01em;
}
#menu-bottom {
margin-top:180px;
margin-left:-30px;
position:absolute;
}
#menu-bottom li {
font-size:11px;
z-index: 1;
float:left;
list-style-type:none;
padding:0px 5px 0px 5px;
}

#top-navi {
z-index: 1000;
max-width:100%;
clear: both; 
overflow: hidden; 
padding-top: 0px; 
padding-bottom: 0px; 
font-size:40px;
color:#aaa!important;
margin-top: 115px; 
margin-bottom: 30px;
border-bottom:0px solid #ddd;
border-top:0px solid #ddd;
}

#footer-navi {
z-index: 1000;
max-width:100%;
clear: both; 
overflow: hidden; 
padding-top: 0px; 
padding-bottom: 0px; 
font-size:40px;
color:#aaa!important;
margin-top: 80px; 
margin-bottom: 30px;
border-bottom:0px solid #ddd;
border-top:0px solid #ddd;
}

#footer-navi a{
color:#aaa!important;
}

#footer-navi .navleft {
float: left;
margin-top:9px;
margin-right:-60px;
}

#footer-navi .navright {
float: right; 
margin-right: -12px;
margin-top:9px;
}
#footer-navi .navright-02 {
float: right;
margin-right: 30px;
margin-top:9px;
}
#footer-navi-02 {
z-index: 1000;
max-width:95%;
clear: both; 
overflow: hidden; 
padding-top: 0px; 
padding-bottom: 0px; 
font-size:40px;
color:#aaa!important;
margin-top: 0px; 
margin-bottom: 28px;
border-bottom:0px solid #ddd;
border-top:0px solid #ddd;
}

#footer-navi-02 a{
color:#aaa!important;
}

#footer-navi-02 .navleft {
float: left;
}

#footer-navi-02 .navright {
float: right; 
margin-right: 0px;
}

.social_btn{
width:110%;
overflow:hidden;
}
.twitter, .social_btn .twitter {
float:left;
margin:0px 5px 0px 0px;
padding:0px;
display:inline;
width:95px;
height:20px;
}

.social_btn_top .facebook, .social_btn .facebook {
float:left;
margin:0px 5px 10px 0px;
padding:0px;
display:inline;
width:73px;
}

.social_btn_top .facebook02, .social_btn .facebook02 {
float:left;
margin:0px 15px 10px 0px;
padding:0px;
display:inline;
width:48px;
height:22px;
}

.social_btn_top .hatena-bookmark, .social_btn .hatena-bookmark {
float:left;
margin:0px 3px 10px 0px;
padding:0px;
display:inline;

}


.social_btn_top .yahoo-bookmark, .social_btn .yahoo-bookmark {
float:left;
margin:0px 5px 10px 0px;
padding:0px;
display:inline;
}

.social_btn_top .mixi, .social_btn .mixi {
float:left;
margin:0px 10px 10px 0px;
padding:0px;
display:inline;
width:65px;
}

.social_btn_top .pocket, .social_btn .pocket, .social_btn_footer .pocket  {
	float: left;
    margin: 0px 10px 10px 0px;
    padding: 0px;
    display: inline;
    position: relative;
    z-index: 10;
}


.social_btn_top .google+, .social_btn .google+ {
float:left;
margin:0px 5px 10px 15px;
padding:0px;
display:inline;
width:65px;
clear:both;
}

.social_btn_top .delicious, .social_btn .delicious {
float:left;
margin:0px 5px 10px 0px;
padding:0px;
display:inline;
width:20px;
}

.social_btn_top .line, .social_btn .line {
float:left;
margin:0px 5px 10px 0px;
padding:0px;
display:inline;
clear:both;

}

.social_btn_footer {
padding: 20px 0px 20px 20px;
width: 290px;
background-color: rgba(157, 160, 156, 0.2);
margin-top: -70px;
margin-left: 30px;
}

.social_btn_footer .twitter {
float:left;
margin:0px 5px 10px 0px;
padding:0px;
display:inline;
position: relative;
z-index: 10;
}

.social_btn_footer .hatena-bookmark {
float:left;
margin:0px 15px 10px 0px;
padding:0px;
display:inline;

}

.social_btn_footer .facebook {
float:left;
margin:0px 5px 10px 5px;
padding:0px;
display:inline;
width:73px;
}

.facebook02 a.btn-facebook {
padding: 4px 5px 2px 5px!important;
}

.facebook02 a{
color:#fff!important;
}

.facebook02 svg{
display:none;
}



.social_btn_footer .yahoo-bookmark {
float:left;
margin:0px 5px 10px 0px;
padding:0px;
display:inline;
}

.social_btn_footer .mixi {
float:left;
margin:0px 10px 10px 0px;
padding:0px;
display:inline;
width:65px;
}

.social_btn_footer .pocket {
float:left;
margin:0px 0px 10px 0px;
padding:0px;
display:inline;
}

.social_btn_footer .pocket02{
    float: left;
    margin: 0px 10px 10px -66px;
    padding: 0px;
    display: inline;
    position: relative;
    z-index: 1;
}



.social_btn_footer .google+ {
float:left;
margin:0px 5px 10px 15px;
padding:0px;
display:inline;
width:;
clear:both;
}


.social_btn_footer .line {
float:left;
margin:0px 5px 10px 0px;
padding:0px;
display:inline;
clear:both;

}

/*　Twitterカスタムバルーン
-------------------------------------------------------------- */
.balloon {
    padding: 0px;

    width: ;
    font-size: 5px;
    height: 20px;
}
.balloon .btn-hatena02 {
    color: #000!important;
    padding: 0px 25px 0px 5px!important;
    background: #fff;
    border-radius: 3px;
    margin-left: 67px;
    height: 18px;
    margin-top: -20px;
	z-index:1;
	border: solid 1px #bbb;
}
.balloon .btn-hatena02 a{
    color: #000!important;
    margin-top: -2px;
    position: absolute;
}
.balloon:after {
    border-right: 4px solid #fff;
    border-top: 4px solid rgba(153, 153, 153, 0);
    border-bottom: 4px solid rgba(153, 153, 153, 0);
    content: '';
    margin-top: -14px;
    position: absolute;
    /* right: 1px; */
    /* top: 0%; */
    z-index: 3;
    padding-left: 64px;
}
.balloon:before {
border-right: 4px solid #999;
    border-top: 4px solid rgba(153, 153, 153, 0);
    border-bottom: 4px solid rgba(153, 153, 153, 0);
    content: '';
    margin-top: 5px;
    position: absolute;
    /* left: 63px; */
    /* top: 50%; */
    z-index: 2;
    padding-left: 63px;
}
.balloon02 {
    padding: 0px;
    position: relative;
    width: ;
    font-size: 5px;
    height: 20px;
}
.balloon02 .btn-hatena02 {
    color: #000!important;
    padding: 0px 25px 0px 5px!important;
    background: #fff;
    border-radius: 3px;
    margin-left: 67px;
    height: 18px;
    margin-top: -20px;
	z-index:1;
	border: solid 1px #bbb;
}
.balloon02 .btn-hatena02 a{
    color: #000!important;
    margin-top: -2px;
    position: absolute;
}
.balloon02:after {
    border-right: 4px solid #fff;
    border-top: 4px solid rgba(153, 153, 153, 0);
    border-bottom: 4px solid rgba(153, 153, 153, 0);
    content: '';
    margin-top: -4px;
    position: absolute;
    left: 67px;
    top: 50%;
    z-index: 3;
}
.balloon02:before {
    border-right: 4px solid #999;
    border-top: 4px solid rgba(153, 153, 153, 0);
    border-bottom: 4px solid rgba(153, 153, 153, 0);
    content: '';
    margin-top: -4px;
    position: absolute;
    left: 66px;
    top: 50%;
    z-index: 2;
}
.balloon03 {
    padding: 0px;
    position: relative;
    font-size: 5px;
    height: 20px;
}
.balloon03 .btn-hatena02 {
    color: #000!important;
    padding: 0px 25px 0px 5px!important;
    background: #fff;
    border-radius: 3px;
    margin-left: 67px;
    height: 18px;
    margin-top: -20px;
	z-index:1;
	border: solid 1px #bbb;
}
.balloon03 .btn-hatena02 a{
    color: #000!important;
    margin-top: -2px;
    position: absolute;
}
.balloon03:after {
border-right: 4px solid rgba(255, 255, 255, 0);
    border-top: 4px solid rgba(153, 153, 153, 0);
    border-bottom: 4px solid rgba(153, 153, 153, 0);
    content: '';
    margin-top: -3px;
    position: absolute;
    left: 64px;
    top: 50%;
    z-index: 3;
}
.balloon03:before {
    border-right: 4px solid rgba(153, 153, 153, 0);
    border-top: 4px solid rgba(153, 153, 153, 0);
    border-bottom: 4px solid rgba(153, 153, 153, 0);
    content: '';
    margin-top: -3px;
    position: absolute;
    left: 63px;
    top: 50%;
    z-index: 2;
}
.balloon-twitter {
    padding: 0px;
    position: absolute;
    width:98px;
    font-size: 10px;
    height: 20px;
}
.balloon-twitter .btn-twitter {
    color: #000!important;
    padding: 0px 13px 0px 5px!important;
    background: #fff;
    border-radius: 3px;
    margin-left: 67px;
    height: 18px;
    margin-top: 0px;
    /* z-index: 1; */
    border: solid 1px #bbb;
    /* position: absolute; */
}
.balloon-twitter .btn-twitter a{
    color: #000!important;
    margin-top: -2px;
    position: absolute;
}
.balloon-twitter:after {
border-right: 4px solid rgb(255, 255, 255);
    border-top: 4px solid rgba(153, 153, 153, 0);
    border-bottom: 4px solid rgba(153, 153, 153, 0);
    content: '';
    margin-top: -3px;
    position: absolute;
    left: 64px;
    top: 50%;
    z-index: 3;
}
.balloon-twitter:before {
    border-right: 4px solid rgb(153, 153, 153);
    border-top: 4px solid rgba(153, 153, 153, 0);
    border-bottom: 4px solid rgba(153, 153, 153, 0);
    content: '';
    margin-top: -3px;
    position: absolute;
    left: 63px;
    top: 50%;
    z-index: 2;
}
.ad-bottom{
max-width:94%;
margin-top:20px;
margin-bottom:50px;
}
.ad-bottom-02{
max-width:94%;
margin-top:10px;
}

.wpp-list li { /* LI - post container */
    overflow:auto;
    display:block;
    line-height:1.5;
    margin:10px 0;
    border-bottom:1px dashed #666;
    float:none;
    clear:both;
}


#yarpp{
color:transparent;
}

ol.related-posts {
overflow:hidden;
width:120%;
clear:both; 
text-align:center; 
margin-top:10px; 
margin-right:0px;
margin-left:0px;
margin-bottom:-60px;
padding:0;
}

ol.related-posts li{
float:left; 
display:inline; 
margin:0 9% 40px 0px;  
font-weight:normal;
}

ol.related-posts img{
width:130px;  
clear:both; 
padding:3px; 
background:#fff; 
border-top:1px solid #ddd;
border-bottom:1px solid #bbb;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}

ol.related-posts a{
clear:both; 
display:block; 
border:none; 
text-decoration:none;
margin-top:5px;
}

ol.related-posts li{
font-size:12px;
}

#yarpp-title{
font:normal 18px 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS PGothic',sans-serif;
padding:30px 0 0px 0px;
color:#887777!important;
}
.yarpp-related{
color:#666!important;
padding:40px 0 0 150px;
}

/* Search Form */

#searchform {
	z-index: 2000;
	position: absolute;
	top: 9.4em;
	right: 2%;
	text-align: left;
color:#fff!important;
}
#searchform div {
	margin: 0;
}
#s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;

width:108px;
padding-top:5px;
padding-bottom:2px;
background-color: transparent;
border-color :transparent;
font-family: 'KaushanScriptRegular', cursive;
font-size:20px;
color:#555!important;
cursor: pointer;
font-weight:normal !important;
}
input::-webkit-input-placeholder {
    color: #ccc;
}
:-ms-input-placeholder {
    color: #ccc!important;
}
::-moz-placeholder {
    color: #fff!important;
}
:-moz-placeholder {
    color: #fff!important;
}

#s:focus {
	background-color: #fff;
	width:230px;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
font-size:15px;
padding:6px 5px 4px 5px;
color:#555555;
}
#searchsubmit {
	display: none;
}

/* Assistive text */

.assistive-text {
	color: #fff!important;
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

#footer{

color:#aaa;
background:#444 url(images/paper-bg-03.png);/*#95ccca*/
padding-bottom:1px;

	}
#footer a:link , #footer a:visited{
		color:#aaa;
white-space:nowrap;
	}

#footer a:hover {
	color:#eee;
	}
#footer2{ 
max-width:960px; 
padding-right:35px;
padding-left:10px;
padding-top:20px;
padding-bottom:0px;
margin: 30px auto; 

}
#footer3{
min-width:317px; 
width:100%; 
}
#footer3 a{
padding-right:15px; 
}
.footer-copy{
text-align:center;
font-size:8px;
padding-left:30px;
clear:both;
}
.footer-title{
font-family: 'KaushanScriptRegular', cursive;
text-align:center;
color:#3a3a3a;
font-weight:bold;
font-size:30px;
margin-top:75px;
margin-bottom:-35px;
margin-left:0px;
padding-top:0px;
		border-top:20px solid #B8B8ab;
    text-shadow: 
    	/* 上部のシャドウ */
    	0 -1px 1px rgba(0, 0, 0, .2), 
    	/* 下部のハイライト */
    	0 1px 1px rgba(255, 255, 255, .3);

}

 /* お問い合わせ */
#wpcf7-f8945-p910-o1 .con{
	height:17px;
	padding:10px 10px 10px 10px;
	width:80%;
	border:1px solid #ddd;
	font-size:14px;
	margin:0px 0px -70px 0px;
	color:#666;
        align:left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#wpcf7-f8945-p910-o1 .mess{
	height:200px;
	padding:10px 10px 10px 10px;
	width:90%;
	border:1px solid #ddd;
	font-size:14px;
	margin:3px 0px;
	color:#666;
        overflow-y:auto;
       _overflow-y:hidden;  /* IEでスクロールバーを消す為に記述 */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.wpcf7-form .wpcf7-submit{ /*送信ボタン*/
	font-size:14px;
	color:#333;
	width: 130px !important;
	height:40px;

}



/* DEMO 5 */


.wrapper-dropdown-5 {
position:absolute;
    /* Size & position font=KaushanScriptRegular */
    font-family: 'KaushanScriptRegular', cursive;
    font-size:20px;
    margin-left:5%;	
    width: 150px;
    margin-top:30px;
    padding: 10px 5px 10px 5px;

    /* Styles */
    color: #ccc;
    border-radius: 5px;
    box-shadow: 0 0px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 100px;
    margin-top: -3px;
 /*   border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color:#fff ;transparent*/


	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-top: 6px solid #aaa;
}

.wrapper-dropdown-5 .dropdown {
    /* Size & position */
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
    position: absolute;
    font-size:13px;
    text-align:left;
    width: 230px;
    height:290px;	
    top: 90%;
    left: -29px;
    right: 0;
z-index:9999;

    /* Styles */
    background: #888 url(images/bgpatterns/paper-bg-00.png);
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    border: 0px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
}

.wrapper-dropdown-5 .dropdown li {
    padding: 15px 5px 0px 5px;
margin-bottom:-5px;
}

.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #ddd;
    padding:5px 15px 0px 15px;
    transition: all 0.3s ease-out;

}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-5 .dropdown li:hover a {
    color:#fff ;

}

/* Active state */

.wrapper-dropdown-5.active {
    border-radius: 5px 5px 5px 5px;
    background: #baa
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown-5.active:after {
	width: 0;
	height: 0px;
	top: 11px;
	border: 9px solid transparent;
	border-bottom: 6px solid #fff;
}

.wrapper-dropdown-5.active .dropdown {
    border-bottom: 0px solid rgba(0,0,0,0.2);
    max-height: 410px;
}

#ana{
	display: none;
} 
#ad-top{
	margin-top:-18px;
}
#ad-320{
	padding-top: 10px;
margin-left:-8px;
	width:320px;
	overflow: hidden;
}

#rss img, #follow img, #facebook img{
width:30px;
position:;
margin-top:-15px;
padding-left: 20px;	
}

#rss, #follow, #facebook {
z-index:100;
}

#facebook {
padding-right:0px;
float:right;
margin-left: -15px	
}
#rss {
padding-right:0px;
float:right;
margin-left: -15px	
}

#follow {
padding-right:0px;
float:right;
margin-left: -15px	
}


.archive-title h2{
color:#bba;
font-size:18px;
margin-top:80px;
margin-bottom:-132px;
margin-left:10px;
padding:5px;
line-height:19px;
    text-shadow: 
    	/* 上部のシャドウ */
    	0 -1px 1px rgba(0, 0, 0, .6), 
    	/* 下部のハイライト */
    	0 1px 1px rgba(255, 255, 230, .7);
}


.archive-title h2  a:hover{
color:#bba;
}

#space{height:120px;}

.timthumb-02{
float:left!important;
margin-left:48px!important;
margin-top:3px;
}
.timthumb-02 img{

width:68px!important;
height:45px!important;
padding:2px!important;
background:#fff!important;
border-top:1px solid #ddd!important;
border-bottom:1px solid #bbb!important;
border-right:1px solid #cccccc!important;
border-left:1px solid #cccccc!important;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;

}


.timthumb-03 {
float:right!important;
padding-right:80px!important;

}
.timthumb-03 img{
width:68px!important;
height:45px!important;
padding:2px!important;
background:#fff!important;
border-top:1px solid #ddd!important;
border-bottom:1px solid #bbb!important;
border-right:1px solid #cccccc!important;
border-left:1px solid #cccccc!important;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
margin-top:3px;

}

.attachment-thumbnail{position:absolute;}


.tweet{
margin-left:0px;
margin-top:20px;
width:95%;
padding:10px 8px 10px 6px;
border:1px solid #ccc;
background:#fff;
}
#rakuten{
overflow:hidden;
width:105%;
}
#rakuten img{
overflow:hidden;
padding-right:15px;
padding-left:3px;
}

#ad-mobile-300x250{
height:260px;
text-align:center;
padding:10px 0px 0px 0px;
background:#fff!important;
border:1px solid #ddd!important;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
#ad-mobile-300x250-bottom{
height:260px;
width:315px;
text-align:center;
padding:10px 2px 2px 2px;
background:#fff!important;
border:1px solid #ddd!important;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
#ad-pc-resp{
overflow:hidden;
width:90%;
}


/* @tabs
********************************************************************************************
********************************************************************************************/
#hometab {
	float: left;
	width:113%;
	margin: 0 0 0px -30px;
	overflow: hidden;
	position: relative; 
	}
	
#hometab h4 {
	letter-spacing: 0;
	padding: 0;
	line-height: 14pt;
	font-size: 10pt !important }
 
ul#serinfo-nav {
	height:30px;
	position:relative;

	z-index: 6;}

ul#serinfo-nav li {
	padding:5px 0 0px 0;
	font-size:80%;
	float: left;
	border-top:1px solid #ddd!important;
	border-bottom:1px solid #eee!important;
	border-right:1px solid #cccccc!important;
	border-left:1px solid #cccccc!important;
	margin-right: -1px;
	width: 24.8%;
	height:23px;
	text-align: center;
list-style-type:none;
	cursor: pointer;
	background: #eceae0;
	background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#f5f5f5));
	background: -webkit-linear-gradient(#ece8e0, #dcdad0);
	background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%);
	background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f5f5f5);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5)";
	}

	ul#serinfo-nav li a { color: #aa8; font-weight:bold;list-style-type:none;}

	ul#serinfo-nav li a:hover { color: #876; font-weight:bold;list-style-type:none;}
 
#serinfo-nav li.current {
	color: #000;
	background:#f6f4ef ;
	position:relative;
	z-index: 6;
	height:23px;
	list-style-type:none;}
	
#serinfo-nav li.current a{
	color: #775; font-weight:bold;list-style-type:none;}

li#serpane0,
li#serpane1,
li#serpane2,
li#serpane4,
li#serpane5
	{
	margin: 0 0 -15px 0;
list-style-type:none!important;	
	 }
 
ul#serinfo {
background:#fff;
	position: relative;
	z-index: 0;
	float: left;
	width:80%;
	padding: 18px 15px 0 15px;
	overflow: hidden;
	margin-top:-21px;
	border:1px solid #ccc;
	height:390px;
	}
.tab-post h4 a{
font-size:12px;
color: #886;
} 
.tab-post {
	height: 62px;
	overflow:hidden;
	background: url(images/line-h-l.png) bottom repeat-x;
	margin-bottom: 15px; }
 
 img.bags {
		padding:2px!important;
		margin: 0 15px 0 0 !important;
		float: left; 
		height:53px;
		weidth:80px;
border-top:1px solid #ddd!important;
border-bottom:1px solid #bbb!important;
border-right:1px solid #cccccc!important;
border-left:1px solid #cccccc!important;
background:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

 .bags img{
		padding:2px!important;
		margin: 0 15px 0 0px !important;
		float: left; 
		height:53px;
border-top:1px solid #ddd!important;
border-bottom:1px solid #bbb!important;
border-right:1px solid #cccccc!important;
border-left:1px solid #cccccc!important;
background:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wpp{margin-left:-30px; margin-top:-4px;}

li#serpane3 {
list-style-type:none;	
}
li#serpane3 a{
color:#886;
padding: 5px 4px 3px 4px;
display:inline-block;
}
li#serpane3 a:hover {
background:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.hatenaA{display:none;
	color: #ee6f5e!important;
	font-weight: normal!important;
	font-size:12px!important;
	font-family: 'VeggieburgerRegular', sans-serif!important;
	letter-spacing:0px!important;
}
.hatenaB{display:none;
	color: #ee6f5e!important;
	font-weight: normal!important;
	font-size:12px!important;
	font-family: 'VeggieburgerRegular', sans-serif!important;
	letter-spacing:0px!important;
}
h2.border-color-02{margin-top:200px!important;}
.noresults{margin-bottom:50px!important;}
.ad-link{margin-top:143px; margin-left:8%; width:96%;overflow:hidden!important; position: absolute;}
.ad-link-footer{margin-top:-19px; margin-bottom:60px; margin-left:0%;overflow:hidden!important; }
img#wpstats{display:none}
img.alignnone{width:100%}
img { -ms-interpolation-mode: bicubic; }

#fb {
background-color:#fff; margin:0px 0 0 0px; border:  1px solid #ccc!important;float:left; padding-left:0px;padding-top:0px;width:99%;height:200px;overflow:hidden;
}
.fb {
margin:10px 16px;background-color:#fff; border:0px dashed #cbb; float:left; width:102%; height:258px; overflow:hidden; 
}
img:hover {
-webkit-filter:  contrast(108%);
filter:  contrast(108%);
opacity: 0.9
}
.logo-center img:hover {
opacity: 1.0
}

#dynamic-to-top {
margin-bottom:40px;
}
.share{
font-size:10px;
float:right;
color:#bbb;
padding:8px 12px 0px 0;
}


/*　.social_box_count
-------------------------------------------------------------- */
.social_box_count {
min-width:37px;
margin-top: -1px;
}
.social_box_count:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.social_box_count a.btn-hatena{
color:#fff;
 font-size:10px;
 font-weight: bold;
padding:3px 5px 3px 3px;
 border-radius: 3px;
margin-right:5px;
}
.social_box_count a.btn-facebook{
color:#fff;
 font-size:10px;
 font-weight: bold;
padding:3px 5px 3px 5px;
 border-radius: 3px;
}

.social_box_count a:hover{ opacity: 0.9; }
 
.btn-twitter{ background: #55acee; }
.btn-facebook{ background: #4267B2; }
.btn-google{ background: #dd4b39; }
.btn-hatena{ background: #00A4DE; border-radius: 3px; margin-top: 0px;padding: 0px 0px 0px 6px;height: 21px;}
.btn-pocket{ background: #ef4056; }
 
.btn-hatena svg {
 fill: #fff;
 width: 14px;
 height: 14px;
 margin-bottom: -3px;
padding:0px 0px 0px 3px  ;
}
.btn-facebook svg {
 fill: #fff;
 width: 14px;
 height: 14px;
 margin-bottom: -3px;
padding-top:3px  ;
padding:0px 5px  ;
}
.social_btn_footer .btn-hatena svg{margin-top:3px; padding:0px 6px 0px 0px;}
.social_btn_footer .btn-hatena .snstext{color:#fff;font-size:10px; padding: 0px 6px 0px 0px;position: absolute; margin-top: -1px;}
.social_btn_footer .btn-hatena {margin-right:3px; padding:0px 25px 0px 6px;}

@media all and (-ms-high-contrast:none){ 
  *::-ms-backdrop, #footer-navi { margin-top: 80px; }
  *::-ms-backdrop, #header-bg { margin-top: -38px; }
  *::-ms-backdrop, .balloon .btn-hatena02 {font-size:10px; height: 18px;padding: 0px 25px 0px 5px !important;z-index: 1;border: 1px solid #bbb;}
  *::-ms-backdrop, .balloon .btn-hatena02 a{font-size:10px;color: #666!important; margin-top: -1px; position: absolute;}
  *::-ms-backdrop, .balloon02 .btn-pocket02 a{font-size:10px;margin-top:0px!important;}
  *::-ms-backdrop, .balloon03 .btn-pocket03 a{font-size:10px;margin-top:0px!important;}
  *::-ms-backdrop, .social_btn_footer .btn-hatena .snstext{padding: 1px 6px 0px 0px!important; margin-top: 0px!important;}
  *::-ms-backdrop, .social_btn_footer .btn-hatena svg{padding: 0px 0px 0px 0px;margin-top: 4px;}
  *::-ms-backdrop, .social_btn_footer .btn-hatena{padding: 0px 30px 0px 6px;}
  *::-ms-backdrop, #s {color:#aaa!important;}
  *::-ms-backdrop, .wrapper-dropdown-5{color:#aaa!important;}
}
@-moz-document url-prefix() {
	.wrapper-dropdown-5{color:#aaa!important;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
_::-webkit-full-page-media, _:future, :root .balloon .btn-hatena02 a{font-size:10px;}
_::-webkit-full-page-media, _:future, :root .social_btn_footer a.btn-facebook{padding: 5px 6px 3px 6px !important;}
_::-webkit-full-page-media, _:future, :root input#s.field {padding: 5px 5px 9px 5px;}
}



.balloon02 .btn-pocket02 {
    color: #000!important;
    padding: 0px 2px 0px 2px!important;
    background: #fff;
    border-radius: 3px;
    margin-left: 69px;
    height: 18px;
    margin-top: -22px;
    z-index: 1;
    border: solid 1px #bbb;
}

.balloon02 .btn-pocket02 a{
	margin-top:-2px;
	position: absolute;;
	padding:0 2px;
	font-size:10px;
}
.balloon03 .btn-pocket03 {
    /* color: rgba(0, 0, 0, 0)!important; */
    padding: 0px 2px 0px 2px!important;
    background: rgba(255, 255, 255, 0);
    border-radius: 3px;
    margin-left: 67px;
    height: 18px;
    margin-top: -22px;
    z-index: 1;
    border: solid 1px rgba(187, 187, 187, 0);
}

.balloon03 .btn-pocket03 a {
    margin-top: -2px;
    padding: 0 3px;
    color: rgba(255, 255, 255, 0);
	font-size:10px;
}
.social_btn_top .pocket02, .social_btn .pocket02{
    float: left;
    margin: 0px 10px 10px -76px;
    padding: 0px;
    display: inline;
    position: relative;
    z-index: 1;
}

.twitter element.style {
    position: relative!important;
    z-index: 100!important;
}

#page-top {
    position: fixed;
    bottom: -10px;
    right: 10px;
    font-size: 77%;
z-index:2000;

}
#page-top a {
    background: rgba(143, 207, 235, 0.84);
    text-decoration: none;
    color: #fff!important;
    width: 70px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 35px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}
#page-top a:hover {
    text-decoration: none;
    background: rgba(143, 207, 235, 1);
}
#page-top img {
    width: 20px;
    padding: 9px;
}

@-moz-document url-prefix() {
	#searchform{right:5%!important;}
	#header {margin-top: 0px;}
	#s {width: 81px;}
	.ad-link {margin-top: 143px;}
	.archive-title h2 {margin-top:100px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
			#header {margin-top: 0px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #header {margin-top: 0;	}
  ::i-block-chrome, #s {width: 95px!important;}
}
@media all and (-ms-high-contrast: none){
 	.ad-link {margin-top: 144px;} /* IE10以上 */
	.ad-link-footer {margin-top: -17px;}
	.social_box_count{margin-top:0px;}
	.social_box_count a.btn-facebook{padding: 3px 5px 2px 5px;}	
}
@supports (-ms-ime-align:auto) { /* edge */
	.social_box_count a.btn-facebook{padding: 3px 5px 2px 5px;}	
}
.game-button {
text-align:center!important; 
}
.game-button img{
background: transparent!important; 
border: 0px !important; 
margin-bottom:100px;
}

.game-button a{
margin-bottom:100px!important; 
}
#img-no-frame img{
    border: 0px solid !important;
    padding: 0px!important;
	border-radius: 0px;

}
#A8-ad-side img{
}
#A8-ad-side {	
margin-top:20px;	
height: 50px;
}
iframe#aswift_1, iframe#google_ads_frame6{
    height: 18px!important;
}