@charset "UTF-8";
/*
Theme Name: Expositio Theme
Author URI: http://www.wpshower.com
Description: Expositio is a free portfolio-type WordPress theme for photographers and designers. Expositio theme allows you in several clicks to showcase your works to the whole world.
Author: Wpshower
Version: 1.0.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2011 Wpshower
*/

@charset "UTF-8";
/* CSS Document */

/* Global reset of paddings and margins for all HTML elements */
* { margin:0; padding: 0; }
/* Correction: margin/padding reset caused too small select boxes. */
option { padding-left: 0 0.4em; }
select { padding: 1px; }
/* Global fix of the Italics bugs in IE 5.x and IE 6  */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }
html { height: 100%; }
/* default for body */
body { font-size:12px; color: #000; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; background: #fff; text-align: left; }
/* 	Lists	*/
ul li { margin:0; padding:0; list-style:none; }
ul.cls-menu li, ul.menu li { list-style:none; }
/*	Images	*/
img, img a, a, a img { outline: none; }
/* 	 background	*/
.Frame, .Ft, .Ftl, .Ftr, .Fb, .Fbl, .Fbr, .Fc { height:1%; }
.Frame { background-repeat:repeat-y; background-position:center; }
.Frame * { background-position:center; }
.Ft { background-position:top; background-repeat:no-repeat; }
.Fb { background-position:bottom; background-repeat:no-repeat }
.Ftl { background-position:top left; background-repeat:no-repeat; }
.Ftr { background-position:top right; background-repeat:no-repeat; }
.Fbl { background-position:bottom left; background-repeat:no-repeat; }
.Fbr { background-position:bottom right; background-repeat:no-repeat; }
/*	Common styles	*/

/*	default for link */
a { color:#000; background:transparent; text-decoration:none; }
a:focus, a:hover { color:#000; text-decoration: underline; filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; }
.f-left { float: left; }
.f-right { float: right; }
.clr { clear: both; background: url('./_css/blank.gif') repeat-x; height: 0px; }
.notext-left { text-indent: -9999px; }
.notext-right { text-indent: 9999px; }
#active { color:#3B7399; }
#selected { color:#994240; }
/*	Website styles lie beneath	*/
body { color: #000; font-size: 12px; margin-top: 0; font-family:  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height: 24px; }
#wps-site-wrapper { position:relative; font-size:90%; }
#wps-site-inner { position:relative; }
h1 { font-size: 13px; font-weight: normal; margin:3px 0px 20px 0px; line-height: 22px; }
h2 { font-size: 12px; font-weight: bold; margin-bottom: 20px; line-height: 22px; }
h4 { font-size: 12px; font-weight: normal; line-height: 22px; }
h5 { font-size: 12px; }
#header_bg { position:fixed; top: 0px; left: 0px; width:100%; z-index: 10; line-height: 20px; height: 117px; background:#FFF; filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; border-bottom:1px dotted #ccc; }
#header { position:fixed; top: 10px; left: 0px; width:100%; z-index: 10; line-height: 20px; height: 107px; }
#header_left { float:left; width:450px; padding:0px 0px 0px 20px; }
.title { float:left; width:170px; font-size: 11px; padding-top:3px; }
#header h1 { padding: 0 6px; margin-bottom:20px; }
#header h2 { padding: 0 6px; }
#header h4 { padding: 0 6px; }
/*ナビ１*/
.left_navi { float:left; width:280px; }
.menu { margin-bottom:0px; width:280px; }
.menu li { list-style: none; margin:3px 0px; padding:0px 0px 0px 17px; float:left; }
.menu li a { padding: 0px 0px; display: block; }
.menu li a:hover { }
.twitter { margin-top:-5px; }
.twitter img { width:20px; height:20px; }
/*通常ページのコンテンツアウトライン*/

#content { left:0px; top:130px; position: absolute; width: 100%; height:100%; }
#content a { color:#000; background:transparent; text-decoration:underline; }
.content_inner { padding-left:350px; width:600px; padding-bottom:100px; line-height: 24px; z-index: -10; }
.content_inner p { margin-bottom: 10px; }
.content_inner h1 { margin-bottom: 0; font-size: 13px; line-height: 26px; }
.content_inner h2 { padding: 0px 0 8px 0; margin-bottom: 0; font-size: 11px; line-height: 22px; }
.content_inner h3 { padding:0px 0 6px 0; margin-bottom: 0; font-size: 11px; line-height: 22px; }
.news_contetns img { margin: 6px 0; }
.content_inner img.alignright { margin-left: 8px; float: right; }
.content_inner img.alignleft { margin-right: 8px; float: left; }
.content_inner .left { width:120px; top:130px; position:fixed; left:220px; }
/*ギャラリーコンテンツ*/
#gallery_fw { position:fixed; top: 118px; left: 0px; width:100%; z-index: 10; line-height: 20px; height: 100%; background:#FFF; }
.gallery_inner { overflow:hidden; width: 100%; height:500px; position:relative; margin-top:-115px; z-index: -10; top:240px; }
.gallery_inner_top { overflow:hidden; width: 100%; height:500px; position:relative; margin-top:-115px; z-index: -10; top:240px; }
/*コミッション*/
.works_inner { padding-bottom:100px; width: 100%; line-height: 22px; z-index: -10; }
#footer_bg { position:fixed; bottom: 0px; left: 0px; width:100%; z-index: 10; line-height: 20px; height: 47px; background:#FFF; filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; border-top:1px dotted #ccc; }
.com_title { padding-left:5px; padding-top:10px; font-size:11px; }
#footer { position:fixed; bottom: 0px; left: 0px; width:100%; z-index: 10; line-height: 20px; height: 47px; }
#footer a { }
#footer a:hover { }
.jp_en { padding:0 0 0 20px; width:300px; }
.jp_en .japanese { }
.jp_en .english { margin:0 0 0 0px; }
#header_right { float:right; padding-right:20px; }
#header_right ul { float:left; padding:0px 0px 0px 10px; width:150px; }
#header_right .child { background:#fff; filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; padding:5px 0px 0px 0px; }
#header_right .g_child { background:#fff; filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; padding:5px 0px 0px 0px; }
.n1, .n2, .n3 { padding:0px 5px; }
.m1, .m2, .m3 { cursor:pointer; }
.opened { color:#ccc; }
.x1 { width:100px; }
.x2 { width:200px; }
.x3 { width:300px; }
.x4 { width:400px; }
.x5 { width:500px; }
.x6 { width:600px; }
.x7 { width:700px; }
.x8 { width:800px; }
.x9 { width:900px; }
.mb30 { margin-bottom:30px; }
.scrollable { position: relative; height: 480px; margin: 20px 0px 0px 0px; left:300px; line-height: 22px; width:640px; }
.items { position: absolute; width: 20000em; z-index: -10; }
.items div { float: left;  margin:0px 20px; }
.items div img { padding: 0px 10px 1px 10px; }
.scrollable_top { position: relative; height: 480px; margin: 20px 0px 0px 0px; left:100px; line-height: 22px; float:left; }
/*ニュースコンテンツ*/
.twitter_top { position:relative; margin: 10px 0px 10px 0px; }
.news_top { position:relative; width:300px; border-left:1px dotted #ccc; margin: 15px 0px 0px 0px; height:480px; padding:0px 0px 0px 10px; overflow:hidden; }
.news_contents { width:100%; display:block; padding:0px 0px 10px 5px; }
.postmetadata { margin:0px; padding:0px 0px 0px 0px; font-weight:bold; }
/*コミッションページコンテンツアウトライン*/
.grid { position: relative; margin: 0px auto; width:980px; line-height: 22px; }
.g_items { width:100%; margin-left:0px; line-height:16px; }
.g_items .post_text { padding-top:10px; font-weight:normal; }
.g_items .item { float:left; margin:5px; padding:10px; border:1px dotted #ccc; width:213px; height:230px; }
.g_items .item_inn { overflow:hidden; height:132px; }
.g_items .item img { margin:0px auto; }
.g_items .item_login { float:left; margin:5px; padding:10px; border:1px dotted #ccc; width:948px; }
.button { width:70px; margin:0px 30px 3px 0px; z-index:200; float:right; text-align:right; top:-60px; position:relative; }
.button .prev_btn { float:left; padding:0px 0px 0px 0px; }
.button .next_btn { float:left; padding:0px 0px 0px 0px; }
.button a { cursor:pointer; }
.post_credit { padding:230px 10px 0px 10px; text-align:center; }
.post_credit div { float:none; margin:0px auto; }