/* ----------------------------------
2011新卒採用・ブラフマスターPR
------------------------------------- */

/*------------------
reset
------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0; color:#333;}
table{border-collapse: collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,var{font-weight:normal;font-style:normal;}
th{ font-weight:bold; text-align:center;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
th,td{ vertical-align:top;}

body{background:#000;color:#333; font-size:small; line-height:1.7em;font-family:Verdana,Arial,Helvetica,sans-serif;"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka"}
p { padding:0 20px 15px}

img.floatleft{ float:left; margin:20px 5px auto -15px;}
.overflow{ overflow:hidden; _zoom:1;}

a:link {color:#6f8735;}
a:visited{color:#6f8735;} 
a:hover{color:#97C130;} 
a:active{color:#6f8735;} 

h2{ height:34px; margin:35px 0 15px; border-bottom:#ccc 2px solid; width:800px;} 


/*------------------
styles
------------------*/
#wrapper { background:#000; background:url(../img/bg.gif) repeat-y center;}
#container{ width:850px; margin:0 auto 0; background:#fff;}

/*ヘッダー*/
#header{ height:60px; background:url(../img/header_bg.gif) repeat-x top;padding:0 25px;}
#header img{ float:left; margin:20px 20px 10px 0; padding-right:20px; border-right:#ccc 1px dotted}
#header h1{ padding:35px 0 0; font-size:15px;}

#contents{ }
#main{padding:15px 25px 0;_padding:15px 0 0 25px;}


/*フッター*/
#footer{ height:120px; background:url(../img/footer_bg.gif) repeat-x bottom;}
#footer p{  padding:30px 20px 0; text-align:right; font-size:11px; color:#fff}


/*ブラフマスター*/
#column{ border:#ccc 1px solid; background:#f2f2f2; position:relative; z-index:1; clear:both; margin:35px 0 0; width:798px}
#column #fiximage{position: absolute;right:0;top:-50px;z-index:2;}
#column .gallery{ padding:0 0 10px 20px}
#column .gallery img{ padding:5px; background:url(../img/bg2.gif) repeat; margin:0 2px 0 0}

#column h2{background:url(../img/bg2.gif) repeat; border:none; height:24px; margin:20px 20px 15px; width:750px}
#column h2 img{ margin:0}


/*メッセージ*/
#message{ overflow:hidden; margin:0 0 50px}
#message h2{background:url(../img/bg1.gif) repeat; border:none; height:24px; margin:20px 0 15px;}

/*#message .card{ float:left;/* background:url(../img/bg3.gif) repeat;background:#333; width:340px;margin: 0 10px 0 20px; padding:15px}*/
#message .card {background:#333; margin:0px 1px; border:1px solid #000; border-left-width:0; border-right-width:0;float:left;width:373px;margin: 0 10px 0 20px;_margin: 0 10px 0 10px;}  
#message .card .inner {background:url(../img/bg3.gif) repeat; margin:0 -1px; border:1px solid #000; border-top-width:0; border-bottom-width:0;padding:15px}  

#message .card h3{color:#fff; font-size:14px; border-left:#97C130 5px solid; height:18px; padding-left:10px; margin:0 0 15px}
#message .card p{ color:#fff; padding:0; }
#message .card img{ float:left; margin-right:15px}
#message .card div{overflow:hidden; _zoom:-1}


/*問合せ*/
#contact{ clear:both; margin:0 20px 15px; border-top:#333 1px dotted; border-bottom:#333 1px dotted;padding:15px 0 25px; _width:760px}
#contact p{ padding:0 50px 15px;}
#contact table{ margin:0 50px 25px; width:400px;}
#contact table th{ text-align:left; border-bottom:#97C130 2px solid; padding:1px 15px;}
#contact table td{ border-bottom:#ccc 1px solid;padding:1px 15px;}

#contact #banner{text-align:right; margin:15px 0 0;}
#contact #banner img{ margin-left:10px;}
#contact #banner a img{border:#ccc 3px solid; }
#contact #banner a:hover img{border:#ddd 3px solid; }