@charset "UTF-8";

/* 初期化 */
* {margin: 0; padding: 0; line-height: 100%;}

/* 基本 */
.clear {clear: both;}
img {border: 0px;}

/* リンク色 */
a:link,a:visited {color: #0000ee; text-decoration: none;}
a:active, a:hover {color: #EE6401; text-decoration: underline;}

/* 全体 */
body {text-align: center; background: #FFFFFF; font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;}
#toolbar {width: 800px; margin: 0 auto; padding: 20px 0;text-align: center;}
#toolbar p {color: #000000;}

/* clear fix */
#toolbar div:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}/* Clearfix */
*html #toolbar div{display:inline-block;}/* for IE6 */
*:first-child+html #toolbar div{display:inline-block;}/* for IE7 */


/* メイン画像 */
#toolbar h1{
width: 774px;
height:127px;
background:url(../img/main.gif) no-repeat;
text-indent:-9999px;
text-align:center;
margin:0 auto;
}

/* ツールバー紹介 */
#explain{
width:750px;
margin:10px auto 0;
text-align:left;
}

#explain h2{
border-left:solid 6px #DD0000;
color:#000000;
font-size:21px;
padding-left:10px;
}

#explain p{
font-size:13px;
line-height:1.6em;
margin:15px 0 0;
font-weight:bold;
}
#explain p span {
color: #DD0000;
line-height: 1.4em;
font-size: 15px;
}


/* チームツールバー */
#team{
width:750px;
text-align:left;
margin:30px auto 0;
font-size:13px;
}

#team p{
color:#000;
}

#team .list{
margin:10px 0 0;
}

#team .list .left,
#team .list .right{
width:370px;
}

#team .list .left{
float:left;
}
#team .list .right{
float:right;
}

#team .list dt{
font-size:15px;
font-weight:bold;
color:#fff;
padding:0.2em 0.5em;
}
#team .list dd{
padding:0.5em 0.5em 0.4em;
line-height:1.3em;
}
#team .list dd img{
vertical-align:-11px;
margin:0 5px 0 0;
}
#team .list dd.gray{
background:#ECECEC;
}
#team .list dd a{
color:#13487C;
}
#team .list dd a:hover{
color:#CC0000;
text-decoration:none;
}

#team .list .left dl{
border-bottom:1px solid #F2A99E;
}
#team .list .left dt{
background:#C51117;
border-top:3px solid #DB6367;
}
#team .list .left dd{
border-left:1px solid #F2A99E;
border-right:1px solid #F2A99E;
}

#team .list .right dl{
border-bottom:1px solid #93A2BE;
}
#team .list .right dt{
background:#013A6D;
border-top:3px solid #286CA8;
}
#team .list .right dd{
border-left:1px solid #93A2BE;
border-right:1px solid #93A2BE;
}


/* ツールバーサンプル */
.tb_sample{
clear:both;
margin:30px 0 0;
}


/* NFLツールバーサンプル */
.button {text-align: center; margin:30px 0 0;}


/* 機能説明 */
#function{
width:750px;
margin: 30px auto 0;
text-align: left;
}
#function .left,
#function .right{
width: 50%;
float: left;
margin:0 auto;
}

#function p{
font-size: 13px;
line-height: 1.6em;
margin-bottom: 10px;
padding: 0 30px 0 0;
}
#function p.mg{
margin-bottom: 30px;
}
#function p.capture{
text-align: center;
margin-bottom:0;
}

/* 機能説明 見出し */
#function h2 {
border-left: solid 6px #DD0000;
color: #000000;
font-size: 21px;
margin-bottom: 20px;
padding-left: 10px;
}

/* 機能説明 強調文字 */
#function p span{color: #f8422a; line-height: 1.4em;}
/* 右カラムのリスト */
#function li{
list-style:none;
font-size:13px;
margin:5px 0 0;
line-height:1.4em;
}


/* 注意事項等 */
#attention {width: 750px; margin:20px auto 0; background: #f2f2f2; border: solid 1px #cccccc; text-align: left;}
*html #attention {margin-top:0;}
*:first-child+html #attention {margin-top:0;}

#attention .contents {background: #FFFFFF; border: dotted 1px #cccccc; margin: 10px; padding: 0 10px 10px 10px;}
#attention .contents h4 {font-size: 13px;  margin: 10px 0;}
#attention .contents p {font-size: 13px; line-height: 1.6em;}
#attention .contents table {margin: 0px 0 10px 0;}
#attention .contents td {font-size: 13px; color: #000000; line-height: 1.6em; vertical-align: top;}
#attention .contents td.indent {width: 20px; text-align: center;}
#attention .contents .line {width: 100%; height: 2px; background: url(../img/dotline.gif) repeat-x;}
#attention .contents ul {margin-top: 5px;}
#attention .contents li {list-style: none; background: url(../img/link_arrow.gif) 0 3px no-repeat; font-size: 12px; color: #333333; padding: 0 0 8px 13px;}
#attention .contents li a:link,#attention .contents li a:visited {padding-left: 13px; background: url(../img/link_bg.gif) 0 2px no-repeat;}
#attention .contents li a:active,#attention .contents li a:hover {padding-left: 13px; background: url(../img/link_bg_on.gif) 0 2px no-repeat;}