@charset "utf-8";

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}



body{
background-color:#E9FFCE;
}

#wrapper{
margin:0 10px;
color:#464646;
}


.social_button{
margin:10px 0;
}

#cont h1{
color: #666;
margin-top: 3px;
margin-bottom: 10px;
font-size: 10px;
font-weight: normal;
}

#comp_main{
position:relative;
/*z-index:3;*/
}


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

左メニュー

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

#hr_sidebar{
float:left;
width:305px;
position:relative;
z-index:5;
}

#hr_menu_l{
background-color:#EEF7E6;
}

#hr_menu_l h2{
margin-bottom:20px;
}

#hr_menu_l ul{
width:305px;
list-style-type:none;
margin:0 25px;
padding-bottom:20px;
}

#hr_menu_l ul li{
font-size:14px;
margin-bottom:20px;
}

#hr_menu_l ul li a{
text-decoration:underline;
}

#hr_menu_l ul li a:hover{
color:#054874;
}


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

右カラム_メインbox

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


#hr_mainBox_r{
float:right;
width:635px;
}

#hr_mainBox_r .hr_container{
background-image:url("../img/contents/bg_mesh.gif");
margin-bottom:50px;
}

#hr_mainBox_r .hr_container h3{
background-image:url("../img/contents/osusume_1.png");
background-repeat:no-repeat;
background-position:left top;
color:#76B13A;
font-size:40px;
height:111px;
padding-left:145px;
padding-top:40px;
}

#hr_mainBox_r .hr_container h3#num2{
background-image:url("../img/contents/osusume_2.png");
background-repeat:no-repeat;
background-position:left top;
}

#hr_mainBox_r .hr_container h3#num3{
background-image:url("../img/contents/osusume_3.png");
background-repeat:no-repeat;
background-position:left top;
}

#hr_mainBox_r .hr_container h3#num4{
background-image:url("../img/contents/osusume_4.png");
background-repeat:no-repeat;
background-position:left top;
}

#hr_mainBox_r .hr_container h3#num5{
background-image:url("../img/contents/osusume_5.png");
background-repeat:no-repeat;
background-position:left top;
}

#hr_mainBox_r .hr_container h3#num6{
background-image:url("../img/contents/osusume_6.png");
background-repeat:no-repeat;
background-position:left top;
}

#hr_mainBox_r .hr_container h3#num7{
background-image:url("../img/contents/osusume_7.png");
background-repeat:no-repeat;
background-position:left top;
}

#hr_mainBox_r .hr_container h3#num8{
background-image:url("../img/contents/osusume_8.png");
background-repeat:no-repeat;
background-position:left top;
}

#hr_mainBox_r .hr_container h3#num9{
background-image:url("../img/contents/osusume_9.png");
background-repeat:no-repeat;
background-position:left top;
}

#hr_mainBox_r .hr_container h3#num10{
background-image:url("../img/contents/osusume_10.png");
background-repeat:no-repeat;
background-position:left top;
}

#hr_mainBox_r .hr_container h3#num11{
background-image:url("../img/contents/osusume_11.png");
background-repeat:no-repeat;
background-position:left top;
}

#hr_mainBox_r .hr_container h3#num12{
background-image:url("../img/contents/osusume_12.png");
background-repeat:no-repeat;
background-position:left top;
}

#hr_mainBox_r .hr_container h3 span{
color:#000000;
font-size:14px;
padding-left:20px;
}

#hr_mainBox_r .hr_container .container_dummy{
background-image:url("../img/contents/bracket_right.png");
background-repeat:no-repeat;
background-position:right bottom;
}


.quote_l{
background-image:url("../img/contents/dot_left.png");
background-repeat:no-repeat;
background-position:left center;
width:520px;
margin:0 58px 30px;
}

.quote_r{
background-image:url("../img/contents/dot_right.png");
background-repeat:no-repeat;
background-position:right center;
width:520px;
}

.hr_accent{
color:#76B13A;
text-align:center;
font-size:15px;
font-weight:bold;
line-height:180%;
}

.hr_arrow{
text-align:center;
margin:30px 0;
}

.hr_textBox{
padding-bottom:30px;
}

.hr_container .hr_textBox p{
font-size:15px;
margin:0 60px 20px;
line-height:150%;
}

.hr_textBox .osusumeBox{
border:1px solid #76B13A;
background-color:#FFFFFF;
margin:0 60px 20px;
}

.hr_textBox .osusumeBox p{
margin:10px 20px;
}

.hr_textBox .osusumeBox p a{
text-decoration:underline;
}