/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Table
	#Misc
    #WordPress Generated Generics
*/



/* #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;
letter-spacing:1.5px;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	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; }

#potop{
marign-top:600px;
}



a {
  position: relative;
  display: inline-block;
  text-decoration: none;
line-height:1.6em;
}

.container a::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color:#333;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.container a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

input,textarea{
padding:8px;
margin-right:10px;
}

input[type=checkbox] {
margin-right:10px;
}

label{
margin-right:10px;
}

.error{
color:#b40000;
}

.cat-item-8 .children{
padding-left:20px;
}

.sidebar .post-date{
content: "\A";
white-space: pre;
}


/* #Basic Styles
================================================== */

	html, body{
		overflow-x: hidden;
	}

	body {
font: 14px/1.286 "ヒラギノ明朝 W3 JIS2004","Hiragino Mincho W3 JIS2004",sans-serif;
		color: #444;

		 /*-webkit-font-smoothing: antialiased; Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		font-family:"ヒラギノ明朝 W3 JIS2004","Hiragino Mincho W3 JIS2004",sans-serif;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none; color: inherit; }
	h1 { font-size: 36px; line-height: 1.1em; margin-bottom: 14px;}
	h2 { font-size: 30px; line-height: 1.1em; padding-top:30px; margin-bottom: 5px; line-height:42px; }
	.pd25 { font-size: 30px; line-height: 1.1em; padding-top:30px; margin-bottom: 30px; line-height:42px; }
	h3 { font-size: 24px; line-height: 1.1em; margin:60px 0 30px 0; font-weight:bold; line-height:36px; } /*28*/
	h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 30px; font-weight:bold; line-height:32px; } /*21*/
	h5 { font-size: 16px; line-height: 1.1em; }						/*17*/
	h6 { font-size: 14px; line-height: 1.1em; }

	.flex_column h1, .flex_column h2, .flex_column h3, .flex_column h4, .flex_column h5, .flex_column h6{
	font: 13px/1.3em "ヒラギノ明朝 W3 JIS2004","Hiragino Mincho W3 JIS2004",sans-serif;
	margin-bottom: 6px; font-weight:bold; letter-spacing: 1px;}
	.flex_column h1 { font-size: 13px; }
	.flex_column h2 { font-size: 12px; }
	.flex_column h3 { font-size: 11px; }
	.flex_column h4, .flex_column h5, .flex_column h6 { font-size: 10px; }

	 .flex_column h1 a:hover, .flex_column h2 a:hover, .flex_column h3 a:hover, .flex_column h4 a:hover, .flex_column h5 a:hover, .flex_column h6 a:hover{text-decoration: underline;}


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

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

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

	/*	Blockquotes  */
	blockquote{
	font-family:"ヒラギノ明朝 W3 JIS2004","Hiragino Mincho W3 JIS2004",sans-serif;
	clear:both;
	font-size:1.5em;
/* 	font-style:italic; */
	line-height:1.4em;
	margin:20px 0 20px 54px;
	quotes:"\201C""\201D";
	position: relative;
	}

	blockquote:before{
	content:open-quote;
	font-size:5em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-0.5em;
	display:block;
	position: absolute;
	top: 40px;
	left: -54px;
	opacity: 0.5;
	width: 50px;
	font-family:"ヒラギノ明朝 W3 JIS2004","Hiragino Mincho W3 JIS2004",sans-serif;
	}

	blockquote p{position: relative; padding:5px 0; margin:0; }
	blockquote cite:before { content: "\2014 \0020"; padding:0px 3px; }
	blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;}


/* #Links
================================================== */
	a { text-decoration: underline; outline: 0; }
	a:hover, a:focus, a:visited { outline: 0; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol {  }
	ul { list-style: none outside;}
	ol { list-style: decimal; margin-left: 15px; }
	ol, ul.square, ul.circle, ul.disc { }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc, .entry-content ul { list-style: none; }
	ul ul, ul ol,
	ol ol, ol ul { }
	ul ul li, ul ol li,
	ol ol li, ol ul li { }

	.entry-content li {  margin-left: 1em; padding:3px 0;}
	.entry-content div li { text-indent: 0;}
	.entry-content .borderlist>li:first-child {  border-top:1px solid; }
	.entry-content .borderlist>li { border-bottom:1px solid; padding: 5px 0; list-style-position: outside; margin:0;}

.entry-content ul{
margin-bottom: 20px; 
}

.entry-content li{
margin-bottom: 6px; 
}

/* #Images
================================================== */
/*
	img.scale-with-grid {
		max-width: 100%;
		height: auto; }

	img, a img {
		border:none;
		padding: 0;
		margin:0;
		display:inline-block;
		max-width: 100%;
		height:auto;
		image-rendering: optimizeQuality;
	}

.msie7 img{ -ms-interpolation-mode: bicubic; }

*/

/* #Buttons
================================================== */


	input[type="submit"], #submit, .button{
		padding:9px 22px;
		cursor:pointer;
		border:solid 1px #c0c0c0;
font-family:"ヒラギノ明朝 W3 JIS2004","Hiragino Mincho W3 JIS2004",sans-serif;

	}




/* #Table
================================================== */
table {
	width: 100%;
	padding: 0;
	margin: 0 0 20px -6px;
	border-top-style: solid;
	border-top-width: 1px;
}

table caption {
	padding: 0 0 5px 0;
	width: auto;
	font-style:italic;
	text-align: right;
}

th {
	font-weight:bold;
	letter-spacing: 1.5px;
	line-height: 1.5em;
	text-align: left;
	padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-left:none
	border-top:none

}

td {
	padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-left:none;
	border-top:none;
color:#1c1c1c !important;
}

tr th:first-child, tr td:first-child{
	border-left-style: solid;
	border-left-width: 1px;
}

#top th.nobg {
	background: none;
	border-top: 0;
}

@media only screen and (max-width: 800px) {
#table_re {
    display: block;
}
#table_re thead {
    display: none;
}
#table_re .bc01 {
    display: none;
}
#table_re tbody {
    display: block;
}
#table_re tbody tr {
    display: block;
    padding: 1.5em 0;
}
#table_re tbody th, #table_re tbody td {
    border: medium none;
    display: list-item;
    list-style-type: none;
    margin: 7px 0;
width:auto;
}
#table_re tbody th {
    background: #808080 none repeat scroll 0 0;
    color: #fff;
    list-style-type: none;
    margin-bottom: 5px;
padding-left:20px;
}
#table_re tbody td {
    margin-left: 20px;
    padding: 0;
    text-align: left;
}
#table_re tbody td:nth-of-type(1)::before, #table_re tbody td:nth-of-type(2)::before, #table_re tbody td:nth-of-type(3)::before, #table_re tbody td:nth-of-type(4)::before, #table_re tbody td:nth-of-type(5)::before, #table_re tbody td:nth-of-type(6)::before, #table_re tbody td:nth-of-type(7)::before {
    font-size: 80%;
}


}

/* #Other elements
================================================== */

/*code*/
pre{
border-style: solid;
border-width: 1px;
overflow:auto;
padding:2em;
line-height: 2em;
font-size: 12px;
background-image: -webkit-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-image: -ms-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
-webkit-background-size: 100% 4em ;
-moz-background-size: 100% 4em ;
background-size: 100% 4em;
font-family:"ヒラギノ明朝 W3 JIS2004","Hiragino Mincho W3 JIS2004",sans-serif;
-webkit-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
margin-bottom: 30px;
position: relative;
left:0;
}

code{
font-family:"ヒラギノ明朝 W3 JIS2004","Hiragino Mincho W3 JIS2004",sans-serif;
}

/*
pre{
background-color:#fff;
width:400px;
}
pre:hover{
z-index: 100;
width:885px;
left:-240px;
}
*/

iframe, object, embed{
max-width:100%;
}

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.hidden { position: absolute; top:0; visibility: hidden;}
	.floatleft{float:left;}
	.floatright{float:right;}
	.clearboth{clear:both;}
	.rounded{ -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;}
	.special_amp{}
	.lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside{position: absolute;z-index: 2;top:0;left:0;right: 0;bottom:0;}
	.lightbox_video .image_overlay_effect_inside{ background: url("../images/layout/icon-video.png")   no-repeat scroll center center transparent;}
	.lightbox_image .image_overlay_effect_inside{ background: url("../images/layout/icon-magnify.png") no-repeat scroll center center transparent;}
	#top .noborder, #top .noborder img{border:none;padding:0;background: transparent;}
	.bg_container{
	background-position: center center; background-attachment: fixed; background-repeat: no-repeat;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	height:100%; width:100%; position: fixed; z-index: 1; top:0; left:0;
	}


/* #WordPress Generated Generics
================================================== */

/*img alignment*/
body .alignleft  { float:left; margin:4px 10px 0px 0;  display: block; }
body .alignright { float:right;margin:4px 0px 0px 10px;display: block; }
body .aligncenter{ clear:both; display:block; margin:10px auto; padding: 10px 0; }
.alignleft img, .alignright img{ display:block; }


/*gallery*/
#top .gallery a, #top .gallery a img{
border:none;
max-width: 100%;
display: block;
position: relative;
}

#top .gallery .gallery-item{
margin:1px 1px 0 0;
width:80px;
height:80px;
padding:0;
}

/*image captions*/
div .wp-caption{
max-width:100%;
font-size: 11px;
font-style: italic;
border:1px solid;
margin:5px 15px 10px 0;
position: relative;
}

#top .wp-caption img {
border:medium none;
display:block;
padding:0;
margin:0;
}

.wp-caption-text {
display:block;
font-size:11px;
font-style:italic;
margin:0 auto;
padding:3px 10px 5px;
text-align:center;
}

#top .wp-caption.aligncenter{
margin:5px auto 10px auto
}

/*smiley image*/
#top .wp-smiley{
display:inline-block;
border:none;
}

/*calendar table*/
#wp-calendar td, #wp-calendar th{
text-align: center;
font-size: 11px;
padding: 3px;
}


/* Animate the following elements whenever they change layout
================================================== */

/*
#wrap_all, .container_wrap, .container, .units{
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     -moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
          transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);

}

#top .no_css_transition{
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;

}
*/

#top .site-fontcolor, html, body, .blog-meta .post-meta-infos a, .blog-meta .post-meta-infos a span{
color:#1c1c1c;
}

#top .meta-color, div .meta-color a, .main_menu ul li a, .blog-inner-meta, .blog-inner-meta a, #top .widget ul li a, .minitext, .form-allowed-tags, div .pagination, #comments span, .minitext, .commentmetadata a, .blog-tags, .blog-tags a, .title_container #s, .wp-caption, blockquote:before, blockquote:after, blockquote small, blockquote cite, .hero-text, .js_active .tab, .news-time, .contentSlideControlls a, #js_sort_items a, .text-sep, .template-search a.post-entry .news-excerpt, .borderlist>li, .post_nav, .post_nav a, .quote-content, #top .widget_nav_menu li, .tweet-time, #top .avia_parnter_empty, .avia_socialcount a span, td, #top th.nobg, caption, .page-title{
color:#1c1c1c;
}

#top .heading-color, strong, #top .main-color, .main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a,  #top blockquote p, #top .main_menu .menu li a:hover, h1, h2, h3, h4, h5, h6, .js_active .tab.active_tab, #top #wrap_all .current_page_item>a, .first-quote, div .callout{
color:#1c1c1c;
}

#top .search-result-counter{
color:#ffffff;
}

#top .site-background, html, body, .comment-reply-link, .main_menu .menu ul li, .title_container #searchsubmit:hover, .isotope .entry-content, .image_overlay_effect, .tagcloud a, .news-thumb, .tweet-thumb a, fieldset, pre, .container_wrap .social_bookmarks li, #info_text_header.minimized{
background-color:#ffffff;
}

tr:nth-child(even) td, tr:nth-child(even) th{
background-color:#ffffff;
}

#top .on-primary-color, #top .on-primary-color a, .dropcap2, div .button, input[type="submit"], #submit, .info_text_header, .info_text_header a, .info_text_header a:hover, .contentSlideControlls a.activeItem, #top .related_posts .contentSlideControlls a.activeItem, .contentSlideControlls a:hover, #top .related_posts .contentSlideControlls a:hover, #top th, #top th a,  a.button:hover, .callout a, #top .big_button:hover{
}

#top .aside-background, div .gravatar img, .slideshow, #top .main_menu .menu li ul a:hover, .related_posts_default_image, div .numeric_controls a, .title_container #searchsubmit, .title_container #s, .tab_content.active_tab_content, .js_active #top  .active_tab, .toggler.activeTitle, .contentSlideControlls a{
background-color:#ffffff;
}

tr:nth-child(odd) td, tr:nth-child(odd) th{

}

#top .primary-background, .dropcap2, div .button, input[type="submit"], #submit, .info_text_header, #info_text_header .infotext, .numeric_controls a:hover, .numeric_controls .active_item, .contentSlideControlls a.activeItem, #top th, #top .related_posts .contentSlideControlls a.activeItem, #top .arrow_controls a, #main .content #searchsubmit:hover, .callout a, #info_text_header.minimized:hover{
color:#333;
}

#top .primary-color, a, #cancel-comment-reply-link, .blog-tags a:hover, .relThumb a:hover strong, .flex_column h1, .flex_column h2, .flex_column h3, .flex_column h4, .flex_column h5, .flex_column h6, #top #wrap_all .tweet-text a, #top #js_sort_items a.active_sort, .callout a:hover{
color:#ffffff;
}

#top .primary-border, div .main_menu ul:first-child > li.current-menu-item > a, div .main_menu ul:first-child > li.current_page_item > a, div .button, input[type="submit"], #submit, #top .main_menu .menu ul, .info_text_header{
border-color:#ffffff;
}

#top .extralight-border, div #header .container, div .pagination, #top .pagination span, div .pagination a, div .gravatar img, #top div .commentlist ul, div .children .children .says, div .commentlist>.comment,  #top .main_menu .menu li, pre, code, div .numeric_controls a, div .pullquote_boxed, div .news-thumb, div .tweet-thumb a, #top .borderlist>li, .post_nav, #top .wp-caption, .slideshow,  .widget a, .widget li, .widget span, .widget div, table, td, tr, th, #footer .container, #socket .container, #top fieldset, #top .social_bookmarks, #top .social_bookmarks li, #info_text_header, .ajax-control a, .inner_column, #top .blog-meta, .inner-entry, .inner_slide{
border-color:#ffffff;
}

#top .highlight-background, div .button:hover, input[type="submit"]:hover, #submit:hover, .contentSlideControlls a:hover, #top .related_posts .contentSlideControlls a:hover, #top .caption-slideshow-button:hover, #top .arrow_controls a:hover, #main .content #searchsubmit{
background-color:#1c1c1c;color:#fff;
}

a:hover, #top .widget ul li a:hover, #top .widget ul li .news-link:hover strong, #top #wrap_all .tweet-text a:hover, #js_sort_items a:hover, .ajax_slide a:hover, .ajax-control a:hover{
color:#1c1c1c;
}

#top .caption-slideshow-button:hover{
border-color:#1c1c1c;
}

#footer{
background-color:#ffffff;
}

#top #wrap_all #footer a, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer strong, #footer .tabcontainer span, #top #footer table, #top #footer table td, #top #footer table caption{
color:#1c1c1c;
}

#footer, #footer div, #footer p, #footer span, #top #wrap_all #footer a:hover strong{
color:#1c1c1c;
}

#footer a, #footer div, #footer span, #footer li, #footer ul{
border-color:#1c1c1c;
}

#footer table, #footer td, #footer tr, #footer th #footer img{
border-color:#1c1c1c;
}

#top #footer .tagcloud a, #footer .tab_content.active_tab_content, .js_active #top #footer .active_tab, #footer .news-thumb, #footer .tweet-thumb a{
background-color:#1c1c1c;
}

#footer tr:nth-child(odd) td, #footer tr:nth-child(odd) th{
background-color:#1c1c1c;
}

#socket, #socket a, html.html_stretched{
background-color:#ffffff;
}

#socket, #socket a{
color:#1c1c1c;
}

#top .portfolio-title, .portfolio-sort-container .inner-entry, .ajax_loading, .ajax-control a, .inner_column, .ajax_slide .inner_slide, #top .ajax_slide .slideshow, #top .inner-entry .slideshow, .ajax_slide .entry-content{
background-color:#ffffff;
}

#top .portfolio-title, #top .portfolio-title a, #top .portfolio-title a:hover, .ajax-control a, .ajax_slide h1, .ajax_slide h2, .ajax_slide h3, .ajax_slide h4, .ajax_slide h5, .ajax_slide h6, .ajax_slide strong, .ajax_slide a{
color:#1c1c1c;
}

.ajax_slide{
color:#1c1c1c;
}

#top .ajax_slide .extralight-border{
border-color:#E3E3E3;
}

::-moz-selection{
background-color:#ffffff;
}

::-webkit-selection{
background-color:#ffffff;
}

::selection{
background-color:#ffffff;
}

::-moz-selection{
color:#1c1c1c;
}

::-webkit-selection{
color:#1c1c1c;
}

::selection{
color:#1c1c1c;
}