/*
Theme Name: ユニバーサル沖縄
Theme URI: http://www.universalokinawa.com/
Description: WordPress theme designed by <a href="http://www.marumasa.or.jp/">Marumasa</a>
Version: 1.0
Author: 丸正印刷株式会社
Author URI: http://www.marumasa.or.jp/
*/

/*------------------------------
reset css elements
------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,img {
  border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}
ol,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: '';
}
abbr,acronym {
  border: 0;
  font-variant: normal;
}
hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #666; /* 線色 */
   height: 1px; /* 高さ */
   margin-top:15px;
}

/*------------------------------
fonts css elements
------------------------------*/
body {
  font-size: 12px;
  line-height: 1.7;
  *font-size: small;
  *font: x-small;
  background: #FFF;
}
table {
  font-size: inherit;
  font: 100%;
}
select,input,textarea {
  font-size: 99%;
}
pre,code {
  font-family: monospace;
  font-size: 115%;
  *font-size: 100%;
}

/*------------------------------
html elements
------------------------------*/
body {
  color: #666;
  text-align: center;
}
/*#bgindex {
  background: #FFFFFF url(./images/common/body_bgindex.jpg) no-repeat center top;
}
#bgother {
  background: #FFFFFF url(./images/common/body_bgother.jpg) no-repeat center top;
}*/
a {
  text-decoration: none;
}
a:link {
  color: #005599;
}
a:visited {
  color: #005599;
}
a:hover {
  color: #C00;
  text-decoration: underline;
}
a:active {
  color: #C00;
  outline: none;
}
a:focus {
  outline: none;
}

a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

/*------------------------------
clearfix elements
------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*------------------------------
ie6 clearfix elements
------------------------------*/
* html body .clearfix,
* html body #contentwrap,
* html body div.box {
  height: 1%;
}

/*------------------------------
contentwrap layout elements
------------------------------*/
#contentwrap {
  margin: 0px;
  /*background:url(./images/common/contentwrap01.gif) no-repeat 100% 0;*/
  padding: 0px;
  width:950px;
}

#contentwrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*------------------------------
content layout elements
------------------------------*/
#top_content {
  float: left;
  width: 600px;
  margin: 30px 0 30px 30px;
  _margin: 30px 0 30px 15px; /*ie6*/
}

#content {
  float: right;
  width: 700px;
  margin: 5px 30px 30px 0;
  _margin: 5px 15px 30px 0; /*ie6*/
}

/*------------------------------
sidebar layout elements
------------------------------*/
#top_sidebar {
  float: right;
  width: 260px;
  margin: 40px 30px 30px 0;
  _margin: 40px 15px 30px 0; /*ie6*/
}

#sidebar {
  float: left;
  width: 190px;
  margin: 5px 0 30px 0;
}

#top_sidebar ul li {margin-bottom:5px;}

/*------------------------------
wrap layout elements
------------------------------*/
#wrap {
  border-left: 1px solid #36C;
  border-right: 1px solid #36C;
  margin: 0 auto;
  text-align: left;
  width: 950px;
}

/*------------------------------
headerindex layout elements
------------------------------*/
#headerindex {
  height: 295px;
  margin: 0px;
  position: relative;
  width: 950px;
}
#headerindex h1.sitename {
  left: 0px;
  position: absolute;
  top: 15px;
}

div#visual {position:relative; height:378px;}
div#visual .p01 {position:absolute; top:287px; left:381px;}
div#visual .p02 {position:absolute; top:287px; left:570px;}
div#visual .p03 {position:absolute; top:287px; left:762px;}
/*------------------------------
headerindex layout elements
------------------------------*/
#header {
  height: 90px;
  margin: 0;
  position: relative;
  width: 950px;
}
#header h1.sitename {
  left: 20px;
  position: absolute;
  top: 20px;
}
#header p.p_head01 {
  left: 10px;
  position: absolute;
  top: 3px;
  font-size: 11px;
}
#header p.p_head02 {
  left: 770px;
  position: absolute;
  top: 20px;
}

/*------------------------------
navigation layout elements
------------------------------*/

#navigation {
  list-style: none;
  margin: 0;
  height: 54px;
  position: relative;
  width: 950px;
}
#navigation li {
  display: block;
  position: absolute;
  top: 0px;
  text-indent: -5000px;
}
#navigation li a {
	display: block;
	float: left;
	height: 54px;
	border: none;
	background: url(./images/navigation/menu.jpg) no-repeat;
	overflow: hidden;
}
#navigation li.li01 {left: 0px;}
#navigation li.li02 {left: 190px;}
#navigation li.li03 {left: 380px;}
#navigation li.li04 {left: 570px;}
#navigation li.li05 {left: 760px;}

ul#navigation li.li01 a {background-position: 0px 0px; width: 190px;}
ul#navigation li.li02 a {background-position: -190px 0px; width: 190px;}
ul#navigation li.li03 a {background-position: -380px 0px; width: 190px;}
ul#navigation li.li04 a {background-position: -570px 0px; width: 190px;}
ul#navigation li.li05 a {background-position: -760px 0px; width: 190px;}

ul#navigation li.li01 a:hover {background-position: 0px -54px; width: 190px;}
ul#navigation li.li02 a:hover {background-position: -190px -54px; width: 190px;}
ul#navigation li.li03 a:hover {background-position: -380px -54px; width: 190px;}
ul#navigation li.li04 a:hover {background-position: -570px -54px; width: 190px;}
ul#navigation li.li05 a:hover {background-position: -760px -54px; width: 190px;}

/*------------------------------
wrap layout elements
------------------------------*/
#footerwrap {
  width: 100%;
  margin-top: 10px;
  position: relative;
  border-top: 1px solid #36C;
}

.foot_navi {
	position: absolute;
	top: 20px;
	left: 545px;
}

/*------------------------------
footer layout elements
------------------------------*/
#footer {
  margin: 0 auto;
  text-align: left;
  margin-top: 10px;
  width: 100%;
  height: 50px;
}


#footer p.copyright {
	position: absolute;
	top: 20px;
	left: 30px;
}

.foot_border{
border: 1px solid #3366CC;
width: 700px;
}

/*------------------------------
sidebar elements
------------------------------*/

#top_sidebar p {
	margin-top: 15px;
}

div.side_box {
	background: #EBF5FF;
	border-bottom: 1px solid #69C;
}

div.side_box ul {
	_zoom: 1;
    overflow: hidden;
	padding: 0 10px;
	*margin-top: -3px; /*ie6,7*/
}

div.side_box ul li {
	margin-top: -1px;
	padding: 15px 0 10px 15px;
	background: url(./images/sidebar/point.gif) 0 20px no-repeat;
	border-top: 1px solid #69C;
	font-size: 14px;
}

*html body div.side_box ul li { margin-top: 0px; padding-top: 18px; } /*ie6*/

div.side_box ul li a {
	display: block;
}

/*------------------------------
common elements
------------------------------*/

p.pan {
	text-align: right;
	font-size: 11px;
	margin: 5px 30px 0 0;
}

p.pagetop {text-align:right; padding-right:30px;}

.top_box li {
	padding-left: 15px;
	margin-bottom: 5px;
	background: url(./images/index/point.gif) 0 5px no-repeat;

}

.box h2 {
	height: 60px;
	padding: 8px 0 0 20px;
	color: #FFF;
	font-size: 27px;
	background: url(./images/common/h2_title_bg.gif) no-repeat;
}

.box h3 img {margin-top: 20px;}

.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}

/*-- top --*/

.h2_info {
	margin-top: 5px;
}

.top_box {
	background-color: #E5F2FF;
	height:140px;
}


.top_box ul {
	padding: 20px;
}
div.top_content_box1 {margin-bottom:10px;}
div.top_content_box2 {position:relative; height:215px;}
div.top_content_box2 .p01 {position:absolute; top:101px; left:25px;}
div.top_content_box2 .p02 {position:absolute; top:101px; left:307px;}

/*-- about --*/

dl.about {
	margin: 20px;
}

dl.about dt {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #06C;
}

dl.about dd {
	margin: 0 0 20px 20px;
}

/*-- relief --*/

.relief_common {
	width: 660px;
	margin: 20px;
	position: relative;
}

.relief_common img {
	position: absolute;
	top: 10px;
}

p.relief_common_p01 {
	position: absolute;
	left: 20px;
	top: 50px;
	width: 350px;
}

p.relief_common_p02 {
	position: absolute;
	left: 170px;
	top: 200px;
	width: 450px;
	font-size: 11px;
}

.relief_box_01 { background: url(images/common/relief_bg_01.jpg) no-repeat; height: 140px; }
.relief_box_02 { background: url(images/common/relief_bg_02.jpg) no-repeat; height: 170px; }
.relief_box_03 { background: url(images/common/relief_bg_03.jpg) no-repeat; height: 165px; }
.relief_box_04 { background: url(images/common/relief_bg_04.jpg) no-repeat; height: 340px; }
.relief_box_05 { background: url(images/common/relief_bg_05.jpg) no-repeat; height: 180px; }
.relief_box_06 { background: url(images/common/relief_bg_06.jpg) no-repeat; height: 300px; }
.relief_box_07 { background: url(images/common/relief_bg_07.jpg) no-repeat; height: 180px; }

/*-- company --*/

.company_tbl {
	width: 660px;
	margin: 20px;
}

.company_tbl th {
	width: 100px;
	color: #06C;
	padding: 5px;
}

.company_tbl td {
	padding: 5px;
}

/*-- privacy --*/


p.privacy_p01 {
	margin: 20px 0 20px 20px;
}

p.privacy_p02 {
	margin: 20px 0 20px 20px;
	color:  #06C;
}

ol.privacy_ol {
	margin: 20px 0 20px 50px;
}

ol.privacy_ol li {
	list-style-type: decimal;
}

ul.privacy_ul {
	margin: 20px 0 20px 50px;
}

ul.privacy_ul li {
	list-style-type: disc;
}

/*-- job --*/

.job_tbl {width:660px; margin:20px;}
.job_tbl th {width:100px; color:#06C; padding:5px; vertical-align:top;}
.job_tbl td {padding:5px;}

/*-- depi --*/

p.depi_p01 {
	margin: 20px 0 20px 20px;
}

p.depi_common_p01 {
	position: absolute;
	top: 15px;
	left: 85px;
}

p.depi_common_p02 {
	position: absolute;
	top: 60px;
	left: 90px;
	width: 300px;
}

p.depi_p02 {
	position: absolute;
	top: 260px;
	left: 110px;
	width: 550px;
}

p.depi_p03 {
	position: absolute;
	top: 170px;
	left: 110px;
	width: 260px;
}

p.depi_p04 {
	position: absolute;
	top: 155px;
	left: 110px;
	width: 260px;
}

div.depi_flow01 { position: relative; width: 700px; height: 405px; background: url(images/common/depi_flow_01.jpg) no-repeat; }
div.depi_flow02 { position: relative; width: 700px; height: 313px; background: url(images/common/depi_flow_02.jpg) no-repeat; }
div.depi_flow03 { position: relative; width: 700px; height: 275px; background: url(images/common/depi_flow_03.jpg) no-repeat; }
div.depi_flow04 { position: relative; width: 700px; height: 320px; background: url(images/common/depi_flow_04.jpg) no-repeat; }


.depi-bui_box1{
	float:none;
	margin:0;
}



/*-- price --*/

p.price_p01 {
	margin: 20px 0 20px 20px;
}

table.price_tbl {
	width: 660px;
	margin: 20px 0 20px 20px;
	background: url(images/common/price_table_bg.gif) repeat-y;
}

td.price_td01 {
	width: 310px;
}

td.price_td02 {
	width: 40px;
}

td.price_td03 {
	font-size: 10px;
	padding-top: 5px;
}

table.price_tbl2 {
	width: 310px;
	margin-top: 20px;
}

table.price_tbl2 th {
	height: 100px;
	padding: 5px;
	vertical-align: top;
	width: 103px;
	font-size: 10px;
}

table.price_tbl2 td {
	text-align: center;
}

.point_span {
	font-size: 14px;
	color: #85AFD9;
}

/*-- qa --*/

p.qa_p01 {
	margin: 20px 0 20px 20px;
}

table.qa_tbl {
	width: 640px;
	margin: 20px 0 20px 40px;
}

th.qa_th_01 {
	padding: 10px;
}

th.qa_th_02 {
	padding: 10px;
	font-size: 16px;
	color: #85AFD9;
}

td.qa_td_01 {
	padding: 10px;
	text-align: center;
	vertical-align: top;
	background: #E0F0FF;
}

td.qa_td_02 {
	padding: 10px;
	background: #E0F0FF;
	background-color: #E0F0FF;
}

/*-- soap --*/

.soap_p01 {margin:20px 0 20px 20px; }
.soap_p02 {margin:20px 20px 40px 20px; }
.soap_box01 {position:relative; margin-left:20px; }
.soap_p03 {position:absolute; top: 0px; left:200px; }
.soap_p04 {position:absolute; top: 155px; left:200px; }
.soap_p05 {position:absolute; top: 310px; left:200px; }

/*-- case --*/

.caseBox01 {border-bottom:2px dotted #AB9168; margin-top:20px; padding-bottom:20px; width:700px;}
.caseBox01_l {float:left; width:275px; margin-left:20px;}
.caseBox01_r {float:right; width:380px;}

.caseBox02 {margin:20px 0 0 20px; width:680px;}
.caseBox02_l {float:left; width:330px;}
.caseBox02_r {float:right; width:330px;}
.caseBox02 p {margin-top:10px;}

.caseBox03 {margin-top:20px; width:680px; margin-left:20px;}
.caseBox03_l {float:left; width:390px;}
.caseBox03_r {float:right; width:250px;}

span.baTitle {color:#06C; font-size:14px; font-weight:bold;}

/*-- activator --*/

.activatorBox1 {width:680px; margin:20px 0 20px 20px;}
.activatorBox1 p {margin-bottom: 20px;}

.activatorBox2 {width:680px; margin:20px 0 20px 20px;}
.activatorBox2 table {width:660px; margin-left:20px;}
.activatorBox2 table td {padding:5px;}
.activatorBox2 table .td2 {width:170px;}

.activatorBox3 {position:relative; width:680px; height:350px; margin:20px 0 20px 20px; background:url(images/common/activatorBox3_bg.gif) no-repeat;}
.activatorBox3 ul {padding-top:10px; width:510px;}
.activatorBox3 p {position:absolute; top:140px; left:20px; width:330px;}

/*-- saloncare --*/

.saloncareBox1 {width:680px; margin:20px 0 20px 20px;}
.saloncareBox1 img {margin-bottom:10px;}

.saloncareBox2 {width:680px; margin:20px 0 20px 20px;}
.saloncareBox2 .p01 {margin-bottom:10px;}
.saloncareBox2 .p02 {text-align:right; font-size:10px;}

.saloncareCourse {color:#85AFD9; font-size:14px; font-weight:bold;}

.saloncareBox3 {position:relative; width:660px; height:880px; margin:20px 0 20px 40px; background:url(images/common/saloncareBox3_bg.jpg) no-repeat;}
.saloncareBox3 .p01 {position:absolute; top:20px; left:75px;}
.saloncareBox3 .p01-1 {position:absolute; top:50px; left:75px; width:400px;}
.saloncareBox3 .p02 {position:absolute; top:140px; left:75px;}
.saloncareBox3 .p02-1 {position:absolute; top:170px; left:75px;}
.saloncareBox3 .p03 {position:absolute; top:220px; left:75px;}
.saloncareBox3 .p03-1 {position:absolute; top:250px; left:75px; width:400px;}
.saloncareBox3 .p04 {position:absolute; top:345px; left:75px;}
.saloncareBox3 .p04-1 {position:absolute; top:380px; left:75px;}
.saloncareBox3 .p04-2 {position:absolute; top:415px; left:260px;}
.saloncareBox3 .p04-3 {position:absolute; top:455px; left:260px;}
.saloncareBox3 .p04-4 {position:absolute; top:493px; left:260px;}
.saloncareBox3 .p04-5 {position:absolute; top:530px; left:260px;}
.saloncareBox3 .p05 {position:absolute; top:580px; left:75px;}
.saloncareBox3 .p05-1 {position:absolute; top:610px; left:75px;}
.saloncareBox3 .p06 {position:absolute; top:660px; left:75px;}
.saloncareBox3 .p06-1 {position:absolute; top:690px; left:75px;}
.saloncareBox3 .p07 {position:absolute; top:740px; left:75px;}
.saloncareBox3 .p07-1 {position:absolute; top:770px; left:75px;}
.saloncareBox3 .p08 {position:absolute; top:820px; left:75px;}
.saloncareBox3 .p08-1 {position:absolute; top:850px; left:75px;}

.saloncareBox4 {width:680px; margin:20px 0 20px 20px;}

.saloncareBox5 {position:relative; width:660px; height:740px; margin:20px 0 20px 40px; background:url(images/common/saloncareBox5_bg.jpg) no-repeat;}
.saloncareBox5 .p01 {position:absolute; top:20px; left:75px;}
.saloncareBox5 .p01-1 {position:absolute; top:50px; left:75px; width:400px;}
.saloncareBox5 .p02 {position:absolute; top:115px; left:75px;}
.saloncareBox5 .p02-1 {position:absolute; top:145px; left:75px;}
.saloncareBox5 .p03 {position:absolute; top:240px; left:75px;}
.saloncareBox5 .p03-1 {position:absolute; top:270px; left:75px; width:400px;}
.saloncareBox5 .p04 {position:absolute; top:365px; left:75px;}
.saloncareBox5 .p04-1 {position:absolute; top:395px; left:75px;}
.saloncareBox5 .p04-2 {position:absolute; top:440px; left:260px;}
.saloncareBox5 .p04-3 {position:absolute; top:475px; left:260px;}
.saloncareBox5 .p04-4 {position:absolute; top:515px; left:260px;}
.saloncareBox5 .p04-5 {position:absolute; top:555px; left:260px;}
.saloncareBox5 .p05 {position:absolute; top:600px; left:75px;}
.saloncareBox5 .p05-1 {position:absolute; top:630px; left:75px;}
.saloncareBox5 .p06 {position:absolute; top:680px; left:75px;}
.saloncareBox5 .p06-1 {position:absolute; top:710px; left:75px;}

/*-- counseling --*/

.counselingBox1 {width:680px; margin:20px 0 20px 20px;}

.counselingBox2 {position:relative; width:680px; height:214px; margin:20px 0 20px 20px; background:url(images/common/counselingBox2_bg.jpg) no-repeat;}
.counselingBox2 p {position:absolute; top:80px; left:20px;}
.counselingBox2 ul {position:absolute; top:100px; left:30px; width:300px;}
.counselingBox2 ul li {width:150px; float:left;}

.counselingBox3 {width:460px; margin:20px 0; float:right;}
.counselingBox3_l {width:162px; float:left;}
.counselingBox3_r {width:280px; float:right;}

/*-- voice --*/

.voice-list {border:1px solid #09C; margin-bottom:20px; padding:10px;}
.voice-list h3 {font-size:14px; font-weight:bold; margin-bottom:5px; border-bottom:1px dotted #CCC;}

.voiceBox {width:680px; margin:20px 0 20px 20px;}

span.red {color:#F00; font-size: 11px;}

.form_tbl {width:580px; border-top:1px solid #D1E1E9; margin:10px auto;}
.form_tbl th {width:150px; color:#06C; border-bottom:1px solid #D1E1E9; background:#ECF6FF; padding:5px 10px; vertical-align:top; text-align:right;}
.form_tbl td {padding:5px 10px; border-bottom:1px solid #D1E1E9;}

/*-- shop --*/

.shop_p01 {margin:20px 0 20px 20px;}
.shopBox {width:660px; height:290px; border:1px solid #09C;}
.shopBox ul {margin:15px;}
.shopBox ul li {float:left;}

.shopBox1 {width:680px; margin:20px 0 20px 20px;}
.shopBox1_l {width:310px; float:left;}
.shopBox1_r {width:345px; float:right;}

.shopBox2 {width:700px; margin:20px 0;}
.shopBox2_l {width:330px; float:left;}
.shopBox2_r {width:350px; float:right;}
.shopBox2 .p01 {margin:20px 0;}

.shop_box1 {position:relative; height:580px; font-size:10px;}
.shop_box1 .p01 {position:absolute; top:335px; left:0px;}
.shop_box1 .p02 {position:absolute; top:150px; left:480px;}
.shop_box1 .p03 {position:absolute; top:335px; left:480px;}
.shop_box1 .p04 {position:absolute; top:535px; left:0px;}
.shop_box1 .p05 {position:absolute; top:535px; left:240px;}
.shop_box1 .p06 {position:absolute; top:535px; left:480px;}

.shop_box2 {padding-bottom:20px;}
.shop_box2 .p01 {margin:20px 0; font-size:13px;}
.shop_box2 table {margin-bottom:20px;}
.shop_box2 table td {text-align:center; width:117px;}

/*-- reserv --*/

/*-- baseprice --*/

.blue {color:#09C;}
.strong {font-weight:bold; font-size:12px;}

.baseprice_box1 {
	width:680px;
	height:480px;
	background: url(images/common/baseprice/box1_bg.gif) no-repeat;
	position:relative;
	border-bottom:1px solid #09C;
}
.baseprice_box1 .p1 {width:190px; position:absolute; top:340px; left:12px; color:#FFF;}
.baseprice_box1 .p01 {width:98px; position:absolute; top:100px; left:230px; font-size:10px; line-height:150%;}
.baseprice_box1 .p02 {width:98px; position:absolute; top:100px; left:350px; font-size:10px; line-height:150%;}
.baseprice_box1 .p03 {width:98px; position:absolute; top:100px; left:470px; font-size:10px; line-height:150%;}
.baseprice_box1 .p04 {width:98px; position:absolute; top:100px; left:585px; font-size:10px; line-height:150%;}
.baseprice_box1 .p05 {width:98px; position:absolute; top:253px; left:230px; font-size:10px; line-height:150%;}
.baseprice_box1 .p06 {width:98px; position:absolute; top:253px; left:350px; font-size:10px; line-height:150%;}
.baseprice_box1 .p07 {width:98px; position:absolute; top:253px; left:470px; font-size:10px; line-height:150%;}
.baseprice_box1 .p08 {width:98px; position:absolute; top:253px; left:585px; font-size:10px; line-height:150%;}
.baseprice_box1 .p09 {width:98px; position:absolute; top:410px; left:230px; font-size:10px; line-height:150%;}
.baseprice_box1 .p10 {width:98px; position:absolute; top:410px; left:350px; font-size:10px; line-height:150%;}
.baseprice_box1 .p11 {width:98px; position:absolute; top:410px; left:470px; font-size:10px; line-height:150%;}
.baseprice_box1 .p12 {width:98px; position:absolute; top:410px; left:585px; font-size:10px; line-height:150%;}

.baseprice_box2 {
	width:680px;
	height:480px;
	background: url(images/common/baseprice/box2_bg.gif) no-repeat;
	position:relative;
	border-bottom:1px solid #09C;
}
.baseprice_box2 .p1 {width:190px; position:absolute; top:340px; left:12px; color:#FFF;}
.baseprice_box2 .p01 {width:98px; position:absolute; top:100px; left:230px; font-size:10px; line-height:150%;}
.baseprice_box2 .p02 {width:98px; position:absolute; top:100px; left:350px; font-size:10px; line-height:150%;}
.baseprice_box2 .p03 {width:98px; position:absolute; top:100px; left:470px; font-size:10px; line-height:150%;}
.baseprice_box2 .p04 {width:98px; position:absolute; top:100px; left:585px; font-size:10px; line-height:150%;}
.baseprice_box2 .p05 {width:98px; position:absolute; top:253px; left:230px; font-size:10px; line-height:150%;}
.baseprice_box2 .p06 {width:98px; position:absolute; top:253px; left:350px; font-size:10px; line-height:150%;}
.baseprice_box2 .p07 {width:98px; position:absolute; top:253px; left:470px; font-size:10px; line-height:150%;}
.baseprice_box2 .p08 {width:98px; position:absolute; top:253px; left:585px; font-size:10px; line-height:150%;}
.baseprice_box2 .p09 {width:98px; position:absolute; top:410px; left:230px; font-size:10px; line-height:150%;}
.baseprice_box2 .p10 {width:98px; position:absolute; top:410px; left:350px; font-size:10px; line-height:150%;}
.baseprice_box2 .p11 {width:98px; position:absolute; top:410px; left:470px; font-size:10px; line-height:150%;}
.baseprice_box2 .p12 {width:98px; position:absolute; top:410px; left:585px; font-size:10px; line-height:150%;}


/*-- face --*/

.face_box1 {
	width:680px;
	height:590px;
	background: url(images/common/face/box1_bg.jpg) no-repeat;
}

.face_box1 .p01 {width:320px; padding-top:140px;}
.face_box2 {border-bottom:1px solid #09C;}

.face_box2_1 {
	width:670px;
	height:120px;
	background: url(images/common/face/box2_01_bg.gif) no-repeat;
	position:relative;
}

.face_box2_2 {
	width:670px;
	height:120px;
	background: url(images/common/face/box2_02_bg.gif) no-repeat;
	position:relative;
}

.face_box2_3 {
	width:670px;
	height:120px;
	background: url(images/common/face/box2_03_bg.gif) no-repeat;
	position:relative;
}

.face_box2_4 {
	width:670px;
	height:120px;
	background: url(images/common/face/box2_04_bg.gif) no-repeat;
	position:relative;
}

.faca_box2_p {
	width:420px;
	font-size:10px;
	color:#09C;
	position:absolute;
	top:20px;
	left:220px;
}


/*-- rejuvenation --*/

.rejuvenation_box {
	width:680px;
	height:980px;
	background: url(images/common/rejuvenation/box_bg.jpg) no-repeat;
	position:relative;
}

.rejuvenation_box .p1 {position:absolute; top:280px; left:30px;}

.rejuvenation_box .p01_title {position:absolute; top:425px; left:80px; font-size:16px; color:#F39; font-weight:bold;}
.rejuvenation_box .p01 {position:absolute; top:450px; left:35px; width:390px; font-size:10px;}

.rejuvenation_box .p02_title {position:absolute; top:517px; left:80px; font-size:16px; color:#F39; font-weight:bold;}
.rejuvenation_box .p02 {position:absolute; top:542px; left:35px; width:390px; font-size:10px;}

.rejuvenation_box .p03_title {position:absolute; top:647px; left:80px; font-size:16px; color:#F39; font-weight:bold;}
.rejuvenation_box .p03 {position:absolute; top:672px; left:35px; width:390px; font-size:10px;}

.rejuvenation_box .p04_title {position:absolute; top:777px; left:80px; font-size:16px; color:#F39; font-weight:bold;}
.rejuvenation_box .p04 {position:absolute; top:802px; left:35px; width:290px; font-size:10px;}

.rejuvenation_box .p05_title {position:absolute; top:900px; left:80px; font-size:16px; color:#F39; font-weight:bold;}
.rejuvenation_box .p05 {position:absolute; top:925px; left:35px; font-size:10px;}


/*-- 3set --*/

.set3_box {border-bottom:1px solid #09C;}

/*-- step --*/

.step_box {background: url(images/common/step/box_bg.jpg) no-repeat; height:1360px; position:relative;}

.step_title {font-size:22px; font-weight:bold;}

.p01_1 {position:absolute; left:80px; top:15px;}
.p01_2 {position:absolute; left:80px; top:70px; width:180px;}

.p02_1 {position:absolute; left:80px; top:215px;}
.p02_2 {position:absolute; left:80px; top:275px; width:180px;}
.p02_3 {position:absolute; left:432px; top:240px;}

.p03_1 {position:absolute; left:80px; top:415px;}
.p03_2 {position:absolute; left:80px; top:475px; width:180px;}
.p03_3 {position:absolute; left:317px; top:500px;}

.p04_1 {position:absolute; left:80px; top:610px;}
.p04_2 {position:absolute; left:80px; top:675px; width:180px;}
.p04_3 {position:absolute; left:297px; top:780px;}
.p04_4 {position:absolute; left:527px; top:780px;}

.p05_1 {position:absolute; left:80px; top:815px;}
.p05_2 {position:absolute; left:80px; top:875px; width:180px;}
.p05_3 {position:absolute; left:432px; top:1040px;}

.p06_1 {position:absolute; left:80px; top:1015px;}
.p06_2 {position:absolute; left:80px; top:1075px; width:180px;}
.p06_3 {position:absolute; left:317px; top:1300px;}

.p07_1 {position:absolute; left:80px; top:1215px;}
.p07_2 {position:absolute; left:80px; top:1275px; width:180px;}


/*-- recella_otameshi --*/

.otameshi_box1 {margin-left:20px;}
.otameshi_box3 {margin-left:20px;}

.otameshi_step_box {width:340px; height:320px; float:left;}
.otameshi_step_box .p1 {margin-left:30px; font-size:16px; color:#06C;}
.otameshi_step_box .p2 {margin-left:30px; width:260px;}

.otameshi_box2 {background: url(images/common/recella_otameshi/box2.jpg) no-repeat; height:360px; position:relative; margin-left:20px;}
.otameshi_box2 .p1 {position:absolute; top:220px; left:450px; font-size:16px; color:#06C;}
.otameshi_box2 .p2 {position:absolute; top:250px; left:450px; width:200px;}

/*-- 1nenplan --*/
.1nenplan_box {border-bottom:1px solid #09C;}


/*-- happyplan --*/

.happyplan_box {background: url(images/common/happyplan/plan1_bg.jpg) no-repeat; height:595px; position:relative; margin-left:20px;}

.happyplan_box .p01 {position:absolute; left:372px; top:150px;}
.happyplan_box .p02 {position:absolute; left:470px; top:150px;}
.happyplan_box .p03 {position:absolute; left:568px; top:150px;}

.happyplan_box .p04 {position:absolute; left:372px; top:163px; width:90px;}
.happyplan_box .p05 {position:absolute; left:470px; top:163px; width:90px;}
.happyplan_box .p06 {position:absolute; left:568px; top:163px; width:90px;}

.happyplan_box .p07 {position:absolute; left:372px; top:287px;}
.happyplan_box .p08 {position:absolute; left:470px; top:287px;}
.happyplan_box .p09 {position:absolute; left:568px; top:287px;}

.happyplan_box .p10 {position:absolute; left:372px; top:300px; width:90px;}
.happyplan_box .p11 {position:absolute; left:470px; top:300px; width:90px;}
.happyplan_box .p12 {position:absolute; left:568px; top:300px; width:90px;}


/*-- common --*/

.h3_title {
    border-bottom: 1px solid #3366CC;
    color: #3366CC;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 20px;
}

.top_line {border-top: 1px solid #3366CC; padding-top:20px;}

.left {	float:left;}
.right{	float:right;}

.small {font-size:11px;}

.blue {color: #3366CC;}

.fs20 {font-size:20px;}

.bold {font-weight:bold;}

.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px; !important}

.ml20 {margin-left:20px;}
.mr20 {margin-right:20px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px; !important}

.ml30 {margin-left:30px;}
.mr30 {margin-right:30px;}
.mt30 {margin-top:30px;}
.mb30 {margin-bottom:30px; !important}

.ml40 {margin-left:40px;}
.mr40 {margin-right:40px;}
.mt40 {margin-top:40px;}
.mb40 {margin-bottom:40px !important;}

.ml50 {margin-left:50px;}
.mr50 {margin-right:50px;}
.mt50 {margin-top:50px;}
.mb50 {margin-bottom:50px !important;}


.ml60 {margin-left:60px;}
.mr60 {margin-right:60px;}
.mt60 {margin-top:60px;}

.mb70 {margin-bottom:70px !important;}
.ml70 {margin-left:70px;}
.mr70 {margin-right:70px;}
.mt70 {margin-top:70px;}
.mb70 {margin-bottom:70px !important;}