@charset "UTF-8";

@import url("../common/css/common.css");

body#topPage {
	background: url(../images/bg_index.gif) repeat-x left top;
}

#topPageHeader {
	width: 100%;
	padding: 30px 0 25px 0;
}

#topPageHeader h1.logo {
	float: left;
	margin: 0 72px 0 0;
}

#topPageHeader .topNavi {
	width: 648px;
	margin: 20px 0 0 0;
	float: left;
}

#topPageHeader .topNavi ul.gnavi {
	margin: 0 0 15px 0;
}
#topPageHeader .topNavi ul.gnavi li {
	float: left;
}
#topPageHeader .topNavi ul.gnavi2 li {
	float: left;
	margin: 0 20px 0 0;
}

.topPageMainv {
	width: 920px;
	height: 275px;
	margin: 0 0 30px 0;
}

.layout-3-column {
	margin: 0 0 60px;
}

.layout-3-column .tweetBox {
	width: 290px;
	margin: 0 30px 0 0;
	float: left;
}
.layout-3-column .topicsBox {
	width: 450px;
	margin: 0 30px 0 0;
	float: left;
}
.layout-3-column .mobileBox {
	width: 110px;
	float: left;
}

.layout-3-column .title {
	margin: 0 0 10px;
}
.layout-3-column .tweetBox .tweetColumn {
	width: 262px;
	_width: 290px;
	height: 100px;
	_height: 134px;
	border: solid 4px #000000;
	background: #FFFFFF;
	padding: 13px 10px;
}
.layout-3-column .tweetBox .tweetColumn .photoBox {
	width: 92px;
	float: left;
	margin: 0 12px 0 0;
}
.layout-3-column .tweetBox .tweetColumn #tweets {
	width: 154px;
	height: 100px;
	overflow-y: scroll;
	float: left;
}

.layout-3-column .topicsBox .topicsColumn {
	width: 410px;
	_width: 450px;
	height: 104px;
	_height: 134px;
	background: url(../images/bg_topics.gif) no-repeat left top;
	padding: 15px 20px;
}

.layout-3-column .mobileBox .mobileColumn {
	width: 92px;
	_width: 110px;
	height: 100px;
	_height: 134px;
	text-align: center;
	border: solid 3px #000000;
	background: #FFFFFF;
	padding: 13px 5px;
}

.layout-3-column .mobileBox .mobileColumn .code {
	padding: 7px 0;
}
.layout-3-column .mobileBox .mobileColumn .text {
	font-size: 83%;
	line-height: 1.2em;
}


#tweets small {
	color: #ff6699;
}

#tweets li {
	font-size: 83%;
	line-height: 1.2;
	background: url(../images/bg_tweets.gif) no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 5px 15px;
	border-bottom: dotted 1px #999999;
}

#tweets .hash { color:#0066CC; } 
#tweets .reply { color:#0066CC; } 
#tweets a:link { text-decoration:none; color:#0066CC;}
#tweets a:active { text-decoration:none; color:#0066CC;}
#tweets a:hover { text-decoration:underline; color:#0066CC;}
#tweets a:visited { text-decoration:none; color:#0066CC;}


.topPageLogos {
	width: 100%;
	height: 58px;
	margin: 0 0 42px;
}
.topPageLogos .amolBox {
	width: 76px;
	margin: 0 35px 0 0;	
	_margin: 0 35px 0 15px;	
	float: left;
}
.topPageLogos .line {
	width: 5px;
	float: left;
}
.topPageLogos .shops {
	width: 804px;
	float: left;
	_margin: 0 0 0 -35px;
}
.topPageLogos .shops ul li {
	float: left;
	margin: 0 0 0 40px;
	_margin: 0 0 0 30px;
}

#topPageFooter {
	width: 285px;
	margin: 0 auto 20px auto;
	_margin: 0 0 20px 317px;
}