/***********************
date 10/01/28
ver 0.02
***********************/
/* reset & set
======================*/
html{
color:#000;
background:#fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img{
border:0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var{
font-style:normal;
font-weight:normal;
}
li{
list-style:none;
}
caption,
th{
text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-size:100%;
font-weight:normal;
}
q:before,
q:after{
content:'';
}
abbr,
acronym{
border:0;
font-variant:normal;
}
sup{
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,
textarea,
select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input,
textarea,
select{
*font-size:100%;
}
legend{
display:none;
color:#000;
}
body{
font-size:12px;
line-height:1.22;
font-family:"Hiragino Kaku Gothic Pro","MS PGothic",Arial,sans-serif;
word-break:break-all;
}
table{
font-size:inherit;
font:100%;
}
pre,
code,
kbd,
samp,
tt{
font-family:monospace;
*font-size:108%;
line-height:99%;
}
h1,
h2,
h3,
h4,
h5,
h6,
textarea{
font-size:100%;
font-weight:normal;
}
hr.separation{
display:none;
}
button{
cursor:pointer;
}
header,
footer,
nav,
section,
article,
aside{
display:block;
}
a:hover{
text-decoration: none;
}
/* common module
======================*/
.clfix{
display:inline-block;
}
.clfix:after{
display:block;
clear:both;
visibility:hidden;
height:0;
content:".";
line-height: 0;
}
.columnL{
float:left;
width:49%;
}
.columnR{
float:right;
width:49%;
}
.cent{
text-align:center;
}
.more{
text-align:right;
}
.space0{
margin:0;
}
.space5{
margin-bottom:5px;
}
.space10{
margin-bottom:10px;
}
.space15{
margin-bottom:15px;
}
.padd5{
padding:5px;
}
.padd10{
padding:10px;
}
.padd15{
padding:15px;
}
.alert{
color:#ee0000;
}
.graytext{
color:#666666;
}
.disabled{
background:#d4d0c8;
cursor:default;
}
.strong{
font-weight:bold;
}
.fntS{
font-size:90%;
}
.fntL{
font-size:110%;
}
.reset,
.reset a{
width: 200px;
margin-bottom: 0px;
background:none !important;
text-indent:0 !important;
height:auto !important;
overflow:hidden !important;
}
.reset a{
display:inline !important;
}
/* go 2 top link
----------------------*/
.gotoTop{
padding-right:15px;
background:url(../images/cmn/sub_all-100128.png) no-repeat 100% 2px;
text-align:right;
}
/* pagenation (burger hukidashi)
----------------------*/
.pageNation{
position:relative;
padding-top:10px;
margin-bottom:20px;
background:url(../images/cmn/pageN_all.png) no-repeat 0 0;
_zoom:1;
}
.pageNation ul{
position:relative;
padding-bottom:10px;
margin:0 0 0 44px;
background:url(../images/cmn/pageN_all.png) no-repeat -641px 100%;
text-align:center;
_zoom:1;
}
.pageNation li{
display:inline-block;
margin:-4px 5px;
_margin:0 5px;
*display:inline;
*zoom:1;
}
.pageNation li a,
.pageNation li strong{
display:block;
width:27px;
height:17px;
padding-top:3px;
background:url(../images/cmn/pageN_all.png) no-repeat -1240px 0;
text-align:center;
}
.pageNation li.prev,
.pageNation li.next{
position:absolute;
top:0;
}
.pageNation li.prev a,
.pageNation li.next a{
width:5em;
background:none;
}
.pageNation li.prev{
left:5px;
}
.pageNation li.next{
right:5px;
}
.pageNation li.burger{
background:#fff url(../images/cmn/bg_burger.png) no-repeat 0 0;
}
.pageNation li.burger a,
.pageNation li.burger strong{
background:url(../images/cmn/bg_burger.png) no-repeat 100% -20px;
white-space:nowrap;
width:auto;
_width:10%;
padding-left:5px;
padding-right:5px;
}
.pageNation a{
color:#231815!important;
}
.pageNation a:hover{
text-decoration:none;
}
/* base layout
======================*/
html{
background:url(../images/cmn/body_bg.png) repeat 0 0;
}
#wrapper{
width:960px;
margin:auto;
}
/* contents
======================*/
#contents{
padding:0 20px 10px;
overflow:hidden;
_zoom:1;
background-color:#231815;
}
#contents .bx{
margin-bottom:10px;
}
/* main
======================*/
#main{
float:left;
width:680px;
_width:679px;
}
#main .bx{
background:#fff url(../images/cmn/content-bg_all.png) no-repeat 0 0;
}
#main .bx h2,
#main .bx h3{
margin-bottom:15px;
background-repeat:no-repeat;
text-indent:-9999px;
height:18px;
}
#main .bx p{
margin-bottom:1em;
line-height:1.5;
}
#main .bx a{
color:#cc3300;
}
#main .bxB{
background:url(../images/cmn/content-bg_all.png) no-repeat -680px 100%;
padding:20px;
min-height:1626px;
_height:1640px;
}
#main .area{
margin-bottom:20px;
}
/* tweet lists
----------------------*/
#main .tweetList{
margin-top:-10px;
overflow:hidden;
_zoom:1;
}
#main .tweetList .tweet{
margin-top:-1px;
padding:10px 0;
border-top:1px solid #f4f4f4;
overflow:hidden;
_zoom:1;
}
#main .tweetList .tweet a{
color:#0032f5;
text-decoration:none;
}
#main .tweetList .tweet a:hover{
text-decoration:underline;
}
#main .tweetList .twImg{
float:left;
margin-right:10px;
}
#main .tweetList .twName,
#main .tweetList .twTxt{
display:inline;
margin-right:5px;
font-size:120%;
line-height:1.5;
}
#main .tweetList .twDate{
color:#bfb9d5;
}
/* sub
======================*/
#sub{
float:right;
width:220px;
}
#sub .bx{
overflow:hidden;
_zoom:1;
background:#eae3d6 url(../images/cmn/content-bg_all.png) no-repeat -1360px 0;
}
#sub .bx a{
color:#000;
}
#sub .bxB{
background:url(../images/cmn/content-bg_all.png) no-repeat -1580px 100%;
padding:10px;
}
#sub .bx h2{
margin-bottom:10px;
background-image:url(../images/cmn/sub_all-100128.png);
background-repeat:no-repeat;
text-indent:-9999px;
height:18px;
}
#sub .bx h2 a{
display:block;
height:18px;
overflow:hidden;
}
#aboutBxLink1{
background-position:0 -40px;
}
#aboutBxLink2{
background-position:0 -60px;
}
#aboutBx h3 a{
float:left;
height:67px;
width:67px;
background:url(../images/cmn/sub_all-100128.png) no-repeat -200px -80px;
text-indent:-9999px;
overflow:hidden;
}
#aboutBx dl{
width:123px;
_width:110px;
padding-left:10px;
font-size:110%;
overflow:hidden;
_zoom:1;
}
#aboutBx dt{
font-weight:bold;
}
#aboutBx dd{
width:60px;
_width:55px;
float:left;
margin-top: 10px;
font-size: 90%;
}
#aboutBx dd span{
display:block;
font-weight:bold;
}
#sub #aboutBx dd a{
color:#cc3300;
}

#tweetBx{
color:#605552;
}
#sub #tweetBx .btn{
height:50px;
background:none;
}
#tweetBxBtn2 a{
background-position:0 -130px!important;
}
#sub #tweetBx .btn a{
display:block;
height:50px;
background:url(../images/cmn/sub_all-100128.png) no-repeat 0 -80px;
opacity:0.9;
filter:alpha(opacity=90);
-ms-filter:"alpha(opacity=90)";
}
#sub #tweetBx .btn a:hover{
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
}
#sub #tweetBx p{
margin-bottom:10px;
}

#infoBx h2{
background-position:-184px -40px;
}
#infoBx dl{
font-size:115%;
position:relative;
_zoom:1;
}
#infoBx dt{
position:absolute;
left:0;
}
#infoBx dd{
margin-left:4em;
font-weight:bold;
}
#sub #resBx a{
color:#c30;
}
#resBx .tweet{
position:relative;
margin-bottom:5px;
*zoom:1;
}
#resBx .twImg{
position:absolute;
left:3px;
}
#resBx .twImg img{
width:30px;
height:30px;
}
#resBx .twTxt{
margin-left:40px;
color:#c30;
font-weight:bold;
font-size:120%;
}
#resBx .tweetList .tweet{
padding:3px;
}
#resBx .tweetList .even{
background-color:#fff;
}
#resMds1{
background:url(../images/cmn/res_mds1.png) no-repeat 50% 50%!important;
}
#resMds2{
margin-top:15px;
height:34px!important;
background:url(../images/cmn/res_mds2.png) no-repeat 50% 50%!important;
}
#resMds2 a{
height:34px!important;
}
#resTweet2 li{
zoom:1;
padding:3px;
border:1px solid #bdab89;
}
#qrBx{
text-align:center;
}
#qrBx h2{
background-position:-150px -60px;
}
#qrBx img{
margin-bottom:10px;
}
/* footer
======================*/
#copyright{
padding:30px 0;
color:#975e35;
text-align:right;
}
#powerd a{
float:left;
width:365px;
height:40px;
margin-top:20px;
background:url(../images/cmn/sub_all-100128.png) no-repeat 0 -190px;
text-indent:-9999px;
overflow:hidden;
}
#followMe{
position:fixed;
_position:absolute;
top:10px;
left:50%;
height:93px;
width:85px;
margin-left:485px;
background:url(../images/cmn/sub_all-100128.png) no-repeat -281px -81px;
text-indent:-9999px;
}
#followMe a{
height:93px;
width:85px;
display:block;
overflow:hidden;
}
/* tatsuta
%%%%%%%%%%%%%%%%%%%%%%*/
/* [tatsuta] */
#header{
position:relative;
height:384px;
padding:10px 20px 10px;
background:url(../images/cmn/header_bg.png) no-repeat 0 0;
}
#hdCatch h1,
#hdCatch p{
	display: none;
}
#hdCatch .btn a{
	background-repeat: no-repeat;
	background-image: url(../images/cmn/btn_link.png);
	position: absolute;
	left: 247px;
	top: 365px;
	display: block;
	height: 27px;
	width: 211px;
	text-indent: -9999px;
	overflow: hidden;
}
#hdCatch .btn a:hover{
	background-image: url(../images/cmn/btn_link_hover.png);
}
#hdCatch #logo,
#hdCatch #logo a{
	display: block !important;
position:absolute;
top:10px;
left:20px;
width:54px;
height:50px;
overflow:hidden;
text-indent:-9999px;
}

#headerR {
	position: relative;
	float: right;
	width: 50%;	
}
#headerR h2{
	height: 20px;
	text-indent: -9999px;
}
#headerR h3{
	height: 40px;
	text-indent: -9999px;
}
#headerR p{
	text-indent: -9999px;
}
#headerR dl{
	height: 300px;
	width: 140px;
	position: absolute;
	right: 0;
	top: 10px;
	text-indent: -9999px;
}