@charset "shift_jis";

/* ===================== reset default style ===================== */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html {
color:#000;
background:#FFF;
}

div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,
form,fieldset,legend,textarea,
p,
blockquote,
th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}

li {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,
q:after{
content:'';
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
textarea,
select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
textarea,
select {
font-size:100%;
}

/* ================== utility ================== */


/* ----- clear fix ----- */

.cmn_cl:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}
.cmn_cl {
display:inline-block;
}

/* Hides from IE-mac \*/
* html .cmn_cl {
height:1%;
}
.cmn_cl{
display:block;
}


/* ----- clear ----- */

.clear {
clear:both;
width:1px;
height:1px;
overflow:hidden;
}

a {
color:#1D2087;
}
a:hover {
text-decoration:none;
}


/* =============================================================== 
	*** top *** 
=============================================================== */

body {
color:#666666;
line-height:1.3;


}

.topics {
	line-height:normal;
}

#container_2 {
width:600px;

}

#catch-area {
width:582px;
height:311px;
margin:0 0 30px 0;
}
.pa {
background:url(proactiv/images/bg_catch-btm.jpg) no-repeat right bottom;
}
.rc {
background:url(reclaim/images/bg_catch-btm.jpg) no-repeat right bottom;
}
.sc {
background:url(sheercover/images/bg_catch-btm.jpg) no-repeat right bottom;
}
.mb {
background:url(mb/images/bg_catch-btm.jpg) no-repeat right bottom;
}
.ye {
background:url(yse/images/bg_catch-btm.jpg) no-repeat right bottom;
}
#catch-area img.flt {
float:left;
}
#catch-area ul {
float:left;
width:145px;
}
#catch-area ul li {
width:145px;
margin:0 0 8px 0;
}

	/* -- hack for ie6 -- */
	* html #catch-area ul li {
	margin:0 0 3px 0;
	}
	/* -- hack for ie7 -- */
	*+html #catch-area ul li {
	margin:0 0 3px 0;
	}

#catch-area ul li img {
display:block;
}


#contents-area {
width:582px;
}
#contents-area h2 {
margin:0 0 20px 0;
}

#contents-area dl {
float:left;
width:280px;
min-height:60px;
margin:0 0 13px 0;
}
#contents-area dl.rgt {
float:right;
}
#contents-area dl dt img {
display:block;
}
#contents-area dl dd {
margin:-60px 0 0 90px;
}
#contents-area dl dd h3 {
margin:0 0 7px 0;
}
#contents-area dl dd p {
padding:0 0 0 2px;
font-size:72%;
line-height:1.3
}


/* =============================================================== 
	*** hajimete *** 
=============================================================== */

#hajimete {
width:600px;
}
#hajimete h1 {
margin:0 0 20px 0;
}
#hajimete p.catch {
margin:0 0 20px 0;
padding:0 0 0 10px;
border-left:4px solid #B3B3B3;
font-size:90%;
line-height:1.4;
font-weight:bold;
}
#hajimete p.catch_mb {
margin:0 0 30px 0;
padding:0 0 0 10px;
border-left:4px solid #B3B3B3;
font-size:90%;
line-height:1.4;
font-weight:bold;
}
#hajimete p.catch_top {
margin:0 0 15px 0;
padding:0 110px 0 10px;
border-left:4px solid #B3B3B3;
font-size:90%;
line-height:1.4;
font-weight:bold;
}
#hajimete ul.btn_top {
width:585px;
margin:0 0 60px 15px;
}
#hajimete ul.btn_top li {
float:left;
margin:0 12px 0 0;
}

#hajimete h2 {
margin:0 0 15px 0;
}

#hajimete #step {
margin:0 0 40px 0;
}
#hajimete .step-box {
width:522px;
margin:0 0 0 15px;
padding:15px 30px 15px 15px;
border:1px solid #E9E9E9;
}
#hajimete .step-box height {
height:220px;
}
#hajimete .step-box h3 {
margin:0 0 10px 0;
}
#hajimete .step-box h3 img {
position:relative;
left:-4px;
}

#hajimete .step-box dl {
position:relative;
width:522px;
}
#hajimete .step-box dl dt {
float:right;
width:215px;
text-align:center;
}
#hajimete .step-box dl dt.absolute {
float:none;
position:absolute;
right:0px;
}
#hajimete .step-box dl dt.pd40 {
padding:40px 0 0 0;
}
#hajimete .step-box dl dt.pd10 {
padding:10px 0 0 0;
}
#hajimete .step-box dl dd {
float:left;
width:270px;
}
#hajimete .step-box dl dd p {
margin:0 0 10px 0;
font-size:90%;
}
#hajimete .step-box dl dd ul li {
margin:0 0 10px 0;
font-size:90%;
}
#hajimete .step-box dl dd p.annotation {
text-indent:-1em;
margin:0 0 0 1em;
color:#F79525;
font-size:80%;
}
#hajimete .step-box dl dd p.link_01 {
margin:0;
padding:30px 0 0 0;
}
#hajimete .step-box dl dd p.link_02 {
margin:0;
padding:9px 0 0 0;
}

#hajimete p.down-arrow {
padding:0 0 10px 80px;
}


#hajimete dl.service-list {
width:549px;
min-height:101px;
margin:0 0 20px 15px;
}
#hajimete dl.service-list dd {
margin:-101px 0 0 170px;
}
#hajimete dl.service-list dd h3 {
margin:0 0 10px 0;
position:relative;
}
#hajimete dl.service-list dd h3 a {
position:absolute;
right:5px;
font-size:80%;
}
#hajimete dl.service-list dd p {
font-size:80%;
}