@charset "utf-8";
/* CSS Document */

/* 
---------------------------------------------------------------------
Typographic Elements
---------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 {
font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka ;
margin:0;
padding:0;
}

p, dt, dd, a, th, td, li, ul, div {
font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka ;
text-decoration:none;
margin:0;
padding:0;
}


/* 
---------------------------------------------------------------------
Links
---------------------------------------------------------------------
*/

a {
color:#6B7A85;
margin:0;
padding:0;
}

a:link,
a:visited,
a:active {
color:#606F7A;
text-decoration:none;
}

a:hover {
color:#517EA4;
text-decoration:none;
}


/* 
---------------------------------------------------------------------
Elements
---------------------------------------------------------------------
*/

html, body {
height:100%;
margin:0;
padding:0;
font-size:11px;
background:url(http://reacrat.jp/img/bg_body.jpg) #F5F5F5;
}

img {
border:0;
}


/* 
---------------------------------------------------------------------
Head
---------------------------------------------------------------------
*/

#head {
width:100%;
height:190px;
top:0;
position: relative;
background:url(http://reacrat.jp/img/bg_head.jpg) repeat-x;
}

#headers {
width:1050px;
height:160px;
margin:0 auto;
padding-left:50px;
}

#navimenu {
width:100%;
height:30px;
position: relative;
background:url(http://reacrat.jp/img/bg_nb.jpg) repeat-x;
}


/* Logo
--------------------- */

h1#reacrat {
width:95px;
height:160px;
margin:0;
top:0;
position:relative;ww
}

h1#reacrat_logo {
width:95px;
height:160px;
position:relative;
}
h1#reacrat_logo  a {
width:95px;
height:160px;
display:block;
overflow:hidden;
text-indent:-500px;
font-size:10px;
background:url(http://reacrat.jp/img/logo.jpg);
}
h1#reacrat_logo  a:hover {
width:95px;
height:160px;
display:block;
overflow:hidden;
text-indent:-500px;
font-size:10px;
background:url(http://reacrat.jp/img/logo.jpg);
background-position:0 -160px;
}


/* Navigartion Menu
--------------------- */

#ngmn {
width:1050px;
height:30px;
margin:0 auto;
padding-left:50px;
}
#ngmn ul {
text-align:left;
margin:0;
padding:0;
}
#ngmn li {
list-style:none;
float:left;
margin:1px 0 0;
}


/* 
---------------------------------------------------------------------
Content Styles
---------------------------------------------------------------------
*/

#container {
width:100%;
height:auto;
margin:10px 0 20px;
}


/* Content Top
--------------------- */

#content_top {
width:1050px;
margin:0 auto 0;
padding-left:50px;
}

#window {
float:left;
width:700px;
margin:0 20px 0 0;
}


/* Blog ad
--------------------- */

#ad_top {
float:left;
width:230px;
height:270px;
background:url(http://reacrat.jp/img/bg_ad_blog.jpg) no-repeat;
margin:30px 0 0 0;
}

#blog_bu {
width:170px;
margin:175px auto 0;
}




/* Center Line
--------------------- */

#line_area {
clear:both;
width:100%;
height:32px;
background:url(http://reacrat.jp/img/bg_line.gif) repeat-x;
}

#line_center {
width:1050px;
height:32px;
margin:0 auto 0;
padding-left:50px;
background:url(http://reacrat.jp/img/bg_cline.gif) no-repeat left;
}


/* Content Middle
--------------------- */

#middle {
width:1050px;
margin:20px auto 0;
padding-left:50px;
}


/* Content Main
--------------------- */

#content_main {
float:left;
width:700px;
margin:0 20px 0 0;
color:#646464;
}

.content_01 {
width:700px;
height:380px;
margin:0;
background:url(http://reacrat.jp/img/bg_content_01.jpg) repeat-y;
}

.content_02 {
width:700px;
height:auto;
margin:0;
padding-bottom:20px;
background:#FAFAFA;
}

.content_03 {
width:700px;
height:auto;
margin-top:20px;
padding-bottom:20px;
background:#FAFAFA;
}


.cnt_left {
float:left;
width:350px;
margin:0;
padding-bottom:20px;
}
.cnt_right {
float:left;
width:350px;
margin:0;
padding-bottom:20px;
}


/* News & Topics
--------------------- */

.newstopics {
width:310px;
margin:20px auto 0;
}

.newstopics dl {
margin:0;
}
.newstopics dt {
float:left;
margin-right:15px;
font-size:100%;
line-height:150%;
color:#C21B00;
}
.newstopics dd {
float:left;
width:220px;
margin-bottom:15px;
font-size:102%;
line-height:100%;
}


/* Business Topics
--------------------- */

.biztopics {
width:310px;
margin:20px auto 0;
}

img.biztpc {
margin-bottom:10px;
}

.biztopics h3 {
margin-bottom:5px;
font-size:100%;
line-height:130%;
font-weight:normal;
color:#8B8B92;
}

.biztopics p {
font-size:100%;
line-height:150%;
}


/* Widgets
--------------------- */

#widgets {
float:left;
width:230px;
margin:10px 0 0 0;
color:#8B8B92;
}

.widget_box {
width:230px;
margin:0 0 20px 0;
background:#FFF;
background:url(http://reacrat.jp/img/bg_widget.jpg) no-repeat bottom;
}

.widget_area {
width:200px;
margin:15px auto 0;
padding-bottom:15px;
}

.widget_area p {
font-size:95%;
line-height:150%;
}

h5.links {
width:150px;
background:url(http://reacrat.jp/img/icon_arow.png) no-repeat left;
margin-bottom:5px;
padding-left:20px;
font-size:95%;
line-height:150%;
font-weight:normal;
}

h5.links a:hover {
background:#F5F5F5;
}

p.link_txt {
margin-bottom:5px;
font-size:95%;
padding-left:20px;
}


/* Content Link Color
--------------------- */

p.link01 {
line-height:20px;
margin:10px 0 0 0;
}
p.link01 a {
font-size:11px;
color:#C41B00;
}
p.link01 a:hover {
color:#F22400;
}




/* 
---------------------------------------------------------------------
Footer Styles
---------------------------------------------------------------------
*/

#footer {
clear:both;
width:100%;
height:110px;
margin:0;
padding-right:50px;
background:url(http://reacrat.jp/img/bg_footer.jpg) repeat-x #0F0F0F;
bottom:0;
}

#footer_menu {
width:1050px;
margin:0 auto 15px;
padding-top:25px;
}
#footer_menu p {
text-align:center;
color:#8B8B92;
font-size:95%;
line-height:120%;
}
#footer_menu a:link {
color:#8B8B92; text-decoration:none;
}
#footer_menu a:hover {
color:#BDBDC4; text-decoration:none;
}
#footer_menu a:visited {
color:#555; text-decoration:none;
background:url(http://reacrat.jp/img/icon_check.jpg) no-repeat left;
padding-left:12px;
}

#copyright {
width:1150px;
margin:0 auto;
padding-top:20px;
text-align:center;
background:url(http://reacrat.jp/img/border_footer.jpg) no-repeat center top;
}
#copyright p {
color:#8B8B92;
font-size:95%;
line-height:120%;
}

