/19	@charset "utf-8";
/* --------------------------------
 frame layout
 --------------------------------- */
body {
	height:100%;
	/*background:url(../images/bg.jpg) repeat-x 0 100%;*/
	font-family:'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
	font-size: 12px;
	background: #FFF;
}

@font-face {
font-family: 'entypo';
src: url('entypo.eot');
}
/* Firefox, Opera, Safari */
@font-face {
font-family: 'entypo';
src: url('entypo.eot.ttf') format("truetype");
}


.icon {
    font-family: WebIconFonts;
}


#step1 {
/*display:none;*/
	
}
	#step1 label {
		display:block;
		margin-bottom:5px;
		font-weight:bold;
	}
	#step1 form input {
		line-height:30px;
		height:20px;
		font-size:24px;
		width:340px;
		height:30px;
		padding:4px;
		border:1px solid #666;
		margin-bottom:10px;
	}
	#step1 .submit .caption{
		
	}
	#step1 #features {
		margin-top:20px;
	}
	#step1 #features img{
		border:0px;
	}


  #step1 #notice {
    margin-top:20px;
    margin-bottom:10px;
  }

  #step1 #notice .title {
    font-size:16px;
    margin-top:15px;
  }

  #step1 #notice .content {
    margin-top:5px;
    margin-left:10px;
  }

  #step1 .OAuth p {
    font-size:16px;
    line-height:1.2em;
  }

  #step1 .OAuth ol {
    line-height:1.2em;
    font-size:15px;
    list-style:decimal;
    margin-left:40px;
  }

  #step1 .OAuth ol li {
    padding-left:5px;
    padding-bottom:5px;
  }

  #step1 #external_links {
    margin:0px;
    width:400px;
  }
  #step1 #external_links p {
    margin:20px 0px 20px 0px;
    width:400px;
    font-size:16px;
  }
  #step1 #external_links span {
    margin-left:10px;
  }


  #step1 #tweetmeme_button{
    display:inline-block;
    width:50px;
    height:61px;
    padding-left:10px;
    padding-right:10px;
  }

  #content #step1 .submit button
  {
    font-weight:bold;
    height:100px;
    font-size:20px;
    line-height:1.5em;
  }

#step2 {}
	#step2 li {
		margin-bottom:10px;
	}
	#step2 li label {
		font-size:14px;
	} 
#step3 {}
	#content #content_body table td,
	#content #content_body table th {
		border-bottom:1px dotted #999;
		padding:8px 0px;
	}
	
	#content #step3 table th {
		width:100px;
	}
#step4 {}
  #step4 #content .submit button {
		padding:5px 8px;
		font-size:12px;
	}
	#step4 textarea {
		width:340px;
		height:450px;
	}
#terms {
	display:none;
}

#indicator img#indicator_img {
	float:none;
	padding:0px;
}

/* --------------------------------
 common settings
 --------------------------------- */
.description {
	font-size: 15px;
}
.text p,
p.text{
	line-height:150%;
}
.fixed:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.fixed {
	display:block;
}
/*  \*/
.fixed {
	min-height:1%;
}
*html .fixed {
	height:1%;
}
#content img {
	float:left;
	display:inline;
	margin-right:10px;
	border:1px solid #ccc;
	padding:1em 0;
	background:#fff;
}
#content img.alt {
	float:right;
	margin-right:0;
	margin-left:10px;
}
.selected {
}
.first {
}
.last {
}
.image {
}
.even {
}
.odd {
}
.box {
}
.item {
}



#container {
	width: 800px;
	margin:0px auto;
	text-align:left;
}


/**************************  header setting *********************************/

#header {
	width: 800px;
	margin: 0 auto;
}
	#header div#logo{
		width: 500px;
		margin-top: 10px;
		float: left;
	}

	#header div#logo h1{
	}
	#header div#logo h2{
		margin-top: 5px;
	}
	
		#header div#logo  #member{
			font-size:12px;
			/*font-weight:normal;*/
			color:#888;
			margin-top:5px;
			margin-left:250px;
			}
		#header div#logo #member .count {
			color:#70D070;
		}
		#header div#logo #member span#contact {
			padding-left: 50px;
	 	}
		#header div#logo a {
			display:block;
		}
		#header div#logo h1 img {
		  width:350px;
		  height:45px;
		}
		
	#header #facebook_like_button{
		width: 280px;
		height: 60px;
		margin-top: 20px;
		display:inline-block;
		float: right;
	}
		
	#header .description{
		height:30px;
		font-weight:bold;
		font-size: 15px;
		color:#888;
		line-height:1.2em;
	}
	#header ul#flow{
		width:800px;
		clear: both;
	}
	
	#header #flow li {
		float:left;
		width:262px;
		font-size:12px;
		line-height:60px;
		text-indent:-9999px;
		vertical-align:middle;
		text-align:center;
		border-bottom:3px solid #DDD;
		margin-right:4px;
	}
	#header #flow li:last-child{
		margin-right: 0;
		font-size:5px;
	}
	
	#header #flow li#selected {
			border-bottom:3px solid #01A6D4;/*#9FE7FF;*/
			
		}
		#header #flow li.step1 {background:url(../images/step1.gif) no-repeat;}
		#header #flow li.step1#selected {background:url(../images/step1_on.gif) no-repeat;}
		#header #flow li.step2 {background:url(../images/step2.gif) no-repeat;}
		#header #flow li.step2#selected {background:url(../images/step2_on.gif) no-repeat;}
		#header #flow li.step3 {background:url(../images/step3.gif) no-repeat;}
		#header #flow li.step3#selected {background:url(../images/step3_on.gif) no-repeat;}
		#header #flow li.step4 {background:url(../images/step4.gif) no-repeat;}
		#header #flow li.step4#selected {background:url(../images/step4_on.gif) no-repeat;}
		
		#header #flow li.step1_en {background:url(../images/step1_en.gif) no-repeat;}
		#header #flow li.step1_en#selected {background:url(../images/step1_on_en.gif) no-repeat;}
		#header #flow li.step2_en {background:url(../images/step2_en.gif) no-repeat;}
		#header #flow li.step2_en#selected {background:url(../images/step2_on_en.gif) no-repeat;}
		#header #flow li.step3_en {background:url(../images/step3_en.gif) no-repeat;}
		#header #flow li.step3_en#selected {background:url(../images/step3_on_en.gif) no-repeat;}
		#header #flow li.step4_en {background:url(../images/step4_en.gif) no-repeat;}
		#header #flow li.step4_en#selected {background:url(../images/step4_on_en.gif) no-repeat;}

	#header #socialServices {
		float: right;
		margin-top: 25px;
		}
		#header #socialServices li{
			margin-left:3px;
			float:left;
		}

#request {
	margin-bottom:20px;
}
	#request h2 {
		text-align:left;
		color:#888;
		font-size:3em;
		border-bottom:1px solid #888;
		padding-bottom:10px;
		margin-bottom:20px;
	}
	
	#request .text {
		text-align:left;
		color:#888;
		font-size:2em;
		font-weight:bold;
		line-height:1em;
		padding-bottom:10px;
		padding-left:10px;
	}



/************************* content division  *************************/
#content {
	width: 800px;
	margin: 10px auto;
	clear:both;
}
	#content h2{
		font-size: 24px;
		margin:50px 0 0 0;
	}
	#content h3{
		font-size: 18px;
		margin:30px 0 15px 0;
		padding: 10px 0 15px 15px;
		border-bottom: 1px solid #eee;
		border-left: 6px solid #eee;
	}
	#content p{
		font-size:14px;
		line-height: 200%;
		margin: 15px 0 0 0;
	}
	#content ul{
		margin:30px 0 0 0;
		font-size: 14px;
	}
	#content ol{
		margin:30px 0 0 0;
		font-size: 14px;
	}
	#content li{
		margin:0;
		font-size: 14px;
		font-weight: bold;
		line-height: 200%;
	}
	#content .custom {
	height:630px;
	}
	#content .step h3{
	
	}
	#content .content_body .OAuth {
		width: 450px;
		padding: 0 20px;
		float: left;
	}
	#content .content_body .OAuth #setpUse{
		width: 335px;
		margin: 0 auto;
	}
		#content .content_body .OAuth #setpUse p{
			padding: 20px 0;
			font-weight: bold;
		}
	#content .content_body .OAuth .submit{
		text-align: center;
		width: 350px;
		margin: 20px auto 0 auto;
	}	
	
	#content .custom .content_body {
			/*border:1px solid #CCC;*/
			background:#D7F5FF;
			padding:20px;
		}
		
		#content .custom h3 {
			display:none;
		}
		#step2,
		#step3,
		#step4 {
			display:none;
		}


	#content #twitterwindWindow{
		width: 290px;
		height: auto !important;
		float: right;
	}
	#content #twitterwindWindow #init iframe{
		width: 180px;
		min-height: 345px;
		padding:10px;
	}	

	#content #twitterwindWindow #init img {
			border:none;
		}
	#content #twitterwindWindow #loading {
		position:relative;
		width:51px;
		margin:10px auto;
		
	}
	#content #twitterwindWindow #loading img {
		border:none;
		margin:0px;
		padding:0px;
	}
	#content #twitterwindWindow #loading img.indicator {
		padding-left:8px;
	}


	#content .inputBg label {
		display:block;
		margin-bottom:5px;
	}
	#content form label,
	#content form input {
		font-size:12px;
	}
	.colorbox {
		margin:0 0 3px 0; width: 1.5em; height: 1.5em; border: 1px outset #666;
	}
	#content .custom {
		margin-bottom:50px;
		width:550px;
		float:left;
	}
	#content .step .detail_btn {
		margin:10px 0px;
		font-size:10px;
	}
	#content .step h3{
		width: 777px;
		font-size:20px;
		height: 30px;
		line-height:30px;
		margin: 10px auto;
		padding: 10px 0 ;
		color:#666;
		border-bottom:2px solid #91E3FF;
	}
	#content .step .item {
		margin-bottom:5px;
	}
	#content .step .submit {
		margin-top:20px;
	}
	#content .step .submit button {
		padding:10px;
		width:350px;
		margin-bottom:10px;
		font-size:16px;
		font-weight:bold;
		color:#017592;
	}
	#content .step .submit input {
		font-size:14px;
	}
	#content .step .submit .back {
		margin-top:5px;
		background:url(../images/i_back_arrow.gif) no-repeat 0px 5px;
		padding-left:10px;
		font-size:12px;
		width:300px;
	}
	
	#content .step h4 {
		margin:10px 0px;
	}
	#content label {
		margin-right:10px;
	}
	#content .detailBtn {
		margin-top:5px;
		font-size:10px;
	}
	
	#content #recent_users {
		width: 450px;
		margin-top:10px;
		font-size:16px;
		text-align: left;
	}
	#content #recent_users p{
		font-size: 12px;
	}
	#content #recent_users iframe{
		width: 550px;
	    margin: 10px auto;
	    padding: 0;
	}


/************************** Footer division **************************/


#footer {
	width: 100%;
	background: #979797;
	color: #fff;
	margin-top: 10px;
	padding:10px 0px;
	bottom: 0px;
	text-align: center;
	}
#footer #footerWrapper{
	width: 800px;
	margin: 0 auto;
	}
	#footer #creators{
		display:inline;
		font-weight: bold;
		}

	#footer hr {
		display:block;
		height:1px;
		border:none;
		border-top:1px dotted #fff;
		margin:10px 0px;
	}
	#footer #socialServices {
		font-size:12px;
		width:400px;
		float:right;
		position:relative;

	}
		#footer #socialServices p {
			float:left;
		}
		#footer #socialServices ul li {
			float:left;
			margin-left:5px;
			margin-right:0px;
		}
		#footer #socialServices ul {
			float:left;
			margin-left:10px;
			position:relative;
			top:-2px;
		}
	#footer #tems_text {
		margin: 0 auto;
		font-size:12px;
		}
	
	#footer ul li {
		display:inline;
		margin-right:10px;
		white-space:nowrap;
	}
	
	#footer #footer_menu {
		text-align: left;
		margin-bottom:5px;
	}
	#footer .credit {
		float:left;
		width:100px;
	}

	#footer #company_info {
		text-align: left;
		width: 700px;
		float: left;
		}
	
		#footer #company_info .info{
			width: 700px;
			margin-bottom:10px;
			}
		
		#footer #company_info h3 {
			font-weight:normal;
			width:100px;
			float:left;
			color:#fff;
		}
		
		#footer #company_info .running_services ul,
		#footer #company_info .related_services ul {
			width:600px;
			float:right;
			}
		#footer #company_info .running_services,
		#footer #company_info .related_services{
			}

	#footer #company_logo {
		text-align: center;
		width: 90px;
		float: right;
		}

		#footer #company_logo img{
			width: 90px;
			}

			

#footer .copyright {
	text-align:right;
}

/* --------------------------------
 お知らせ用CSS 20130305
 --------------------------------- */
#content .info {
		margin:0 0 0 10px;
		font-size:14px;
		font-weight:normal;
	}
#content .info p {
		margin-bottom:20px;
		line-height:150%;
	}
#content .info h3 {
		margin:15px 0 5px 50px;
		padding:15px 0 5px 50px;
	}
#content .info ul {
		margin:0 0 20px 50px;
		padding:0 0 20px 50px;
	}
#content .info li {
		margin-top:10px;
	}