?/*------------------- 汎用 --------------------*/
.f100-cff {
	font-size: 12pt;
	background: #FFFFFF;
}
.t5b5 {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10pt;
	text-align: center;
}
.p3-cff {
	padding: 3px;
	background: #FFFFFF;
}

/*------------------- 見出し -------------------*/
.mid1 {
	background: #FB6500;
	background-position: 8px center;
	
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: bold;
	padding: 4px 3px 4px 20px;
	border-right: 2px #999999 solid;
	border-bottom: 2px #999999 solid;
	margin-top:0px;
	margin-bottom:5px;
}

.mid2 {
	background: #888888;
	background-position: 8px center;
	
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: bold;
	padding: 3px 3px 3px 15px;
	border-right: 2px #CCCCCC solid;
	border-bottom: 2px #CCCCCC solid;
	margin-top:18px;
	margin-bottom:5px;
	width : 70%;
}

.mid3 {
	background: #DDDDDD;
	color: #333333;
	font-size: 11pt;
	font-weight: bold;
	padding: 3px 3px 3px 10px;
	margin:10px 0px 10px 15px;
	border: 1px #666666 solid;
	width : 90%;
}
.mid4 {
	background: #eeeeee;
	background-image : url(../image/list_o.gif);
	background-repeat: no-repeat;
	background-position: 8px center;

	color: #333333;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing : 1px;
	padding: 4px 3px 4px 30px;
	border-right: 2px #999999 solid;
	border-bottom: 2px #999999 solid;
	margin-top:0px;
	margin-bottom:5px;
}

.tbl-mid1 {
	color: #333333;
	font-size: 10pt;
	font-weight: bold;
	background: #DDDDDD;
	padding: 5px 5px 5px 15px;
}

.tbl-mid1C {
	color: #333333;
	font-size: 10pt;
	font-weight: bold;
	background: #DDDDDD;
	padding: 5px 5px 5px 5px;
	margin: auto;
	text-align: center;
}

.tbl-mid2 {
	color: #333333;
	font-size: 11pt;
	background: #EEEEEE;
	padding: 2px 5px 2px 5px;
	text-align: left;
	letter-spacing : 1px;
}

.tbl-mid2C {
	color: #333333;
	font-size: 10pt;
	background: #EEEEEE;
	padding: 2px 5px 2px 5px;
	text-align: center;
	margin: auto;
	letter-spacing : 1px;
}

.tbl-mid3 {
	color: #333333;
	font-size: 10pt;
	background: #DDDDDD;
	padding: 3px 3px 3px 15px;
}


/*------------------ 内容説明 ------------------*/
.naiL90 {
	background: #FFFFFF;
	font-size: 11pt;
	padding-right: 7px;
	padding-left: 7px;
	letter-spacing : 1px;
	line-height: 120%;
}
.naiL80 {
	background: #FFFFFF;
	font-size: 10pt;
	padding-right: 3px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	letter-spacing : 1px;
	line-height: 140%;
}
.naiL80p10 {
	background: #FFFFFF;
	font-size: 10pt;
	padding: 10px;
	letter-spacing : 1px;
}

.naiL80p3 {
	background: #FFFFFF;
	font-size: 10pt;
	padding: 3px;
	letter-spacing : 1px;
	line-height: 140%;
	text-align: left;
}

.naiL80p3C {
	background: #FFFFFF;
	font-size: 10pt;
	padding: 3px;
	letter-spacing : 1px;
	text-align: center;
	margin: auto;
}

.naiL80p3b10 {
	background: #FFFFFF;
	font-size: 10pt;
	padding: 3px 3px 10px 3px;
	letter-spacing : 1px;
	line-height: 130%;
	text-align: left;
	vertical-align : top;
}

.naiL80p1 {
	background: #FFFFFF;
	font-size: 10pt;
	padding: 1px 1px 1px 10px;
	letter-spacing : 1px;
	text-align: left;
}

.naiL80p1c {
	background: #FFFFFF;
	font-size: 10pt;
	padding: 1px 1px 1px 1px;
	letter-spacing : 1px;
	text-align: center;
	margin: auto;
}

.naiL80p0c {
	background: #FFFFFF;
	font-size: 10pt;
	padding: 0;
	margin: 0;
	text-align: center;
	margin: auto;
}

.naiLp3 {
	background: #FFFFFF;
	padding: 3px;
	letter-spacing : 1px;
	text-align: left;
}

.naiLp3C {
	background: #FFFFFF;
	padding: 3px;
	letter-spacing : 1px;
	text-align: center;
	margin: auto;
}

.naiL70p1 {
	background: #FFFFFF;
	font-size: 9pt;
	padding: 1px 1px 1px 7px;
	letter-spacing : 1px;
	text-align: left;
	line-height: 140%;
}

.naiL70p0c {
	background: #FFFFFF;
	font-size: 9pt;
	padding: 0;
	margin: 0;
	text-align: center;
	margin: auto;
}

.opeImg1 {
	background: #FFFFEE;
	margin : 10px;
	border-width : 1px;
	border-style : solid;
	border-color : gray;
	padding : 10px;
}

.sample-path {
	border-width : 1px;
	border-style : solid;
	border-color : gray;
	width : 100%;
	font: 10pt "ＭＳ ゴシック", Osaka, "MS UI GOTHIC", "Lucida Grande", sans-serif;
}

.imgp3c {
	padding : 3px;
	background-image : url(../image/clearImg.gif);
	background-repeat : repeat;
	text-align : center;
	margin: auto;
}

.imgp10c {
	padding : 10px;
	background-image : url(../image/clearImg.gif);
	background-repeat : repeat;
	text-align : center;
	margin: auto;
}

/*---------------- head & foot ----------------*/

/* header rigth */
.head-r {
	background: #FFFFFF;
	background-image : url(../image/head1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 250px;
	width : 480px;
}

/* header left */
.head-l {
	background: #FFFFFF;
	height: 250px;
	width : 300px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.footer-str {
	font-size: 9pt;
	color: #333333;
	padding: 10px 0px 5px 0px;
	text-align: center;
}


.head-name {
	background: #FFFFFF;
	font-size: 10pt;
	padding: 3px 1px 3px 3px;
	letter-spacing : 1px;
	text-align: left;
	font-weight: bold;
	line-height: 120%;
}

.head-btn {
	background: #FFFFFF;
	font-size: 10pt;
	padding: 3px 3px 3px 3px;
	letter-spacing : 1px;
	text-align: right;
	line-height: 120%;
}

.head-cnt {
	background: #FFFFFF;
	font-size: 10pt;
	padding: 4px 1px 4px 5px;
	letter-spacing : 1px;
	text-align: left;
	line-height: 140%;
	border-width : 1px;
	border-style : dashed;
	border-color : gray;
}

/*-------------------- layout base --------------------*/
.main-tbl {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 780px;
}

.rigth-main {
	width: 616px;
	background: #FFFFFF;
}

/* cman */
.rigth-main-top {
	font-size: 10pt;
	color: #333333;
	padding: 3px 3px 10px 5px;
	letter-spacing : 1px;
	line-height: 140%;
}


/*-------------------- menu --------------------*/

/* cman */
.menu-w100 {
	width: 160px;
/*	width: 100%; */
}

/*----- top menu -----*/
.top-menu-idle {
	font-size: 9pt;
	color: #0081C6;
	padding: 5px 1px 5px 3px;
	border: 1px solid #AFAFB1;
	text-align: center;
}
.top-menu-active {
	font-size: 9pt;
	color: #006666;
	padding: 5px 1px 5px 3px;
	border: 1px solid #AFAFB1;
	text-align: center;
	background: #E1FFE1;
}

/*----- step menu -----*/
.step-menu {
	font-size: 9pt;
	color: #666666;
	padding: 7px 1px 7px 3px;
	text-align: left;
}

/*----- side menu -----*/
.left-menu {
	background: #FFFFFF;
	width: 160px;
	padding-right: 2px;
	padding-left: 2px;
	vertical-align: top;
}

.side-menu-idle1 {
	background: #FFFFFF;
	background-position: 2px center;
	background-image : url(../image/icon_menu_b1.gif);
	background-repeat: no-repeat;
	font-size: 10pt;
	color: #0081C6;
	padding: 4px 1px 4px 14px;
	border-bottom: 1px solid #AFAFB1;
}
.side-menu-idle2 {
	background: #FFFFFF;
	background-position: 10px center;
	background-image : url(../image/icon_menu_b1.gif);
	background-repeat: no-repeat;
	font-size: 9pt;
	color: #0081C6;
	padding: 4px 1px 4px 22px;
	border-bottom: 1px solid #AFAFB1;
}
.side-menu-idle3 {
	background: #FFFFFF;
	background-position: 22px center;
	background-image : url(../image/icon_menu_b1.gif);
	background-repeat: no-repeat;
	font-size: 9pt;
	color: #0081C6;
	padding: 4px 1px 4px 34px;
	border-bottom: 1px solid #AFAFB1;
}
.side-menu-active1 {
	background: #E1FFE1;
	background-position: 2px center;
	background-image : url(../image/icon_menu_g1.gif);
	background-repeat: no-repeat;
	font-size: 10pt;
	font-weight: bold;
	color: #006666;
	padding: 4px 1px 4px 14px;
	border-bottom: 1px solid #AFAFB1;
}
.side-menu-active2 {
	background: #E1FFE1;
	background-position: 10px center;
	background-image : url(../image/icon_menu_g1.gif);
	background-repeat: no-repeat;
	font-size: 9pt;
	font-weight: bold;
	color: #006666;
	padding: 4px 1px 4px 22px;
	border-bottom: 1px solid #AFAFB1;
}
.side-menu-active3 {
	background: #E1FFE1;
	background-position: 22px center;
	background-image : url(../image/icon_menu_g1.gif);
	background-repeat: no-repeat;
	font-size: 9pt;
	font-weight: bold;
	color: #006666;
	padding: 4px 1px 4px 34px;
	border-bottom: 1px solid #AFAFB1;
}

/*----- 補助 Link -----*/
.sub-link {
	font-size: 9pt;
	padding-left: 10px;
}
.sample-link {
	background: #FFFFEE;
	background-position: 10px center;
	background-image : url(../image/go_sample.gif);
	background-repeat: no-repeat;
	font-size: 10pt;
	padding: 2px 10px 2px 60px;
	text-align: center;
	border: 1px solid #999999;
	height: 35px;
	width: 200px;
}
.make-link {
	background: #FFFFEE;
	background-position: 10px center;
	background-image : url(../image/go_make.gif);
	background-repeat: no-repeat;
	font-size: 10pt;
	padding: 2px 10px 2px 60px;
	text-align: center;
	border: 1px solid #999999;
	height: 35px;
	width: 210px;
}
.explain-link {
	background: #FFFFEE;
	background-position: 10px center;
	background-image : url(../image/go_explain.gif);
	background-repeat: no-repeat;
	font-size: 10pt;
	padding: 2px 10px 2px 60px;
	text-align: center;
	border: 1px solid #999999;
	height: 35px;
	width: 190px;
}


/*--------------------- list type ----------------------*/
.mark-b {
	color: #333333;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 16px;
	list-style-image : url(../image/icon_qb_b.gif);
	list-style-position: outside;
	list-style-type: none;
}

.mark-s {
	color: #333333;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 16px;
	list-style-image : url(../image/icon_menu_b1.gif);
	list-style-position: outside;
	list-style-type: none;
}

/*--------------------- radio -------------------------*/
.rb-sel{
	font-size : 10pt;
	font-weight: bold;
/*	background-color: #FFFFDD; */
	background-color: #FFEECA;
	border-width : 1px;
	border-style : solid;
	border-color : silver;
	padding: 0px;
	vertical-align:baseline;
}
.rb-non{
	font-size : 10pt;
	background-color: #FFFFFF;
	border-width : 1px;
	border-style : solid;
	border-color : #FFFFFF;
	padding: 0px;
	vertical-align:baseline;
}
.anime-sel{
	font-size : 10pt;
	font-weight: bold;
/*	background-color: #FFFFDD; */
	background-color: #FFEECA;
	border-width : 1px;
	border-style : solid;
	border-color : silver;
	padding: 3px;
	margin: 3px;
	vertical-align:baseline;
}

/*--------------------- Button -------------------------*/
.btn1{
	font-size : 10pt;
	font-weight: bold;
/*	background-color: #6699CC; */
	background-color: #3366FF;
	color:#FFFFFF;
	padding: 2px 3px 2px 3px;
	vertical-align:middle;
	text-align: center;
	height:30px;
	cursor: pointer;
}

/*--------------------- Button -------------------------*/
.err-msg {
	font-weight : bold;
	color : red;
	background-color : #ffddee;
	margin : 5px;
	padding : 5px;
	border-width : 2px;
	border-style : solid;
	border-color : red;
	text-align: left;
}

/*-------------------- element type --------------------*/

a:link.colorg {
	color: #666666;
	text-decoration: none;
}

a:visited.colorg {
	color: #666666;
	text-decoration: none;
}

a:hover.colorg {
	color: #0000FF;
	text-decoration: underline;
}

a:link {
	color: #006699;
	text-decoration: none;
}

a:visited {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #0000FF;
	text-decoration: underline;
}

/* ---- 細いlinkボタン --- */
a.btnS {
	display: block;
	color: #ffffff;
	background-color: #4488CC;
	border: outset 2px #cccccc;
	margin: auto;
	padding: 2px 0px 2px 1px;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	text-decoration: none;
	width: 35px;
/*	height: 18px; */
	letter-spacing : 1px;
/*	font-weight: bold; */
}
a.btnS:hover {
	color: #eeeeee;
	background-color: #555588;
	border: inset 2px #9999cc;
	margin: auto;
	padding: 2px 0px 2px 1px;
	text-decoration: none;
}
a.btnS:active { color: #ffffff; }
a.btnS:visited { color: #ffffff; }

/* ---- 細いlinkボタン --- */
a.btnS2 {
	display: block;
	color: #333333;
	background-color: #ffffff;
	border: outset 2px #cccccc;
	margin: auto;
	padding: 2px 0px 2px 1px;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	text-decoration: none;
	width: 35px;
	letter-spacing : 1px;
}
a.btnS2:hover {
	color: #000099;
	background-color: #dddddd;
	border: inset 2px #9999cc;
	margin: auto;
	padding: 2px 0px 2px 1px;
	text-decoration: none;
}
a.btnS2:active { color: #333333; }
a.btnS2:visited { color: #333333; }

a.btnS3 {
	display: block;
	color: #000000;
	background-color: #ff9966;
	border: outset 2px #cccccc;
	margin: auto;
	padding: 2px 0px 2px 1px;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	text-decoration: none;
	width: 35px;
	letter-spacing : 1px;
}
a.btnS3:hover {
	color: #000099;
	background-color: #dddddd;
	border: inset 2px #9999cc;
	margin: auto;
	padding: 2px 0px 2px 1px;
	text-decoration: none;
}
a.btnS3:active { color: #000000; }
a.btnS3:visited { color: #000000; }

/* ---- 中linkボタン --- */
a.btnM {
	display: block;
	color: #ffffff;
	background-color: #3659a3;
	border: outset 2px #cccccc;
	margin: auto;
	padding: 3px 0px 3px 1px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	width: 50px;
/*	height: 22px; */
	font-weight: bold;
}
a.btnM:hover {
	color: #eeeeee;
	background-color: #555588;
	border: inset 2px #9999cc;
	margin: auto;
	padding: 3px 0px 3px 1px;
	text-decoration: none;
}
a.btnM:active { color: #ffffff; }
a.btnM:visited { color: #ffffff; }

/* --- 操作説明POP ---*/
.opePop{  
	position:absolute;
	visibility:hidden; 
	font-size : 9pt;
	margin:0px;
	padding :0px;
	left : 0px;
	top : 0px;
	z-index : 1;
	background-color:#FFCC99;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity:0.90; 
	border-width : 2px;
	border-style : solid;
	border-color : #ff9900;
}
.opePopNai {
	padding: 5px 5px 5px 8px;
	font-size: 10pt;
	color: #000000;
	line-height: 120%;
}
.opePopNaiC {
	padding: 3px 0px 0px 0px;
	color: #000000;
	font-size: 10pt;
	margin: auto;
	text-align: center;
	vertical-align:middle; 
}

.startPop{  
	position:absolute;
	visibility:hidden; 
	padding:0px;
	margin:0px;
	left : 0px;
	top : 0px;
	z-index : 1;
	background-color:#ffffcc;
	border: outset 5px #cccccc;
/*	border-width : 2px;
	border-style : solid;
	border-color : #999999; */
}
.startPopNaiC {
	padding :10px 10px 0px 10px;
	color: #333333;
	font-size : 10pt;
	line-height: 130%;
	margin: auto;
}

.gaidPop{  
	position:absolute;
	visibility:hidden; 
	font-size : 9pt;
	margin:0px;
	padding :0px;
	left : 0px;
	top : 0px;
	z-index : 1;
	background-color:#FFFFFF;
	filter:alpha(opacity=82);
	-moz-opacity:0.82;
	-khtml-opacity: 0.82;
	opacity:0.82; 
	border-width : 2px;
	border-style : solid;
	border-color : #0000FF;
}
.gaidPopMid {
	padding :3px 5px 3px 10px;
	color: #FFFFFF;
	background: #0000FF;
	font-size : 11pt;
	line-height: 100%;
}
.gaidPopNai {
	padding :10px 10px 10px 10px;
	color: #000000;
	font-size : 10pt;
	font-weight: bold;
	line-height: 130%;
	margin: auto;
}

body {
	color: #333333;
	font-family : "ＭＳ Ｐゴシック", Osaka, "MS UI GOTHIC", "Lucida Grande", sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	background: #BBE1E6;
	text-align: center;
	line-height: 200%;
}
form	{padding : 0px;margin : 0px;}

ul {
	margin: 5px 0 0 25px;
	padding: 0;
}

li {
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
}

form {
	margin:0px;
}



input.txt{
	font-size : 10pt;
	font-family : 'ＭＳ ゴシック','Osaka-等幅','MS UI GOTHIC','Osaka', sans-serif;
	background-color: #FFFFFF;
	color:#333333;
	border: 1px solid #006699;
	padding: auto;
	text-align: center;
	vertical-align:middle; 
	height:20px;
}
select{
	font-size : 10pt;
	font-family : 'ＭＳ ゴシック','Osaka-等幅','MS UI GOTHIC','Osaka', sans-serif;
	background-color: #FFFFFF;
	color:#333333;
	border: 1px solid #006699;
	padding: 1px 1px 1px 5px;
	height:20px;
}