@charset "UTF-8";

/*
	01. BACKGROUND_BASIC
	02. IMAGE
	03. MISCELLANEOUS
	
*/


/* 01 BACKGROUND
----------------------------------------*/

body {
background: url(../img/bg.gif) repeat-x top left #C3E1FF;
color: #333333;
font-family:sans-serif,Verdana, Arial, Georgia;
line-height:133%;
margin:0;
padding:0;
}


#main {
	background: url(../img/bg02.gif) repeat-y #FFFFFF top center;
	width: 870px;
	margin:0px auto 30px;
	text-align: center;
	}

#contentsTop{
	text-align: left;
	margin:-10px 20px 0 20px;
	*margin-top:-25px;
	width:830px;
	/*border-top:solid 3px #0066CC;*/
}

#contents{
	text-align: left;
	margin:0px 20px;
	width:830px;
	border-top:solid 3px #0066CC;
}


/* 02 IMAGE
----------------------------------------*/

img {
border: 0px none;
}



/* 03 MISCELLANEOUS
-------------------------------------------------*/

dl,dt,dd,p,h1,h2,h3,h4,ul,li,iframe{
	margin: 0px;
	padding: 0px;
}

div.spacer {
	clear: both;
	font-size: 1px;
}

form {
	margin: 0px;
	padding: 0px;
}


.clr {
	clear: both;
}



/*
	01. HEADER BASIC
	02. HEADER LINK
*/


/* 01 HEADER BASIC
----------------------------------------*/


#header{
	text-align: left;
	margin:0px 20px 19px 20px;
	padding:8px 0px 0px 0px;
}

#headerLeft {
	float:left;
	width:183px;
}

#headerRight {
	float:right;
	width:400px;
}

#miclogo {
	background: url(../img/logo.gif) no-repeat top left #FFFFFF;
	margin:0;
	padding:0;
	float:left;
	display: block;
	text-decoration: none;
	width:183px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#miclogo a{
	background: url(../img/logo.gif) no-repeat top left #FFFFFF;
	margin:0;
	padding:0;
	float:left;
	display: block;
	text-decoration: none;
	width:183px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}


	
#micLink{
	text-align:right;
	margin-bottom:25px;
	float:right;
	width:400px;
}

#link_srch{
	background: url(../img/to_search.gif) no-repeat top right #FFFFFF;
	float:right;
	margin:0px;
	display: block;
	text-decoration: none;
	width:21px;
	height:10px;
}

#link_srch a{
	background: url(../img/to_search.gif) no-repeat top right #FFFFFF;
	float:right;
	margin:0px;
	display: block;
	text-decoration: none;
	width:21px;
	height:10px;
}

#link_top{
	background: url(../img/to_mictop.gif) no-repeat top right #FFFFFF;
	padding-left:13px;
	float:right;
	margin:0px;
	display: block;
	text-decoration: none;
	width:63px;
	height:10px;
}


#link_top a{
	background: url(../img/to_mictop.gif) no-repeat top right #FFFFFF;
	padding-left:13px;
	float:right;
	margin:0px;
	display: block;
	text-decoration: none;
	width:63px;
	height:10px;
}


#tdbrccLogo{
	background: url(../img/logo02.gif) no-repeat top left #FFFFFF;
	margin:0;
	padding:0;
	float:right;
	display: block;
	text-decoration: none;
	width:292px;
	height:32px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#tdbrccLogo a{
	background: url(../img/logo02.gif) no-repeat top left #FFFFFF;
	margin:0;
	padding:0;
	float:right;
	display: block;
	text-decoration: none;
	width:292px;
	height:32px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}


/* 02. HEADER LINK LAYER
----------------------------------------*/

#headerLink{
	clear:both;
	float:right;
	width:211px;
	margin-top:10px;
}

#headerLink .toHome a{
	float:left;
	background: url(../img/to_home.gif) no-repeat #FFFFFF;
	background-position: 0px 0px;
	text-decoration: none;
	width:68px;
	height:14px;
	margin-right:6px;
	text-indent:-9999px;
	font-size:0.8em;
	line-height:0.7em;
	/* \*/
	overflow:hidden;
	/* */
}

#headerLink .toHome a:hover{
	float:left;
	background: url(../img/to_home.gif) no-repeat #FFFFFF;
	background-position:0px -14px;
	text-decoration: none;
	width:68px;
	height:14px;
	margin-right:6px;
	text-indent:-9999px;
	font-size:0.8em;
	line-height:0.7em;
	/* \*/
	overflow:hidden;
	/* */
}

#headerLink .toHome a.vis{
	float:left;
	background: url(../img/to_home.gif) no-repeat #FFFFFF;
	background-position:0px -28px;
	text-decoration: none;
	width:68px;
	height:14px;
	margin-right:6px;
	text-indent:-9999px;
	font-size:0.8em;
	line-height:0.7em;
	/* \*/
	overflow:hidden;
	/* */
}


#headerLink .toSitemap a{
	float:left;
	background: url(../img/to_sitemap.gif) no-repeat #FFFFFF;
	background-position: 0px 0px;
	display: block;
	text-decoration: none;
	width:68px;
	height:14px;
	margin-right:6px;
	text-indent:-9999px;
	font-size:0.8em;
	line-height:0.7em;
	/* \*/
	overflow:hidden;
	/* */
}

#headerLink .toSitemap a:hover{
	float:left;
	background: url(../img/to_sitemap.gif) no-repeat #FFFFFF;
	background-position: 0px -14px;
	display: block;
	text-decoration: none;
	width:68px;
	height:14px;
	margin-right:6px;
	text-indent:-9999px;
	font-size:0.8em;
	line-height:0.7em;
	/* \*/
	overflow:hidden;
	/* */
}

#headerLink .toSitemap a.vis{
	float:left;
	background: url(../img/to_sitemap.gif) no-repeat #FFFFFF;
	background-position: 0px -28px;
	display: block;
	text-decoration: none;
	width:68px;
	height:14px;
	margin-right:6px;
	text-indent:-9999px;
	border:1px solid #C00;
	font-size:0.8em;
	line-height:0.7em;
	/* \*/
	overflow:hidden;
	/* */
}

#headerLink .toEnglish a{
	float:right;
	background: url(../img/to_English.gif) no-repeat #FFFFFF;
	background-position: 0px 0px;
	padding:0px;
	margin:0px;
	text-decoration: none;
	width:62px;
	height:14px;
	text-indent:-9999px;
	font-size:0.8em;
	line-height:0.7em;
	/* \*/
	overflow:hidden;
	/* */
}

#headerLink .toEnglish a:hover{
	float:right;
	background: url(../img/to_English.gif) no-repeat #FFFFFF;
	background-position: 0px -14px;
	text-decoration: none;
	width:62px;
	height:14px;
	text-indent:-9999px;
	font-size:0.8em;
	line-height:0.7em;
	/* \*/
	overflow:hidden;
	/* */
}

#headerLink .toEnglish a.vis{
	float:right;
	background: url(../../../../../joho_tsusin/whatsnew/digital-broad/img/to_English_off.gif) no-repeat #FFFFFF;
	background-position: 0px -28px;
	text-decoration: none;
	width:62px;
	height:14px;
	text-indent:-9999px;
	font-size:0.8em;
	line-height:0.7em;
	/* \*/
	overflow:hidden;
	/* */
}

/*
	01. TOP
	02. SECOND_LAYER
	03. TITLES
	04. MISCELLANEOUS
	
*/


/* 01 TOP
----------------------------------------*/


#siteTitle{
	background: url(../img/main.jpg) repeat-x top left #FFFFFF;
	margin:19px 0px 0px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:830px;
	height:262px;
	text-indent:-9999px;
	z-index:0;
}

#siteCopy{

	margin: 0px 0px 0px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:830px;
	height:0px;
	text-indent:-9999px;
}

#CopySub{
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
}

#menuLeft{
	margin:0px;
	padding-right:23px;
	float:left;
	width:600px;
}

#menuThree{
	margin-bottom:25px;
}

#menuThree .what a{
	background: url(../img/to_what.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin: 0px 0px 6px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:600px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#menuThree .what a:hover{
	background: url(../img/to_what.gif) no-repeat #FFFFFF;
	background-position:0px -65px;
	margin: 0px 0px 6px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:600px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}


#menuThree .why a{
	background: url(../img/to_why.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin: 0px 0px 6px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:600px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#menuThree .why a:hover{
	background: url(../img/to_why.gif) no-repeat #FFFFFF;
	background-position:0px -65px;
	margin: 0px 0px 6px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:600px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#menuThree .how a{
	background: url(../img/blogparts1.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:600px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#menuThree .how a:hover{
	background: url(../img/blogparts1.gif) no-repeat #FFFFFF;
	background-position:0px -65px;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:600px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#menuTwo{
	margin-bottom:25px;
	width:600px;
}

#menuTwo .when a{
	background: url(../img/to_p.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:116px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:left;
}

#menuTwo .when a:hover{
	background: url(../img/to_p.gif) no-repeat #FFFFFF;
	background-position:0px -116px;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:116px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:left;
}
#menuTwo .where {
	background: url(../img/to_when.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:116px;
	/* \*/
	overflow:hidden;
	/* */
	float:right;
}
#menuTwo .where p{
padding:10px 20px 5px;
font-size:11px;
}
#menuTwo .where textarea{
display:block;
margin:0px 20px;
width:255px;
height:60px;
font-size:11px;
background:#FFCCCC;
}

#menuOne{
	clear: both;
	margin-bottom:25px;
}

#menuOne .info a{
	background: url(../img/to_info.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin: 0px 0px 6px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:600px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#menuOne .info a:hover{
	background: url(../img/to_info.gif) no-repeat #FFFFFF;
	background-position:0px -65px;
	margin: 0px 0px 6px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:600px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#menuTwo2{
	width:600px;
}

#menuTwo2 .title_jt{
	background: url(../img/title_jt.gif) no-repeat top left #FFFFFF;
	margin:0 0 10px 0;
	padding:0;
	display: block;
	text-decoration: none;
	width:475px;
	height:17px;
	text-indent:-9999px;
}

#menuTwo2 .title_j p{

color:#cc0000;
text-weight:bold;
}

#menuTwo2 .txtjt{
	text-align:right;
	color:#CC0000;
}

#menuTwo2 .jyushin a{
	background: url(../img/ie8.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin:0 0 5px 0;
	*margin:0;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:left;
}

#menuTwo2 .jyushin a:hover{
	background: url(../img/ie8.gif) no-repeat #FFFFFF;
	background-position:0px -65px;
	margin:0 0 5px 0;
	*margin:0;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:left;
}

#menuTwo2 .jyushin2 a{
	background: url(../img/chrome.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin:0 0 5px 0;
	*margin:0;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:left;
}

#menuTwo2 .jyushin2 a:hover{
	background: url(../img/chrome.gif) no-repeat #FFFFFF;
	background-position:0px -65px;
	margin:0 0 5px 0;
	*margin:0;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:left;
}

#menuTwo2 .jyushin3 a{
	background: url(../img/opera.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin:0 0 5px 0;
	*margin:0;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:left;
}

#menuTwo2 .jyushin3 a:hover{
	background: url(../img/opera.gif) no-repeat #FFFFFF;
	background-position:0px -65px;
	margin:0 0 5px 0;
	*margin:0;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:left;
}




#menuTwo2 .taiken a{
	background: url(../img/firefox.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin:0 0 5px 0;
	*margin:0;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:right;
}

#menuTwo2 .taiken a:hover{
	background: url(../img/firefox.gif) no-repeat #FFFFFF;
	background-position:0px -65px;
	margin:0 0 5px 0;
	*margin:0;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:right;
}

#menuTwo2 .taiken2 a{
	background: url(../img/safari.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin:0 0 5px 0;
	*margin:0;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:right;
}

#menuTwo2 .taiken2 a:hover{
	background: url(../img/safari.gif) no-repeat #FFFFFF;
	background-position:0px -65px;
	margin:0 0 5px 0;
	*margin:0;
	padding:0;
	display: block;
	text-decoration: none;
	width:292px;
	height:65px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:right;
}




#menuRight{
	margin:0px;
	padding:0px;
	float:right;
	width:207px;
}

#menuRight .faq a{
	background: url(../img/to_faq.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin: 0px 0px 1px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:50px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}


#menuRight .faq a:hover{
	background: url(../img/to_faq.gif) no-repeat #FFFFFF;
	background-position:0px -50px;
	margin: 0px 0px 1px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:50px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}


#menuRight .cfLink a{
	background: url(../img/to_link.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin: 0px 0px 6px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:50px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#menuRight .cfLink a:hover{
	background: url(../img/to_link.gif) no-repeat #FFFFFF;
	background-position:0px -50px;
	margin: 0px 0px 6px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:50px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#menuRight .caution a{
	background: url(../img/to_caution.gif) no-repeat #FFFFFF;
	background-position:0px 0px;
	margin: 0px 0px 6px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:30px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#menuRight .caution a:hover{
	background: url(../img/to_caution.gif) no-repeat #FFFFFF;
	background-position:0px -30px;
	margin: 0px 0px 6px 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:30px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

#menuRight .contact{
	margin: 0;
	padding:0;
}

#menuRight .cntctHdr{
	background: url(../img/cntcthead.gif) no-repeat top left #FFFFFF;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:60px;
	text-indent:-9999px;
}

#menuRight .cntctNvd{
	background: url(../img/navidial.gif) no-repeat top left #FFFFFF;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:46px;
	text-indent:-9999px;
}
#menuRight .cntctNnNvd{
	background: url(../img/nonnavidial.gif) no-repeat top left #FFFFFF;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:61px;
	text-indent:-9999px;
}
#menuRight .cntctTm{
	background: url(../img/cntct_time.gif) no-repeat top left #FFFFFF;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:56px;
	text-indent:-9999px;
}

.fig{
	padding:0px 0px 30px 0px;
}

.figTtl{
	margin:0px 0px 0px 0px;
	color:#663333;
	font-weight:bold;
}

/* 02. SECOND_LAYER
----------------------------------------*/
.breadcramb{
	background: url(../img/common/bread_bg.gif) repeat-x top left #FFFFFF;
	margin: 0px 0px 16px 0px;
	padding:3px;
}

#mainContents{
	margin-top:4px;
}

#mainLeft{
	float:left;
	width:600px;
	padding:0px;
}

.txtFrame{
	margin:0px 0px 12px 0px;
}

.txtFrame02{
	margin:0px 0px 28px 0px;
}

.txtFrame03{
	margin:12px 0px 0px 0px;
}

.txtFrameBorder{
	margin:0px 0px 28px 0px;
	border:1px solid #CCC;
	padding:6px;
}


#txtFrameCau{
	margin:0px 0px 12px 0px;
	border:2px solid #CC0000;
	background-color:#EEEEEE;
	padding:8px;
	text-align:center;
}


.txtCau{
	color:#CC0000;
	padding:12px 0px 4px 0px;
}

.txtCauS{
	margin:0px 0px 0px 0px;
	color:#CC0000;
	font-weight:normal;
}


.txtht{
	color:#663333;
	padding:12px 0px 6px 0px;
}



/*アイコン、テキストならびの場合*/

.txtFrameWf{
	margin:12px 0px 12px 0px;
	float:left;
}

.figFrameWt{
	margin:12px 12px 12px 0px;
	float:left;
}


/*テキスト左、イラスト右（400など）の場合*/

.txtFrameLeft{
	margin:12px 0px 12px 0px;
	float:left;
	width:200px;
}

.figFrameRight{
	margin:12px 0px 12px 0px;
	float:right;
	width:400px;
	text-align:right;
}

/*テキスト左、イラスト右（180）の場合*/
.txtFrameLeft400{
	margin:0px 0px 28px 0px;
	float:left;
	width:400px;
}
.figFrameRight180{
	margin:0px;
	float:right;
	width:180px;
	text-align:right;
}

/*テキスト左、イラスト右（300）の場合*/
.txtFrameLeft280{
	margin:12px 0px 12px 0px;
	float:left;
	width:280px;
}
.figFrameRight300{
	margin:12px 0px 12px 0px;
	float:right;
	width:300px;
	text-align:right;
}

/*テキスト左、イラスト右（280）の場合*/
.txtFrameLeft300{
	margin:12px 0px 12px 0px;
	float:left;
	width:300px;
}

.figFrameRight280{
	margin:12px 0px 12px 0px;
	float:right;
	width:280px;
	text-align:right;
}

/*イラスト左（280）の場合*/
.figFrameLeft280{
	margin:12px 0px 12px 0px;
	float:left;
	width:280px;
}

/*イラスト左（300）、テキスト右の場合*/
.figFrameLeft300{
	margin:12px 0px 12px 0px;
	float:left;
	width:300px;
}

.txtFrameRight280{
	margin:12px 0px 12px 0px;
	float:right;
	width:280px;
	
}

/*テキスト左、イラスト右（100以下）の場合*/
.txtFrameLeft465{
	margin:0px 0px 28px 0px;
	float:left;
	width:465px;
}
.figFrameRight110{
	margin:0px 0px 0px 8px;
	padding:5px;
	float:right;
	width:110px;
	text-align:center;
	border:1px solid #CCC;
}

/*受信方法の場合*/
.FrameLeft350 {
	float: left;
	width: 350px;
	margin: 0;
}

.FrameRight210 {
	float: right;
	width: 210px;
	margin: 0;
	padding: 15px 10px 10px 10px;
	border: 1px solid #ccc;
}

/*よくある質問の場合*/
.FrameLeft250 {
	float: left;
	width: 250px;
	margin: 0;
}

.FrameRight310 {
	float: right;
	width: 310px;
	margin: 0;
	padding: 15px 10px 10px 10px;
	border: 1px solid #ccc;
	text-align: center;
}

.noteUf{
	color:#666666;
	text-align:left;
	margin-top:3px;
}

.note{
	color:#666666;
	margin:16px 0px 16px 0px;
	padding-bottom:32px;
}

.noteSt{
	color:#990000;
	margin:16px 0px 16px 0px;
	padding:0px;
}


.note:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .note {
		height: 1em;
		overflow: visible;
		}
		/**/
		.note{
		display:inline-table;
		}

.note02{
	color:#666666;
	margin:0px 0px 16px 0px;
	padding:0px;
}


.noteMark{
	float:left;
	width:15px;
}

.noteCont{
	float:left;
	width:580px;
}

.optNote{
	border:1px solid #c3dbfe;
	padding:6px;
	color:#003366;
}

.optNoteFaq{
	border:1px solid #c3dbfe;
	background-color:#FFFFFF;
	padding:6px;
	color:#003366;
	margin-bottom:20px;
}

/*FAQ用注釈*/
.noteMarkFaq{
	float:left;
	width:15px;
}

.noteContFaq{
	float:left;
	width:520px;
}

.noteContFaqSml{
	float:left;
	width:230px;
	
}

.noteFaq{
	color:#666666;
	margin:16px 0px 12px 0px;
	padding-top:12px !important;
}

.noteFaq:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .noteFaq {
		height: 1em;
		overflow: visible;
		}
		/**/
		.noteFaq{
		display:inline-table;
		}
/*↑FAQ用注釈ここまで↑*/

.noteLeft{
	color:#666666;
	margin:16px 0px 16px 0px;
	padding:0px;
}


.noteLeft:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .noteLeft {
		height: 1em;
		overflow: visible;
		}
		/**/
		.noteLeft{
		display:inline-table;
		}

.noteMarkLeft{
	float:left;
	width:15px;
}

.noteContLeft{
	float:left;
	width:185px;
}

.two_clm{
	margin:0px 0px 20px 0px;
	padding:0px;
}

.two_clm:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .two_clm {
		height: 1em;
		overflow: visible;
		}
		/**/
		.two_clm{
		display:inline-table;
		}


.txtImpRed{
	color:#990000;
}

/*コンテンツエリア内お問い合わせエリア*/

.cntntsCntBg{
	background: url(../img/common/cntct_footerbg.gif) no-repeat top left #FFFFFF;
	padding:10px 0px;
	margin:50px 0px;
	text-align:center;
	width:600px;
	height:36px;
}

.cntFoot{
	color:#330000;
	padding-bottom:2px;
}

/*グローバルナビゲーションエリア下お問い合わせエリア*/
#naviFrame .contact{
	margin: 10px 0px 0px 0px;
	padding:0;
}

#naviFrame .cntctHdr{
	background: url(../img/common/cntcthead02.gif) no-repeat top left #FFFFFF;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:44px;
	text-indent:-9999px;
}

#naviFrame .cntctNvd{
	background: url(../img/common/navidial02.gif) no-repeat top left #FFFFFF;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:42px;
	text-indent:-9999px;
}
#naviFrame .cntctNnNvd{
	background: url(../img/common/nonnavidial02.gif) no-repeat top left #FFFFFF;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:57px;
	text-indent:-9999px;
}
#naviFrame .cntctTm{
	background: url(../img/common/cntct_time02.gif) no-repeat top left #FFFFFF;
	margin: 0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:50px;
	text-indent:-9999px;
}


/*03. TITLES
----------------------------------------*/
#pg_what{
	background: url(../img/what/pagetitle.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#pg_why{
	background: url(../img/why/pagetitle.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#sbttl_what01{
	background: url(../img/what/sub_title01.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:237px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_why01{
	background: url(../img/why/sub_title01.gif) no-repeat top left #FFFFFF;
	margin:0px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:172px;
	height:16px;
	text-indent:-9999px;
}

#pg_how{
	background: url(../img/how/pagetitle.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#pg_how02{
	background: url(../img/how/pagetitle02.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#sbttl_how00_01{
	background: url(../img/how/sub_title00_01.gif) no-repeat top left #FFFFFF;
	margin:8px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:317px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how00_02{
	background: url(../img/how/sub_title00_02.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:334px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how00_03{
	background: url(../img/how/sub_title00_03.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:172px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how01{
	background: url(../img/how/sub_title01.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:221px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how02{
	background: url(../img/how/sub_title02.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:300px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how03{
	background: url(../img/how/sub_title03.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:266px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how04{
	background: url(../img/how/sub_title04.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:580px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how05{
	background: url(../img/how/sub_title05.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:383px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how06{
	background: url(../img/how/sub_title06.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:600px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how06_01{
	background: url(../img/how/sub_title06_01.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:300px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how06_01_01{
	background: url(../img/how/sub_title06_01_01.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:372px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how04_01_01{
	background: url(../img/how/sub_title04_01_01.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:600px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_how_flow{
	background: url(../img/how/sub_title_flow.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:424px;
	height:16px;
	text-indent:-9999px;
}


#pg_when{
	background: url(../img/when/pagetitle.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#sbttl_when01{
	background: url(../img/when/sub_title01.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_when02{
	background: url(../img/when/sub_title02.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:316px;
	height:16px;
	text-indent:-9999px;
}
#sbttl_when03{
	background: url(../img/when/sub_title03.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:128px;
	height:16px;
	text-indent:-9999px;
}

#pg_where{
	background: url(../img/where/pagetitle.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#pg_faq{
	background: url(../img/faq/pagetitle.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}


#pg_faq01{
	background: url(../img/faq/pagetitle01.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#pg_faq02{
	background: url(../img/faq/pagetitle02.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}


#pg_faq03{
	background: url(../img/faq/pagetitle03.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}


#pg_faq04{
	background: url(../img/faq/pagetitle04.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}


#pg_faq05{
	background: url(../img/faq/pagetitle05.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}


#pg_faq06{
	background: url(../img/faq/pagetitle06.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#pg_faq07{
	background: url(../img/faq/pagetitle07.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#pg_faq08{
	background: url(../img/faq/pagetitle08.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#pg_faq09{
	background: url(../img/faq/pagetitle09.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#pg_faq10{
	background: url(../img/faq/pagetitle10.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}






#sbttl_faq01{
	background: url(../img/faq/sub_title01.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:47px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_faq02{
	background: url(../img/faq/sub_title02.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:79px;
	height:16px;
	text-indent:-9999px;
}


#sbttl_faq03{
	background: url(../img/faq/sub_title03.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:47px;
	height:16px;
	text-indent:-9999px;
}


#sbttl_faq04{
	background: url(../img/faq/sub_title04.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:47px;
	height:16px;
	text-indent:-9999px;
}


#sbttl_faq05{
	background: url(../img/faq/sub_title05.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:47px;
	height:16px;
	text-indent:-9999px;
}


#sbttl_faq06{
	background: url(../img/faq/sub_title06.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:78px;
	height:16px;
	text-indent:-9999px;
}


#sbttl_faq07{
	background: url(../img/faq/sub_title07.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:62px;
	height:16px;
	text-indent:-9999px;
}


#sbttl_faq08{
	background: url(../img/faq/sub_title08.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:111px;
	height:16px;
	text-indent:-9999px;
}


#sbttl_faq09{
	background: url(../img/faq/sub_title09.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:73px;
	height:16px;
	text-indent:-9999px;
}


#pg_cflink{
	background: url(../img/cflink/pagetitle.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#sbttl_cfl01{
	background: url(../img/cflink/sub_title01.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:326px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_cfl02{
	background: url(../img/cflink/sub_title02.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:231px;
	height:16px;
	text-indent:-9999px;
}
#sbttl_cfl03{
	background: url(../img/cflink/sub_title03.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:457px;
	height:16px;
	text-indent:-9999px;
}
#sbttl_cfl04{
	background: url(../img/cflink/sub_title04.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:226px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_cfl05{
	background: url(../img/cflink/sub_title05.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:77px;
	height:16px;
	text-indent:-9999px;
}

#sbttl_cfl06{
	background: url(../img/cflink/sub_title06.gif) no-repeat top left #FFFFFF;
	margin:24px 0px 20px 0px;	
	padding:0;
	display: block;
	text-decoration: none;
	width:126px;
	height:16px;
	text-indent:-9999px;
}

#pg_sitemap{
	background: url(../img/sitemap/pagetitle.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:830px;
	height:50px;
	text-indent:-9999px;
}

#pg_howto{
	background: url(../img/howto/pagetitle.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

#pg_caut{
	background: url(../img/caution/pagetitle.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:600px;
	height:50px;
	text-indent:-9999px;
}

/*COMMON
----------------------------------------*/
.lead{
	font-weight:bold;
	line-height:140%;	
}

.miniTitle{
	background: url(../img/common/mini.gif) no-repeat left top #FFFFFF;
	font-weight:bold;
	text-indent:4px;
	color:#006699;
	margin-top:16px;
	height:26px;
	padding:4px;
}

.miniSubTitle{
	background: url(../img/common/mini_sub.gif) no-repeat 0px -2px #FFFFFF;
	font-weight:bold;
	text-indent:35px;
	color:#CC6600;
	height:22px;
	margin:12px 0px 8px 0px;
}

.miniSubTitle2{
	background: url(../img/common/mini_sub.gif) no-repeat 0px -3px #FFFFFF;
	font-weight:bold;
	padding-left:35px;
	color:#CC6600;
	height:22px;
	margin-bottom:8px;
	vertical-align:text-bottom;
}


.txt02{
	margin:8px 0px 12px 0px;
}

.popLink{
	background: url(../img/common/poplink.gif) no-repeat left top #FFFFFF;
	margin:12px 0px 8px 0px;
	padding-left:24px;
}

.popLink02{
	background: url(../img/common/poplink.gif) no-repeat 0px 2px #FFFFFF;
	margin:0px;
	padding-left:24px;
	line-height:180%;
}



.link{
	list-style-type: none;
	background: url(../img/common/link_icon.gif) no-repeat left top #FFFFFF;
	margin:12px 0px 8px 0px;
	padding-left:24px;
}

.linkMini{
	background: url(../img/common/link_icon_mini.gif) no-repeat left top #FFFFFF;
	margin:12px 0px 8px 0px;
	padding-left:24px;
}

.linkList{
	margin:12px 0px 0px 0px;
}

.linkList table{
	padding:3px 0px 3px 0px;
}

.linkList table th{
	border-bottom:1px dotted #CCC;
}
.linkList table td{
	border-bottom:1px dotted #CCC;
}

.linkList table th.cf{
	border-bottom:1px dotted #CCC;
	color:#333300;
}


.pagetop a{
	background: url(../img/common/pgtop.gif) no-repeat top left #FFFFFF;
	margin:12px 0px 20px 16px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:106px;
	height:21px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
	float:right;
}



/*不明・・？*/
.link table{
	padding:3px 0px 3px 0px;
}

.link table th{
	border-bottom:1px dotted #CCC;
}
.link table td{
	border-bottom:1px dotted #CCC;
}



/*CATEGORY_HOW
---------------------------------------*/
#flowchartFrame{
	margin:16px 0px 0px 0px;
	padding:0px;
}

.flowYes{
	background: url(../img/how/flow_yesbg.gif) repeat-y top left #FFFFFF;
	margin:0px;
	padding:0px;
	text-decoration: none;
	text-indent:-9999px;
}

.notSure{
	background: url(../img/how/flow_notsurebg.gif) repeat-y top left #FFFFFF;
	margin:0px;
	padding:0px;
	text-decoration: none;
	text-indent:-9999px;
}

table.flow{
	marign:0px;
	padding:0px;
}

table.flow th{
	marign:0px;
	padding:0px;
}

table.flow td.ans{
	marign:0px;
	padding:16px 10px;
	border:#cccc99 solid 1px;
	background-color:#f5f5eb;
	font-weight:bold;
}


.flowFrame{
	marign:0px 0px 16px 0px;
	padding:0px 0px 32px 0px;
	width:600px;
}

.flowFrame:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .flowFrame {
		height: 1em;
		overflow: visible;
		}
		/**/
		.flowFrame{
		display:inline-table;
		}

.Qtxt{
	margin:0px 0px 12px 0px;
	padding:8px;
	border:#0099CC 1px solid;
	font-weight:bold;
	background-color:#CCEEFF;
	color:#330000;
	text-align:center;
}

.NOFrame{
	clear: both;
	margin:0px 0px 12px 0px;
}

.NOFrame:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .NOFrame {
		height: 1em;
		overflow: visible;
		}
		/**/
		.NOFrame{
		display:inline-table;
		}

.NOFrame .NO{
	float:left;
	color:#66CC33;
	font-weight:bold;
	width:100px;
}

.NOTSUREFrame{
	clear: both;
	margin:0px 0px 12px 0px;
}

.NOTSUREFrame:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .NOTSUREFrame {
		height: 1em;
		overflow: visible;
		}
		/**/
		.NOTSUREFrame{
		display:inline-table;
		}

.NOTSUREFrame .NOTSURE{
	float:left;
	color:#ff9933;
	font-weight:bold;
	width:100px;
}

.YESFrame{
	clear: both;
	margin:0px 0px 16px 0px;
}

.YESFrame:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .YESFrame {
		height: 1em;
		overflow: visible;
		}
		/**/
		.YESFrame{
		display:inline-table;
		}

.YESFrame .YES{
	float:left;
	color:#0099CC;
	font-weight:bold;
	width:100px;
}


.flowTxt{
	float:left;
	width:500px;
}


/*追加ページ*/
#fitFrame{
	width:600px;
}

#fitFrame table{
	border-collapse:collapse;
}

#fitFrame table th.cell01{
	border:1px #CCC solid;
	padding:6px;
	text-align:center;
	background-color:#7fb2e5;
	/*width:248px;*/
}

#fitFrame table th.cell02{
	border:1px #CCC solid;
	padding:6px;
	text-align:center;
	background-color:#99cc33;
	/*width:248px;*/
}

#fitFrame table th.cell03{
	border:1px #CCC solid;
	padding:6px;
	text-align:center;
	background-color:#ffebad;
	width:16%;
}
.nowrap{
white-space: nowrap; 
}

#fitFrame table td.cell01{
	border:1px #CCC solid;
	padding:6px;
	text-align:center;
	background-color:#e5f0fa;
	width:21%;
}

#fitFrame table td.cell02{
	border:1px #CCC solid;
	padding:6px;
	text-align:center;
	background-color:#e6f3cd;
	width:21%;
}

#fitFrame table td{
	border:1px #CCC solid;
	padding:6px;
	background-color:#ffffff;
	vertical-align:top;
}


/*CATEGORY_WHAT
---------------------------------------*/
#feature{
	background-color: #def0f8;
	padding:12px;
}
#feature:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html #feature {
		height: 1em;
		overflow: visible;
		}
		/**/
		#feature{
		display:inline-table;
		}

.featureLead{
	background: url(../img/what/feature_lead.gif) no-repeat left top #def0f8;
	color:#def0f8;
	margin:0px 0px 10px 0px;
	height:30px;
	width:456px;
	text-indent:-9999px;
}
.textL384{
	width:384px;
	float:left;
}

.txtBox384{
	margin:0px 0px 12px 0px;
}

.figR180{
	width:180px;
	float:right;
}



/*FOR fAQ*/
#featureFaq{
	background-color: #FFFFFF;
	padding:12px;
}
#featureFaq:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html #featureFaq {
		height: 1em;
		overflow: visible;
		}
		/**/
		#featureFaq{
		display:inline-table;
		}

.featureLeadFaq{
	background: url(../img/faq/feature_lead.gif) no-repeat left top #FFFFFF;
	color:#def0f8;
	margin:0px 0px 10px 0px;
	height:30px;
	width:456px;
	text-indent:-9999px;
}
.textL360Faq{
	width:330px;
	float:left;
}

.txtBox360Faq{
	margin:0px 0px 12px 0px;
}

.figR180Faq{
	width:180px;
	float:right;
}




/*CATEGORY_FAQ
---------------------------------------*/
.Qframe{
	marign:0px;
	padding:0px;
}

ul.QframeG{
	padding:0px;
	margin:2px 0px 5px 0px;
	list-style: none;
	text-align: left;	
}

/* Hides from IE-mac \*/
	* html .QframeG {height: 1%;}

/* End hide from IE-mac */
	*+html body .QframeG {height: 1%;}
	
	
ul.QframeG li.qanchor{
	margin:3px;
	font-weight:bold;
}


.QframeLine{
	marign-bottom:20px;
	padding:0px 0px 20px 10px;
	border-bottom:1px dotted #CCC;
}

.QframeLine:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .QframeLine {
		height: 1em;
		overflow: visible;
		}
		/**/
		.QframeLine{
		display:inline-table;
		}


.text{
	margin:3px 0px;
	font-weight:bold;
	float:left;
	width:560px;
}

.linkQ{
	list-style-type: none;
	background: url(../img/faq/q_icon.gif) no-repeat 0px 2px #FFFFFF;
	margin:12px 0px 8px 0px;
	padding-left:24px;
}

.icon{/*質問アイコンボタン系*/
	background: url(../img/faq/q_icon.gif) no-repeat 0px 4px #FFFFFF;
	margin-right:6px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:16px;
	height:26px;
	text-indent:-9999px;
	float:left;
}

.iconF{/*質問アイコン答え系*/
	background: url(../img/faq/q_icon02.gif) no-repeat 0px 2px #FFFFFF;
	margin-right:6px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:16px;
	height:26px;
	text-indent:-9999px;
	float:left;
}
.iconA{/*答えアイコン答え系*/
	background: url(../img/faq/a_icon.gif) no-repeat 0px 2px #f5f5eb;
	margin-right:6px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:16px;
	height:18px;
	text-indent:-9999px;
	float:left;
}

.textA{
	margin:3px 0px;
	font-weight:bold;
	float:left;
	width:530px;
}

.textACont{
	margin:3px 0px;
	float:left;
	width:530px;
}


.question{
	margin:24px 0px 12px 14px;
}


.answerBox{
	margin:0px 0px 20px 0px;
	padding:14px;
	background-color:#f5f5eb;
}

.answerBox:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .answerBox {
		height: 1em;
		overflow: visible;
		}
		/**/
		.answerBox{
		display:inline-table;
		}

.answerContents span{
	color:#FF6600;
}

.answerContents span.gray{
	color:#666666;
}

.answerLead{
	margin-bottom:16px;
}


.answerContents{
	marign:0px;
	padding:0px 0px 0px 22px;
	width:548px;
}


/*質問答ボックス内よ小幅548px　テキスト左、イラスト右（280）の場合*/

.txtFrameLeft290{
	margin:12px 16px 28px 0px;
	float:left;
	width:250px;
}

.figFrameRight270{
	margin:12px 0px 12px 0px;
	float:right;
	width:270px;
	text-align:right;
}


.bktfaq a{
	background: url(../img/faq/bktfaq.gif) no-repeat top left #FFFFFF;
	margin:12px 0px 0px 0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:130px;
	height:21px;
	text-indent:-9999px;
	float:right;
}


/*CATEGORY_CFLINK
---------------------------------------*/

#anchorlink{
	border:1px solid #CCC;
	padding:4px 14px 4px 14px;
	width:572px;
	margin-bottom:24px;
}
#anchorlink:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html #anchorlink {
		height: 1em;
		overflow: visible;
		}
		/**/
		#anchorlink{
		display:inline-table;
		}

.line{
	margin:2px 0px;
}

.line:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .line {
		height: 1em;
		overflow: visible;
		}
		/**/
		.line{
		display:inline-table;
		}

.anc01 a{
	background: url(../img/cflink/anc01.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:270px;
	height:20px;
	text-indent:-9999px;
	float:left;
	/* \*/
	overflow:hidden;
	/* */
}

.anc02 a{
	background: url(../img/cflink/anc02.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:270px;
	height:20px;
	text-indent:-9999px;
	float:right;
	/* \*/
	overflow:hidden;
	/* */
}

.anc03 a{
	background: url(../img/cflink/anc03.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:270px;
	height:20px;
	text-indent:-9999px;
	float:left;
	/* \*/
	overflow:hidden;
	/* */
}

.anc04 a{
	background: url(../img/cflink/anc04.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:270px;
	height:20px;
	text-indent:-9999px;
	float:left;
	/* \*/
	overflow:hidden;
	/* */
}

.anc05 a{
	background: url(../img/cflink/anc05.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:270px;
	height:20px;
	text-indent:-9999px;
	float:right;
	/* \*/
	overflow:hidden;
	/* */
}

.link01{
	margin:0px 0px 30px 0px;
}


table.linkFrame, table.linkFrame03{
	width: 600px;
	text-align:left;
	border:#ddddbb 1px solid;
	border-collapse:collapse;
}

.linkFrame th, .linkFrame03 th{
	padding:6px 12px;
	border-collapse:collapse;
	color:#333300;
}

.linkFrame th{
	border-bottom:#ddddbb 1px dotted;
}

.linkFrame td, .linkFrame03 td{
	padding:3px 12px;
}

.linkFrame03 th, .linkFrame03 td{
	border:#ddddbb 1px solid;
}

.linkFrame td .det01, .linkFrame03 td .det01{
	margin:3px 0px;
}

table.linkFrame02{
	padding:3px;
	margin:0px 0px 6px 0px;
	border-top:1px solid #ddddbb;
}

.linkFrame02 th{
	color:#333300;
	width:150px;
	border-bottom:1px solid #ddddbb;
}

.linkFrame02 td{
	padding:5px 0px;
	width:450px;
	border-bottom:1px solid #ddddbb;
}

.linkFrame02 td ul.tvlinkFrame{
	padding:0px;
	margin:2px 0px 5px 0px;
	list-style: none;
	text-align: left;	
}

.linkFrame02 td ul.tvlinkFrame li{
	background: url(../img/common/poplinkmini.gif) no-repeat 0px 2px #FFFFFF;
	text-indent:15px;
	margin:0px 6px 4px 0px;
	height:15px;
  vertical-align: top;
  display: inline;
  float:left;
  width:210px;
}

.linkFrame02 td ul.tvlinkFrame li.long{
	background: url(../img/common/poplinkmini.gif) no-repeat 0px 2px #FFFFFF;
	text-indent:15px;
	margin:0px 6px 4px 0px;
	height:15px;
  vertical-align: top;
  display: inline;
  float:left;
  width:450px;
}


.linkFrame03 td.cell01 {
	width: 20%;
	text-align: center;
}

.linkFrame03 td.cell02 {
	width: 40%;
}

.dwnldFrame{
	clear: both;
	margin:0px 0px 8px 0px;
	padding:0px;
	width:600px;
}

.dwnldFrame .dwnldLeft{
	margin:8px 16px 0px 0px;
	padding:0px;
	float:left;
	width:284px;
}
.dwnldFrame .dwnldRight{
	margin:8px 0px;
	padding:0px;
	float:right;
	width:300px;
}

.dwnldFrame .fig{
	margin:0px 8px 0px 0px;
	float:left;
	width:100px;
}
.dwnldFrame .txt{
	margin:0px;
	float:left;
	text-align:left;
	font-weight:bold;
	width:150px;
}

.dwnldFrame2 {
	clear: both;
}

.dwnldFrame2 .fig {
	float: left;
	width: 100px;
	margin: 0 10px -20px 0;
	pdding: 0;
}

.dwnldFrame2 .txt {
	float: right;
	width: 100px;
	margin: 0;
	font-weight: bold;
}

/*SITEMAP
---------------------------------------*/
.sitemapLine{
	width:100%;
	padding:12px 0px;
	border-bottom:1px dotted #CCCCCC;
	font-weight:bold;
}

.sitemapLine:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .sitemapLine {
		height: 1em;
		overflow: visible;
		}
		/**/
		.sitemapLine{
		display:inline-table;
		}

.linkLrg{
	background: url(../img/common/link_icon.gif) no-repeat left top #FFFFFF;
	margin:0px;
	padding-left:24px;
}

.linkLrg02{/*左に大項目*/
	float:left;
	background: url(../img/common/link_icon.gif) no-repeat left top #FFFFFF;
	width:300px;
	margin:0px;
	padding-left:24px;
}

.linkSmlFrame{
	float:right;
	width:530px;
	margin:0px;
}

.linkSmlFrame:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .linkSmlFrame {
		height: 1em;
		overflow: visible;
		}
		/**/
		.linkSmlFrame{
		display:inline-table;
		}

ul.linkSml{
	padding:3px 0px 3px 0px;
	margin:0px;
	list-style: none;
	text-align: left;
}

ul.linkSml li{
	background: url(../img/common/link_icon_mini.gif) no-repeat 0px 2px #FFFFFF;
	margin:3px 0px;
	padding-left:20px;
	vertical-align: top;
}

/*
	01. GLOBAL NAVI
	02. SECOND_LAYER
	03. MISCELLANEOUS
	
*/


/* 01 GLOBAL NAVI
----------------------------------------*/
#naviFrame{
	margin:0px;
	padding:0px;
	float:right;
	width:207px;
}

#naviFrameIn{
	text-align: right ;
}

#gnaviHead{
	background: url(../img/navi/navi_hdr.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	display: block;
	text-decoration: none;
	width:207px;
	height:27px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhat a{
	background: url(../img/navi/navi_what.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhat a:hover{
	background: url(../img/navi/navi_what.gif) no-repeat 0px -37px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhat .vis{
	background: url(../img/navi/navi_what_on.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhy a{
	background: url(../img/navi/navi_why.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhy a:hover{
	background: url(../img/navi/navi_why.gif) no-repeat 0px -37px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhy .vis{
	background: url(../img/navi/navi_why_on.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviHow a{
	background: url(../img/navi/navi_how.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviHow a:hover{
	background: url(../img/navi/navi_how.gif) no-repeat 0px -37px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviHow .vis{
	background: url(../img/navi/navi_how_on.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhen a{
	background: url(../img/navi/navi_when.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhen a:hover{
	background: url(../img/navi/navi_when.gif) no-repeat 0px -37px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhen .vis{
	background: url(../img/navi/navi_when_on.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhere a{
	background: url(../img/navi/navi_where.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhere a:hover{
	background: url(../img/navi/navi_where.gif) no-repeat 0px -37px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviWhere .vis{
	background: url(../img/navi/navi_where_on.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviFaq a{
	background: url(../img/navi/navi_faq.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviFaq a:hover{
	background: url(../img/navi/navi_faq.gif) no-repeat 0px -37px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviFaq .vis{
	background: url(../img/navi/navi_faq_on.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:37px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}


.gnaviCflink a{
	background: url(../img/navi/navi_cflink.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:36px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviCflink a:hover{
	background: url(../img/navi/navi_cflink.gif) no-repeat 0px -36px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:36px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviCflink .vis{
	background: url(../img/navi/navi_cflink_on.gif) no-repeat 0px 0px #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	text-decoration: none;
	width:207px;
	height:36px;
	text-indent:-9999px;
	/* \*/
	overflow:hidden;
	/* */
}

.gnaviBtm{
	background: url(../img/navi/navi_btm.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0;
	display: block;
	width:207px;
	height:6px;
}

/*3階層目表示*/
.gnaviActBg{
	background: url(../img/navi/navi_actbg.gif) repeat-y top left;
	margin:0px;
	padding:3px 0px 3px 0px;
	width:207px;
	line-height: 125%;
}

.gnaviActBg ul {
	margin: 0;
	padding-left: 30px;
	list-style: none;
	width:150px;
}

.gnaviActBg ul.naviActive li{
	text-indent: 0px;
	padding-left:10px;
	margin-bottom:8px;
	width:145px;
}

.gnaviActBg ul.naviActive li a{
	text-indent: 0px;
	margin-bottom:8px;
}

.gnaviActBg ul.naviActive li.vis{
	background: url(../img/navi/minilink.gif) no-repeat 0px 0.2em;
	text-indent: 0px;
	padding-left:10px;
	margin-bottom:8px;
}

.gnaviActBg ul.naviActive li.sub{
	margin-top: -6px;
	padding-left: 35px;
	width: 120px;
	font-size: smaller;
}

.gnaviActBg ul.naviActive li.subvis{
	background: url(../img/navi/minilink.gif) no-repeat 25px 0.2em;
}

.gnaviActBgBtm{
	background: url(../img/navi/navi_actbg_btm.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	width:207px;
	height:9px;
	font-size:0.1em;
	line-height:0.1em;
}


/*3階層目表示(FAQ)*/

.gnaviActBg_y{
	background: url(../img/navi/navi_actbg_y.gif) repeat-y top left;
	margin:0px;
	padding:3px 0px 3px 0px;
	width:207px;
	line-height: 125%;
}

.gnaviActBg_y ul {
	margin: 0;
	padding-left: 30px;
	list-style: none;
	width:150px;
}

.gnaviActBg_y ul.naviActive li{
	text-indent: 0px;
	padding-left:10px;
	margin-bottom:8px;
	width:145px;
}

.gnaviActBg_y ul.naviActive li a{
	text-indent: 0px;
	margin-bottom:8px;
}

.gnaviActBg_y ul.naviActive li.vis{
	background: url(../img/navi/minilink.gif) no-repeat 0px 0.2em;
	text-indent: 0px;
	padding-left:10px;
	margin-bottom:8px;
}

.gnaviActBgBtm_y{
	background: url(../img/navi/navi_actbg_btm_y.gif) no-repeat top left #FFFFFF;
	margin:0px;
	padding:0px;
	width:207px;
	height:9px;
	font-size:0.1em;
	line-height:0.1em;
}