@charset "Shift_JIS";


/*
	Site Name: 豊洋産業
	Description: base template style
	Version: 
	Author: Amolti.llc
*/

/*


*{
padding:0;
margin:0;
}

/* 全体の設定 */ 

html,body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	min-height:100%;
	_text-align:center;
	color:#231815;
	font-size	:12px;
	text-decoration:none;
	font-family:'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	line-height:1.4em;
	background:url(../img/all/bg_body.gif) repeat-x #fff;
}

div,p,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,img,form {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	border:none;
	_text-align:left;
}
p{padding:5px 5px 15px 5px;}
hr{margin:0;padding:0 5px 10px 5px;}


a{color:#336699;text-decoration:underline;}
a:link{color:#336699;text-decoration:underline;}
a:hover{color:#336699;text-decoration:none;}
a:visited{color:#000099;text-decoration:none;}


/* BOXの設定 */ 
#wrap{
width:100%;
height:100%;
min-height:100%;
}

#contener{
width:900px;
margin:0 auto;
}

/*ヘッダ*/
#header{
width:900px;
height:100px;
background:url(../img/all/bg_header.jpg) no-repeat;
}
#header>p.hmn{padding:18px 20px 0 0;float:right;color:#999999;
}
#header>p.hmn>a{color:#FFFFFF;font-weight:bold;text-decoration:none;}
#header>p.hmn>a:hover{color:#999999;font-weight:bold;text-decoration:none;}

/*グランドメニュー*/
#menu{width:900px;height:45px;}
#menu img{margin:0;padding:0;font-size:0;border:none;line-height:0;}

/*パンクズ*/
#bread{
padding:5px 0 5px 0;
width:900px;
height:20px;
font-size:12px;
}

/*コンテンツ全体幅*/
#contents{width:900px;}

/*左メインコンテンツ*/
#main{width:645px;float:left;}
#main_in{width:625px;margin-left:20px;margin-bottom:30px;}
#main_in>p{padding-left:10px;}
#main_in>h4{margin:0;padding:5px 0;}

/*TOPページ右サイド*/
#topside{width:230px;float:right;background-color:#6393c2;color:#fff;}



/*サイドメニュー*/
#smenu{width:230px;float:right;}
#smenu>ul>li{
width:203px;
background-color:#F9EAD5;
border-bottom:#999999 1px solid;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
display:block;
}
#smenu>ul>li>a{
width:193px;
_width:203px;
padding:15px 0 15px 10px;
background-color:#F9F9F9;
color:#003399;
font-weight:bold;
text-decoration:none;
display:block;
}
#smenu>ul>li>a:hover{
width:193px;
_width:203px;
padding:15px 0 15px 10px;
background-color:#EFF7F8;
display:block;
}
#smenu>ul>li.now{
width:193px;
_width:203px;
padding:15px 0 15px 10px;
background-color:#F9EAD5;
color:#333333;
font-weight:bold;
text-decoration:none;
display:block;
}

/*サイドバナー*/
#banner{width:230px;float:right;}
#banner img{margin:0 0 10px 0;}

/*フッター*/
#footer{
width:100%;
height:100px;
background:url(../img/all/bg_footer.gif) repeat-x #fff;
}
#footer p{display:block;width:900px;margin:0 auto;padding:18px 0 0 0;}

/* CLASSの設定 */ 
.cr{clear:both;}
.cent{display:block;margin:0 auto 10px auto;}
.cent2{display:block;margin:0 auto;}
.txt_r{text-align:right;}
.left{float:left;padding:10px 0;}
.right{float:right;padding:10px 0;}
.ub20{padding:20px 0;}

/* TEXTの設定 */ 
h1{padding-bottom:10px;}
h2{padding-bottom:10px;font-size:14px;}
h3.sub{font-size:16px;border-bottom:1px solid #336699;padding:5px;}
h3.qua_top{font-size:12px;font-weight:bold;padding:5px 0 2px 0;border-bottom:1px dotted #666;}
.size16{font-size:16px;font-weight:bold;line-height:2em;}
.size14{font-size:14px;font-weight:bold;}
.size10{font-size:10px;}
.b{font-weight:bold;}
.dblue{color:#0000CC;}

/* TABLEの設定 */ 
.tb1{line-height:1.5em;}
.tb1 tr th{padding:5px;text-align:left;vertical-align:top;}
.tb1 tr td{padding:5px 0;text-align:left;vertical-align:top;}

.tb2{font-size:14px;line-height:1.5em;border:#E1EFF4 1px solid;}
.tb2 tr th{padding:10px;text-align:left;vertical-align:top;font-weight:bold;background-color:#E1EFF4;border-bottom:#d1dFF4 1px solid;}
.tb2 tr td{padding:10px;text-align:left;vertical-align:top;border-bottom:#E1EFF4 1px solid;}

/*各種製品一覧部*/
#qua_mat{width:100%;padding-bottom:50px;}
#qua_mat table{font-size:12px;font-weight:bold;border:none;}
#qua_mat table tr td{text-align:center;width:212px;}
#qua_mat table tr td a{display:block;width:212px;padding-top:18px;height:32px;background:url(../img/quarters/bg_img1.jpg) no-repeat;}
#qua_mat table tr td a:hover{display:block;width:212px;padding-top:18px;height:32px;background:none #E1EFF4;}
#qua_mat table tr td a.2g{display:block;width:212px;padding-top:12px;height:38px;background:url(../img/quarters/bg_img1.jpg) no-repeat;}
#qua_mat table tr td a:hover.2g{display:block;width:212px;padding-top:12px;height:38px;background:none #E1EFF4;}

/*FORM送信リセットボタン*/
.btn{
background-color:#F0F0F0;
border-top:2px solid #B7CBEC;
border-left:2px solid #B7CBEC;
border-right:2px solid #7C97DC;
border-bottom:2px solid #7C97DC;
padding:3px;
}

/*プライバシーポリシー*/
ul.pp{padding:0 5px;margin-left:30px;}
ul.pp li{padding:5px 0; list-style-type:decimal;}

/*sitemap*/
#sitemap{margin:10px auto;width:550px;}
#sitemap dl{}
#sitemap dt{margin:5px;margin-left:40px;padding-left:5px;border-left:10px solid #0099FF;}
#sitemap dd{margin:5px;margin-left:80px;padding-left:5px;border-left:10px solid #00CCFF;}
#sitemap dd.dd2{margin:5px;margin-left:120px;padding-left:5px;border-left:10px solid #00FFFF;}