@charset "utf-8";
/* CSS Document */
/* 汎用タグ */
.marginBt20 {
	margin-bottom: 20px;
}
.marginBt10 {
	margin-bottom: 10px;
}

.marginTp20 {
	margin-top: 20px;
}
.marginTp10 {
	margin-top: 10px;
}

.largeTxt {
	font-size:130%; font-weight:bold;
}

.borderTtl{	
	border:1px #CCC solid;
	padding:5px;
	background-color:#f7f7f7;
	display:inline;
	font-weight:bold;
	}

.clear 
	{ clear:both;
		}
	
.bold {
	font-weight:bold;
	}
	
.small{
	font-size:12px;
	}
	
.underLine{
	text-decoration: underline;
	}	
	 
.txtL{
	font-size:112.5%;
}

/* 汎用タグ */
/*contents*/
#contentsUpdater {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 65px;
	margin-bottom: 20px;
}

.titleWrap .flL1 {
	float: left;
	padding-top:5px;
	width: 625px;
}
.titleWrap {
	width: 920px;
	padding:20px;
}
.titleWrap.clear .flL2 {
	float: left;
	width: 265px;
}
.titleWrap .flL3 {
	float: left;
	width: 150px;
}
.titleWrap .flL4 {
	float: left;
	width: 350px;
}

.titleWrap2nd {
	width: 900px;
	padding-left:20px;
	margin-top:-27px;
	border-bottom:1px solid #000;
}
.titleWrap2nd .flL1 {
	float: left;
	width: 625px;
	margin-top:27px;
}
.titleWrap2nd.clear .flL2 {
	float: left;
	
}


#contentsUpdater strong {
	font-size: 90%;
	line-height: 1.2em;
	font-weight: normal;
	color: #F03;
	display: block;
}

#contentsUpdater .strongL {
	font-size: 100%;
	line-height: 1.2em;
	font-weight: normal;
	color: #F03;
	display: block;
}
#contentsUpdater .txtRight {
	text-align:right;
}

#contentsUpdater .mcArea .confirmationBtnArea {
	width: 185px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#contentsUpdater .mcArea .confirmationBtnArea2 {
	text-align: center;
}

#contentsUpdater h1 {
	padding-left:20px;
	padding-bottom:15px;
	border-bottom:1px solid #000;
}
	

#contentsUpdater .btnArea {
	display: block;
	width: 368px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#contentsUpdater .btnArea li {
	margin-bottom: 10px;
}
#contentsUpdater .agreebtnArea {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#contentsUpdater .agreebtnArea .disagreeBtn {
	margin-right: 20px;
}
.agreebtnArea ul li {
	display: inline;
}
#contentsUpdater .ipt {
	height: 20px;
	margin-bottom: 10px;
}
#contentsUpdater .mcArea {
	padding-right: 20px;
	padding-left: 20px;
}
#contentsUpdater .mcArea .loginBtnArea {
	margin-bottom: 20px;
}
#contentsUpdater .mcArea .settingMenuDl dd {
	padding-left: 30px;
	line-height: 1.5em;
	padding-bottom: 10px;
}
#contentsUpdater .mcArea table tr td table tr th {
	text-align: left;
	padding: 10px;
	width: 150px;
	font-weight: bold;
}
#contentsUpdater .mcArea .marginBt20 tr td table tr td .iptBtn {
	margin: 5px;
}

#contentsUpdater .mcArea table tr td table tr td {
	padding: 10px;
}
#contentsUpdater .mcArea .si09table tr td {
	padding: 10px;
}

#contentsUpdater .mcArea .menuList li{
	display: inline;
	padding-right: 10px;
	background-image: url(../images/red_arrow.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

#contentsUpdater .mcArea .menuList {
	float: right;
	width: 260px;
}

#contentsUpdater .mcArea .menuListlogin li{
	display:inline;
	padding-right: 10px;
	background-image: url(../images/red_arrow.png);
	background-repeat: no-repeat;
	background-position:left 5px;
	padding-left: 10px;
}
#contentsUpdater .mcArea .menuListlogin .none{
	background-image:none;

}
#contentsUpdater .mcArea .menuListlogin {
	float: right;
	width: 300px;
}

#contentsUpdater .mcArea .title03 {
	float: left;
	width: 250px;
}
#contentsUpdater .mcArea .planeTitle {
	font-size: 140%;
	font-weight: bold;
}
#contentsUpdater .mcArea .redAr {
	background-image: url(../images/red_arrow.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

#BtnArea
{
	padding-left:10px;
}
#contentsUpdater #BtnArea ul {
	width: 920px;
}
#contentsUpdater #BtnArea li {
	padding-bottom: 14px;
	position: relative;
	float: left;
}

#contentsUpdater .grayTxt{
	color: #A7A7A7;
	font-size: 14px;
}
#contentsUpdater .sidePa20{
	padding: 0 20px;
}
.detailLi{
	padding-left: 20px;
}
.detailLi li{
	padding-left: 1em;
	text-indent: -1em;	
}
/*search*/
#srchBox
{
width:273px;
_width:271px;
margin-bottom:10px;
/*background-color:#FFFFFF;*/
/*border-style:solid;
border-width:1px;
border-color:#FFFFFF;*/
border:hidden;
text-align:left;
}
#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:10px 10px 0 10px;
}
#srchBox #srch #srchForm
{
white-space:nowrap;
}
#wrap #srchBox #srchInput
{
width:188px;
height: 22px; 
margin-right:6px;
vertical-align:top;
color:#666;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#srchBox #srchBtn
{
width:55px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(../images/bg_search.png) left top repeat-x;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}

#srchBox .attention
{
	font-size:10px;
	margin-left:10px;
}


/*whatsnewarea*/
#newsView {
	margin-top: -20px;
	padding-bottom: 8px;
	width: 920px;
}
#newsView h2, #newsList, #viewAll {
	display: table-cell;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
#newsView img { margin-top: 8px; }

#newsView h2 { width: 126px; }
#newsList table { width: 920px; }
#viewAll { width: 97px; }
#newsView th, #newsView td { padding: 2px; vertical-align: top; }
#newsView th {
	text-align: left;
	color:#333;
	width: 80px;
	font-weight:500;
	white-space: nowrap;
}
#newsView td { padding-left: 10px; }



/*--------------------------------------------------------------2nd---------------------------------------------------------------------------*/
#mainUpdater {
	width: 680px;
	float: left;
}


#sideUpdater {
	margin-top: 8px;
	width: 220px;
	float: right;
}

#sideUpdater h5{
	margin-left: 8px;
}

#mainUpdater .upDate {
	padding: 10px 0 20px 20px;
	font-weight:800;
	clear:both;
}

#mainUpdater h3 {
	margin-left: 10px;
}

#mainUpdater h4 {
	border-top:1px dotted #333;
	padding: 10px 0 10px 20px;
	font-weight:800;
	clear:both;
	margin-bottom:-10px;
}

#mainUpdater h5 {
	padding: 7px 0 10px 21px;
	margin-top:30px;
	display:block;
	font-weight:800;
	font-size:18px;
	width:680px;
	background: url(../images/bg_pgttl.png) no-repeat;
}


#mainUpdater h6 {
	padding: 7px 0 10px 21px;
	display:block;
	font-weight:800;
	font-size:18px;
	width:680px;
	background: url(../images/bg_pgttl.png) no-repeat;
}


#mainUpdater .ttlUpdate {
	margin-left:18px; 
	padding: 12px 12px 0px 28px;
	font-weight:800;
	font-size:18px;
	background: url(../images/bg_blueallow_c.png) no-repeat 5px 0.95em;
}

#mainUpdater .subTtlUpdate {
  background: url(../images/bg_dlbody.png)  no-repeat;
  font-size: 90%;
  height:33px;
  margin: 20px 0 0px 20px;
  padding: 7px 0 0px 10px;
  font-weight:bold;
  display:block;

}

#sideUpdater h3 {
	margin-top: 40px;
	text-align: center;
}
#sideUpdater ul {
	margin: 0 auto;
	width: 220px;
}
#sideUpdater li { padding-top: 10px; }
#sideUpdater ul.pageNav { width: 220px; }

#sideUpdater ul.pageNav .nDetail { display: none; }

#sideUpdater.fudemame ul.pageNav .nDetail.fudemame { display: block; }
#sideUpdater.fudemame ul.pageNav .nBase.fudemame {	display: none; }

#sideUpdater.personal ul.pageNav .nDetail.personal { display: block; }
#sideUpdater.personal ul.pageNav .nBase.personal  {	display: none; }

#sideUpdater.other ul.pageNav .nDetail.other { display: block; }
#sideUpdater.other ul.pageNav .nBase.other { display: none; }

#sideUpdater.tool ul.pageNav .nDetail.tool {	display: block; }
#sideUpdater.tool ul.pageNav .nBase.tool {	display: none; }

#sideUpdater.pra ul.pageNav .nDetail.pra { display: block; }
#sideUpdater.pra ul.pageNav .nBase.pra { display: none; }

#sideUpdater.digicame ul.pageNav .nDetail.digicame {	display: block; }
#sideUpdater.digicame ul.pageNav .nBase.digicame {	display: none; }

#sideUpdater.font ul.pageNav .nDetail.font {	display: block; }
#sideUpdater.font ul.pageNav .nBase.font {	display: none; }

#sideUpdater.design ul.pageNav .nDetail.design { display: block; }
#sideUpdater.design ul.pageNav .nBase.design { display: none; }

#sideUpdater .pageNav li {
	padding: 12px 0 0 23px;
	background: url(../images/icon_arrow_off.gif) no-repeat 12px 1.4em;
}

#sideUpdater .pageNav .nDetail li {
	padding: 12px 0 0 23px;
	background: url(../images/icon_arrow_on.gif) no-repeat 12px 1.4em;
	margin-left:0px;
}

.pageNav li div {
	margin-top: -10px;
	margin-left: -23px;
	padding-bottom: 12px;
	background: #fff;
	
	
}
.pageNav li div P {
	margin-bottom: 0px; 
	padding: 12px 12px 0px 23px;
	background: url(../images/icon_arrowblbtm.gif) no-repeat 9px 1.5em;
	font-weight:bold;
	background-color:#fff;
	
}
.pageNav li div ul {
	background: #fff;
	/*background: url(../images/bg_dotborder.gif) no-repeat 0 0;*/
}
.pageNav li div a:link { color: #444; text-decoration: none; font-weight: 400;!important}
.pageNav li div a:visited { color: #444; text-decoration: none; font-weight: 400;!important}
.pageNav li div a:hover { color: #444; text-decoration: underline; font-weight: 400;!important}
.pageNav li div a:active { color: #444; text-decoration: none; font-weight: 400;!important}

.pageNav li div P a:link { color: #0677c6; text-decoration: none;font-weight:bold; }
.pageNav li div P a:visited { color: #0677c6; text-decoration: none;font-weight:bold; }
.pageNav li div P a:hover { color: #0677c6; text-decoration: underline;font-weight:bold; }
.pageNav li div P a:active { color: #0677c6; text-decoration: none;font-weight:bold; }

.pageNav li  a:link { color: #0677c6; text-decoration: none; font-weight:bold;}
.pageNav li  a:visited { color: #0677c6; text-decoration: none; font-weight:bold; }
.pageNav li  a:hover { color: #0677c6; text-decoration: underline; font-weight:bold;}
.pageNav li  a:active { color: #0677c6; text-decoration: none; font-weight:bold; }

#sideUpdater .pageNav li div li.now {
	background: url(../images/icon_check.gif) no-repeat 7px 1.2em;
}

#sideUpdater .pageNav li div.now {
	padding: 12px 3px 12px 23px;
	background: url(../images/icon_check.gif) no-repeat 7px 1.2em /*#f1f1f1*/;
}

#sideUpdater ul.pdtOthers { margin-top: 15px; }



#mainUpdater #pageNavi{
	margin-top:10px;
}

#mainUpdater .dwmLoadCntnt{
	margin-left:20px;
	font-size:12px;
}

#mainUpdater #pageNavi ul{
	border-bottom:1px dotted #333;
}

#mainUpdater #pageNavi li{
float:left;
padding: 10px 0px 10px 12px;
background: url(../images/icon_arrow_on.gif) no-repeat 4px 1.3em;
margin-left:9px;
font-size:12px;
}

#mainUpdater #pageNavi li a{
color: #444; text-decoration: none;
}

#mainUpdater #pageNavi li a:hover { color: #444; text-decoration: underline; }

#mainUpdater #linkNavi ul {width: 680px;}

#mainUpdater #linkNavi li {
width: 300px;
padding: 3px 0 3px 20px;
background: url(../images/icon_arrow_on.gif) no-repeat 12px 0.8em;
margin-left:10px;
float: left;
display: block;

}


#mainUpdater #upDateNavi ul {
	width: 680px;
	margin-top:10px;
	}

.reqtxt li {
	padding: 3px 0 3px 25px;
	width: 645px;
	margin-left:10px;
	display: block;
	background-image: url(../images/icon_arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 16px 0.8em;
}
.reqtxt li ul.underTree li{
	background-image: none;
	padding-left: 0;
}
.dwmLoadCntnt .reqtxt li {
	padding: 3px 0 3px 10px;
	margin-left:10px;
	display: block;
	background-image: url(../images/icon_arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.8em;
}

#upDateNavi li a:link { color: #444; text-decoration: none; }
#upDateNavi li a:visited { color: #444; text-decoration: none; }
#upDateNavi li a:hover { color: #444; text-decoration: underline; }
#upDateNavi li a:active { color: #444; text-decoration: none; }

#mainUpdater #upDateNavi .dwmLoadCntnt li {

width: 645px;
margin-left:10px;
}

/*------------------------------------------------------------------------------------------*/

/*navi*/
#ddNav {
	margin-top: 25px;
	margin-bottom: 25px;
	width: 919px;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#ddNav ul { width: cccpx; overflow: hidden;}
#ddNav li { float: left; border-right: solid 1px #ccc; }
/* //navi */


/*contents*/
.dot {
	padding-bottom: 25px;
	border-bottom:#ccc 1px dotted; 
}

.voice {
	font-size:medium;
	color:#666;
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom:#ccc 1px dotted; 
}
.sec { 
	margin-top: 15px; 
	padding-bottom: 25px; 
	background-image: url("../images/stamp.gif");
	background-position:right top;
	background-repeat:no-repeat;
}
.sec h2 {
  background: url("../images/boder920.gif") no-repeat scroll 0 bottom ;
  font-size: 140%;
  font-weight: bold;
  margin: 0 0 15px;
  padding-bottom: 5px;
}

.sec ul{
    width: 915px;
    margin: 40px -5px 0 0;
    overflow: hidden;
    _zoom: 1;
}
.sec li{
    padding: 5px;
    margin-right: 5px;
    float: left;
}


.btns { margin-top: 20px;	position: relative; }

.btns .more {
  margin-left: -47px;
  position: absolute;
  top: -10px;
  left: 47.5%;
}

.btns .close {
	margin-left: -47px;
	position: absolute;
	top: -10px; left: 47.5%;
}

.btns .pageTop{
	text-align:right;
}
/*--------------------------------------------------------------------------------------------*/
#secBox{
	width: 615px;
	margin-left:20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #666;
	padding: 15px;
}
.linkred {
	padding-left:20px;
	background-image: url(../images/icon_arrow_on.gif);
	background-repeat: no-repeat;
	background-position: 12px 6px;

}
.linkred a {
	color: #0677C6;
	}
.updataTable {
	width: 100%;
}
.updataTable th {
	width: 100px;
	text-align: left;
}
.updataTable td {
	width: 250px;
}
.updataTable .w100 {
	width: 150px;
}
.dlAll {
	width: 650px;
	clear: both;
	margin-bottom: 10px;
}
.dlAllWrap {
	width: 650px;
}

.dlTtl {
	float: left;
	width: 150px;
}
.dlDd {
	width: 500px;
	float: left;
}



#contract_contents {
	overflow: scroll;
	height: 200px;
	width: 630px;
	border: 1px solid #666;
	padding: 10px;
	margin-top: 20px;
}