@charset "euc-jp";

/* 玉俊工業 */



body{
	margin-left:auto;
	margin-right:auto;
}


img{
	border:none;
}


p{
	margin:0px;
}

/* 回り込み解除の設定 */

/*.clear{
	clear:both;
	visibility:hidden;
	overflow:hidden;
	height:1px;
	text-align:center;
}*/




/* リンク画像ロールオーバー */
	
a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}


/* 全体の枠のスタイル */

#wrap{
	width:840px;
/*	border:1px solid #000000;*/
	margin:15px auto;
	font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
	line-height:140%;
	color:#333333;
	background:url(../img/top-back.jpg) repeat-y center;
	font-size:90%;
}




/**********************************************************/
/*  ヘッダーのスタイル  */

/*#header{
	width:840px;
	margin-bottom:15px;
}*/

.head-navi{
	width:840px;
	height:28px;
	background:url(../img/head-bar.gif) no-repeat;

}


/*.head-navi ul{
	margin:3px 0px 0px 15px;
	padding:0px;
	
}

.head-navi li{
	display:inline;
	ist-style-type:none;
}*/





/**********************************************************/
/* メイン部分のスタイル */



/* コンテンツ部分の大枠スタイル  */

#cont-wrap{
	width:840px;
/*	border:1px solid #999999;*/
	padding-top: 15px;
}

/* リンクの設定 */

#cont-wrap a{
	color:#005CAB;
	text-decoration:none;
}

#cont-wrap a:hover{
	color:#3488C6;
	text-decoration:none;
}



/*  右コンテンツ・メインスペースの大枠スタイル  */

#right-cont{
	width:650px;
/*	border:1px solid #33CC33;*/
	float:right;
}


/*  左コンテンツの枠スタイル  */

#side-l-w{
	width:184px;
	float:left;
/*	border:1px solid #3366CC;*/
}

.login-w{
	width:184px;
	margin-top:10px;
	margin-bottom:15px;
}

.login-txt-w{
	background:url(../img/login_back.gif) repeat-y;
	padding:0px;
}

.kensaku{
	margin:5px 10px 10px;
	padding:0px;
}

.kensaku li{
	list-style-type:none;
	padding:4px 0px;
	margin:0px;
	color:#005CAB;
}

.kensaku a{
	color:#005CAB;
	text-decoration:none;
}

.kensaku a:hover{
	color:#005CAB;
	text-decoration:underline;
}


.side-l-bn{
	margin-bottom:15px;
}

.side-l-bn img{
	padding-bottom:12px;
}


.qr{
	background:url(../img/qr_back.jpg) no-repeat;
	height:177px;
	margin-bottom:20px;
}

.qr img{
	margin:35px 30px;
}


/*  右コンテンツの枠スタイル  */

.side-r-w{
	width:151px;
/*	border:1px solid #FF9900;*/
	float:right;
}



table#makebanner tbody tr td div#right-cont.clearfix div.side-r-w table img{
	border:0px;
	float:left;
	margin:5px 0px;
}


/* メインスペースの枠スタイル  */

.main{
	width:492px;
/*	border:1px solid #FF6699;*/
	float:left;
	margin-bottom:25px;
}

.category-bn{
	margin:4px 0px 20px 3px;
}

.category-bn img{
	padding:0px 0px 4px 4px;
}



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

/* フッターのスタイル */

#footer{
	width:649px;
	font-size:12px;
	line-height:140%;
}


.footer-area-box{
	width:649px;
	margin:0px auto;
	text-align:left;
}


.footer-area-l{
	width:315px;
	float:left;
	margin-top:10px;
	margin-left:5px;
}

.footer-area-r{
	width:315px;
	float:right;
	margin-top:10px;
}

/* 文章のスタイル */

.footer-area-l p{
	width:280px;
	margin:8px 5px 13px 10px;
}

.footer-area-r p{
	width:280px;
	margin:8px 0px 10px 10px;
}

.line-txt{
	width:635px;
	border-bottom:1px solid #523B00;
	border-top:1px solid #523B00;
	padding:5px 0px;
	margin-left:5px;
	text-align:left;
}

.line-txt a{
	color:#005CAB;
	text-decoration:none;
}

.line-txt a:hover{
	color:#005CAB;
	text-decoration:underline;
}

/* フッターナビのスタイル */



.foot-navi{
	width:630px;
	height:24px;
	background:url(../img/foot_bar.gif) no-repeat;
	margin:10px 0px;
	position:relative;
}


.foot-navi ul{
	margin:3px 0px 0px 15px;
}

.foot-navi li{
	display:inline;
}

.li1_f{
	position:absolute;
	left:30px;
	top:4px;
}

.li2_f{
	position:absolute;
	left:135px;
	top:4px;
}

.li3_f{
	position:absolute;
	left:250px;
	top:4px;
}

.li4_f{
	position:absolute;
	left:393px;
	top:4px;
}

.li5_f{
	position:absolute;
	left:535px;
	top:4px;
}







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

/* ご利用案内のスタイル */


.annnai-txt{
	margin:10px 0px 0px 15px;
	font-size:12px;
}

.annnai-txt p{
	width:600px;
	margin:6px 0px 18px 0px;
}

.souryo-table{
	margin:10px 0px 18px 0px;
	border-collapse: collapse;
}

.souryo-table td,.souryo-table th{
	border:1px solid #808080;
	vertical-align:middle;
	padding:5px 15px;
}

.center{
	text-align:center;
}

.bkcolor{
	background-color:#ffcccb;
}

.green-txt{
	color:#007A00;
	font-size:16px;
}





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

/* 会社概要のスタイル */

.gaiyo-table{
	margin:5px 0px 20px 15px;
	border-collapse: collapse;
}

.gaiyo-table td,.gaiyo-table th{
	border:1px solid #9f9f9f;
	padding:5px 0px 5px 10px;
}

.gaiyo-table-back{
	background-color:#cdedff;
	width:90px;
}
	
.gaiyo-txt{
	margin:0px 0px 30px 15px;
	font-size:12px;
	line-height:140%;
}






/***   余白の設定  ***/

.m00{margin:0px;}

.pt06 {padding-top: 6px;}
.pr03 {padding-left: 3px;}

.mt02 {margin-top: 2px;}
.mt03 {margin-top: 3px;}
.mt04 {margin-top: 4px;}
.mt05 {margin-top: 5px;}
.mt06 {margin-top: 6px;}
.mt07 {margin-top: 7px;}
.mt08 {margin-top: 8px;}
.mt09 {margin-top: 9px;}
.mt10 {margin-top: 10px;}
.mt12 {margin-top: 12px;}
.mt13 {margin-top: 13px;}
.mt15 {margin-top: 15px;}
.mt17 {margin-top: 17px;}
.mt18 {margin-top: 18px;}
.mt20 {margin-top: 20px;}
.mt21 {margin-top: 21px;}
.mt22 {margin-top: 22px;}
.mt23 {margin-top: 23px;}
.mt24 {margin-top: 24px;}
.mt25 {margin-top: 25px;}
.mt27 {margin-top: 27px;}
.mt28 {margin-top: 28px;}
.mt30 {margin-top: 30px;}

.pt01 {padding-top: 1px;}
.pt02 {padding-top: 2px;}
.pt03 {padding-top: 3px;}
.pt04 {padding-top: 4px;}
.pt05 {padding-top: 5px;}
.pt06 {padding-top: 6px;}
.pt07 {padding-top: 7px;}
.pt08 {padding-top: 8px;}
.pt09 {padding-top: 9px;}
.pt10 {padding-top: 10px;}
.pt12 {padding-top: 12px;}
.pt13 {padding-top: 13px;}
.pt14 {padding-top: 14px;}
.pt15 {padding-top: 15px;}
.pt18 {padding-top: 18px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt27 {padding-top: 27px;}
.pt30 {padding-top: 30px;}



.pl01 {padding-left: 1px;}
.pl02 {padding-left: 2px;}
.pl04 {padding-left: 4px;}
.pl05 {padding-left: 5px;}
.pl06 {padding-left: 6px;}
.pl07 {padding-left: 7px;}
.pl08 {padding-left: 8px;}
.pl09 {padding-left: 9px;}
.pl10 {padding-left: 10px;}
.pl12 {padding-left: 12px;}
.pl13 {padding-left: 13px;}
.pl14 {padding-left: 14px;}
.pl15 {padding-left: 15px;}
.pl16 {padding-left: 16px;}
.pl17 {padding-left: 17px;}
.pl18 {padding-left: 18px;}
.pl19 {padding-left: 19px;}
.pl20 {padding-left: 20px;}
.pl23 {padding-left: 23px;}
.pl25 {padding-left: 25px;}
.pl27 {padding-left: 27px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left: 45px;}
.pl48 {padding-left: 48px;}
.pl50 {padding-left: 50px;}


.pr02{
	padding-right: 2px;
}


.pb10{
	padding-bottom: 10px;
}
.mt32 {margin-top: 32px;}
.mt35 {margin-top: 35px;}
.mt37 {margin-top: 37px;}
.mt38 {margin-top: 38px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt48 {margin-top: 48px;}
.mt49 {margin-top: 49px;}
.mt50 {margin-top: 50px;}
.mt51 {margin-top: 51px;}
.mt52 {margin-top: 52px;}
.mt53 {margin-top: 53px;}
.mt54 {margin-top: 54px;}
.mt55 {margin-top: 55px;}


.mr02 {margin-right: 2px;}
.mr03 {margin-right: 3px;}
.mr05 {margin-right: 5px;}
.mr08 {margin-right: 8px;}
.mr10 {margin-right: 10px;}
.mr13 {margin-right: 13px;}
.mr15 {margin-right: 15px;}
.mr16 {margin-right: 16px;}
.mr17 {margin-right: 17px;}
.mr18 {margin-right: 18px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.mr68 {margin-right: 68px;}


.mb02 {margin-bottom: 2px;}
.mb03 {margin-bottom: 3px;}
.mb04 {margin-bottom: 4px;}
.mb08 {margin-bottom: 5px;}
.mb05 {margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb11 {margin-bottom: 11px;}
.mb12 {margin-bottom: 12px;}
.mb13 {margin-bottom: 13px;}
.mb14 {margin-bottom: 14px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}


.ml01 {margin-left: 1px;}
.ml02 {margin-left: 2px;}
.ml03 {margin-left: 3px;}
.ml04 {margin-left: 4px;}
.ml05 {margin-left: 5px;}
.ml06 {margin-left: 6px;}
.ml07 {margin-left: 7px;}
.ml08 {margin-left: 8px;}
.ml09 {margin-left: 9px;}
.ml10 {margin-left: 10px;}
.ml11 {margin-left: 11px;}
.ml12 {margin-left: 12px;}
.ml13 {margin-left: 13px;}
.ml14 {margin-left: 14px;}
.ml15 {margin-left: 15px;}
.ml16 {margin-left: 16px;}
.ml17 {margin-left: 17px;}
.ml18 {margin-left: 18px;}
.ml19 {margin-left: 19px;}
.ml20 {margin-left: 20px;}
.ml22 {margin-left: 22px;}
.ml23 {margin-left: 23px;}
.ml24 {margin-left: 24px;}


.ml25 {margin-left: 25px;}
.ml27 {margin-left: 27px;}
.ml28 {margin-left: 28px;}
.ml30 {margin-left: 30px;}
.ml33 {margin-left: 33px;}
.ml35 {margin-left: 35px;}
.ml38 {margin-left: 38px;}
.ml40 {margin-left: 40px;}
.ml42 {margin-left: 42px;}
.ml45 {margin-left: 45px;}
.ml46 {margin-left: 46px;}
.ml47 {margin-left: 47px;}
.ml48 {margin-left: 48px;}
.ml50 {margin-left: 50px;}
.ml51 {margin-left: 51px;}
.ml53 {margin-left: 53px;}
.ml55 {margin-left: 55px;}
.ml58 {margin-left: 58px;}
.ml60 {margin-left: 60px;}
.ml64 {margin-left: 64px;}
.ml65 {margin-left: 65px;}


/***   余白の設定（ここまで）  ***/



/*** clearfix ***/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*** clearfix（ここまで） ***/