@charset "utf-8";
@import "reset-min.css";
@import "backlink.css";

/* 美しい */

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.clearfix {
  min-height:1px;
}
* html .clearfix {
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}

html {
  height:100%;
  overflow-y:scroll;
}
body {
  font:normal normal 12px Verdana,Meiryo,'メイリオ',sans-serif;
  background-image:url("/img/top_header_back.jpg") ;
  background-repeat:repeat-x;
}
p, ul, ol, dl {
  margin:1.8em 0;
  line-height:1.8em;
}
li, dd, blockquote {
  margin-left:2.4em;
}
blockquote {
  margin-right:2.4em;
}
ul li {
  list-style:disc;
}
ol li {
  list-style:decimal;
}
li ul, li ol, li dl, dd ul, dd ol {
  margin-top:0;
  margin-bottom:0;
}
td, th {
  padding:4px 6px;
  line-height:1.6em;
  border-top:solid 1px #cccccc;
  border-bottom:solid 1px #cccccc;
}
strong, b {
  font-weight:bold;
}
em, i {
  font-style:italic;
}
a:link {
  color:#0075c2;
}
/*
a:visited {
  color:#000099;
}
*/
a:visited {
  color:#0075c2;
}
a:active, a:hover {
  color:#f3981d;
}
.left {
  text-align:left;
}
.right {
  text-align:right;
}
.center, .center th {
  text-align:center;
}

#container {
  position:relative;
  width:920px;
  margin:0 auto;
}

/* header */

#header {
  width:920px;
  height:70px;
  position:relative;
}

h1 {
	background-image : url("http://www.tofu-system.com/img/top_header_blue_point.jpg") ;
	background-repeat : no-repeat ;
	padding: 5px 0 0 25px;
	width:590px;
	float:left;
}

#header_login	{
	float:right;
	margin-top:4px;
}

#header_login	div	{
	float:right;
}

.icons	{
	margin-right	:	5px;
}

/* content */

#content {
  width:920px;
}

#mainbox	{
	background-image : url("http://www.tofu-system.com/img/main_banner.jpg") ;
	background-repeat : no-repeat ;
	width:517px;
	margin:0 auto;
}

#mainbox	p#note{
	float:right;
	text-align:right;
	margin:95px 0 60px 0;
	width:517px;
}

#mainbox	h2{
	margin:15px 0 0 0;
}

.form_text	{
	width:517px;
	margin:0;
}

.form_text input	{
	width:517px;
	font-size:20px;
}

.form_submit	{
    width: 238px;
	text-align:center;
	margin:15px 0 15px 140px;
	float:left;
}

.form_submit input	{
    border: 0px;
    width: 238px;
    height: 33px;
    background: url("http://www.tofu-system.com/img/form_submit.jpg") left top no-repeat;
    cursor: pointer;
}

.attention	{
	width:129px;
	float:left;
    height: 33px;
    margin:15px 0 15px 10px;
}

#user_count_box	{
	margin-left:100px;
}

#secondbox	{
	width:920px;
	margin:50px 0;
}


#secondbox	ul	{
	width:900px;
	margin:10px 0 0 20px;
	clear:both;
}

#secondbox	ul	li.history_item {
	display:block;
	float:left;
	margin:0 0 10px 5px;
	width:175px;
}

#user_history_body	{
	width	:	920px;
    background-image: url("http://www.tofu-system.com/img/user_history_top_body.jpg");
	background-repeat: no-repeat;
}

#user_history_body	h2	{
	width	:	160px;
	height	:	26px;
	margin-left	:	20px;
}

#user_history_more	{
	width	:	920px;
	height	:	31px;
    background-image: url("http://www.tofu-system.com/img/user_history_footer.jpg");
	background-repeat: no-repeat;
}

#user_history_more	div.arrow	{
	display:block;
	float:right;
	padding:0 15px 0 20px;
    background-image: url("http://www.tofu-system.com/img/page-subnav-arrow.png");
	background-repeat: no-repeat;
	background-position:0 5px;
}

#news	{
	width:920px;
	text-align:center;
	margin:50px 0;
}




/* tools_area */

#tools_area	{
	width	:	920px;
	height	:	125px;
	margin	:	0 0 30px 0;
}


#tools_menu  {
	width	:	920px;
	height	:	125px;
}

#tools_menu li  {
	display:block;
	float:left;
	height:125px;
	list-style:none outside none;
	margin:0;
}

#tools_menu li a  {
	color	:	#333;
	text-decoration	:	none;
	padding	:	20px 10px 0 10px;
}

#tools_menu li a  span{
	color	:	#0075c2;
	text-decoration	:	underline;
	font-weight	:	bold;
}

.tools_list_first	{
	width:154px;
}
.tools_list	{
	width:153px;
}
.tools_list_last	{
	width:154px;
}

.tools_list_first a {
	display:block;
	height:105px;
	width:134px;
	background : url("http://www.tofu-system.com/img/tools_button.jpg") no-repeat 0px 0px transparent;
}
.tools_list_first a:hover {
	display:block;
	height:105px;
	width:134px;
	background : url("http://www.tofu-system.com/img/tools_button.jpg") no-repeat 0px -125px transparent;
}

.tools_list a {
	display:block;
	height:105px;
	width:133px;
	background : url("http://www.tofu-system.com/img/tools_button.jpg") no-repeat -154px 0px transparent;
}

.tools_list a:hover {
	display:block;
	height:105px;
	width:133px;
	background : url("http://www.tofu-system.com/img/tools_button.jpg") no-repeat -154px -125px transparent;
}

.tools_list_last a {
	display:block;
	height:105px;
	width:134px;
	background : url("http://www.tofu-system.com/img/tools_button.jpg") no-repeat -766px 0px transparent;
}

.tools_list_last a:hover {
	display:block;
	height:105px;
	width:134px;
	background : url("http://www.tofu-system.com/img/tools_button.jpg") no-repeat -766px -125px transparent;
}

.tools_name	{
	width	:	153px;
}

.tools_name_last	{
	width	:	154px;
}



/* three_column */

#three_column	{
	width	:	920px;
}

#menu	{
	width	:	190px;
	float	:	left;
}

#menu	ul	{
	margin:2px 0;
}

#menu	ul li {
	background:url("http://www.tofu-system.com/img/page-subnav-back.png") ;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #EEEEEE;
	list-style:none outside none;
	margin:0;
}

#menu	ul li a {
	background:url("http://www.tofu-system.com/img/page-subnav-arrow.png") no-repeat scroll 8px 14px transparent;
	display:block;
	padding:8px 8px 8px 22px;
	text-decoration:none
}
#staffs_twitter	{
	width	:	332px;
	float	:	left;
	margin-left:5px;
}

#staffs_twitter_contents	{
	width	:	330px;
	height	:	450px;
	overflow	:	auto	;
}

#staffs_twitter	dl	{
	margin	:	5px 0 0 10px;
}

#staffs_twitter	dl dt,dd{
	display	:	inline	;
}

#staffs_twitter	dl dt	a{
	color	:	#2276BB;
	text-decoration	:	none;
	font-weight	:	bold;
}

#staffs_twitter	dl dd	span{
	color	:	#aaa;
}

#tofu_kado	{
	width	:	368px;
	float	:	left;
	margin-left:15px;
}

#tofu_kado_contents	{
	width	:	366px;
	height	:	450px;
	overflow	:	auto	;
}

#tofu_kado_contents	dl	{
	margin	:	5px 0 0 10px;
	display	:	block	;
}

#tofu_kado_contents	dl dt{
	display	:	block	;
	float	:	left	;
}
#tofu_kado_contents	dl dd{
	display	:	block	;
	float	:	left	;
	margin	:	0 0 0 5px	;
	width	:	280px	;
}

#tofu_kado_contents	dl dt	a{
	color	:	#2276BB;
	text-decoration	:	none;
	font-weight	:	bold;
}

#tofu_kado_contents	dl dd	span{
	color	:	#aaa;
}

#tofu_staff_blog {
	width	:	383px;
	float	:	left;
	margin-left:5px;
}
#tofu_staff_blog_contents {
	height:	450px;
	overflow: auto;
}
#tofu_staff_blog_contents p {
	margin: 0.5em 10px 0.5em 0;
}

.contact_banner	{
	width	:	920px;
	margin	:	50px 0;
}

.contact_banner	.left_banner{
	width	:	455px;
	height	:	187px;
	float	:	left;
}
.contact_banner	.right_banner{
	width	:	455px;
	height	:	187px;
	float	:	left;
	margin-left	:	10px;
}


#contact	{
	width	:	920px;
	margin	:	50px 0;
}

#inquiry	{
	width	:	417px;
	float	:	left;
}

#application	{
	width	:	417px;
	float	:	right;
}

/* footer */

#footer {
  width:920px;
}

ul#footer-menu  {
	background:url("../img/footmenu_back.png") ;
	height:22px;
	line-height:1em;
	margin:0 auto;
	padding:6px 0 0;
	text-align:center;
	width:920px;
}

ul#footer-menu li {
  display:inline;
  margin:0;
  padding:0 8px;
  list-style:none;
  font-size:9px;
  text-align:center;
}

#footer-address {
	font-size:9px;
	padding:10px 0;
	color:#999;
	text-align:center;
}
#footer-address a:link, #footer-address a:visited {
  color:#999;
  text-decoration:none;
}
#footer-address a:active, #footer-address a:hover {
  text-decoration:underline;
}



#viral_marketing	{
	position	:	fixed;
	top	:	30%;
	right	:	0;
	width	:	34px;
}

#viral_marketing	div	{
	margin-bottom	:	5px;
}


/* ToFU2 */

#mainbox2	{
	background-image : url("http://www.tofu-system.com/img/main_banner2.jpg") ;
	background-repeat : no-repeat ;
	width:517px;
	margin:0 auto;
}

#mainbox2	p#note{
	float:right;
	text-align:right;
	margin:95px 0 60px 0;
	width:517px;
}

#mainbox2	h2{
	margin:15px 0 0 0;
}