@charset "utf-8";
/* CSS Document */
/* ======================================================== Common CSS

ついっぷるリニューアル

=========================================================== 2010.07.13*/


/* ▼ Common ▼
------------------------------------------------------------*/
.f-i-l-t-e-r {
	display: none;
}

.newTweet {
	display: none;
}

html{
    font-size: 14px;
	/*width:100%;*/
	/**font-size: small;
	*font: x-small;*/
}

html>/**/body {
    font-size: 14px;
}


body{
	color: #333333;
    font-family: Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
    font-size-adjust: none;
    font-stretch: normal;
    height: 100%;
    line-height: 110%;
	width: 100% !important;
     min-width: 1052px;
    text-align: center;
	zoom:1;
}


*{
	font-family:Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	margin: 0px;
	padding: 0px;
	text-align:left;
}

a:link   {color: #0066D1; text-decoration: none;/* font-weight:bold;*/}
a:visited{color: #0066D1; text-decoration: none;/* font-weight:bold;*/}
a:active {color: #0066D1; text-decoration: underline;}
a:hover  {color: #0066D1; text-decoration: underline;}

/*文字色白バージョン*/
a .ff:link   {color: #FFF; text-decoration: underline;/* font-weight:bold;*/}
a .ff:visited{color: #FFF; text-decoration: underline;}
a .ff:active {color: #FF9900; text-decoration: underline;}
a .ff:hover  {color: #FF9900; text-decoration: underline;}

/*文字色赤バージョン*/
.redA:link   {color: #F30 !important; text-decoration: none !important;/* font-weight:bold;*/}
.redA:visited{color: #F30 !important; text-decoration: none !important;}
.redA:active {color: #F30 !important; text-decoration: underline !important;}
.redA:hover  {color: #F30 !important; text-decoration: underline !important;}

.permalink:link   {color: #999; text-decoration: none; font-weight:normal;}
.permalink:visited{color: #999; text-decoration: none; font-weight:normal}
.permalink:active {color: #aabd21; text-decoration: underline;}
.permalink:hover  {color: #aabd21; text-decoration: underline;}

.source a:link   {color: #999 !important; text-decoration: none !important; font-weight:normal !important;}
.source a:visited{color: #999 !important; text-decoration: none !important; font-weight:normal !important;}
.source a:active {color: #aabd21 !important; text-decoration: underline !important;}
.source a:hover  {color: #aabd21 !important; text-decoration: underline !important;}

a.anb:link   {color: #0066D1 !important; text-decoration: none !important; font-weight:normal !important;}
a.anb:visited{color: #0066D1 !important; text-decoration: none !important; font-weight:normal !important;}
a.anb:active {color: #0066D1 !important; text-decoration: underline !important; font-weight:normal !important;}
a.anb:hover  {color: #0066D1 !important; text-decoration: underline !important; font-weight:normal !important;}



hr {display: none;}
img{border: 0px;}
ul {list-style: none;}


/* ▼ ClearFix ▼
------------------------------------------------------------*/

.cf:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.cf{zoom: 100%;}

.textI0{text-indent:0 !important;}

/* ▼ Common Float Only ▼
------------------------------------------------------------*/

.fl{float: left !important;}
.fr{float: right !important;}
.fn{float: none !important;}
.fc{clear: both !important;}
.fcn{clear: none !important;}
.vat{vertical-align: top !important;}
.vam{vertical-align: middle !important;}
.vab{vertical-align: bottom !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}

/* ▼ Common Display ▼
------------------------------------------------------------*/

.dn{display: none;}
.db{display: block;}
.dib{display:inline-block;}


/* ▼ Common Margin ▼
------------------------------------------------------------*/

.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt28{margin-top: 28px !important;}
.mt30{margin-top: 30px !important;}
.mt50{margin-top: 50px !important;}
.mt80{margin-top: 80px !important;}
.mt02{margin-top: 0.2em !important;}
.mt05{margin-top: 0.5em !important;}
.met05{margin-top: 0.5em !important;}

.ml0{margin-left: 0px !important;}
.ml2{margin-left: 2px !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}
.ml50{margin-left: 50px !important;}

.mr0{margin-right: 0px !important;}
.mr2{margin-right: 2px !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}
.mr50{margin-right: 50px !important;}
.mer05{margin-right: 0.5em !important;}
.mer10{margin-right: 1.0em !important;}

.mb0{margin-bottom: 0px !important;}
.mb2{margin-bottom: 2px !important;}
.mb4{margin-bottom: 4px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}
.meb05{margin-bottom: 0.5em !important;}
.meb10{margin-bottom: 1.0em !important;}

.pt5{padding-top: 5px !important;}
.pt60{padding-top: 60px !important;}
.pt143{padding-top: 143px !important;}
.pb5{padding-bottom: 5px !important;}
.p55{padding:0 5px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:20px !important;}
.pl5{padding-left:5px !important;}


/* ▼ Common FontSize ▼
------------------------------------------------------------*/

.fs0{font-size: 0 !important;}
.fs20{font-size: 2em !important;}
.fs18{font-size: 1.8em !important;}
.fs16{font-size: 1.6em !important;}
.fs14{font-size: 1.4em !important;}
.fs12{font-size: 1.2em !important;}
.fs10{font-size: 1em !important;}
.fsp10{font-size:10px !important;}
.fspa60{font-size:60% !important;}
.fspa70{font-size:70% !important;}
.fspa80{font-size:80% !important;}
.fspa90{font-size:90% !important;}
.fspa100{font-size:100% !important;}
.fspa120{font-size:120% !important;}


/* ▼ Font Color ▼
------------------------------------------------------------*/
.fc01{color:#ffffff!important;}
.fc02{color:#F00!important;}
.fc03{color:#ccc!important;}
.fc04{color:#FF9900!important;}
.fc05{color:#999999!important;}
.fc06{color:#333333!important;}

/* ▼ Font Color ▼
------------------------------------------------------------*/
.fw01{font-weight:bold!important;}


/* ▼ Common TextAlign ▼
------------------------------------------------------------*/

.al{text-align: left !important;}
.ac{text-align: center !important;}
.ar{text-align: right !important;}

/* ▼ Line-Height ▼
------------------------------------------------------------*/
.lh0{line-height:0 !important;}

/* ▼ Height ▼
------------------------------------------------------------*/
.h20{height:20px !important;}

/* ▼ BGcolor ▼
------------------------------------------------------------*/
.BGCF{
	background-color:#FFF;
}


/* ▼ Float Clear ▼
------------------------------------------------------------*/

.clearL{
	clear:left;
}

.clear,
.horizontalRule{
	clear: both;
	display: block;
	height: 0px !important;
	margin: 0px;
	font-size: 0px !important;
	line-height: 0px !important;
}

#suggest{
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 100%;
    width: 492px;
}
#suggest div {
    display: block;
    width: 492px;
    overflow: hidden;
    white-space: nowrap;
}
#suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}
#search_suggest{
    position: absolute;
    color: black;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 75%;
    top: 70px;
    *left: 68%;
    width: 219px;
}
#search_suggest div {
    display: block;
    width: 219px;
    overflow: hidden;
    white-space: nowrap;
}
#search_suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
#search_suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

.status{
	position:absolute;
	top:-1px;
	right:60px;
	width:108px;
	height:31px;
	zoom:1;
}

.ui-tabs-hide {
	display:none !important;
}

.backtop{/*やじるし*/
	position:fixed;
	z-index:10000;
	bottom:0px;
	right:0px;
	/*background:#FFF;*/
	padding:6px 2px 2px 2px;
	/*font-family:Arial,Helvetica,sans-serif;*/
	width:13px;
	height:35px;
	background:url(../images/top_back_under.png?201105251556001) no-repeat left top;
}

.backbottom{
	position:fixed;
	z-index:10000;
	top:0px;
	right:0px;
	/*background:#FFF;*/
	padding:2px;
	/*font-family:Arial,Helvetica,sans-serif;*/
	width:13px;
	height:34px;
	background:url(../images/top_back_on.png?201105251556001) no-repeat left top;
}

.backbottomLittleScrolled{
	position:fixed;
	z-index:10000;
	top: 91px;
	right:0px;
	/*background:#FFF;*/
	padding:2px;
	/*font-family:Arial,Helvetica,sans-serif;*/
	width:13px;
	height:34px;
	background:url(../images/top_back_on.png?201105251556001) no-repeat left top;
}

.backtop img{width:12px; height:13px;}
.backbottom img{width:12px; height:13px;}

.mh30Box{
	min-height:40px;
	margin:5px 0 0 0;
	display:block;
	overflow:hidden;
	*white-space: nowrap ;
}

.mh50Box{
	min-height:50px;
	margin:5px 0 0 0;
	display:block;
	overflow:hidden;
	*white-space: nowrap ;
}



.mh20Box{
	min-height:20px;
	margin:5px 0 0 0;
	display:block;
	zoom:1;
}


.borderRight{
	border-right:#CCC 1px solid;
}
.borderTopD{
	border-top:#CCC 1px dotted;
}


.wi12{
	width:12.0em;
}

.posiRe{
	position:relative;
}

.wspe{
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	word-break: break-all;
}