@charset "UTF-8";
/* CSS Document */


/* index
======================================== */
#mainContent h2 {
	margin-bottom: 20px;
	}

#mainContent .lead {
	margin-bottom: 14px;
	margin-left: 61px;
	}

#mainContent h3.twit {
	margin-bottom: 10px;
	margin-left: 50px;
	padding: 24px 0 16px 85px;
	width: 845px;
	background: url(../imgs/twitter_sttlBg.gif) no-repeat left top;
	}

#mainContent h3.cp_banner {
	margin-bottom: 10px;
	margin-left: 50px;
	padding: 0;
	width: 845px;
	}

/* section01 */
#mainContent .section01 {
	margin: 0 63px 0 74px;
	width: 813px;
	clear: both;
	}

#mainContent .section01 p {
	font-size: 108%;
	line-height: 1.2;
	}

#mainContent .section01 .lestAreaA {
	margin-top: 15px;
	width: 466px;
	float: left;
	background: url(../imgs/twitter_aboutBg.gif) no-repeat left top;
	}

#mainContent .section01 .lestAreaA ul {
	margin-top: 13px;
	margin-left: 37px;
	}
#mainContent .section01 .lestAreaA li {
	margin-bottom: 45px;
	}

#mainContent .section01 .lestAreaA .txtGet {
	margin-bottom: 15px;
	margin-left: 50px;
	}

#mainContent .section01 .lestAreaA .follow {
	margin-bottom: 13px;
	margin-left: 47px;
	}

#mainContent .section01 .lestAreaA .registration {
	font-size: 93%;
	text-align: center;
	}

#mainContent .section01 .rightAreaA {
	margin-top: 15px;
	margin-bottom: 30px;
	padding-bottom: 4px;
	width: 303px;
	float: right;
	background: url(../imgs/twitter_screenBtm.gif) no-repeat left bottom;
	}

#mainContent .section01 .rightAreaA .inner {
	padding-top: 4px;
	background: url(../imgs/twitter_screenTop.gif) no-repeat left top;
	}
#mainContent .section01 .rightAreaA .inner .set {
	padding-top: 15px;
	padding-bottom: 17px;
	width: 303px;
	background: url(../imgs/twitter_screenBg.gif) repeat-y left top;
	text-align: center;
	}

#mainContent .section01 .rightAreaA .inner .twitterWrap {
	margin: 0 auto;
	padding-top: 6px;
	width: 250px;
	}

/* section02 */
#mainContent .section02 {
	margin: 0 63px 25px 74px;
	width: 813px;
	clear: both;
	background: url(../imgs/twitter_murmurBg.gif) repeat-y left top;
	}

#mainContent .section02 .inner {
	padding-bottom: 10px;
	background: url(../imgs/twitter_murmurBtm.gif) no-repeat left bottom;
	}
#mainContent .section02 .inner .set {
	padding-top: 37px;
	padding-bottom: 15px;
	background: url(../imgs/twitter_murmurTop.gif) no-repeat left top;
	position: relative;
	}

#mainContent .section02 .inner .set h4 {
	margin-bottom: 34px;
	margin-left: 18px;
	}

#mainContent .section02 .inner .set .lead {
	margin-right: 40px;
	margin-left: 24px;
	width: 277px;
	font-size: 108%;
	line-height: 1.5;
	}
	
#mainContent .section02 .inner .set .upArea {
	min-height: 223px;
	_height: 223px;
	}

#mainContent .section02 .inner .set .responsible01 {
	width: 136px;
	position: absolute;
	top: 47px;
	left: 358px;
	}
#mainContent .section02 .inner .set .responsible01 dt {
	padding-bottom: 43px;
	padding-left: 25px;
	}
#mainContent .section02 .inner .set .responsible02 {
	width: 142px;
	position: absolute;
	top: 47px;
	left: 647px;
	}
#mainContent .section02 .inner .set .responsible02 dt {
	padding-bottom: 40px;
	}

#mainContent .section02 .inner .set .murmurTxt {
	width: 280px;
	position: absolute;
	top: 238px;
	left: 443px;
	}

#mainContent .section02 .inner .set .use {
	margin: 0 23px 16px;
	width: 767px;
	height: 116px;
	background: url(../imgs/twitter_use.gif) no-repeat left bottom;
	position: relative;
	}

#mainContent .section02 .inner .set .use .txt {
	width: 268px;
	position: absolute;
	top: 43px;
	left: 147px;
	}

#mainContent .section02 .inner .set .use .btn {
	width: 307px;
	height: 58px;
	position: absolute;
	top: 43px;
	left: 439px;
	}


#mainContent .section02 .inner .set .txtArea {
	margin: 0 24px;
	}
#mainContent .section02 .inner .set .txtArea p {
	font-size: 108%;
	line-height: 1.5;
	}


/* section03 */
#mainContent .section03 {
	margin: 0 65px 0 77px;
	width: 808px;
	clear: both;
	}

#mainContent .section03 em {
	color: #cc0000;
	}

#mainContent .section03 .txt {
	font-size: 108%;
	line-height: 1.5;
	}
#mainContent .section03 .fsmall {
	font-size: 93%;
	}

#mainContent .section03 .registered {
	margin-top: 28px;
	margin-bottom: 30px;
	width: 381px;
	height: 382px;
	float: left;
	background: url(../imgs/twitter_registeredBg.gif) no-repeat left top;
	position: relative;
	}

#mainContent .section03 .registered h4 {
	margin: 14px 0 40px 48px;
	}

#mainContent .section03 .registered ul {
	margin-left: 79px;
	}

#mainContent .section03 .registered li {
	padding-bottom: 16px;
	_zoom: 1;
	}

#mainContent .section03 .registered li img {
	display: block;
	}

#mainContent .section03 .registered .btn {
	width: 282px;
	height: 50px;
	position: absolute;
	top: 313px;
	left: 50px;
	}

#mainContent .section03 .register {
	margin-top: 28px;
	margin-bottom: 30px;
	width: 381px;
	height: 382px;
	float: right;
	background: url(../imgs/twitter_registerBg.gif) no-repeat left top;
	position: relative;
	}

#mainContent .section03 .register h4 {
	margin: 12px 0 40px 58px;
	}

#mainContent .section03 .register ul {
	margin-left: 80px;
	}

#mainContent .section03 .register li {
	padding-bottom: 18px;
	_zoom: 1;
	}

#mainContent .section03 .register li img {
	display: block;
	}

#mainContent .section03 .register .btn {
	width: 282px;
	height: 50px;
	position: absolute;
	top: 313px;
	left: 50px;
	}

#mainContent .section03 .registered  .last
#mainContent .section03 .register .last {
	padding-bottom: 0;
	_zoom: 1;
	}

#mainContent .section03 .com {
	margin-bottom: 78px;
	padding-top: 7px;
	padding-left: 19px;
	clear: both;
	height: 142px;
	background: url(../imgs/twitter_comBg.gif) no-repeat left top;
	}

#mainContent .section03 .com dl {
	margin-bottom: 19px;
	width: 458px;
	}

#mainContent .section03 .com dt {
	padding-bottom: 5px;
	}
#mainContent .section03 .com dd {
	padding-top: 13px;
	padding-left: 1px;
	}


/* ボタン */
#mainContent .section01 .lestAreaA .follow a {
	display: block;
	width: 372px;
	height: 58px;
	background: url(../imgs/twitter_btn_follow_ov.gif) no-repeat left top;
	}

#mainContent .section02 .inner .set .use .btn a {
	display: block;
	width: 307px;
	height: 58px;
	background: url(../imgs/twitter_btn_use_ov.gif) no-repeat left top;
	}

#mainContent .section03 .registered .btn a,
#mainContent .section03 .register .btn a {
	display: block;
	width: 282px;
	height: 50px;
	}
#mainContent .section03 .registered .btn a {
	background: url(../imgs/twitter_btn_follow02_ov.gif) no-repeat left top;
	}
#mainContent .section03 .register .btn a {
	background: url(../imgs/twitter_btn_register_ov.gif) no-repeat left top;
	}

#mainContent .section01 .lestAreaA .follow a:hover,
#mainContent .section02 .inner .set .use .btn a:hover,
#mainContent .section03 .registered .btn a:hover,
#mainContent .section03 .register .btn a:hover {
	background-color: #FFFFFF;
	}
#mainContent .section01 .lestAreaA .follow a:hover img,
#mainContent .section02 .inner .set .use .btn a:hover img,
#mainContent .section03 .registered .btn a:hover img,
#mainContent .section03 .register .btn a:hover img {
	visibility: hidden;
	}

/* others */
a {
	color: #22479c;
	}

.arrow {
	font-size: 93%;
	padding-left: 12px;
	background: url(../imgs/twitter_arrow.gif) no-repeat left center;
	}


/* policy
======================================== */

#mainContent #pttl {
	padding-left: 16px;
	background: url(../imgs/policy_title.gif) no-repeat left center;
	width: 934px;
	height: 45px;
	font-size: 161.6%;
	font-weight: bold;
	line-height: 45px;
	}

#mainContent .policy {
	margin: 30px 19px 0 18px;
	width: 913px;
	}

#mainContent .policy dt,
#mainContent .policy dd {
	font-size: 93%;
	line-height: 1.5;
	}

#mainContent .policy dt {
	font-weight: bold;
	}

#mainContent .policy dd {
	padding-bottom: 14px;
	padding-left: 1em;
	}