@import url('examples/2c-r.css');
@import url('js/shadowbox/shadowbox2.css');
img, div, input, li, p, span, h3, h1{ behavior: url("http://oodoigama.com/wp-content/themes/sandbox3/js/iepngfix.htc") }

/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a&gt;
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/* Two-column with sidebar on left from the /examples/ folder  */
/*******************************************************************************/

html, body { height: 100%; /* required */ }

* {
	margin: 0;
	padding: 0; }
 
body {
	background-image: url('images/body_background.jpg');
	font-size: 10px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.8em; }
 
/* for IE6 */
* html body { font-size: 60%; }
 
/* for IE7 */
*:first-child+html body { font-size: 62.5%; }
 
body {
	text-align: center; /* horizontal centering hack for IE */
	padding: 0; /* required to "hide" distance div */
	margin: 0; /* required to "hide" distance div */ }
 
div#distance {
	margin-bottom: -300px; /* half of content height */
	background: white; /* temporary - used to see div */
	width: 1px; /* required to "hide" distance div */
	height: 50%; /* required */
	float: left; /* required */ }
 
div#centering {
	position: relative; /* positions content on top of distance */
	text-align: left; /* horizontal centering hack for IE */
	height: 600px; /* required - desired height */
	width: 900px; /* required - desired width */
	background: none; /* cosmetic */
	margin: 0 auto; /* required */
	clear: left; /* required */ }
 
div#wrapper {
	height: 560px;
	width: 860px;
	padding: 20px; }

div.content_wrapper { height:510px;}

/*******************************************************************************
   GENERAL SETTINGS 
*******************************************************************************/
body#english { font-family: "Century Gothic" }

div#blog-description { display: none }

div#content { height: 510px; }

div#container {
	background: url(images/container_bg.png) no-repeat;
	height: 510px;
	overflow: hidden;
	font-size: 1.2em;
	line-height: 1.6em; }

div#footer { font-size: 11px; }

*:first-child+html .footer {
	position: absolute;
	left: -860px;
	bottom: 0;
	width: 860px; }

.footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 860px; }

img { border: none; }

.hidden img { display: none; }
a { outline:none}
a:link,a:visited { color:#222; text-decoration: none }
 
a:hover { color: #339900; }

.entry-content a,
.news_entry a,
div#inner a, 
div.textbox a { color:#339900; font-weight:700;}

/*.entry-content a:hover,
.news_entry a:hover,
div#inner a:hover,
div.textbox a:hover {color:#E1FDE5;}*/

li { list-style: none; }

h1 { background-image:url(images/oodoigama.png);
     background-repeat:no-repeat;
     position:relative;
     top:7px;
     left:15px;
     height:25px; 
     width:222px; 
     float: left; }
h1 a { display:block;height:100%;width:100%;}

h2 {
	font-size: 1.2em;
	position: absolute;
	top: 120px;
	left: 75px;
	z-index: 998;
	font-weight: 400; }
	
h3 {
	font-size: 1.2em;
	margin: 15px 0 6px 0;
	font-weight: 400; }
	
div#lang {
	font-family: Century Gothic;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: absolute;
	top: 10px;
	right: 0; }
 
	div#lang li.active { display: none }
 
.edit-link {
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 2px;
	background: pink;
	height: 20px;
	position: fixed;
	bottom: 0;
	right: 0;
	text-align: center;
	width: 40px; }

/******************* 
  TOUREKI
*******************/

#toureki {
           position:absolute; 
           top:15px;
           right:10px;
           height:20px;}

*html dl { width: 350px;}
dl { width: 400px; }
 
dt {
	float: left;
	width: 100px;
	padding: 5px 0 5px 30px;
	clear: both; }
 
dd.top { border-left: 0px solid #999 }

*html dd { width: 200px;} 
dd {
	width: 260px;
	margin-left: 100px;
	padding: 5px 5px 5px 30px;
	border-left: 1px solid #999; }
 
/* *html dt { width: 50px!important; }*/

/******************* 
  MENU
*******************/

div.menu {  position:relative;
	width: 620px;
	height: 30px;
	float: right;
	bottom:-15px;
	right:5px;
	font-size: 1.2em;
	margin:0 5px }
 
	div.menu ul {
		text-align: right; }
 
	div.menu li { display: inline; }
 
		div.menu li a {
		    font-weight:700;
		    padding:0 0 24px 0;
			margin-left: 13px;}
			
			div.menu li a:hover {
			background-image:url(images/hover.png);
			background-repeat:no-repeat;
			background-position:bottom center;
			}
 
		div.menu li.current_page_item a{
			/*font-size: 120%;
			font-weight: 700;*/ 
			background-image:url(images/current.png);
			background-repeat:no-repeat;
			background-position:bottom center;}

#new { position:absolute;right:-15px;top:-12px;}	
		
/*******************************************************************************
   INDIVIDUAL SETTINGS
*******************************************************************************/
#post-335 h2,
#post-332 h2,
#post-51 h2,
#post-293 h2,
body.single h2,
body.blog h2 {
	font-size: 1.2em;
	position: absolute;
	top: 110px;
	left: 120px;
	text-align: left;
	z-index: 998;
	font-weight: 400; }
 
body.pageid-246 h2{ display: none; }

*+html body.blog div#works { /*background:skyblue;*/
	position: relative;
	width: 660px;
	height: 250px;
	top: 80px;
	left: 100px;}

*html body.blog div#works { /*background:skyblue;*/
	position: relative;
	width: 660px;
	height: 250px;
	top: 80px;
	left: 100px;}
	
body.single div#works,
body.blog div#works { /*background:skyblue;*/
	position: relative;
	width: 660px;
	height: 250px;
	top: 60px;
	left: 100px;}
        
        *html body.single div#works{ top:80px;}
        *+html body.single div#works{ top:80px;}

        body.single div#works p,
	body.blog div#works p { 
                                 width:360px;
                                 height:250px; 
                                 overflow:auto;
                                 padding:0 10px 0 0;
                                 float:left;}
        
        body.single div#works ul,
        body.blog div#works ul { height:250px; width:250px; margin:0 0 0 0; float:right;}
                
        body.single div#works img,
        body.blog div#works img { margin:0 0 0 0; }
        
        body.single div#works img.wide,
        body.blog div#works img.wide { margin:0 0 0 -210px; }


div#inner {
    position: relative;
	width: 650px;
	height: 275px;
	top: 60px;
	left: 120px;
	overflow:auto; }
	
    div#inner div { padding-right: 20px;}
    
div#inner.about_site p { padding-left:20px}

div#works {
	position: relative;
	width: 600px;
	height: 260px;
	top: 40px;
	left: 130px; }
 
div#navi {
	position: relative;
	width: 600px;
	top: 55px;
	left: 130px; }
	
*+html body.single .entry-content,	
*+html #post-335 .entry-content,	
*+html #post-332 .entry-content,	
*+html #post-51 .entry-content,
*+html #post-293 .entry-content,
*+html body.blog .entry-content, 
*+html #post-246 .entry-content 
*+html #post-293 .entry-content { 
	/*background-image: url(images/works_bg2.jpg);*/
        background-repeat: no-repeat;
        background-position: center 20px;
	    height: 380px;
	    width: 742x;}

*+html div#inner {
        position: relative;
	width: 650px;
	height: 275px;
	top: 80px;
	left: 120px;
	overflow:auto; }
	
*html body.single .entry-content,	
*html #post-335 .entry-content,	
*html #post-332 .entry-content,	
*html #post-51 .entry-content,
*html #post-293 .entry-content,
*html body.blog .entry-content, 
*html #post-246 .entry-content 
*html #post-293 .entry-content { 
	    /*background-image: url(images/works_bg2.jpg);*/
        background-repeat: no-repeat;
        background-position: center 20px;
	    height: 380px;
	    width: 742x;}

*html div#inner {
    position: relative;
	width: 650px;
	height: 275px;
	top: 80px;
	left: 120px;
	overflow:auto; }
	
body.single .entry-content,		
#post-335 .entry-content,	
#post-332 .entry-content,	
#post-51 .entry-content,
#post-293 .entry-content,
body.blog .entry-content, 
#post-246 .entry-content { 
    /*background-image: url(images/works_bg2.jpg);*/
    background-repeat: no-repeat;
    background-position:center center;
	height: 360px;
	width: 742x;
    margin: 20px 0 0 0;}

*:first-child+html body.pageid-246 div#category div {background-image:none;background-color:white;border:1px #666 solid;height:20px;width:71px;text-align:center;line-height:20px;margin:5px 0 0 0;}
*html body.pageid-246 div#category div {background-image:none;background-color:white;border:1px #666 solid;height:20px;width:71px;text-align:center;line-height:20px;margin:5px 0 0 0;}
*:first-child+html body.pageid-246 div#category div:hover {background-image:none ;background-color:#f4f4f4;border:1px #339900 solid; cursor:pointer } 
*html body.pageid-246 div#category div:hover {background-image:none ;background-color:#f4f4f4;border:1px #339900 solid; cursor:pointer }

div#category {display:none}
body.pageid-246 div#category a {display:block;height:100%;width:100%;}
body.pageid-246 div#category {display:block;position:absolute;top:120px; left:40px;}
body.pageid-246 div#category div {background:url(images/cat_bg.png);height:36px;width:81px;text-align:center;line-height:38px;}
body.pageid-246 div#category div:hover {background: url(images/cat_bg_hov.png); cursor:pointer }

div#works ul {
	height: 250px;
	width: 250px; }
div#works ul img { display:none;}

div#works ul .normal { display:none;
	width: 250px; }
	div#works ul .wide { display:none;
	width: 460px; 
	margin-left: -210px;}

	
div#works li p {
        position:absolute;
        bottom:-20px;
        left:0;
        text-align:right;
        padding-right:23px;
        background: url(images/zoom.png) no-repeat;
        background-position:right top;
        width:227px;
        height:20px; }

div#slider3 { display:none;
	position: absolute;
	top: 90px;
	left: 40px;
	width: 495px;
	height: 300px; }
 
	div#slider3 div.textbox { margin: 0!important; }
 
*+html div.textbox  { margin-left: 10px; padding-top:60px;}
*html div.textbox { margin-left: 10px; padding-top:60px;}

div.textbox {
	/*background: url('images/textbox_y.jpg') no-repeat;*/
	width: 495px;
	height: 300px;
	float: left;
	padding-top: 50px;
	margin: 30px 0 0 20px; }
        
       div.textbox div { 
		height: 250px;
		margin: 15px 30px 0 0;
		overflow: auto;
		overflow-x: hidden; }
  
div.textbox p,
div.textbox2 p,
div.textbox dl { padding: 0 30px 0 50px }
 
div#post-51 div.textbox p { padding-left: 50px }
 
#modoru {
	position: absolute;
	top: 15px;
	right: 10px; }

div#oodoi-gama {
	width: 280px;
	height: 265px;
	float: right;
	margin: 95px 50px 0 0; }
 
        *html div#oodoi-gama ul span { padding-left:23px;}
        *html div#oodoi-gama ul p { padding-left: 0;}

        div#oodoi-gama ul p {
		background-image: url(images/zoom.png);
                background-repeat: no-repeat;
                background-position: 0 0;
		padding-left: 23px;
		margin-top: 10px; }

*html div#oodoi-gama { margin-right: 20px!important; }
 
div#oodoi-gama ul img { display:none;
                        width: 280px;
                        height:200px;
                        /*position:relative;
                        top:0;
                        left:0;*/ }
 
ul#slider1 { float: left }

ul#copy {
	padding: 10px 0 0 0;
	text-align: left;
	float: left }
 
	ul#copy li { display: inline; }
 
		ul#copy li a { padding-bottom: 5px; }
 
ul#copy2 {
	padding: 10px 0 0 0;
	margin:0 30px 0 0;
	text-align: left;
	float: right }
 
	ul#copy2 li { display: inline; }
 
div.wp-pagenavi {
	text-align: center;
	position: relative;
	top: -20px;
	left: 130px;
	width: 600px; }

div.clear { clear:both:height: 1px; }
 
#page-link .next { float: left; }
 
#page-link .previous { float: right; }
 
p.number {
	text-align: center;
	color: red;
	padding: 5px 0; }
 
	p.number a { color: #333; }
 
.meta-step { margin: 0 10px; }
 
table,td { border-collapse: collapse; }
 
div#inner table { margin-left: 50px; }
 
div#inner td { padding: 3px 20px; }
 
div#inner h3 { margin-left: 0 }
 
/*******************************************************************************
   THUMBNAIL SLIDER
*******************************************************************************/

div#slider-container { 
	position: absolute;
	bottom: 40px;
	left: 20px;
	width: 860px;
	height: 120px;
	text-align: center; }

.SlidingPanelsContentGroup img {
		margin: 0 5px;
		border: 1px #ccc solid; }
 
*html .SlidingPanels {
	float: left;
	margin:21px 0 0 30px;
	width: 740px;
	height: 78px;
}
.SlidingPanels {
	float: left;
	margin:21px 0 0 60px;
	width: 740px;
	height: 78px;
}
.SlidingPanelsContentGroup { 
	float: left;
	width: 10000px;
}
.SlidingPanelsContent { 
	float: left;
	width: 740px;
	height: 78px;
}

/******************* 
 PREV & NEXT BUTTON
*******************/
#works #nav { 
       /*background:red;*/
       position:absolute;
       bottom:-17px;
       width:250px;
       text-align:center;}
       
       #works #nav span { margin:0 10px;} 

div.nav a, div.nav2 a {display:block;height:100%;width:100%;}
div.nav:hover, div.nav2:hover { cursor: pointer; }
#slider-container #prev2 {
	height: 76px;
	width: 30px;
        border: 1px #fff solid;
	background: url(images/arrow/arrow_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 21px;
	left: 30px; 
	z-index:998;}
	
#slider-container #next2 {
	height: 76px;
	width: 30px;
	border: 1px #fff solid;
	background: url(images/arrow/arrow_right.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 21px;
	right: 30px; 
	z-index:998; }
	
#slider-container #prev2:hover, #slider-container #next2:hover {
	border: 1px #c6c6c6 solid;
	background-color: #f4f4f4!important ; }
	
/*******************************************************************************
   LOADING PANEL
*******************************************************************************/

div#loading_panel {
	background-color: #fff;
	height: 480px;
	width: 820px;
	position: absolute;
	top: 75px;
	left: 40px;
	z-index: 999; }

	div#loading_panel p {
		height: 480px;
		width: 820px;
		background-color: #fff;
		background-image: url(images/loading.gif) ;
		background-repeat: no-repeat ;
		background-position: center center; }

/*******************************************************************************
   TABLE SETTINGS
*******************************************************************************/
  
table.caption {
	float: right;
	width: 300px; }
 
	table.caption td {
		padding: 5px 10px;
		white-space: nowrap; }
 
		table.caption td.left {
			text-align: left;
			vertical-align: top; }
 
table#toureki td { padding: 3px; }
 
table#toureki #c-1 { vertical-align: top }
table#link_page { width: 100%; }
 
	table#link_page td {
		text-align: center;
		padding: 20px 0 0 0; }
 
table#default td { padding: 5px 10px; }
 
table#default #c-1 { vertical-align: top; } 
 
p.scroll { overflow: auto; }
 
table#related_link {
	width: 800px;
	margin: 60px auto 0 auto; }
 
	table#related_link td { text-align: center; }
 
	table#related_link img { margin: 50px 0 0 0; }
 
table#contact td {
	vertical-align: top;
	padding: 10px; }
 
	table#contact td.left {
		text-align: center;
		width: 200px; }

/*******************************************************************************
   *******
*******************************************************************************/

div#about {
	width: 500px;
	height: 320px;
	overflow: auto;
	background: #f4f4f4; }
 
	div#about p { padding: 0 20px }
 
	div#about h3 { margin-left: 20px; }

*html .arrow span {padding-left:20px;}
*html .arrow {
	background-image: url('images/arrow/bullet.png');
	background-repeat: no-repeat;
        background-position:left top;
        padding-left: 0; }

li.page-item-335,
li.page-item-332, 
.arrow {
	background-image: url('images/arrow/bullet.png');
	background-repeat: no-repeat;
    background-position: 0 0 ;
	padding-left: 20px; }
        
li.page-item-335,
li.page-item-332 {background-position: 0 -3px ;}

div#post-1102 .entry-title a,/* 目立て */
div#post-1123 .entry-title a /* わびすけ */
{ color: #ffffff!important;}　
  
/*******************************************************************************
   Just some example content
*******************************************************************************/

.entry-title,.entry-meta { clear: both; }
.entry-meta {position:absolute;top:111px;right:220px;font-size:11px;}
 
div#container,div#primary { margin-top: 15px; }
 
form#commentform .form-label { margin: 1em 0 0; }
 
form#commentform span.required {
	background: #fff;
	color: #c30; }
 
form#commentform,form#commentform p { padding: 0; }
 
input#author,input#email,input#url,textarea#comment { padding: 0.2em; }
 
div.comments ol li { margin: 0 0 3.5em; }
 
textarea#comment {
	height: 13em;
	margin: 0 0 0.5em;
	overflow: auto;
	width: 66%; }
 
.alignright,img.alignright {
	float: right;
	margin: 1em 0 0 1em; }
 
.alignleft,img.alignleft {
	float: left;
	margin: 1em 1em 0 0; }
 
.aligncenter,img.aligncenter {
	display: block;
	margin: 1em auto;
	text-align: center; }
 
div.gallery {
	clear: both;
	height: 180px;
	margin: 1em 0;
	width: 100%; }
 
p.wp-caption-text { font-style: italic; }
 
div.gallery dl {
	margin: 1em auto;
	overflow: hidden;
	text-align: center; }
 
	div.gallery dl.gallery-columns-1 { width: 100%; }
 
	div.gallery dl.gallery-columns-2 { width: 49%; }
 
	div.gallery dl.gallery-columns-3 { width: 33%; }
 
	div.gallery dl.gallery-columns-4 { width: 24%; }
 
	div.gallery dl.gallery-columns-5 { width: 19%; }
 
div#nav-images {
	height: 150px;
	margin: 1em 0; }
 
div.navigation { 
    z-index:998;
    position:absolute;
    top:435px;
    margin:0 0 0 90px;
	width: 680px; }

	div.navigation div.nav-next {
		float: right;
		text-align: right; }
 
div.sidebar { display: none }
 
	div.sidebar h3 { font-size: 1.2em; }
 
	div.sidebar input#s { width: 7em; }
 
	div.sidebar li {
		list-style: none;
		margin: 0 0 2em; }
 
		div.sidebar li form {
			margin: 0.2em 0 0;
			padding: 0; }
 
	div.sidebar ul ul { margin: 0 0 0 1em; }
 
		div.sidebar ul ul li {
			list-style: disc;
			margin: 0; }
 
		div.sidebar ul ul ul { margin: 0 0 0 0.5em; }
 
			div.sidebar ul ul ul li { list-style: circle; }
 
div.gallery dl,div.navigation div.nav-previous { float: left; }
 
div#header,div#footer { text-align: center; }
 
input#author,input#email,input#url,div.navigation div { width: 50%; }
 
div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
	margin: 0;
	padding: 0; }
 
#counter_div {
         position:fixed; 
         height:3px;
         width:3px;
         top:10px;
         right:10px;
         background:#333;
         cursor:pointer; }
.counter {
        display:none;
	position:absolute; 
        top:5px;
        right:10px;
        text-align:right; }
 
.awsomarchive {
        position: absolute;
        right: 50px;
        top: 110px; }
       .awsomarchive select {
            border:1px #ccc solid; 
            width:150px; 
            background: #FFFFC9;
            padding: 2px;}

blockquote {
	border-left:3px #dcdcdc solid;
	color:#003366;
	padding:0 10px;
	margin:10px 0; }