@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------------------
	 リフォーム
	 reform/
------------------------------------------------------------*/
#reform { width:800px; margin:0px; padding:0;}
#reform #mainVis {
	width: 800px;
	height: 180px;
	margin-bottom: 15px;
	position: relative;
	z-index: 1;
}
#reform #mainVis p.img {
	width: 800px;
	height: 180px;
	position: absolute;
	z-index: 2;
}

#reform p.txt {
margin-bottom:20px;
}

#reform #mainVis p#freedial {
	width: 188px;
	height: 90px;
	position: absolute;
	left: 320px;
	top: 40px;
	z-index: 10;
}
#reform .box {width:800px; margin:0 auto 0px auto;}
#reform .box h3 {	margin:0 auto 10px;}

#reform #leftColumn {width:170px;float:left;}
#reform #centerColumn {width:400px; padding-left:20px; float:left;}
#reform #rightColumn {width:191px;float:right;}
/* --------------------
	leftColumn
-------------------- */
/* ul-category */
#reform .box #leftColumn ul#category {
	width:170px;
	margin-bottom: 18px;
}
#reform .box #leftColumn ul#category li {
	background: url(../reform-after/reform/img/dottedline_orange.gif) repeat-x 0 bottom;
	width:154px;
	padding: 8px;
}
#reform .box #leftColumn ul#category li a {
	color:#FF6600;
	text-decoration: underline;
}
#reform .box #leftColumn ul#category li a:hover {text-decoration: none;}
#reform .box #leftColumn h3#categoryTtl {margin-bottom: 0;}

/* ul-item */
#reform .box #leftColumn ul#item {width: 170px;}
#reform .box #leftColumn ul#item li {
	background: url(../reform-after/reform/img/dottedline_blue.gif) repeat-x 0 bottom;
	width: 170px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#reform .box #leftColumn ul#item li p {
	line-height: 1.6;
	color: #0062A9;
}
#reform .box #leftColumn ul#item li p.pic {
	width: 46px;
	padding: 1px;
	margin-right: 7px;
	border: solid 1px #CCCCCC;
	float: left;
}
#reform .box #leftColumn ul#item li p a {
	color: #0062A9;
	text-decoration: underline;
}
#reform .box #leftColumn ul#item li p a:hover {text-decoration: none;}
#reform .box #leftColumn p#btnItemList {
	padding-left: 80px;
	margin-top: -11px;
}


/* --------------------
	centerColumn
-------------------- */
#reform .box #centerColumn h3 {margin-bottom: 10px;}
#reform .box #centerColumn ul {
	width:400px;
}
#reform .box #centerColumn ul li {
	width:382px;
	min-height:87px;
	_height:87px;
	padding:8px;
	border:#E6E9CE 1px solid;
	border-bottom-width: 10px;
	margin-bottom: 12px;
	clear: both;
	color: #0062A9;
}
#reform .box #centerColumn li .left {
	width:82px;
	margin:0px 0px 5px 0px;
}
#reform .box #centerColumn li .right {
	width:290px;
	margin:0px 0px 10px 0px;
}
#reform .box #centerColumn li .right .title {
	width:290px;
	padding-bottom:5px;
	margin:0px 0px 5px 0px;
	border-bottom:#0062A9 1px dotted;
}
#reform .box #centerColumn li .right .name {
	width: 212px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #0062A9;
	float: left;
}
#reform .box #centerColumn li .right .icon {
	width: 70px;
	float: right;
}
#reform .box #centerColumn p.more {
	width: 162px;
	margin: 0 auto 30px;
	padding-left: 238px;
	clear: both;
}


/* --------------------
	rightColumn
-------------------- */
#reform .box #rightColumn ul {width:190px;}
#reform .box #rightColumn ul li {
	width: 190px;
	height: 68px;
	overflow: hidden;
	margin: 0 0 5px 0;
}
#reform .box #rightColumn ul.bnr li {
	width: 190px;
	height: 50px;
	overflow: hidden;
	margin: 0 0 5px 0;
}

#reform .profBoxL { width:555px; margin:0; padding:5px 10px; border-left:#E6E9CF 1px solid; border-right:#E6E9CF 1px solid;}
#reform .profBoxL .profPhoto { width:116px; height:133px; margin:0; padding:0; float:left;}
#reform .profBoxL .profText { width:426px; margin:0 0 10px 10px; padding:0; float:right; }
#reform .profBoxL .profTextUnder { width:406px; margin:0; padding:10px 10px 10px 20px; float:right; background:url(../company/business/img/p_comentBgL.gif); line-height:160%; color:#666666;}
#reform .profBoxR { width:555px; margin:0; padding:10px; border-left:#E6E9CF 1px solid; border-right:#E6E9CF 1px solid;}
#reform .profBoxR .profPhoto { width:116px; height:133px; margin:0; padding:0; float:right;}
#reform .profBoxR .profText { width:426px; margin:0 10px 10px 0; padding:0; float:left; }
#reform .profBoxR .profTextUnder { width:406px; margin:0; padding:10px 20px 10px 10px; float:left; background:url(../company/business/img/p_comentBgR.gif); line-height:160%; color:#666666;}


/* --------------------
	mainColumn
-------------------- */
#reform .box #mainColumn {
	width: 610px;
	float: right;
}
#reform .box #mainColumn h4 {
	background: url(../reform-after/reform/img/listmark01.gif) no-repeat 0 8px;
	width: 590px;
	padding: 3px 3px 3px 17px;
	font-weight: bold;
	font-size: 125%;
	color: #FF6600;
	border-bottom: dotted 1px #FF6600;
	margin-bottom: 20px;
}
#reform .box #mainColumn .syousaimidashi {margin-bottom: 10px;}
#reform .box #mainColumn .syousaimidashi .name {
	background: url(../reform-after/reform/img/title_syousai.jpg) no-repeat center bottom;
	min-height: 40px;
	_height: 40px;
	margin: 0 auto 1px;
}
#reform .box #mainColumn .syousaimidashi .name h5 {
	width: 500px;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	text-align: center;
	float: left;
}
#reform .box #mainColumn .syousaimidashi .name .icon {
	width: 70px;
	float: right;
	padding: 13px 10px 0px 0px;
}

#reform .box #mainColumn ul {width: 610px;}
#reform .box #mainColumn ul li {
	width: 277px;
	min-height: 140px;
	_height: 140px;
	height: 140px;
	padding: 8px;
	display: inline;
	margin: 0 5px;
	border: #E6E9CE 1px solid;
	border-bottom-width: 10px;
	margin-bottom: 12px;
	float: left;
}
#reform .box #mainColumn li .left { width:82px; height:auto; margin:0px 0px 10px 0px;}
#reform .box #mainColumn li .right { width:185px; margin:0px 0px 10px 0px;}
#reform .box #mainColumn li .right .title {
	background: url(../reform-after/reform/img/dottedline_blue.gif) repeat-x 0 bottom;
	width:185px;
	padding-bottom:5px;
	margin:0px 0px 5px 0px;
}
#reform .box #mainColumn li .right .name { width:115px; margin:0px;  font-size:14px; font-weight:bold; color:#0062A9; float:left;}
#reform .box #mainColumn li .right .icon { width:70px; float:right;}
#reform .box #mainColumn li .right .comment { margin-bottom: 10px;}
#reform .box #mainColumn li .right .detail {padding-left: 95px;}
#reform .box #mainColumn p.more {width:162px; margin:0 auto 30px; padding-left:439px; clear: both;}

#reform .box #mainColumn ul#btnBox {
	width: 610px;
	height: 30px;
	min-height: 30px;
	_height: 30px;
	position: relative;
	margin: 0 auto;
	padding: 15px 0 0 0;
	clear: both;
}
#reform .box #mainColumn ul#btnBox li {
	width: 160px;
	height: 30px;
	min-height: 30px;
	_height: 30px;
	overflow: hidden;
	position: absolute;
	padding: 0;
	margin: 0;
	border: none;
	float: left;
	display: block;
	top: 15px;
	line-height: 1;
}
#reform .box #mainColumn ul#btnBox li.next,
#reform .box #mainColumn ul#btnBox li.prev {width: 115px;}
#reform .box #mainColumn ul#btnBox li.next {left: 490px;}
#reform .box #mainColumn ul#btnBox li.top {left: 230px;}
#reform .box #mainColumn ul#btnBox li.prev {left: 5px;}

#reform .box #mainColumn div#entryContainer {
	width: 610px;
	margin-bottom: 30px;
	line-height: 1.8;
}
#reform .box #mainColumn div#entryContainer * {line-height: 1.8;}
#reform .box #mainColumn div#entryContainer p {margin-bottom: 15px;}


/* --------------------
	oneColumn
-------------------- */
#reform .box #oneColumn {
	width: 800px;
	padding-top: 10px;
}
#reform .box #oneColumn h3 {margin-bottom: 20px;}
#reform .box #oneColumn ul {width: 800px;}
#reform .box #oneColumn ul li {
	width: 372px;
	min-height: 120px;
	_height: 120px;
	padding: 8px;
	display: inline;
	margin: 0 5px;
	border: #E6E9CE 1px solid;
	border-bottom-width: 10px;
	margin-bottom: 12px;
	float: left;
}
#reform .box #oneColumn div.pic {
	width: 82px;
	float: left;
}
#reform .box #oneColumn div.textBox {
	width: 280px;
	float: right;
}
#reform .box #oneColumn div.textBox p.name {
	background: url(../reform-after/reform/img/dottedline_blue.gif) repeat-x 0 bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 115%;
	font-weight: bold;
}
#reform .box #oneColumn div.textBox p.comment {
	margin-bottom: 10px;
	line-height: 1.6;
}
#reform .box #oneColumn div.textBox p.detail {
	width: 90px;
	padding-left: 190px;
}
#reform .box #oneColumn div#entryContainer {
	width: 800px;
	margin-bottom: 30px;
	line-height: 1.8;
}
#reform .box #oneColumn div#entryContainer * {line-height: 1.8;}
#reform .box #oneColumn div#entryContainer p {margin-bottom: 15px;}

#reform .box #oneColumn ul#btnBox {
	width: 610px;
	height: 30px;
	min-height: 30px;
	_height: 30px;
	position: relative;
	margin: 0 auto;
	padding: 15px 0 0 0;
	clear: both;
}
#reform .box #oneColumn ul#btnBox li {
	width: 175px;
	height: 30px;
	min-height: 30px;
	_height: 30px;
	overflow: hidden;
	position: absolute;
	padding: 0;
	margin: 0;
	border: none;
	float: left;
	display: block;
	top: 15px;
	left: 217px;
	line-height: 1;
}

/* --------------------
	others
-------------------- */
#reform .box li p.comment {clear: both;}

#reform .box ul li .name a:link			{ color:#0062A9; text-decoration:none;}
#reform .box ul li .name a:visited	{ color:#66A1CB; text-decoration:none;}
#reform .box ul li .name a:hover		{ color:#0062A9; text-decoration:underline;}

#reform .box .pagePath { width:800px; color:#666666; text-align:center; line-height:normal;}
#reform .box .pagePath a:link             { color:#3366CC; text-decoration:underline;}
#reform .box .pagePath a:visited          { color:#999999; text-decoration:underline;}
#reform .box .pagePath a:hover  	  	     { color:#33CC99; text-decoration:underline;}

#reform .box2 {width:800px; margin:0 auto 60px auto;}
#reform .box2 h3 {margin:0 auto 30px auto;}
#reform .box2 .menuSub { width:760px; margin:0 auto;}
#reform .box2 .menuSub .btn { width:249px; margin:0px 6px 0px 0px; float:left;}
#reform .box2 .menuSub .btnFix { width:249px; margin:0px 0px 0px 0px; float:left;}



/*reform for MT*/
/*#reform .syousaimidashi {width:800px; margin:0 auto 60px auto;}
#reform .syousaimidashi h3 {margin:0 auto 1px auto;}
#reform .syousaimidashi .name {margin:0 auto 1px auto; height:50px; background:url(../reform-after/reform/img/title_syousai.jpg);}
#reform .syousaimidashi .name h4 { width:650px; font-size:18px; font-weight:bold; padding:10px 0px 0px 70px; text-align:center; float:left; }
#reform .syousaimidashi .name .icon { width:70px; float:right; padding:13px 10px 0px 0px;}
*/
#reform .syousaiUnit {width:577px; margin:0 auto 30px auto; padding:0px 0px 15px 0px; border-bottom:#96BA79 1px dotted;}
#reform .syousaiUnit .left {width:360px;}
#reform .syousaiUnit .left .after {width:360px; height:25px; margin:0px 0px 1px 0px;}
#reform .syousaiUnit .right {width:204px;}
#reform .syousaiUnit .right .before {width:204px; height:25px; margin:0px 0px 1px 0px;}
#reform .syousaiUnit p { width:577px; padding:15px 0px 0px 0px;}
#reform div#unitWrap {width:740px; margin:0 auto; padding:0 30px }


/* --------------------
	reform > flow
-------------------- */
#reform_flow { width:800px; margin:0px; padding:0;}
#reform_flow #leftColumn {width:190px; float:left;}
#reform_flow #rightColumn {width:610px; float:right;}
#reform_flow #leftColumn ul li {
	width: 170px;
	height: 50px;
	overflow: hidden;
	margin: 0 0 5px 0;
}
#reform_flow h2 { margin-bottom:20px;}
#reform_flow #rightColumn .box {width:610px; clear:both; border-bottom:1px #999999 dotted; padding-bottom:10px; margin-bottom:10px;}
#reform_flow #rightColumn .box_img {width:180px; float:left;}
#reform_flow #rightColumn .box_txt {width:430px; float:right;}
#reform_flow #rightColumn .box_txt img {float:right; padding-left:10px;}

/* --------------------
	reform > faq
-------------------- */
#reform_faq { width:800px; margin:0px; padding:0;}
#reform_faq #leftColumn {width:190px; float:left;}
#reform_faq #leftColumn ul li {
	width: 170px;
	height: 50px;
	overflow: hidden;
	margin: 0 0 5px 0;
}
#reform_faq #rightColumn {width:610px; float:right;}
#reform_faq h2 { margin-bottom:20px;}
#reform_faq h3 { margin-bottom:10px;}
#reform_faq #rightColumn .box {width:610px; clear:both; border-bottom:1px #999999 dotted; padding-bottom:10px; margin-bottom:10px;}