@charset "shift_jis";

/* ***********************************************************
 *
 * Since:     2008-9-3
 * Editor:    mitoma
 * Modified:  2008-9-17 by:sakanashi
 *
 * ***********************************************************
 */


/* --------------------------------------------------------------

FUTECH Center

----------------------------------------------------------------- */

/* font-size
　69% 　->　11.04px
　82% 　->　13.12px
  88% 　->　14.08px
  100%  ->　16px　
*/


/* title
---------------------------------------------------- */

#futechTop #title h1{
	height:275px;
	background:url(../futech/img/bg_h1.jpg) top left no-repeat;
}

#title h1#inner{
	height:157px;
	background:url(../futech/img_cmn/bg_h1_inner.jpg) top left no-repeat;
}
	
#mainArea h2{
	width: 680px;
	margin: 0 auto 15px;
}

#mainArea h3{
	width: 680px;
	margin: 35px auto 15px;
}

#mainArea h3.fst{
	width: 680px;
	margin: 0 auto 15px;
}

#mainArea h4{
	width: 658px;
	margin: 35px auto 10px;
	background: #615EAE;
	border: 1px solid #BBC0D7;
	color: #FFFFFF;
	padding: 4px 10px;
	font-size: 82%;
}

#mainArea h4.fst{
	margin: 0 auto 10px;
}

#mainArea h5{
	width: 680px;
	margin: 0 auto 5px;
	color: #292791;
}



/* p, dl, ul
---------------------------------------------------- */
#mainArea p.text, #mainArea dl, #mainArea ul{
	width: 680px;
	margin: 0 auto 5px;
	font-size: 82%;
}

#mainArea p.note{
	color: #BE4B39;
	margin: 10px auto 0;
	font-size: 82%;
	width: 680px;
}

#mainArea p.unit{
	text-align: right;
	margin: 0 auto;
	width: 680px;
	font-size: 82%;
}





/* topicPath
---------------------------------------------------- */
ul#topicPath{
	background: url(../futech/img_cmn/bg_topicpath.jpg) top left repeat-x;
}

ul#topicPath li {
	background:url(../futech/img_cmn/bg_topicPath_txt.jpg) top left no-repeat;

}

ul#topicPath li#home{
	background:url(../futech/img_cmn/bg_topicPath_a2.jpg) top right repeat-x;

}

ul#topicPath li.now{
	background:url(../futech/img_cmn/bg_topicPath_a.jpg) top left no-repeat;

}




/* subArea
----------------------------------- */

#subArea ul#sNavi{
	width:200px;
	margin:0 auto 15px;
}

#subArea ul#sNavi ul{
	width:200px;
	margin:0 auto 0px;
}

#subArea ul#sNavi li.sec{
	width: 192px;
	padding-left: 8px;
}

#subArea ul#sNavi ul li{
	padding-top:1px;
	padding-bottom:0;
	text-align:right;
}


/* futechAddress
----------------------------------- */
#subArea #futechAddress{
	width:190px;
	margin:0 auto 15px;
	padding-left: 10px;
}

#subArea #futechAddress p{
	font-size:82%;
	margin-bottom: 4px;
}

#subArea #futechAddress p.btn{
	margin: 8px 0 0;
}



/* layout
----------------------------------- */
#futechTop #mainArea .layout{
	width: 680px;
	padding: 10px 0 15px;
	margin: 0 auto;
}

#mainArea .layout{
	width: 680px;
	padding: 0;
	margin: 0 auto 18px;
}


/* table
----------------------------------- */
table.product{
	margin:5px auto;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	width: 680px;
}

table.product td, th {
	padding:7px 10px;
	text-align:left;
	border:1px solid #CCC;
	font-size: 82%;
}

table.product th{
	background-color:#E5E7EF;
	font-weight: bold;
	text-align: center;
	border:1px solid #CCC;
	font-size: 69%;
	padding: 2px 5px;
}

table.product th.ttl{
	background-color:#B9BED5;
	font-weight: bold;
	text-align: center;
	border:1px solid #CCC;
	font-size: 69%;
}

table.paint{
	margin:5px 20px 5px auto;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	width: 600px;
}

table.paint td, th {
	padding:5px;
	text-align:center;
	border:1px solid #CCC;
}

table.paint th{
	background-color:#E5E7EF;
	font-weight: bold;
	text-align: center;
	border:1px solid #CCC;
	padding: 2px;
}

table.paint th.ttl{
	background-color:#B9BED5;
	font-weight: bold;
	text-align: center;
	border:1px solid #CCC;
	font-size: 69%;
}

table.paint td, th {
	padding:2px 10px;
	text-align:left;
	border:1px solid #CCC;
	font-size: 82%;
}

table td.mark{
	text-align: center;
}



/* form_common
----------------------------------- */

/*-- input ---*/

input.t-dsn,
textarea,
select {
	padding: 1px 1px 0;
	border: 1px solid #CCCCCC;
	background: #F8F8F8;
}

/*--- form ---*/


#mainArea em {
	color: #FF6600;
	font-style: normal;
}

/* form table */
#mainArea table.form {
	border-collapse:collapse;
	border-spacing:0px;
	margin: 5px 20px;
	width: 678px;
}

	#mainArea table.form th {
	border-collapse:collapse;
	border-spacing:0px;
	padding: 12px 10px 12px 22px;
	background: #E5E7EF url(../futech/contact/img/bullet.gif) no-repeat 10px 13px;
	border: 1px solid #CCCCCC;
	width: 135px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	font-size: 82%;
	}

	#mainArea table.form th.chk {
	padding: 10px 13px 7px 20px;
	background: #F8FAFB url(../inquiry/img/line.gif) no-repeat 10px 10px;
	}
	
	#mainArea table.form td {
	border-collapse:collapse;
	border-spacing:0px;
	border: 1px solid #CCCCCC;
	padding: 13px 5px 13px 15px;
	background: #FFFFFF;
	font-size: 82%;
	text-align: left;
	}

	#mainArea table.form td.work {
	color:#507DD6;
	font-weight: bold;
	}

	#mainArea table.form td dl {
	width: 500px;
		}

	#mainArea table.form td dl dt {
	width: 60px;
	float: left;
	padding: 3px 3px 1px;
		}

	#mainArea table.form td dl dd {
	padding: 3px 3px 3px 65px;	
		}

	#mainArea table.form .chk {
	color: #333366;
	font-weight: bold;
	}

/* form botan area */

#mainArea .botan {
	text-align:center;
	padding: 20px 10px;
	margin: 20px;
	background: #F2F2F2;
}

#mainArea .botan input {
	margin: 0px 5px;
	}

#mainArea p.backb {
	margin: 20px 0px;
	background: #EBEFF4;
	text-align:center;
	padding: 15px;
	vertical-align:bottom;
}

#mainArea .red {
	color:#FF3300;
}

#mainArea p.cmn {
	font-size:82%;
	padding:0 25px 20px;
}

/* check_ok page */

#mainArea h3.er {
	font-size: 88%;
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}

#mainArea h3.check {
	margin: 15px 0px;
	padding: 10px;
	text-align: center;
	color: #5E78B0;
	font-size: small;
	border-top: 1px solid #5E78B0;
	border-bottom: 1px solid #5E78B0;
	background: #FFFFFF;
}

#mainArea .ok-text {
	margin-bottom: 100px;
	padding: 10px;
}








/* TOP
----------------------------------- */
#futechTop #mainArea p,
#futechTop #mainArea dl dt,
#futechTop #mainArea dl dd{
	font-size:82%;
	line-height:1.4;
}

#futechTop #mainArea p.catch{
	width: 680px;
	margin: 0 auto;
}

#futechTop #mainArea #productSteel{
	background:url(../futech/img/product01.jpg) no-repeat left top;
	width: 330px;
	height: 60px;
	padding: 5px 0;
	float: left;
}

#futechTop #mainArea #productSteel h3{
	width: 117px;
	height: 60px;
	margin: 0;
	float: left;
	padding: 1px 0 0 120px;
}

#futechTop #mainArea #productSteel ul,
#futechTop #mainArea #productWire ul{
	width: 92px;
	float:right;
}

#futechTop #mainArea #productSteel ul li,
#futechTop #mainArea #productWire ul li{
	background: url(../futech/img/bulletTop.gif) no-repeat left;
	padding: 2px 0 2px 20px;
}

#futechTop #mainArea #productWire{
	background:url(../futech/img/product02.jpg) no-repeat left top;
	width: 330px;
	height: 60px;
	padding: 5px 0;
	float: right;
}

#futechTop #mainArea #productWire h3{
	width: 96px;
	height: 58px;
	margin: 0;
	float: left;
	padding-left: 140px;
}


#futechTop #mainArea #newsTop h3 span.btnNews{
	position: absolute;
	top:10px;
	right:30px;
	text-indent:-9999px;
	background:url(../futech/img/btnNews.jpg) top left no-repeat;
	display:block;
}

#futechTop #mainArea #newsTop h3 span.btnCal{
	position: absolute;
	top:10px;
	right:160px;
	text-indent:-9999px;
	background:url(../futech/img/btnCal.jpg) top left no-repeat;
	display:block;
}

#futechTop #mainArea #newsTop h3 span.btnNews a{
	width:79px;
	height:13px;
	display:block;
}

#futechTop #mainArea #newsTop h3 span.btnCal a{
	width:109px;
	height:13px;
	display:block;
}




/* ----- news ----- */

#futechTop #mainArea  #newsTop{
		position:relative;
		clear:both;
	}

	#futechTop #mainArea  #newsTop h3{
	clear:both;
	width:680px;
	height:35px;
	padding: 0 0;
	text-indent:-9999px;
	background:url(../futech/img/bg_h3.jpg) no-repeat left top;
	margin: 10px auto;
		}
	
		#futechTop  #mainArea #newsTop dl#newsSum dt{
		padding: 8px 3px;
	font-size: 89%;
		}

		#futechTop  #mainArea #newsTop dl#newsSum dd{
		padding: 8px 0px 9px;
	font-size: 104%;
		}

		#futechTop #mainArea #newsTop dl .noline{
	background: url(none);
		}


/* sum */



#news #mainArea ul.navi{
	text-align: center;
	padding: 5px 5px 7px;
	clear: both;
	margin: 20px;
	background: #F4F4F4;
	border: 1px solid #CCCCCC;
}

	#news #mainArea ul.navi li{
		display: inline;
		text-align: center;
		font-size: 82%;
		padding: 0px 10px;
		line-height:1.4;
	}

	#news #mainArea ul.navi li.line{
	border-left: 1px solid #666666;
	}

/* detail */
#news #mainArea h3 {
	margin: 5px 20px;
	font-size: 100%;
	background: url(../img_cmn/bg_dot.gif) repeat-x left bottom;
	padding: 10px 2px;
}

#news #mainArea h3 span {
	background: #F0F0F0;
	padding: 2px 7px;
	margin-left: 5px;
	font-weight: normal;
	font-size: 82%;
}

#news #mainArea .comment {
	margin: 20px;
}

#news #mainArea .comment .text {
	font-size: 82%;
	padding: 2px;
	line-height:1.4;
}

#news #mainArea .comment .photo {
	float:right;
	padding-left: 10px;
}

/* pages mainArea
---------------------------------------------------- */

/* ----- news ----- */

dl#newsSum {
	margin: 5px 20px;
	width: 680px;
	background: url(../img_cmn/bg_dot.gif) repeat-x left bottom;
}

dl#newsSum .noline {
	background: url(none);
}

dl#newsSum dt {
	width: 65px;
	float: left;
	padding: 12px 3px;
	clear: both;
	background: url(../img_cmn/bg_dot.gif) repeat-x left top;
}

dl#newsSum dt span {
	background: #F0F0F0;
	padding: 2px 7px;
}

dl#newsSum dd {
	padding: 12px 0px 15px;
	float: left;
	width: 598px;
	background: url(../img_cmn/bg_dot.gif) repeat-x left top;
	line-height:1.2;
	font-size: 110%;
}


		dl#newsSum dd img{
		padding: 0px 0px 0px 5px;
		}

dl#newsSum dd a {
	background: url(../futech/img_cmn/bulletNews.gif) no-repeat left center;
	margin: 0px;
	padding-left: 23px;
}
#news #mainArea ul.navi{
	text-align: center;
	padding: 5px 5px 7px;
	clear: both;
	margin: 20px;
	background: #F4F4F4;
	border: 1px solid #CCCCCC;
}

	#news #mainArea ul.navi li{
		display: inline;
		text-align: center;
		font-size: 100%;
		padding: 0px 10px;
		line-height:1.4;
	}

	#news #mainArea ul.navi li.line{
	border-left: 1px solid #666666;
	}

/* detail */
#news #mainArea h3 {
	margin: 5px 20px;
	font-size: 100%;
	background: url(../img_cmn/bg_dot.gif) repeat-x left bottom;
	padding: 10px 2px;
}

#news #mainArea h3 span {
	background: #F0F0F0;
	padding: 2px 7px;
	margin-left: 5px;
	font-weight: normal;
	font-size: 82%;
}

#news #mainArea .comment {
	margin: 20px;
}

#news #mainArea .comment .text {
	font-size: 82%;
	padding: 2px;
	line-height:1.4;
}

#news #mainArea .comment .photo {
	float:right;
	padding-left: 10px;
}



/* detail */
#news #mainArea h3 {
	margin: 5px 20px;
	font-size: 100%;
	background: url(../img_cmn/bg_dot.gif) repeat-x left bottom;
	padding: 10px 2px;
}

#news #mainArea h3 span {
	background: #F0F0F0;
	padding: 2px 7px;
	margin-left: 5px;
	font-weight: normal;
	font-size: 82%;
}

#news #mainArea .comment {
	margin: 20px;
}

#news #mainArea .comment .text {
	font-size: 82%;
	padding: 2px;
	line-height:1.4;
}

#news #mainArea .comment .photo {
	float:right;
	padding-left: 10px;
}

/* ----- cal page ----- */

#cal #mainArea .subtit {
	margin: 0px 20px 10px;
	padding: 10px;
	background: #EEEEF7;
}

	#cal #mainArea .subtit h3 {
	background: url(../futech/news/img/bullet.jpg) no-repeat left top;
	font-size: 100%;
	float: left;
	padding: 3px 5px 3px 15px;
	margin: 0px;
	width: 200px;
	}

	#cal #mainArea .subtit p {
	font-size: 82%;
	text-align: right;
	padding-top: 5px;
	width: 120px;
	float: right;
	}

#cal #mainArea .navi {
	margin: 0px 20px;
	font-size: 89%;
}

	#cal #mainArea .navi li {
	display:inline;
	width: 330px;
	}

	#cal #mainArea .navi li.left {
	float: left;
	}

	#cal #mainArea .navi li.right {
	float: right;
	text-align: right;
	}

#cal #mainArea table.cal-tbl {
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	border-spacing:0px;
	width: 670px;
	margin: 5px auto;
	clear: both;
}

	#cal #mainArea table.cal-tbl th {
		border: 1px solid #CCCCCC;
		padding: 2px;
		height: 20px;
		text-align: center;
		width: 14%;
		background: #54B48B;
		font-weight: bold;
		color: #FFFFFF;
		font-size: 82%;
	}
	
	#cal #mainArea table.cal-tbl th.sun {
		background: #FF7575;
	}
	
	#cal #mainArea table.cal-tbl th.sat {
		background: #677AC5;
	}
	
	#cal #mainArea table.cal-tbl td {
		border: 1px solid #CCCCCC;
		padding: 3px;
		vertical-align: top;
		height: 80px;
		background: #FFFFFF;
		font-size: 82%;
		text-align: left;
	}
	
	#cal #mainArea table.cal-tbl td.sun {
		background: #FFEAE6;
	}
	
	#cal #mainArea table.cal-tbl td.sat {
		background: #E1E8F7;
	}
	
	#cal #mainArea table.cal-tbl td.no {
		background: #EEEEEE;
	}
	
	#cal #mainArea table.cal-tbl td span {
		font-size: 82%;
	}
	
	#cal #mainArea table.cal-tbl td span.red {
		color: #FF0000;
	}

/* detail */

#cal #mainArea h3 {
	margin: 5px 20px;
	font-size: 100%;
	background: url(../img_cmn/bg_dot.gif) repeat-x left bottom;
	padding: 10px 2px;
}

#cal #mainArea .comment {
	margin: 20px;
}

#cal #mainArea .comment .text {
	font-size: 82%;
	padding: 2px;
	line-height:1.4;
}

#mainArea .back {
	padding: 20px;
	text-align: center;
	font-size: 82%;
	background: #F2F2F2;
	width: 640px;
}


/* Pages
---------------------------------------------------- */
#mainArea p.btnPrint{
	width: 122px;
	padding: 0 0 0 578px;
	margin: 0;
}


/* Process */
#process #mainArea .layout p.next,
#processPrint #mainArea .layout p.next{
	float:left;
	width:18px;
	padding: 66px 3px 0;
	margin: 0;
}

#process #mainArea .layout dl,
#processPrint #mainArea .layout dl{
	width: 210px;
	background: url(../futech/process/img/bgPics.jpg) no-repeat center top;
	float: left;
	margin: 0;
}

#process #mainArea .layout dl dt,
#processPrint #mainArea .layout dl dt{
	width: 206px;
	margin: 2px 2px 0;
}

#process #mainArea .layout dl dd,
#processPrint #mainArea .layout dl dd{
	font-size: 82%;
	padding: 6px 10px;
}

#process #mainArea ul{
	width: 190px;
	margin: 0 auto 5px;
	font-size: 120%;
}

#process #mainArea .layout dl dd ul li,
#processPrint #mainArea .layout dl dd ul li{
	float:left;
	padding: 10px 0 0 0;
	width: 155px;
}

#process #mainArea .layout dl dd ul li.num,
#processPrint #mainArea .layout dl dd ul li.num{
	width: 30px;
	padding: 0 5px 0 0;
}



/* Product */
#product #mainArea .em{
	font-size: 125%;
	font-weight: bold;
}

#product #mainArea p.ref{
	font-size: 82%;
	width: 600px;
	margin: 10px 20px 0 100px;
}

#product .layout table.product{
	width: 310px;
	float: left;
	margin: 0;
}

#product .layout p.pics{
	width: 345px;
	float: right;
}

#product .layout .desc{
	width: 325px;
	float: left;
}

#product .layout .desc h5,
#product .layout .desc p{
	width: 325px;
}

#product #mainArea ul#cond{
	padding: 5px;
	background: #EDEDED;
	width: 590px;
	margin: 0 20px 25px 100px;
}

#product #mainArea dl dt{
	margin: 10px 0 5px;
	font-size: 100%;
}

#product #mainArea dl dd.btn{
	margin: 5px 0;
	width: 177px;
}

#product #mainArea .layout #size h4,
#product #mainArea .layout #print h4{
	width: 305px;
	margin: 15px 0 10px;
}

#product #mainArea .layout #size p,
#product #mainArea .layout #print p{
	width: 305px;
	margin: 0;
}

#product #mainArea .layout #size{
	float: left;
	width: 335px;
}

#product #mainArea .layout #print{
	width: 325px;
	float: right;
}

#product #mainArea p#pattern{
	margin: 0 auto 25px;
	width: 680px;
}

#product .wire{
	width:680px;
	margin:0 auto;
}

#product .wire .desc{
	width: 310px;
	float: left;
	margin: 0;
}

#product .wire .desc table{
	width: 310px;
}

#product .wire .desc table th{
	width: 80px;
}

#product .wire .pics{
	width: 345px;
	float:right;
}

#product .wire .pics table,
#product .wire .pics h5{
	width: 345px;
}

#product .wire .pics table th{
}

#product .wire .pics table td{
	width: 100px;
}

#product .wire p{
	width:310px;
}

#product table.product td.comment {
	font-size: 69%;
	padding: 3px 5px;
	text-align: center;
}

table.product th.hanger{
	background-color:#B9BED5;
	font-weight: bold;
	text-align: center;
	border:1px solid #CCC;
	font-size: 69%;
	padding: 2px;
}

#product #mainArea h4 a,
#product #mainArea h4 a:link,
#product #mainArea h4 a:visited,
#product #mainArea h4 a:hover,
#product #mainArea h4 a:active{
	text-decoration: none;
}

#product #mainArea .layout dl{
	width: 325px;
	margin: 0;
	float: left;
}

#product #mainArea table.product td dl{
	width: 200px;
	margin: 0;
}

#product #mainArea table.product td dt{
	font-size:115%;
	margin: 0;
	float: left;
	clear: left;
}

#product #mainArea table.product td dd{
	font-size:115%;
	padding-left: 9em;
}




/* Contact */
#contact .layout .ssl{
	width:140px;
	height:80px;
	float:right;
	padding-left: 10px;
	position:relative;
}

#contact .layout .text{
	margin: 3px 0;
	padding-left:1em;
	text-indent:-1em;
	float: left;
	width: 500px;
}

#contact .layout .text span{
	color: #615EAE;
}






/* Access */
#access #mainArea iframe{
	width:680px;
	margin:10px auto;
	position: relative;
}

#access #mainArea p.note{
	color: #333333;
	margin: 0 auto 50px;
}