@charset "utf-8";
/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
s_head_wrap
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#s_head_wrap {
width: auto;
height: 83px;
position: absolute;
top: 20px;
left: 50%;
margin-left: -1410px;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
headline box
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#hl_box {
width: 940px;
height: 207px;
overflow: hidden;
margin: 0 auto;
padding: 0;
background: url(../img/common/bg_hl_box_20240410.png) bottom right no-repeat;
}
div#hl_box h2 {
margin: 120px 0 0 40px;
padding: 0;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
structure
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#container {
width: 934px;
height: 100%;
margin: 0 auto 100px;
padding: 0 0 1px;
background: #FFF;
border: #acc4d9 solid 3px;
}
div#c_esthetic {
width: 934px;
height: 100%;
margin: 0;
padding: 0;
}
div#c_esthetic h3.headline {
margin: 40px 0;
text-align: center;
}
div#c_esthetic div.left_column {
height: 100%;
overflow: hidden;
margin: 0 0 80px 20px;
padding: 0;
display: inline;
float: left;
}
div#c_esthetic div.right_column {
height: 100%;
overflow: hidden;
margin: 0 0 80px 20px;
padding: 0;
display: inline;
float: left;
}
div#c_esthetic div.left_column {width: 458px;}
div#c_esthetic div.right_column {width: 416px;}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
page navigation
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

ul.page_navi {
width: 933px;
height: 33px;
overflow: hidden;
margin: 1px 0 0;
padding: 0 0 0 1px;
list-style: none;
}
ul.page_navi li {
height: 33px;
overflow: hidden;
margin: 0 1px 0 0;
padding: 0;
font-size: 14px;
text-align: center;
line-height: 1.2;
display: inline;
float: left;
background: url(../img/guidance/bg_navi.gif);
}
ul.page_navi li.menu_01,
ul.page_navi li.menu_03,
ul.page_navi li.menu_05 {width: 154px;}
ul.page_navi li.menu_02,
ul.page_navi li.menu_04,
ul.page_navi li.menu_06 {width: 155px;}
ul.page_navi li:hover {
background: none;
}
ul.page_navi li a {
height: 25px;
padding: 8px 0 0;
color: #FFF;
display: block;
}
ul.page_navi li a:hover {
color: #333;
text-decoration: none;
}
ul.page_navi li a span {
padding: 0 0 0 15px;
background: url(../img/common/marker_p_navi_off.png) left no-repeat;
}
ul.page_navi li a:hover span {
background: url(../img/common/marker_p_navi_on.png) left no-repeat;
}

/* active時設定 */
ul.page_navi li.active {
background: none;
}
ul.page_navi li.active a {
color: #333;
background: none;
}
ul.page_navi li.active a span {
background: url(../img/common/marker_p_navi_on.png) left no-repeat;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
contents
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

div#c_esthetic div.left_column img.main {
margin: 0 auto 20px;
display: block;
}
div#c_esthetic div.left_column img.sub {
margin: 0 auto;
display: block;
}
div#c_esthetic div.right_column p.heading {
margin: 0 0 10px;
}
div#c_esthetic div.right_column p.extra {
padding: 10px 0 0;
}
div#c_esthetic div.right_column p.text {
margin: 0 0 10px;
}
div#c_esthetic div.right_column p.box {
margin: 0 0 10px;
padding: 7px 10px;
background: #e8eef5;
border: #5a8ab3 solid 1px;
}
div#c_esthetic div.right_column p.box span {
margin: 0 0 3px;
font-size: 13px;
font-weight: bold;
display: block;
}











