@charset "UTF-8";
@import url("../common/css/common.css");

/* --------------------------------
	toppage.css
--------------------------------
toppage.cssはトップページで使用しているCSSファイルです。

** index
01.commonの上書き
02.汎用class
03.各大ブロック
-------------------------------- */

/* --------------------------------
■01.commonの上書き
--------------------------------
importで読み込んでいるcommon.cssの記述を上書きしています。
-------------------------------- */
#Container1 {
	width:1006px;
	margin:0 auto;
}
#Wrap1,
#Wrap2 {
	border:none;
	margin:0;
}
#Header {
	padding:35px 0 0;
}


/* --------------------------------
■02.汎用class
--------------------------------
トップページ内で汎用的に使われているclass類です。
-------------------------------- */
/* ブロック区切り */
.section {
	clear:both;
	margin:20px 0 40px;
}
.section.first {
	margin-top:0;
}
.section h2 {
	padding:5px 70px;
	background:url("../img/toppage/bg_headline.gif") no-repeat left bottom;
	color:#036;
	font-size:350%;
	font-weight:bold;
}

/* 太字 */
.bold {
	font-weight:bold;
}

/* リード文 */
.lead {
	line-height:1.5;
	margin:10px 0 25px;
}

/* ビジュアルイメージ */
.visual-image {
	margin:0 auto;
	text-align:center;
}

/* 機能小ブロック */
.tool {
	overflow:hidden;
	margin:30px 0 0;
	_zoom:1;
}
.tool .image {
	float:left;
	margin-right:15px;
	padding:4px;
	background:url("../img/toppage/bg_tools-image.gif");
}
.tool .image img {
	border:1px solid #ccc;
}
.tool .body {
	line-height:1.5;
	overflow:hidden;
	_zoom:1;
}
.tool h3,
.append-tools h3 {
	margin:0 0 20px;
	border:1px #76A3FF;
	border-style:none none solid solid;
	color:#036;
	font-size:150%;
	font-weight:bold;
}
.tool h3 span,
.append-tools h3 span {
	display:block;
	margin:0 0 -1px -1px;
	padding:4px 10px;
	background:url("../img/toppage/bg_headline_2.gif") no-repeat left bottom;
}
.tool .thum {
	float:left;
	margin:0 10px 10px 0;
}


/* --------------------------------
■03.各大ブロック
--------------------------------
トップページ内の比較的大きなブロックです。
-------------------------------- */
/* del */
#TopLoginNav {
	overflow:hidden;
	padding:5px 20px 0;
	_zoom:1;
}
#TopLoginNav .registration {
	float:left;
}
#TopLoginNav .login {
	float:right;
}
#TopLoginNav .login form {
	width:460px;
	height:51px;
	padding:40px 10px 5px;
	background:url("../img/toppage/bg_login.jpg") no-repeat center center;
}
#TopLoginNav .login th,
#TopLoginNav .login td {
	padding:1px;
}
#TopLoginNav .login th {
	padding-right:1em;
	color:#fff;
	font-weight:bold;
}
#TopLoginNav .login .text {
	width:200px;
}
/* true */
#Header {
	position:relative;
	_zoom:1;
}
#Header #ToLogin {
	position:absolute;
	right:17px;
	bottom:140px;
}
#Header #ToRegist {
	position:absolute;
	right:17px;
	bottom:106px;
}

#ContentsBody {
	padding:0 20px;
}
#ContentsBody p {
	font-size: 16px;
}
#ContentHeader {
	margin-right:-20px;
	margin-left:-20px;
}
#ContentHeader h1 {
	padding:0 20px 5px;
	border-bottom:3px double #ccc;
	color:#036;
	font-size:350%;
	font-weight:bold;
}
#ContentHeader p {
	margin-right:20px;
	margin-left:20px;
}

/* widget */
div.widget {
	float:right;
	margin-left:20px;
}
#ContentsBody .widget p {
	font-size:100%;
}

/* お知らせ */
.section.first {
	clear:none;
	overflow:hidden;
	_zoom:1;
}
.histories dl {
	margin:2px 0;
	font-size:14px;
}
.histories dt {
    float:left;
	margin-right:1em;
}
.histories dd {
    overflow:hidden;
    _zoom:1;
}
.histories span {
	color:#ff5588;
	font-weight:bold;
}

/* 使用手順フロー */
.flow {
	overflow:hidden;
	background:url("../img/toppage/bg_flow_arrow.gif") no-repeat center center;
	color:#fff;
	_zoom:1;
}
.flow li {
	float:left;
	width:271px;
	height:153px;
	margin-right:30px;
	padding:60px 15px 10px;
	background:no-repeat center top;
}
.flow li.no01 {
	background-image:url("../img/toppage/bg_flow_01.gif");
}
.flow li.no02 {
	background-image:url("../img/toppage/bg_flow_02.gif");
}
.flow li.no03 {
	float:right;
	margin-right:0;
	background-image:url("../img/toppage/bg_flow_03.gif");
}
.flow li p {
	line-height:1.5;
}
.flow .more {
	margin:2em 0 0;
	text-align:right;
}

/* 未実装機能 */
.append-tools {
	margin:30px 0 0;
}
.append-tools dt {
	margin:5px 20px 0;
	padding:5px 0 5px 45px;
	background:url("../img/toppage/icon_append.gif") no-repeat 0 0;
	font-size:150%;
}
.append-tools dd {
	margin:5px 20px 20px 50px;
	font-size:14px;
}
.append-tools dd li {
	list-style:outside disc;
	margin:5px 0 0 15px;
}