@charset "euc-jp";

/* ########## h-TITLE ########## */
h1{
font-weight: 700;
font-size: 160%;
background: url(/image/contents_image/h1_cat_border.gif) repeat-x left bottom;
margin-top: 0.5em;
margin-bottom: 0.8em;
}
	h1 span.border{
	display: block;
	padding: 0 0 0.3em 0;
	/* IE hack */_padding-bottom: 0.2em;
	background: url(/image/contents_image/h1_border.gif) no-repeat left bottom;
	}

h2 {
	font-size: 140%;
	font-weight: 700;
	padding: 0 0 0 8px ;
	margin-top:50px;
	margin-bottom: 0.8em;
	border-left: 8px solid #2F4F8E;
	border-bottom: 1px solid #2F4F8E;
	}
h2.img{
	padding: 0;
	margin-bottom:5px;
	margin-top: 10px;
	border: none;
	}

/*
h2{
font-weight: 400;
color: #FFF;
padding-left: 0.5em;
background-color: #666;
margin-bottom: 0.8em;
}
	h2.related {
		font-weight: 400;
		color: #FFF;
		padding-left: 0.5em;
		background-color: #666;
		margin: 0;
	}
*/

h3{
font-weight: 700;
background: url(/image/contents_image/h3_dec.gif) 0 50% no-repeat;
padding: 0 0 0 15px;
margin: 0 0 0.7em 0.6em;
}
h3.extra{
font-size: 130%;
background: url(../welcome/image/ic_extr_h3.gif) 0 0 no-repeat;
padding-left: 35px;
height: 30px;
}
h3.img{
font-weight: 700;
padding: 0 0 0 0;
margin: 0 0 15px 0;
}
h3.box1{
border: 1px solid #AAA;
border-left: 8px solid #666;
padding: 2px 7px;
width: 10em;
background: none;
background-color: #DFDFDF;
}

h4 {
font-weight: 400;
color: #FFF;
padding-left: 0.5em;
background-color: #666;
margin-bottom: 0.8em;
}
	h4.related {
		font-weight: 400;
		color: #FFF;
		padding-left: 0.5em;
		background-color: #666;
		margin: 0;
	}

.smalltxt_1 {
	padding-left: 25px;
	font-size: 90%;
	}

.smalltxt_2 {
	font-size: 90%;
	}

hr.dotted{
border: none;
border-bottom: 1px dotted #999;
margin:0 10px 15px 10px;
background-color: none;
}

.right-btn{
text-align: right;
	margin-left: 1.8em;
	margin-bottom: 1.5em;
	margin-right: 1em;
	}

/*-- FONT decoration i ------*/
.bold {
	font-weight: bold;
}
.fontSizeBig {
	font-size: 110%;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.textLeft {
	text-align: left;
}

/* ########## Base Paragraph ########## */
.prg_box {
	margin-left: 1.8em;
	margin-bottom: 2.5em;
	margin-right: 1em;
	line-height: 1.6em;
}

.prg_box1 {
	margin-left: 1.8em;
	margin-bottom: 1em;
	line-height: 1.6em;
}

.lines {
	line-height: 1.6em;
	}

/* ########## Froat position ########## */
.float_r {
	float: right;
	margin-left: 10px;
	}	
/* ########## Contents Block ########## */

.onebox {
	width: 558px;
	/*IE_huck*/_width: 558px;
	margin-left: 20px;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #CCC;
}
.wide_onebox600 {
	width: 578px;
	_width: 578px;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #CCC;
}

/* kanren Link use */
.kanrenbox {
	width: 578px;
	/*IE_huck*/_width: 578px;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #CCC;
}
/* kanren Link use */

.twobox_left {
	float: left;
	width: 263px;
	margin-left: 20px;
	/*IE_huck*/_margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
}

.twobox_right {
	float: left;
	width: 263px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
}

.wide_twobox_left {
	float: left;
	width: 263px;
	margin-right: 10px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
}

.wide_twobox_right {
	float: left;
	width: 263px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
}

.box_bottom5 {
	margin-bottom: 5px;
	}
.box_bottom15 {
	margin-bottom: 15px;
	}
.box_bottom30 {
	margin-bottom: 30px;
	}
.box_left250 {
	width: 300px;
	margin-left: 300px;
	margin-bottom: 30px;
	}
.box_500 {
	width: 500px;
	margin: 0 auto 30px auto;
	clear: both;
	}
.box_marginleft20px {
	width: 580px;
	margin-left: 20px;
	margin-bottom: 15px;
	clear: both;
	}
.box_next {
	width: 180px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:420px;
	clear: both;
	}
.textareaBox {
	width: 560px;
	margin-left: 20px;
	margin-bottom: 30px;
	padding: 5px;
	font-size: 11px;
	line-height: 1.6em;
	clear: both;
}

/*-- inBox decoration i ------*/
.box_marginboth10 {
	margin: 0px 10px;
	line-height:1.6em;
}

/*-- single-colomun centering ------*/
.box_center700 {
	width: 700px;
	margin:0px auto;
	clear: both;
	}


/* ########## List-setting ########## */
ul.list_box {
	padding-left: 25px;
	}
	.disc {
		list-style-type: disc;
		list-style-position: outside;
		line-height: 2em;
		} 
	.number {
		list-style-type: decimal;
		list-style-position: outside;
		line-height: 2em;
		} 
	.alpha {
		list-style-type: lower-alpha;
		list-style-position: outside;
		line-height: 2em;
		} 

ul.list_box2 {
	padding-left: 25px;
	}
	ul.list_box2 li.disc {
		list-style-type: disc;
		list-style-position: outside;
		line-height: 2em;
		} 
	ul.list_box2 li.number {
		list-style-type: decimal;
		list-style-position: outside;
		line-height: 2em;
		} 
	ul.list_box2 li.alpha {
		list-style-type: lower-alpha;
		list-style-position: outside;
		line-height: 2em;
		} 

ul.list_box_s {
	padding-left: 25px;
	font-size: 90%;
	}
	.disc {
		list-style-type: disc;
		list-style-position: outside;
		line-height: 1em;
		} 
	.number {
		list-style-type: decimal;
		list-style-position: outside;
		line-height: 1em;
		} 
	.alpha {
		list-style-type: lower-alpha;
		list-style-position: outside;
		line-height: 1em;
		}

/* ########## Table-setting ########## */
table.chart01 {
	width: 100%;
	border: 1px solid #CCC;
	}
	table.chart01 tr {
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		}
		table.chart01 tr.gray {
			background-color: #CCC;
			}
	table.chart01 th {
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding-left: 10px;
		}
		table.chart01 th.yellow {
			background-color: #FFFFCC;
			}
	table.chart01 td {
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding-left: 10px;
		}

table.chart02 {
	width: 100%;
	border: 1px solid #CCC;
	}
	table.chart02 tr.gray {
		background-color: #CCC;
		}
	table.chart02 th {
		padding-left: 10px;
		}
		table.chart02 th.yellow {
			background-color: #FFFFCC;
			}
	table.chart02 td {
		padding-left: 10px;
		}

table.chart03 {
	border-bottom: 1px solid #AAA;
	}
table.chart03 tr .border {
		border-top: 1px solid #AAA;
		border-left: 1px solid #AAA;
		border-right: 1px solid #AAA;
		padding: 5px;
		}
	table.chart03 tr.gray {
		background-color: #CCC;
		}

/*-- A or B table ------*/
table.chart04 {
	width: 100%;
	border: 1px solid #aaa;
	}
	table.chart04 tr {
		border-top: 1px solid #aaa;
		border-left: 1px solid #aaa;
		}
	table.chart04 th {
		border-bottom: 1px solid #aaa;
		border-right: 1px solid #aaa;
		}
		table.chart04 th.gray {
			background-color: #ccc;
			color:#444;
			text-align:center;
			}
	table.chart04 td {
		border-bottom: 1px solid #aaa;
		border-right: 1px solid #aaa;
		}
		table.chart04 td.left {
			border-bottom: 1px solid #aaa;
			border-right: 1px solid #aaa;
			padding-left:10px;
			}

/* service01.html¡Á 20090303 */
.chart05box {
	width: 580px;
	margin-left: 20px;
	margin-bottom: 15px;
	}
table.chart05 {
	width: 100%;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	}
	table.chart05 th {
		background-color: #CCC;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		text-align:center;
		}
		table.chart05 .lightGlay {
		background-color: #E9E9E9;
			}
		table.chart05 .textCenter {
		text-align:center;
			}
	table.chart05 td {
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding: 1px 10px;
		}

/* service_menu.html,entry.html 20090303 */
.chart06box {
	width: 580px;
	margin-left: 20px;
	}
table.chart06 {
	width: 100%;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	}
	table.chart06 th {
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		text-align:center;
		}
	table.chart06 .textLeft {
		text-align:left;
		}
	table.chart06 .textRed {
		color: #FF0000;
		}
	table.chart06 .bgColorY {
		background-color: #FFFFCC;
		}
	table.chart06 .bgColorG {
		background-color: #CCFFFF;
		}
	table.chart06 td {
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding: 1px 10px;
		text-align:center;
		}

/* ########## Right-MENU ########## */
#sideMenu {
text-decoration: none;
}

#sideMenu ul {
margin: 0px;
width: 240px;
}

#sideMenu ul.root-cat li {
font-weight: 700;
border-left: solid 1px #767676;
border-right: solid 1px #767676;
}


/*-- ROOT CATEGORY ------*/
#sideMenu ul.root-cat{
border-top: solid 1px #767676;
}

#sideMenu .root-cat li.item {
list-style-type: none;
display: block;
}

#sideMenu .root-cat .item a,
#sideMenu .root-cat .current a{
display: block;
text-decoration: none;
background: url(/image/contents_image/side_menu_bottom.gif) repeat-x left bottom;
padding: 8px 6px 8px 15px;
/* IE hack */_width: 219px;
}

#sideMenu .root-cat .noitem {
display: block;
text-decoration: none;
background: url(/image/contents_image/side_menu_bottom.gif) repeat-x left bottom;
padding: 8px 6px 8px 15px;
/* IE hack */_width: 219px;
}

#sideMenu .root-cat .item a:hover,
#sideMenu .root-cat .current {
display: block;
background: url(/image/contents_image/side_menu_bottom.gif) repeat-x left bottom;
background-color:  #eee;
}

/*-- SUB CATEGORY ------*/
#sideMenu ul.sub-cat{
padding-bottom:3px;
margin-bottom: 3px;
font-weight: 700;
}

#sideMenu .sub-cat li.item {
list-style-type: none;
display: block;
}

#sideMenu .sub-cat .item a,
#sideMenu .sub-cat .current a {
display: block;
text-decoration: none;
border-bottom: dashed 1px #666;
padding: 8px 6px 6px 25px;
/* IE hack */_width: 209px;
}

#sideMenu .sub-cat .item a:hover,
#sideMenu .sub-cat .current {
display: block;
background-color: #eee;
}

/* ########## PR-Block ########## */
#sideMenu .pr_entry00 {
	width: 238px;
	border: 1px solid #E9E094;
	margin-top: 10px;
	background-color:#FFF;
}	
#sideMenu .pr_entry00 .accessText {
	margin: 10px 10px 5px 10px;
	border-bottom: 1px solid #E9E094;
}
#sideMenu .pr_block01 {
	width: 238px;
	border: 1px solid #CCD9C8;
	margin-top: 10px;
	background-color:#FFF;
}	
#sideMenu .pr_block01 .accessText {
	margin: 10px 10px 5px 10px;
	border-bottom: 1px solid #CCD9C8;
}
	#sideMenu .left_f01 {
		float: left;
		padding-left: 10px;
		padding-bottom: 10px;
		}
#sideMenu .left_f02 {
	float: left;
	padding-left: 8px;
	padding-bottom: 10px;
	}

#sideMenu .pr_block02 {
	width: 238px;
	border: 1px solid #CCD9C8;
	margin-top: 10px;
	background-color: #FFF;
}
	#sideMenu .pr_block02 .prText {
		margin: 10px 10px 5px 10px;
		}
	#sideMenu .pr_block02 ul {
		padding: 0 0 10px 10px;
		_width: 230px;
		}
#sideMenu .pr_block03 {
	width: 238px;
	border: 1px solid #CCD9C8;
	margin-top: 10px;
	background-color: #F2FBF2;
}
	#sideMenu .pr_block03 .prText {
		margin: 10px 10px 5px 10px;
		}
	#sideMenu .pr_block03 ul {
		padding: 0 0 10px 10px;
		_width: 230px;
		}
		
/************* 20090225 ******************/
.flw1{
	border: 1px solid #697898;
	clear: both;
	padding: 1px;
}
.col2{
background: url(/welcome/image/bg_flw2col.gif) 0 0;
border: 1px solid #697898; 
border-top: none;
}
.col2 .flw1-l{
	width: 297px;
	float: left;
	padding: 1px;
}
.col2 .flw1-r{
	padding: 1px;
	width: 297px;
	float: left;
}
.prg_box-w {
	margin-left: 1.5em;
	margin-bottom: 1.5em;
	margin-right: 1em;
	line-height: 1.6em;
	border: 1px solid #999999;
	background-color: #FFF;
	padding: 0.6em;
}

/*------------------------------------------*/
table.table-wel{
margin: 0 20px 10px 20px;
border-top: 1px solid #999;
border-left: 1px solid #999;
width: 545px;
}
table.table-wel caption{
text-align: left;
padding-left: 12px;
margin-bottom: 5px;
}

btable.table-wel tr,
table.table-wel td{
padding: 4px 7px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
table.table-wel tr{
background-color:#D5DDE3;
}
table.table-wel td{
background-color: #F6F6F6;
}

/* point01.html 20090303 */
.prg_pointbox {
	margin-left: 1.8em;
	margin-bottom: 2.5em;
	margin-right: 1em;
	line-height: 1.6em;
}
	.prg_pointbox p.pointText {
	float: left;
	width: 290px;
	}
	.prg_pointbox p.pointImg {
	float: left;
	width: 270px;
	}
.pointbox {
	width: 558px;
	/*IE_huck*/_width: 558px;
	padding: 10px;
}
ul.list_box3 {
	margin-left: 50px;
	}
	ul.list_box3 li {
	float: left;
	display: block;
	padding: 0px 20px;
	}

/* service05.html,entry.html 20090303 */
.threeClm {
	width: 578px;
	border: 1px solid #CCC;
	margin: 0px 0px 30px 20px;
}
.threeClm table .threeClmTop {
		padding: 10px;
		border-bottom: 1px solid #CCC;
	}
.threeClm table .threeClmLeft {
		padding: 10px;
		border-right: 1px solid #CCC;
	}
.threeClm table .threeClmRight {
		padding: 10px;
	}
ul.listBox {
	padding-left: 15px;
	line-height: 1.5em;
	}
	ul.listBox li {
		list-style-type: disc;
		list-style-position: outside;
		} 


.center-box{
text-align: center;
margin-top: 20px;
}
h2.unq-h2{
border: none !important;
padding: 0;
margin: 0;
height: 57px;
margin: 4px 4px 0 4px;
font-size: 100%;
line-height: 1.6em;
}

h2.unq-h2 img{
display: block;
float: left;
margin: 0 6px 0 0;
padding-bottom: 20px;
}


/* page menu */
ul#pageMenu li{
float:left;
margin:2px;
font-weight:bold;
}

ul#pageMenu li.pagePre a{
display:block;
width:73px;
padding:7px 0;
background-image:url(/columns/image/pagePre.gif);
background-repeat:no-repeat;
background-position:0px 0px;
text-align:center;
text-decoration:none;
}
ul#pageMenu li.pageNex a{
display:block;
width:73px;
padding:7px 0;
background-image:url(/columns/image/pageNex.gif);
background-repeat:no-repeat;
background-position:0px 0px;
text-align:center;
text-decoration:none;
}
ul#pageMenu li.Nopage{
display:block;
width:73px;
padding:7px 0;
background-image:url(/columns/image/blankpage.gif);
background-repeat:no-repeat;
background-position:0px 0px;
text-align:center;
text-decoration:none;
}


ul#pageMenu li ul#pageNavi li{
float:left;
width:22px;
height:auto;
margin:0;
font-weight:bold;
text-align:center;
}

ul#pageMenu li ul#pageNavi li a{
display:block;
padding:7px 0;
background-image:url(/columns/image/pageNo.gif);
background-repeat:no-repeat;
background-position:0px 0px;
text-decoration:none;
}

ul#pageMenu li ul#pageNavi li.current{
display:block;
padding:7px 0;
background-image:url(/columns/image/pageCa.gif);
background-repeat:no-repeat;
background-position:0px 0px;
color:#FFFFFF;
text-decoration:none;
}

ul#pageMenu li ul#pageNavi li a:hover, ul#pageMenu li ul#pageNavi li a:active{
background-position:-22px 0px;
}



/************************************/

		.col2:after
		{content:"";display:block;clear:both;height:1% !important;overflow:hidden;}
		
		/*\*/
		* html .col2
		{height:1% !important;overflow:visible;}/*IE6HC*/
		
		/*IE7*/
		.col2
		{display:inline-table;min-height:1%;}