/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 讓呎ｺ冶ｨｭ螳�
2.0 繝倥ャ繝€繝ｼ
3.0 NEWS
4.0 APP LIST
5.0 TWITTER
6.0 BLOG
7.0 繝輔ャ繧ｿ繝ｼ
--------------------------------------------------------------*/




/*--------------------------------------------------------------
1.0 讓呎ｺ冶ｨｭ螳�
--------------------------------------------------------------*/

body {
	margin:0;
}

.w900 {
	width:900px;
	margin:0 auto;
	padding:30px 15px;
}

.w900:after{
	content: "";
	clear: both;
	display: block;
}

.back-gray {
	color:#66c5e6;
	background-color:#ffffff;
	min-width:930px;
}

.back-orange {
	color:#fff;
	background-color:#ffffff;
	min-width:930px;

}

/*--------------------------------------------------------------
2.0 繝倥ャ繝€繝ｼ
--------------------------------------------------------------*/

.logo {
	width:330px;
	background-image:url("img/logo.png");
	background-repeat:no-repeat;
	background-size:330px;
	height:115px;
	float:left;
}

.send {
	width:200px;
	background-image:url("img/send.png");
	background-repeat:no-repeat;
	background-size:200px;
	height:63px;
	float:right;
	margin-top:20px;
}

.send:hover {
	opacity:0.6;
	transition:all,0.5s,easw,0s;
}

/*--------------------------------------------------------------
3.0 NEWS
--------------------------------------------------------------*/

.bar-news {
	background-image:url("img/bar-news.png");
	background-repeat:no-repeat;
	background-size:130px;
	height:37px;
}

.box {
	border:2px solid #fff;
	border-radius:8px;
	padding:20px;
}

.box:after{
	content: "";
	clear: both;
	display: block;
}

.box h2 {
	border-bottom:1px solid #fff;
	margin:0 0 15px;
}

.box li {
	list-style:none;
	font-size:14px;
	margin-top:15px;
}

/*--------------------------------------------------------------
4.0 APP LIST
--------------------------------------------------------------*/

.bar-applist {
	background-image:url("img/bar-applist.png");
	background-repeat:no-repeat;
	background-size:130px;
	height:37px;
}

.back-gray h2 {
	border-bottom:1px solid #888888;
}

.apps {
	margin:0;
	padding:0;
}

.apps li {
	width:120px;
	height:140px;
	color:#e95513;
	list-style:none;
	float:left;
	margin:0 11px;
	font-size:13px;
	text-align:center;
	margin-bottom:20px;
	overflow:hidden;
}

.apps li:hover {
	opacity:0.6;
	transition:all,0.5s,easw,0s;
}

.apps li a {
	text-decoration:none;
	color:#e95513;
}

.apps li a:visited {
	color:#e95513;
}

.apps li img {
	width:70%;
	margin:0 auto;
	display:block;
	border:6px solid #fff;
	border-radius:25px;
}


/*--------------------------------------------------------------
5.0 TWITTER
--------------------------------------------------------------*/

.bar-twitter {
	background-image:url("img/bar-twitter.png");
	background-repeat:no-repeat;
	background-size:130px;
	height:37px;
}

.w50l {
	width:49%;
	float:left;
}

/*--------------------------------------------------------------
6.0 BLOG
--------------------------------------------------------------*/

.bar-blog {
	background-image:url("img/bar-blog.png");
	background-repeat:no-repeat;
	background-size:130px;
	height:37px;
}

.w50r {
	width:49%;
	float:right;
}

.blog {
	background-color:#fff;
	border-radius:5px;
	padding:10px;
	min-height:680px;
	position:relative;
}

.blog ul {
	overflow:scroll;
	height:600px;
}

.blog ul li {
	color:#e95513;
	margin:20px 0;
}

.blog ul li:last-child {
	display:none;
}

.blog ul li a {
	display:block;
	color:#000;
	text-decoration:none;
}

.blog ul li a:hover {
	text-decoration:underline;
}

.moreblog {
	width:180px;
	background-image:url("img/moreblog.png");
	background-repeat:no-repeat;
	background-size:180px;
	height:55px;
	position:absolute;
	bottom:10px;
	right:10px;
}

.moreblog:hover {
	opacity:0.6;
	transition:all,0.5s,easw,0s;
}

/*--------------------------------------------------------------
7.0 繝輔ャ繧ｿ繝ｼ
--------------------------------------------------------------*/

footer div {
	text-align:right;
	color:#e95513;
	font-size:12px;
	padding-bottom:5px;
}

footer .w1000 {
	padding:10px;
}