/*
Theme Name: Portfolium
Author URI: http://www.wpshower.combaktuiryuu
Description: Portfolium is a clean and flexible Wordpress grid-based portfolio theme designed in a modern & minimalist style. Portfolium is ideal for designers, artists, photographers, and other creative specialists who require a professional portfolio theme. Portfolium theme is coded in valid CSS and HTML and compatible with all browsers. It supports all Wordpress 3.0 features and gives you extra flexibility.
Author: WPSHOWER
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Tags: grids, portfolio, modern, stylish, minimalistic
Copyright: (c) 2010 WPSHOWER
*/

/*** Reset ***/

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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
@font-face {
    font-family: 'LacunaRegular';
    src: local('LacunaRegular'),
         url('lacuna.ttf') format('truetype'); /* SafariAChromeAFirefoxAOpera */
}
/*** Main ***/

html, body {height: 100%;}
body {font: 62.5% Helvetica, Arial, sans-serif; /*background: url("i/bg.png") 50% 170px  repeat-y;*/}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left {float: left;padding:0 20px;}
.right {float: right;padding:0 20px;}
.wrapper {width: 951px; min-height: 100%; position: relative; padding: auto;margin:0 auto;}

/*** Header ***/

.header { padding-top: 15px;/*padding-bottom: 40px;margin-left: 38px;margin-right: 40px;*//* background: url("i/say_some.png") 150px 10px no-repeat;*/border-bottom:dotted 1px #ccc;}
.header div.copy{float: left; color:#666; margin:30px 40px 0 ;height:150px; }
.header div h2{font-family: 'LacunaRegular','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',Arial,sans-serif;font-size: 3em;font-weight: 100;color:#000;}
.header div div{padding: 11px 6px 0 13px;background: url("i/square.png") 0 11px no-repeat;}
.header div div p{font-size: 14px;font-weight: 100; border:dotted 1px #ccc; border-left:none;padding: 11px;}
.header div div a{color: #f66;text-decoration: none;line-height: 20px;}
.header div div a:hover {color: #f66;text-decoration: underline;}
.logo {
line-height: 0.95;
width: 150px;
height: 150px;
margin: 11px 0 30px 20px;
padding-bottom:0;
background: url("i/logo.png") no-repeat;
float: left;
position: relative;

}
.logo a {color: #ccc; text-decoration: none; position: absolute; bottom: 12px;}
.logo a:hover {color: #fff18f;transform: rotate(-90deg);
-webkit-transition-duration: 1s;}
a:hover .logo {transform: rotate(-90deg);-webkit-transition-duration: 1s;}
a .logo {-webkit-transition-duration: 1s;}
.tilt{position:absolute; top:0;width:100%;height:30px;/*background: url("i/tilt.png") 50% 0 repeat-x*/;}
/*** Navigation ***/

.nav {vertical-align: baseline; float: left;/* margin-top: 40px; margin-left: 230px; */position: relative; z-index: 10;/*border-left: dotted 1px #ccc;*/}
.nav li {/*width: 120px; */height: 40px; float: left; padding: 0 0 4px 0; /*background: url("i/post_list.gif") -14px 50px no-repeat;*/}
.nav li:last-child {padding: 0 0 4px 0;}
.nav li.current a {color: #f2f2f2;}
.nav a {color: #666; font-size:1.5em;font-family: 'LacunaRegular'; font-weight: 100; text-decoration: none; text-align:center; /*padding-left: 12px;*/padding-top: 12px;/*padding-top: 20px;*/ display: block; width: 190px;}
.nav a:hover, .nav li.current a:hover, .jsddm_hover a, .sub-menu li a:hover {color: #f66;text-shadow:0px 0px 1px rgba(255,3,3,.6);}
li.parent a {background: url("i/folder.gif") 138px 27px no-repeat;}
li.parent a:hover, li.jsddm_hover a {background: url("i/folder_active.gif") 100% 27px no-repeat;}
ul.sub-menu {position: absolute; visibility: hidden; z-index: 100; width: 120px; background: #333; margin-top: 40px; padding: 10px 0;}
ul.sub-menu li {margin-left: 0; height: auto; padding: 0 !important; border: none; float: none; background: none; width: 125px;}
ul.sub-menu li a {background: none !important; font-size: 12px; padding: 0; color: #ccc; width: 125px;}
.twitter {width: 32px; height: 30px;padding: 0; background: url("i/twitter.png") no-repeat; position: absolute;top:3px;right:79px;border-right:solid 1px #aaa;}
.facebook {width: 32px; height: 30px; padding: 0; background: url("i/facebook.png") no-repeat; position: absolute;top:3px;right:46px;border-right:solid 1px #aaa;}
/*.mlog {width: 52px; height: 30px; padding: 0; background: url("i/blog.png") no-repeat; position: absolute;right:40px;border-left:solid 3px #fff;border-right:solid 1px #999;}*/

/*** Content ***/

.middle {padding: 40px 0 20px 0;border-right: dotted 1px #ccc;}
h1{padding: 0 0 30px 0;}
h1 span{font-size: 1.5em;font-weight:100;color:#666;border: dotted 1px #ccc; padding:1px 3px;font-family: 'LacunaRegular'; font-weight: 100;-webkit-text-stroke: 0.2px #666;}
.container {padding-bottom:60px;}
.content {width: 570px; float: left;padding: 20px; padding-top: 10px; padding-left:0;}

#show {width: 550px!important;height:550px!important;margin-top:10px; margin-bottom:3px;margin-left:10px; overflow: hidden;}
#show img {cursor: pointer;width:538px!important;height:auto!important;padding:5px;border: dotted 1px #ccc;}
#show_nav {margin-left:10px;}
#show_nav a {font-size: 1em; color: #b8b8b8; text-decoration: none; margin-right: 10px;}
#show_nav a:hover, #show_nav .activeSlide {color: #f66;}

.post_home {/*width: 120px;*/ float: left; margin: 0 14px 50px 14px;}
.thumb {display: block; /*width: 120px; height: 120px;*/ margin-bottom: 10px; position: relative; color: #333;}
.thumb img {display: block;-webkit-border-radius: 81px; -moz-border-radius: 81px; border-radius: 81px; padding:6px;border:dotted 1px #999;/*border: 1px solid #999;*/}
/* safari only \*/

@media screen and (-webkit-min-device-pixel-ratio:0){
.thumb {-webkit-border-radius: 81px; -moz-border-radius: 81px; border-radius: 81px;border:dotted 1px #999;}
.thumb img {padding: 0;
margin: 8px;
width: 144px;
height: 144px;
border: none;
transition-property: box-shadow;
transition-duration: .2s;
transition-timing-function: ease-in-out;}
.thumb:hover img {box-shadow: 0px 0px 6px 12px rgba(253,100,100,0.4);}

}
/* end */
/*.thumb span {display: block;-webkit-border-radius: 71px; -moz-border-radius: 71px; border-radius: 71px;  width: 142px; height: 142px; position: absolute; top: 0; left: 0; background: #f99;-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);}*/
.post_home h2 {font-size: 1.3em; text-align: center; font-weight: 200;max-width:142px;}
.post_home h2 a {color: #666; text-decoration: none;}
.post_home h2 a:hover {color: #f66;}

.post_home h4 {color:#666;font-size: 1em; font-weight: normal;padding:3px 20px; text-align: center;}
.post_home h4 ul li span {color:#fff;background: url("i/tilt2.png");}
.recent h3 { border-top: dotted 1px #ccc;padding-top:60px;padding-bottom:20px;}
.recent h3 span{ color: #666; font-family: 'LacunaRegular','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',Arial,sans-serif; font-size: 1.8em; font-weight: normal; border: dotted 1px #ccc; padding: 1px 3px; display: inline;}
.page_meta {height: 100px;}
.page_meta a {color: #ccc; text-decoration: none;}
.page_meta a:hover {color: #fff18f;}
.rss, .tags, .search {width: 120px; height: 100px; float: left; margin-left: 40px; font-size: 11px; font-weight: bold; line-height: 85px; color: #ccc; border-bottom: 1px solid #4d4d4d;}
.heading {width: 465px; height: 100px; float: left; margin-left: 40px; font-size: 31px; font-weight: bold; line-height: 85px; color: #ccc; border-bottom: 1px solid #4d4d4d;}
.tags {position: relative;}
.tags a {background: url("i/tags.gif") 100% 50% no-repeat; padding-right: 10px;}
.tags a:hover {background: url("i/tags.gif") 100% 50% no-repeat;}
.taglist {margin-top: 16px; background: #333; position: absolute; left: -40px; width: 120px; padding: 40px 0 40px 40px; visibility: hidden;}
.taglist li {line-height: 1.5;}
.taglist li a {color: #ccc !important; background: none !important; font-weight: normal; display: block;}
.taglist li a:hover {color: #fff18f !important;}
.tags .jsddm_hover a {color: #fff18f; background: url("i/tags.gif") 100% 50% no-repeat; padding-right: 10px;}

.search input {background: none; border: none; color: #ccc; font: bold 11px Helvetica, Arial, sans-serif; width: 120px;}

.post_list, .post_single {padding: 30px 0 45px; background: url("i/post_list.gif") 0 100% no-repeat;}
.post_single {background: none;}
.post_list a, .post_single a {color: #fff18f; text-decoration: none;}
.post_list a:hover, .post_single a:hover {text-decoration: underline;}
.post_list h2, .post_single h2, .page h2 {font-size: 40px; color: #f2f2f2; font-weight: normal; margin-bottom: 40px; padding-left: 175px;}
.page {padding-top: 40px;}
.page h2 {padding-left: 0;}
.post_list h2 a, .post_single h2 a, .page h2 a {color: #f2f2f2; text-decoration: none;}
.post_list h2 a:hover, .post_single h2 a:hover, .page h2 a:hover {color: #fff18f; text-decoration: none;}
.post_list_meta, .post_single_meta {width: 120px; margin-left: 40px; float: left;}
.post_list_meta p, .post_single_meta p, .post_share {color: #ccc; font-size: 11px; margin-bottom: 11px; line-height: 1.7;}
.post_date {margin-bottom: 0 !important;}
.post_share {line-height: normal;}
.sharelist {display: none; margin-top: 11px;}
.sharelist li {margin-bottom: 3px;}

.post_content {width: 785px; margin-left: 40px; float: left;}
.more {margin-bottom: 0; font-weight: bold;}

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {color: #F2F2F2; margin: 40px 0; font-weight: normal;}
.post_content h1, .post_content h2 {font-size: 40px;}
.post_content h3 ,.l_col h2{ color: #000;font-family: 'LacunaRegular','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',Arial,sans-serif;font-size: 1.8em;text-align: center;font-weight: normal;margin-bottom: 14px;
margin-right: 10px;
line-height: 1.3em;
border-bottom: dotted 1px #ccc;
padding: 1px 0 8px 0;
display: block;}
.post_content h4 {font-size: 22px;}
.post_content h5 {font-size: 20px;}
.post_content h6 {font-size: 18px;}

.post_content p {color: #f2f2f2; font-size: 12px; line-height: 1.5; margin-bottom: 12px;}
.post_content a {color: #FFF18F;}
.post_content a:hover {text-decoration: none;}
.post_content ul, .post_content ol {margin-bottom: 12px; padding-left: 40px;}
.post_content li {color: #f2f2f2; font-size: 12px; line-height: 1.5;}
.post_content ul li {list-style: circle;}
.post_content ol li {list-style: decimal;}
.post_content blockquote {color: #ccc; font: italic 16px Georgia, Geneva, "Times New Roman", times; padding-left: 70px; margin: 40px 0;}
.post_content blockquote p {color: #ccc; font: italic 16px Georgia, Geneva, "Times New Roman", times;}

/*** Images ***/

.post_content img { margin: 0; height: auto; max-width: 785px; width: auto; }
.post_content .attachment img { max-width: 785px; }
.post_content .alignleft, .post_content img.alignleft { display: inline; float: left; margin-right: 40px; margin-top: 4px; }
.post_content .alignright, .post_content img.alignright { display: inline; float: right; margin-left: 40px; margin-top: 4px; }
.post_content .aligncenter, .post_content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.post_content img.alignleft, .post_content img.alignright, .post_content img.aligncenter { margin-bottom: 12px; }
.post_content .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; }
.post_content .wp-caption img { margin: 5px 5px 0; }
.post_content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; }
.post_content .wp-smiley { margin: 0; }
.post_content .gallery { margin: 0 auto 18px; }
.post_content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.post_content .gallery img {  }
.post_content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 40px; }
.post_content .gallery dl { margin: 0; }
.post_content .gallery img {  }
.post_content .gallery br+br { display: none; }
.post_content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; }

/*** Pagination ***/

.pagination {padding: 40px 0 40px 40px;}
.pagination_ctrl {height: 30px; width: 120px; float: left; background: url("i/pagination_ctrl.gif") 50% 50% no-repeat; position: relative;}
.nextpostslink, .previouspostslink {display: block; width: 63px; height: 30px; position: absolute;}
.nextpostslink {background: url("i/pagination_arr.gif") 100% 10px no-repeat; right: 7px;}
.previouspostslink {background: url("i/pagination_arr.gif") 0 10px no-repeat; left: 7px;}
.nextpostslink:hover {background-position: 100% -39px;}
.previouspostslink:hover {background-position: 0 -39px;}
.pagination_pages {height: 30px; line-height: 30px; float: right; margin-left: 40px;}
.pagination_pages a, .pagination_pages span {margin: 0 6px; padding: 5px; color: #fff18f; text-decoration: none; font-size: 11px;}
.pagination_pages a:hover {text-decoration: underline;}
.pagination_pages .current {color: #ccc;}

/*** Modal ***/
div#modal {
	display: none;
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
}
div#modal div.background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
div#modal div.container {
	position: relative;
	width: 600px;
	height: 500px;
	padding-bottom: 0;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	background-color: #ffffff;
}
.content iframe{margin-top:4px;}

/*** Comments ***/

.comments_heading {padding-bottom: 10px;}
.add_comment {width: 120px; height: 25px; float: left; margin-left: 40px; font-size: 11px; border-bottom: 1px solid #4d4d4d;}
.add_comment a {color: #fff18f; text-decoration: none;}
.add_comment a:hover {text-decoration: underline;}
.comment_qty {width: 785px; height: 25px; margin-left: 40px; float: left; border-bottom: 1px solid #4d4d4d; color: #ccc; font-size: 12px;}
.nopassword {color: #ccc; font-size: 12px; padding-left: 40px;}

.comment_item {padding: 40px 0; background: url("i/post_list.gif") 0 100% no-repeat;}
.comment_meta {float: left; width: 120px; margin-left: 40px; color: #ccc; font-size: 11px; line-height: 1.7;}
.comment_meta a {color: #fff18f; text-decoration: none; font-style: normal;}
.comment_meta a:hover {text-decoration: underline;}
.comment_text {width: 785px; margin-left: 40px; float: left; color: #ccc; font-size: 12px; line-height: 1.5;}

#respond {margin-top: 30px;}
.respond_meta {float: left; width: 120px; margin-left: 40px; color: #ccc; font-size: 12px; font-weight: bold;}
.comment_form {padding-bottom: 60px; width: 785px; float: left; margin-left: 40px;}
.comment_fields {margin-bottom: 25px;}
#author, #email, #url {width: 225px; float: left; margin: 0 40px 0 0; padding: 0; color: #ccc; font-size: 12px; border: none; border-bottom: 1px solid #4d4d4d; background: none; padding-bottom: 8px; overflow: hidden;}
#url {width: 305px; margin: 0;}
.comment_form textarea {width: 785px; height: 125px; overflow: auto; border: none; border-bottom: 1px solid #4d4d4d; background: none; color: #ccc; font: 12px Helvetica, Arial, sans-serif; margin-bottom: 40px;}
.comment_submit {text-align: right;}
#submit {width: 170px; height: 40px; padding: 0 40px; background: #4d4d4d url("i/comment_submit.gif") 146px 17px no-repeat; border: none; text-align: left; color: #f2f2f2; font: 12px Helvetica, Arial, sans-serif; cursor: pointer;}
#submit:hover {background: #fff18f url("i/comment_submit.gif") 146px -40px no-repeat; color: #4d4d4d;}
.comment_message {color: #f2f2f2; font-size: 12px; margin-bottom: 12px;}
.comment_message a {color: #fff18f; text-decoration: none;}
.comment_message a:hover {text-decoration: underline;}

/*** Left column ***/

.l_col {width: 190px; margin-left: 0; float: left;padding:20px 0 20px 0;}
.l_col{overflow:auto;height:auto;}
.l_col .post_portfolio h2 {color: #b8b8b8; font-size: 14px; font-weight: bold;}
.post_divider {font-size: 11px; color: #b8b8b8;}
.l_col .post_portfolio p {color: #666; line-height: 1.3; padding-bottom: 10px; font-size: 14px;}
.l_col .post_portfolio a {color: #f66; text-decoration: none;}
.l_col .post_portfolio a:hover {text-decoration: underline;}
.wp_social_bookmarking_light {margin:0 10px!important;}
.post_portfolio .post_text{padding:10px;}
/*** Footer ***/

.footer {width: 951px; position: relative; padding: 0;margin:0 auto;}
.tiltb {position:absolute; top:100%;width:100%;margin-top:-15px;z-index:0;height:30px;background: url("i/tilt.png") 50% 0 repeat-x;}
.footer_inn {margin: 0; border-top: 1px dotted #ccc; height: auto; }

div.fotter_content div{float:left; margin-bottom:40px;}
.footer_inn p {font-size: 11px; color: #666;}
.footer_inn a {color: #666; text-decoration: none;}
.footer_inn a:hover {color: #f99;}
.contact{width:546px; margin:0;padding-top:40px;border-right:dotted 1px #ccc; border-bottom:dotted 1px #ccc;}
.contact h1{padding-left:0;}
.contact span textarea.wpcf7-form-control,.contact span input.wpcf7-form-control {width: 483px;border:dotted 1px #ccc;}
.contact textarea{padding:1px;}
.contact .g-recaptcha{float: none;
    margin: 20px;
}
.acceptance-977 input[type=checkbox]{width:auto}
.contact p{font-size: 14px; margin-left: 20px;margin-right: 40px;}
.contact p input[type="submit"]{margin: 20px;
    background: #FFF;
    border: 1px dotted #ccc;
    font-size: 1.25em;
    color: #66666f;
    padding: .25em;
    font-family: 'LacunaRegular';}
.contact img{padding: 6px;border: dotted 1px #999;margin:0 20px;float:left;}
div.fotter_content div.fb{ width: 342px;margin:0 0 20px 40px;padding-top:40px;}
.root,.pluginSkinLight{border:dotted 1px #ccc;}
.uiBoxLightblue{background-color:#fff;}
div.fb-like-box div {border:dotted 1px #ccc;}
.wpshower_logo {background: url("i/wpshower_logo.png") 0 2px no-repeat; padding: 0 0 0 9px;}

/* event */
.event{float: left;margin: 0 0 50px 0;width:190px;}
.event img{/*float: left;*/border:dotted 1px #ccc; padding:6px; margin:0 17px;}
.event div{font-size: 100%;/*float: left;*/margin:10px 20px;}

.event div h4{padding-bottom:5px;font-size: 1.5em;}


/*** scrollbar ***/
/* 全体 */
.jspContainer { overflow:hidden; position:relative; }

/* スクロールバーを除いたエリア */
.jspPane { position:absolute; }

/* 縦スクロールバー */
.jspVerticalBar { position:absolute; top:0; right:0; width:10px; height:100%; }

/* 横スクロールバー */
.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:10px; }

/* 背景 */
.jspTrack { background:#111; position:relative; }

/* ノブ */
.jspDrag { background:#333; position:relative; top:0; left:0; cursor:pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }