@charset "utf-8";

/* -----------------------------------------------------------
  concpet layout
------------------------------------------------------------ */

/* index
------------------------------------------------------------ */
body#effective div#contents:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
body#effective div#contents {display:inline-block;}
/* Hides from IE-mac \*/
* html body#effective div#contents {height: 1%;}
body#effective div#contents {display: block;}
/* End hide from IE-mac */

body#effective div#contents h2 {
margin:12px 0 0;
}

/* effectiveType01 */
div#effectiveType01 {
}
div#effectiveType01 div.contentFrame {
position:relative;
margin:11px 0 0;
height: 170px;
background:url(/freeplus/concept/images/index_plusFreeBg_01.jpg) no-repeat left top;
}
div#effectiveType01 div.contentFrame ul {position:absolute;}
div#effectiveType01 div.contentFrame ul.type01 {top:34px; left: 45px; width:155px;}
div#effectiveType01 div.contentFrame ul.type02 {top:78px; left:321px; width:73px;}
div#effectiveType01 div.contentFrame ul.type03 {top:70px; left:537px; width:126px;}
div#effectiveType01 div.contentFrame ul li {
margin:0 0 4px;
line-height:0;
font-size:0;
}
div#effectiveType01 div.contentFrame p {position:absolute;}
div#effectiveType01 div.contentFrame p.text {top:128px; left:490px; width:122px;}
div#effectiveType01 div.contentFrame p.attention {top:161px; left:641px; width:76px;}

div#effectiveType01 div.contentFrame p.attention {top:161px; left:641px; width:76px;}

div#effectiveType01 p.link {
margin: 16px auto 0;
width: 280px;
}

/* effectiveType02 */
div#effectiveType02 {
margin:17px 0 0;
}
div#effectiveType02 h3 {
}
div#effectiveType02 div.contentFrame {
position:relative;
margin:11px 0 0;
height:250px;
background:url(/freeplus/concept/images/index_plusAreaBg_01.jpg) no-repeat left top;
}
div#effectiveType02 div.contentFrame ul {
}
div#effectiveType02 div.contentFrame ul li {
position:absolute;
margin:0 0 4px;
line-height:0;
font-size:0;
}
div#effectiveType02 div.contentFrame ul li p {
position:absolute;
}
div#effectiveType02 div.contentFrame ul li p.text01 {top:45px; left:33px; width:462px;}
div#effectiveType02 div.contentFrame ul li p.img01 {top:70px; left:80px; width:569px;}
div#effectiveType02 div.contentFrame ul li.text02 {top:177px; left:45px; width:270px;}
div#effectiveType02 div.contentFrame ul li.text03 {top:195px; left:45px; width:270px;}


div#effectiveType02 div.typeBlock {
margin:15px 0 0 4px;
zoom:1;
}
div#effectiveType02 div.typeBlock:after { /* for Modern Browser */
content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
div#effectiveType02 div.types {
position:relative;
float:left;
width:360px;
height:210px;
margin:0 0 3px 5px;
display:inline;
background-repeat:no-repeat;
}

div#effectiveType02 div#plusType01 {background-image:url(/freeplus/concept/images/index_plusAreaBg_02.jpg);}
div#effectiveType02 div#plusType02 {background-image:url(/freeplus/concept/images/index_plusAreaBg_03.jpg);}
div#effectiveType02 div#plusType03 {background-image:url(/freeplus/concept/images/index_plusAreaBg_04.jpg);}
div#effectiveType02 div#plusType04 {background-image:url(/freeplus/concept/images/index_plusAreaBg_05.jpg);}
div#effectiveType02 div#plusType05 {background-image:url(/freeplus/concept/images/index_plusAreaBg_06.jpg);}
div#effectiveType02 div#plusType06 {background-image:url(/freeplus/concept/images/index_plusAreaBg_07.jpg);}

div#effectiveType02 div.types {
margin:3px 0 0 5px;
}
div#effectiveType02 div.types h4 {
margin:17px 0 0 23px;
}
div#effectiveType02 div.types ul {}
div#effectiveType02 div.types ul li {
margin:0 0 6px 31px;
line-height:0;
font-size:0;
}

div#effectiveType02 div#plusType01 ul {margin-top:49px;}
div#effectiveType02 div#plusType02 ul {margin-top:22px;}
div#effectiveType02 div#plusType03 ul {margin-top:20px;}
div#effectiveType02 div#plusType04 ul {margin-top:31px;}
div#effectiveType02 div#plusType05 ul {margin-top:31px;}
div#effectiveType02 div#plusType06 ul {margin-top:57px;}

div#effectiveType02 p.attention {
margin: 0 23px 0 0;
text-align: right;
}

/* followingPageList 
------------------------------------------------------------ */
/* followingPageList01 */
div.followingPageList01 {
margin-bottom:15px;
}

div.followingPageList01 ul:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
div.followingPageList01 ul {display:inline-block;}
/* Hides from IE-mac \*/
* html div.followingPageList01 ul {height: 1%;}
div.followingPageList01 ul {display: block;}
/* End hide from IE-mac */

div.followingPageList01 ul li {
float:left;
width:250px;
margin-right:1px;
font-size:1px;
line-height:0.1;
background:url(/freeplus/concept/images/safety_arrow_01.gif) no-repeat 240px 14px;
}
div.followingPageList01 ul li.last {
width:237px;
margin-right:0;
background:none;
}


/* followingPageList02 */
div.followingPageList02 {
position:relative;
margin-top:21px;
width:740px;
height:32px;
}
div.followingPageList02 ul li.prevLink {
position:absolute;
top:0;
left:0;
}
div.followingPageList02 ul li.nextLink {
position:absolute;
top:0;
right:0;
}




/* lead
------------------------------------------------------------ */
div#leadFrame {
margin-bottom:28px;
padding:13px 0 11px;
background:url(/freeplus/concept/images/safety_bg_01.gif) no-repeat left top;
}

div#leadFrameInner:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
div#leadFrameInner {display:inline-block;}
/* Hides from IE-mac \*/
* html div#leadFrameInner {height: 1%;}
div#leadFrameInner {display: block;}
/* End hide from IE-mac */

p#leadText {
float:left;
}
p#leadImg {
float:right;
}

/* safety01 */
#safety01 div#leadFrameInner {
width:613px;
padding-left:65px;
}
#safety01 p#leadText {
width:333px;
}
#safety01 p#leadImg {
width:260px;
}

/* safety02 */
#safety02 div#leadFrameInner {
width:680px;
padding-left:30px;
}
#safety02 p#leadText {
width:460px;
}
#safety02 p#leadImg {
width:200px;
}


/* safety01
------------------------------------------------------------ */
#safety01 h2 {
margin-bottom:26px;
}

#safety01 div.section {
width:700px;
margin-left:20px;
}
#safety01 div.section h3 {
margin:22px 0 10px;
}
#safety01 div.section p {
line-height:1.8;
}
#safety01 div.section ul {
margin-top:10px;
}
#safety01 div.section ul li {
list-style-type:disc;
margin:0 0 12px 18px;
}


/* safety02
------------------------------------------------------------ */
#safety02 h2 {
margin-bottom:18px;
}

#safety02 div.section ol:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
#safety02 div.section ol {display:inline-block;}
/* Hides from IE-mac \*/
* html #safety02 div.section ol {height: 1%;}
#safety02 div.section ol {display: block;}
/* End hide from IE-mac */

#safety02 div.section ol li {
float:left;
}
#safety02 div.section ol li.last {
margin-right:0!important;
}

/* type01 */
#safety02 div#type01 {
width:692px;
margin:0 0 11px 24px;
padding-bottom:78px;
background:url(/freeplus/concept/images/safety02_bg_01.gif) no-repeat 311px 159px;
}
#safety02 div#type01 li {
width:182px;
margin-right:73px;
}

/* type02 */
#safety02 div#type02 li {
width:230px;
margin-right:25px;
text-align:center;
}
#safety02 div#type02 li p {
margin-top:17px;
line-height:1.6;
text-align:left;
}

#safety02 div#contents em {
text-decoration:underline;
}


/* safety03
------------------------------------------------------------ */
#safety03 div.section:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
#safety03 div.section {display:inline-block;}
/* Hides from IE-mac \*/
* html #safety03 div.section {height: 1%;}
#safety03 div.section {display: block;}
/* End hide from IE-mac */

#safety03 div.textFrame {
float:left;
}
#safety03 div.imgFrame {
float:right;
}
#safety03 div.textFrame h2 {
margin-bottom:16px;
}
#safety03 div.textFrame p {
line-height:1.6;
}

/* type01 */
#safety03 div#type01 div.textFrame {
width:430px;
}
#safety03 div#type01 div.imgFrame {
width:290px;
}
#safety03 div#type01 div.textFrame p {
margin-bottom:35px;
}
#safety03 div#type01 div.imgFrame p {
margin-bottom:17px;
}

/* type02 */
#safety03 div#type02 {
padding-top:39px;
background:url(/freeplus/concept/images/safety03_dotLine_01.gif) repeat-x left top;
}
#safety03 div#type02 div.textFrame {
width:260px;
}
#safety03 div#type02 div.textFrame p {
margin-bottom:35px;
font-size:107%;
line-height:1.8;
}

#safety03 div#type02 div.imgFrame {
width:437px;
background:url(/freeplus/concept/images/safety03_bg_01.gif) repeat-y;
}

#safety03 div#type02 div.imgFrameInner {
padding-bottom:16px;
background:url(/freeplus/concept/images/safety03_bg_02.gif) no-repeat left bottom;
}
#safety03 div#type02 div.imgFrameInner:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
#safety03 div#type02 div.imgFrameInner {display:inline-block;}
/* Hides from IE-mac \*/
* html #safety03 div#type02 div.imgFrameInner {height: 1%;}
#safety03 div#type02 div.imgFrameInner {display: block;}
/* End hide from IE-mac */

#safety03 div#type02 div.imgFrameInner h3 {
margin-bottom:15px;
}

#safety03 div#type02 div.imgFrame p.profileImg {
float:left;
width:100px;
margin-left:20px;
display:inline;
}
#safety03 div#type02 div.imgFrame p.profileText {
float:right;
width:277px;
margin-right:20px;
line-height:1.8;
display:inline;
}


/* brand
------------------------------------------------------------ */
body#brand div#brandConcept {
height:460px;
margin:0 0 27px;
padding: 32px 0 0;
background:url(/freeplus/concept/images/brand_mainvisual_bg_01.jpg) 0 0 no-repeat;
}
body#brand div#brandConcept h2 {
margin:0 0 0 28px;
}
body#brand div#brandConcept p {
margin:18px 0 0 28px;
}
/* brandType */
body#brand div#brandType {
margin:0 0 0;
}
body#brand div#brandType div.contentFrame {
position:relative;
margin:11px 0 0;
}
body#brand div#brandType div.typeBlock {
margin:15px 0 0 4px;
zoom:1;
}
body#brand div#brandType div.typeBlock:after { /* for Modern Browser */
content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
body#brand div#brandType div.types {
position:relative;
float:left;
width:360px;
margin:0 0 0 6px;
display:inline;
background-repeat:no-repeat;
}
body#brand div#brandType div.types h3 {
	margin:0 0 0 9px;
}