body {
width: 100%;
}

#content {
margin:0 auto;
padding:10px auto;
width:820px;
}

h2,h3 {
margin:0 auto;
font-weight:bold;
}

h3 {
background:url(img/yaji.gif) no-repeat left;
padding-left:25px;
border:0px;
width:auto;
}

a { text-decoration:none;}


/* プロ向け　工法選定方法 */

#content #pan {
margin:10px 0px;
}


#content #sec,
#content #sec1,
#content #sec2,
#content #sec3,
#content #sec4,
#content #sec5,
#content #sec6 {
margin:10px 0px;
display: table;
}
#content #ans {
margin:20px 0px;
display: table;
}


#content #sec h2,
#content #sec1 h2,
#content #sec2 h2,
#content #sec3 h2,
#content #sec4 h2,
#content #sec5 h2,
#content #sec6 h2 {
background:url(img/bg_branch_ti.jpg) no-repeat;
text-align:left;
padding:0px;
padding-left:10px;
margin:0 auto;
margin-top:10px;
border:0px;
border-top:1px solid #FF9933;
border-bottom:1px solid #FF9933;
height:30px;
width:800px;
line-height:2.2em;
font-size:14px;
color:#000000;
}
#content #sec h3 {
margin:20px 0px 0px 5px;
}
#content #sec table,
#content #sec1 table,
#content #sec2 table,
#content #sec3 table,
#content #sec4 table,
#content #sec5 table,
#content #sec6 table  {
width:auto;
border:0px solid;
padding:0px;
margin:20px auto;
}
#content #sec td {
text-align:center;
border:0px solid #999;
padding:0px 5px 0px 5px;
}
#content #sec1 td,
#content #sec2 td,
#content #sec3 td,
#content #sec4 td,
#content #sec5 td,
#content #sec6 td {
text-align:center;
border:0px solid #999;
padding:0px 20px 0px 20px;
}

/* #sec */
#content #sec td a {
margin:0px 10px 0px 0px;
padding:5px;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #666;
border-bottom:1px solid #666;
background-color:#CCCCCC;
color:#000000;
}
#content #sec td.on a {
margin:0px 10px 0px 0px;
padding:5px;
border-top:1px solid #444;
border-left:1px solid #444;
border-right:1px solid #333;
border-bottom:1px solid #333;
background-color:#666666;
color:#FFFFFF;
}
/* #sec1 */
#content #sec1 td p,
#content #sec2 td p,
#content #sec3 td p,
#content #sec4 td p,
#content #sec5 td p,
#content #sec6 td p {
text-align:left;
}

#content #sec1 td a,
#content #sec2 td a,
#content #sec3 td a,
#content #sec4 td a,
#content #sec5 td a,
#content #sec6 td a {
width:155px;
height:155px;
display: block;
text-align:center;
vertical-align:middle;
margin:0px 10px 0px 0px;
padding:0px;
color:#000000;
border:1px solid #81DA86;

border-radius:100%;
-webkit-border-radius:100%;    /* Safari,Google Chrome用 */  
-moz-border-radius:100%;   /* Firefox用 */  
background: #7CE68C;  /* For IE 6〜9 */
background: radial-gradient(circle at center, #F0FFC8 0%, #7CE68C 100%);
background: -webkit-gradient(radial, center center, 20, center center, 100, from(#F0FFC8), to(#7CE68C));
/*background:url(img/bg_circle1.jpg) no-repeat;*/
}
#content #sec1 td a:hover,
#content #sec2 td a:hover,
#content #sec3 td a:hover,
#content #sec4 td a:hover,
#content #sec5 td a:hover,
#content #sec6 td a:hover {
width:155px;
height:155px;
display: block;
text-align:center;
vertical-align:middle;
margin:0px 10px 0px 0px;
padding:0px;
color:#000000;
border:1px solid #81DA86;
border-radius:100%;
-webkit-border-radius:100%;    /* Safari,Google Chrome用 */  
-moz-border-radius:100%;   /* Firefox用 */  
background: #FFC753;   /* For IE 6〜9 */
background: radial-gradient(circle at center, #FEF9C1 0%, #FFC753 100%);
background: -webkit-gradient(radial, center center, 20, center center, 100, from(#FEF9C1), to(#FFC753));
/*background:url(img/bg_circle2.jpg) no-repeat;*/
}
#content #sec1 td.on a,
#content #sec2 td.on a,
#content #sec3 td.on a,
#content #sec4 td.on a,
#content #sec5 td.on a,
#content #sec6 td.on a {
width:155px;
height:155px;
display: block;
text-align:center;
vertical-align:middle;
margin:0px 10px 0px 0px;
padding:0px;
color:#000000;
border:1px solid #81DA86;
border-radius:100%;
-webkit-border-radius:100%;    /* Safari,Google Chrome用 */  
-moz-border-radius:100%;   /* Firefox用 */  
background: #FFC753;   /* For IE 6〜9 */
background: linear-gradient(left, #FEF9C1 0%, #FFC753 100%);
background: -webkit-gradient(linear, center center, 20, center center, 100, from(#FEF9C1), to(#FFC753));
/*background:url(img/bg_circle2.jpg) no-repeat;*/
}

#content #sec1 td a span,
#content #sec2 td a span,
#content #sec3 td a span,
#content #sec4 td a span,
#content #sec5 td a span,
#content #sec6 td a span {
width:155px;
height:155px;
display: table-cell;
text-align:center;
vertical-align:middle;
padding:0px 15px;
border:0px solid;
line-height:1.2em;
font-size:12px;
}

#content #sec1 td.on a span,
#content #sec2 td.on a span,
#content #sec3 td.on a span,
#content #sec4 td.on a span,
#content #sec5 td.on a span,
#content #sec6 td.on a span {
font-weight:bold;
}


#content #ans h2 {
background:url(img/bg_branch_ti2.jpg) no-repeat;
text-align:left;
padding:0px;
padding-left:10px;
border:0px;
border-top:1px solid #0066CC;
border-bottom:1px solid #0066CC;
height:30px;
width:800px;
line-height:2.2em;
font-size:14px;
color:#000000;
}
#content #ans table {
	margin:0 auto;
}
#content #ans td {
vertical-align:middle;
padding:10px;
}
#content #ans div {
font-size:12px;
font-weight:bold;
}
#content #ans .ans_area1 {
margin:10px 50px;
padding:50px 15px;
text-align:center;
font-size:14px;
background-color:#FFCCCC;
color:#000000;
}
#content #ans .ans_area2 {
margin:10px 50px;
padding:50px 15px;
text-align:center;
font-size:14px;
background-color:#CCFFFF;
color:#000000;
}
#content #ans div.or {
font-size:14px;
font-weight:bold;
padding:10px;
text-align:center;
}
#content #ans p.ans_p1 {
text-align:center;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
background-color:#336600;
}
#content #ans .ans_div1_1 {
width:70px;
padding:5px;
font-size:14px;
background-color:#000099;
color:#FFFFFF;
display:block;
float:left;
}
#content #ans .ans_div1_2 {
width:250px;
padding:5px;
font-size:14px;
background-color:#CCFFFF;
color:#000000;
display:block;
float:left;
}
#content #ans .ans_div2_1 {
width:70px;
padding:5px;
font-size:14px;
background-color:#669900;
color:#FFFFFF;
display:block;
float:left;
}
#content #ans .ans_div2_2 {
width:250px;
padding:5px;
font-size:14px;
background-color:#CCFFCC;
color:#000000;
display:block;
float:left;
}
#content #ans .pagetop {
padding:20px;
text-align:right;
font-size:10px;
font-weight:bold;
}

.ans_div:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


#sec1,#sec2,#sec3,#sec4,#sec5,#sec6 {
	/*margin-top:-100px;*/
	border:0px solid;
}


.jk_banner {
	text-align:center;	
}

.jk_banner p {
	font-size:16px;
	font-weight:bold;	
}


.jk_rubbing {
    background:-webkit-gradient(linear, left top, left bottom, from(#0060B7), to(#004B8E));
    background:-webkit-linear-gradient(top, #0060B7, #004B8E);
    background:-moz-linear-gradient(top, #0060B7, #004B8E);
    background:-ms-linear-gradient(top, #0060B7, #004B8E);
    background:-o-linear-gradient(top, #0060B7, #004B8E);
    background:linear-gradient(to bottom, #0060B7, #004B8E);
	
    border-radius:10px;
    -webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:10px;   /* Firefox用 */  

	width:50%;
	margin:0 auto;
}
.jk_rubbing:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.jk_rubbing a {
	display:block;
	padding:1em;
	color:#FFF;
	font-size:18px;
	font-weight:bold;	
}


.jk_tera {
    background:-webkit-gradient(linear, left top, left bottom, from(#FE910A), to(#D97601));
    background:-webkit-linear-gradient(top, #FE910A, #D97601);
    background:-moz-linear-gradient(top, #FE910A, #D97601);
    background:-ms-linear-gradient(top, #FE910A, #D97601);
    background:-o-linear-gradient(top, #FE910A, #D97601);
    background:linear-gradient(to bottom, #FE910A, #D97601);
	
    border-radius:10px;
    -webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:10px;   /* Firefox用 */  

	width:50%;
	margin:0 auto;
}
.jk_tera:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.jk_tera a {
	display:block;
	padding:1em;
	color:#FFF;
	font-size:18px;
	font-weight:bold;	
}


.jk_sera {
    background:-webkit-gradient(linear, left top, left bottom, from(#00A847), to(#008238));
    background:-webkit-linear-gradient(top, #00A847, #008238);
    background:-moz-linear-gradient(top, #00A847, #008238);
    background:-ms-linear-gradient(top, #00A847, #008238);
    background:-o-linear-gradient(top, #00A847, #008238);
    background:linear-gradient(to bottom, #00A847, #008238);
	
    border-radius:10px;
    -webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:10px;   /* Firefox用 */  

	width:50%;
	margin:0 auto;
}
.jk_sera:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.jk_sera a {
	display:block;
	padding:1em;
	color:#FFF;
	font-size:18px;
	font-weight:bold;	
}


.jk_coat {
    background:-webkit-gradient(linear, left top, left bottom, from(#FF413C), to(#FF1713));
    background:-webkit-linear-gradient(top, #FF413C, #FF1713);
    background:-moz-linear-gradient(top, #FF413C, #FF1713);
    background:-ms-linear-gradient(top, #FF413C, #FF1713);
    background:-o-linear-gradient(top, #FF413C, #FF1713);
    background:linear-gradient(to bottom, #FF413C, #FF1713);
	
    border-radius:10px;
    -webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:10px;   /* Firefox用 */  

	width:50%;
	margin:0 auto;
}
.jk_coat:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.jk_coat a {
	display:block;
	padding:1em;
	color:#FFF;
	font-size:18px;
	font-weight:bold;	
}