/*
Theme Name: ogata.ga
Theme URL: http://xxxxx.com/
Description: 
Author: 
Version: 1.0

ip：216.73.216.25
ua： mozilla/5.0 applewebkit/537.36 (khtml, like gecko; compatible; claudebot/1.0; +claudebot@anthropic.com)
デバイス： pc
デバイス（詳細）： 
表示サイト： pc
OS： 
URL： http://ogata.nojukuyaro.com/

*/
@charset "utf-8";

html, body {
margin: 0px;
padding: 0px;
border: 0px;
}

body {	
font-family: 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo','メイリオ','MS Pゴシック Ex+','MS Pゴシック','MS PGothic','ＭＳ ゴシック','MS Gothic','verdana', 'trebuchet ms', 'sans-serif';

line-height: 150%;
text-align: center;
background-color: #000000;
color: #000000;
word-break: break-all;
word-wrap:break-word;

	font-size: 12px;

}

a {text-decoration: none;}
a:link{color: #dc0e33;}
a:visited{color: #9d0621;}
a:hover{font-weight: bold; color: #ffcc00;}
a img { border: 0; }
a:focus{outline:none;}

li, ul, ol {
list-style-type: none;
padding: 0;
margin: 0;
text-align:left;
}

tr, td {
padding: 0;
}

p {
display: inline;
margin: 0px;
padding: 0px;
border: 0px;
}


.komidashi {
font-weight: bold;
line-height: 150%;

	font-size: 15px;
	margin-bottom: 3px;

}

.rubi {
line-height: 200%;

	font-size: 10px;

}

span.search-highlight {
background:yellow;
font-weight: bold;
font-size: 140%;
} 

/* - - - - - - - ヘッダー - - - - - - - - */


#sotowaku {
text-align: left;
background-color: #000000;
position: absolute;
top: 0px;
left:50%;
margin-top: 0px;
margin-bottom: 0px;

	width: 960px;
	margin-left: -480px;

}



#center {
width: 640px;

text-align: left;
background-color: #ffffff;
position: absolute;
top: 0px;
left:50%;
margin-top: 0px;
margin-left: -320px;
margin-bottom: 0px;

}

#title {
width: 640px;
height: 160px;
background-color: #000000;
margin: 0px;
padding: 0px;
border: 0px;
}

.cube {
width: 160px;
height: 160px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;

}

.cube img {
width: 100%;

}

.bgblue {
background: rgba(84, 140, 168, 0.9);
transition: 0.5s;
}

.bgbluedark {
background: rgba(84, 140, 168, 0.4);
transition: 0.5s;
}

.bgbluedark img {
opacity: 0.5;
}

a .bgblue:hover {
background: rgba(84, 140, 168, 0.6);
}

.bgkon {
background: rgba(87, 77, 149, 0.9);
transition: 0.3s;
}

.bgkondark {
background: rgba(87, 77, 149, 0.4);
transition: 0.3s;
}

.bgkondark img {
opacity: 0.5;
}


a .bgkon:hover {
background: rgba(87, 77, 149, 0.6);
}

.checkbutton {
background: transparent;
width: 160px;
height: 160px;
border: 0;
border-style: none;
}

.checkbuttonpurple {
background: rgba(139, 83, 162, 0.9);
transition: 0.3s;
}

.checkbuttonpurple:hover {
background: rgba(139, 83, 162, 0.6);
}

.checkbuttonred {
background: rgba(162, 83, 83, 0.9);
transition: 0.3s;
}

.checkbuttonred:hover {
background: rgba(162, 83, 83, 0.6);
}

.checkbuttonbrown {
background: rgba(156, 136, 81, 0.9);
transition: 0.3s;
}

.checkbuttonbrown:hover {
background: rgba(156, 136, 81, 0.6);
}


.bgpurple {
background: rgba(139, 83, 162, 0.9);
transition: 0.3s;
}

.bgpurpledark {
background: rgba(139, 83, 162, 0.4);
transition: 0.3s;
}

.bgpurpledark img {
opacity: 0.5;
}


a .bgpurple:hover {
background: rgba(139, 83, 162, 0.6);
}

.bgred {
background: rgba(162, 83, 83, 0.9);
transition: 0.3s;
}

.bgreddark {
background: rgba(162, 83, 83, 0.4);
}

.bgreddark img {
opacity: 0.5;
}

a .bgred:hover {
background: rgba(162, 83, 83, 0.6);
}

.bgbrown {
background: rgba(156, 136, 81, 0.9);
transition: 0.3s;
}

.bgbrowndark {
background: rgba(156, 136, 81, 0.4);
}

.bgbrowndark img {
opacity: 0.5;
}


a .bgbrown:hover {
background: rgba(156, 136, 81, 0.6);
}

.bgkimidori {
background: rgba(136, 156, 81, 0.9);
transition: 0.3s;
}

.bgkimidoridark {
background: rgba(136, 156, 81, 0.4);
transition: 0.3s;
}

.bgkimidoridark img {
opacity: 0.5;
}

a .bgkimidori:hover {
background: rgba(136, 156, 81, 0.6);
}

.bggreen {
background: rgba(81, 156, 93, 0.9);
transition: 0.3s;
}

.bggreendark {
background: rgba(81, 156, 93, 0.4);
transition: 0.3s;
}

.bggreendark img {
opacity: 0.5;
}

a .bggreen:hover {
background: rgba(81, 156, 93, 0.6);
}

.bgblack {
background: rgba(0, 0, 0, 1);
}


#main {
width: 640px;
margin: 0px;
padding: 0px;
border: 0px;
}





/* - - - - - - - サブ - - - - - - - - */


#left {
position: fixed;
left: 50%;
top: 160px;
width: 160px;
height: 480px;
margin-left: -480px;


}



#right {
position: fixed;
left: 50%;
top: 160px;
width: 160px;
height: 480px;
margin-left: 320px;


}




/* - - - - - - - メインコンテンツ - - - - - - - - */


#screen {
width: 640px;
height: 480px;
background: rgba(0, 0, 0, 0.7);
margin: 0px;
padding: 0px;
border: 0px;
}

#ifscreen {
position: absolute;
top: 160px;
left: 0px;
width: 640px;
height: 480px;
text-align: center;
overflow: hidden;


}

#ifscreen img {
height: 100%;
}

#screentxt {
position: absolute;
top: 640px;
left: 0px;
width: 640px;
height: 0px;
text-align: center;
overflow: hidden;
background: rgba(67, 84, 90, 0.95);
transition: 0.5s;
}

#screentxtinner {
width: 520px;
height: 100px;
padding: 30px 60px;
text-align: right;
vertical-align: middle; 
overflow: hidden;
color: #ffffff;
display: table-cell;
}

.screentxtinnertitle {
font-weight: bold;
margin: 20px 0;
line-height: 100%;

	font-size: 16px;


}


.screentxtinnersetsumei {
float: right;
width: auto;
line-height: 120%;
text-align: left;
	font-size: 13px;


}


#ifscreen:hover ~ #screentxt {
height: 160px;
top: 480px;
}

#screentxt:hover {
height: 160px;
top: 480px;
}

#container {
width: 640px;
margin: 0px;
padding: 0px;
border: 0px;
}

.txtbox {
width: 600px;
padding: 20px;
}

.sakuhinlist {
width: 100%;
height: 160px;
background: rgba(0, 25, 0, 0);
}

.sakuhinbox {
width: 480px;
display: inline-block;
vertical-align: top;
overflow: hidden;

	height: 159px;
	border-bottom: 1px dotted #999999;

}

.sakuhinmei {
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

	width: 440px;
	height: 15px;
	font-size: 15px;
	padding: 20px;

}

.sakuhinsetsumei {
overflow: hidden;

	width: 440px;
	padding: 0 20px 20px 20px;
	height: 84px;


}


.sakuhinlist2 {
width: 640px;
height: 160px;
background: rgba(0, 0, 0, 0.8);
color: #ffffff;
}

.sakuhinlist2right {
width: 480px;
height: 160px;
display: inline-block;
vertical-align: top;
position: relative;
}

.sakuhinmei2 {
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

	height: 15px;
	font-size: 15px;
	padding: 20px;

}

.sakuhinsetsumei2 {
background: rgba(256, 0, 0, 0);
overflow: hidden;
	padding: 0 20px 20px 20px;
	height: 67px;


}



/* - - - - - - - 中身 - - - - - - - - */



.toptitle {
width: 100%;
font-weight: bold;
line-height: 150%;
padding-bottom: 10px;
margin-bottom: 25px;


	font-size: 14px;
	border-bottom: 1px dotted #999999;

}

.floatright {
float: right;

}


.border {
width: 100%;
height: 1px;
margin: 16px 0;

	border-bottom: 1px dotted #999999;


}


.thumbnailtitle {
width: 140px;
height: 0px;
padding: 0 10px;
position: absolute;
bottom: 0px;
left: 0px;
overflow: hidden;
text-align: center;
background: rgba(67, 84, 90, 0.8);
white-space: nowrap;
text-overflow: ellipsis;

line-height: 40px;
color: #ffffff;

transition: 0.3s;
z-index: 9999;

	font-size: 13px;



}

.cube:hover > .thumbnailtitle {
height: 40px;
}

.thumbnailtitle:hover {
height: 40px;
}


.hash {
position: relative;
top: -20px;
}

.cubex2 {
width: 320px;
height: 160px;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
font-weight: normal; 
background: rgba(256, 256, 256, 0.2);

}

.searchbox {
width: 320px; 
height: 50px; 
position: absolute; 
top: 0; 
bottom: 0; 
margin: auto;

}

.searchinput {
padding: 0 20px; 
width: 280px; 
height: 50px; 
font-weight: normal; 
background: transparent; 
color: #ffffff; 
font-size: 40px; 
border: 0;

}

.cubex4 {
position: relative; 
width: 640px;
height: 160px;

}


.qcube2 {
width: 160px;
height: 32px;
overflow: hidden;
text-align: center;
line-height: 32px;
color: #ffffff;
font-weight: normal;

	font-size: 20px;

}


.qcube0 {
width: 160px;
height: 0px;
overflow: hidden;
}



.nengouhyoji {
padding: 20px; 
height: 120px; 
font-size: 40px; 
line-height: 120px; 
text-align: center; 
color: #ffffff; 
font-weight: normal;

}

.qcubeboxyear {
height: 0px; 
position: absolute; 
top: 160px; 
left: 160px;
overflow: hidden;
transition: 0.5s;
z-index: 99999;
}



.qcubeboxyeartrigger:hover ~ .qcubeboxyear {
height: 672px; 
}

.qcubeboxyear:hover {
height: 672px; 
}


.tsukihyoji {
color: #ffffff; 
font-weight: normal; 
padding: 20px; 
height: 120px; 
font-size: 40px; 
line-height: 120px; 
text-align: center;

}

.qcubeboxmonth {
height: 0px; 
position: absolute; 
top: 160px; 
left: 320px;
overflow: hidden;
transition: 0.5s;
z-index: 99999;
}

.qcubeboxmonthtrigger:hover ~ .qcubeboxmonth {
height: 384px; 
}

.qcubeboxmonth:hover {
height: 384px; 
}



.bgpurple1 {
background: rgba(139, 83, 162, 0.7);
transition: 0.3s;
}


.bgpurple1:hover {
background: rgba(139, 83, 162, 1);
}


.bgbrown1 {
background: rgba(156, 136, 81, 0.7);
transition: 0.3s;
}

.bgbrown1:hover {
background: rgba(156, 136, 81, 1);
}

.bgkimidori1 {
background: rgba(136, 156, 81, 0.7);
transition: 0.3s;
}

.bgkimidori1:hover {
background: rgba(136, 156, 81, 1);
}

.bggreen1 {
background: rgba(81, 156, 93, 0.7);
transition: 0.3s;
}

.bggreen1:hover {
background: rgba(81, 156, 93, 1);
}



/* - - - - - - - フッター - - - - - - - - */


#footer {
width: 640px;
height: 160px;
background-color: #000000;
border-bottom: 0px solid #000000; 
position: relative;
}

.nombre {
width: 70px;
height: 50px;
position: absolute;
top: 40px;
right: 90px;
color: #ffffff;
text-align: right;
font-weight: normal;

	font-size: 30px;


}

.maxpage {
width: 70px;
height: 50px;
position: absolute;
bottom: 5px;
right: 35px;
color: #ffffff;
text-align: right;
font-weight: normal;

	font-size: 30px;


}

.qcubebox {
width: 160px;
height: 0px;
position: absolute;
bottom: 160px;
left: 160px;
overflow: hidden;
transition: 0.3s;
z-index: 99999;

}


.qcube {
width: 160px;
height: 32px;
overflow: hidden;
text-align: center;
line-height: 40px;
color: #ffffff;
font-weight: normal;

	font-size: 20px;

}


.bgkon1 {
background: rgba(87, 77, 149, 0.7);
transition: 0.3s;
}


.bgkon1:hover {
background: rgba(87, 77, 149, 1);
}


















/* - - - - - - - 旧作より - - - - - - - - */



.ex {
width:600px;
margin: 0px;
border-collapse: collapse;
font-size: 10px;
line-height:150%; 
color: #ffffff;
}
td {
padding: 5px;
text-align: left;
vertical-align: top;
border: 0px;
}
.exa0 {
width:55px;
text-align: center;
font-family: 'Futura', 'sans-serif';
font-size: 12px;
vertical-align: middle;
background-color: #3d5456;
}
.exb0 {
background-color: #5d7778;
width:185px;
}
.exc0 {
background-color: #577071;
width:185px;
}
.exa1 {
background-color: #314947;
width:55px;
text-align: center;
font-family: 'Futura', 'sans-serif';
font-size: 12px;
vertical-align: middle;
}
.exb1 {
background-color: #2e536b;
width:185px;
}
.exc1 {
background-color: #2f515f;
width:185px;
}
.exb2 {
background-color: #385f7f;
width:185px;
}
.exc2 {
background-color: #385c71;
width:185px;
}