@charset "UTF-8";
#main {
	width: 760px;
	padding-left: 10px;
}
/* CSS Document */

#main_img {
	background: url(images/top_main.jpg) no-repeat left top;
	width: 790px;
	height: 322px;
}
#main_img p {
	margin-left: 390px;
	font-size: 134%;
	color: #fff;
	padding-top: 295px;
}#sub_img  {
	width: 760px;
	background: #010197;
	height: 100px;
	margin-left: 5px;
	padding-left: 20px;
}
#main #box01 {
	width: 490px;
	float: right;
	margin-top: 25px;
}
#main  p.section01 {
	line-height: 1.4em;
	margin-left: 1em;
	font-size: 117%;
}
.font01 {
	font-weight: bold;
	margin-top: 4px;
	margin-left: 0.7em;
}
.font02     {
	color: #000;
	font-size: 167%;
	line-height: 1.2em;
	font-weight: bold;
}
#main ul {
	list-style-type: none;
	padding-top: 20px;
	float: left;
}
#main li {
	border-bottom: 1px solid #ccc;
	display: block;
	width: 240px;
	font-size: 84%;
}
.fontArial {
	font: bolder 200%/0.8em Arial, Helvetica, sans-serif;
	color: #000;
}
#main li a {
	width: 234px;
	display: block;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 2px;
}
#main a:hover {
	background: #eee;
}
#main #news {
	background: url(images/bg_news.gif) repeat-x left top;
	width: 400px;
	margin-top: 20px;
	padding-bottom: 10px;
}
#main #news p {
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 16px;
	color: #fff;
	font-size: 117%;
}
#main dl {
	margin-left: 20px;
	margin-bottom: 40px;
	margin-top: 8px;
}
#main dt {
	padding-left: 20px;
	float: left;
	background: url(images/icon_blue_square.gif) no-repeat left center;
}
#main dd {
	margin-left: 15px;
	float: left;
}
#sub_nav  {
	text-align: right;
	margin-left: 530px;
}
#sub_nav  #text_align  {
	text-align: left;
	margin-bottom: 16px;
}
.margin    {
	margin-right: 20px;
	text-align: right;
}
#main h2 {
	font-size: 150%;
	margin-bottom: 10px;
	border-bottom: 1px solid #660000;
}
h2 span {
	display: none;
}
h2  img#lead01 {
	margin-top: 10px;
	margin-bottom: 6px;
	margin-left: 8px;
}
.box01 {
	width: 760px;
	padding-left: 20px;
	padding-top: 20px;
	line-height: 1.5em;
}
.box01 .inBox01 {
	margin-left: 35px;
}
.box01 .case {
	width: 340px;
	height: 230px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #004ea2;
}
.box01 .case img {
	margin-top: 12px;
}
.box01 .case_title {
	font-size: 134%;
	font-weight: bold;
}
.font03 {
	color: #990000;
	font-size: 117%;
}
.box01  .inCase  {
	margin-left: 8px;
	margin-top: 4px;
}
.font04 {
	font-weight: bold;
	color: #990000;
	font-size: 117%;
}
.font05 {
	font-size: 84%;
	color: #444;
	line-height: 1em;
}
.box01 .inCase img {
	margin-left: 40px;
}
.box01 #case01 {
	background: #fff url(images/case01_illust.gif) no-repeat 65px 45px;
}
.box01 #case02 {
	background: #fff url(images/case02_illust.gif) no-repeat 65px 40px;
}
.box01 #case03 {
	background: #fff url(images/case03_illust.gif) no-repeat 190px 55px;
}
.box01 #case04 {
	background: #fff url(images/case04_illust.gif) no-repeat 50px 45px;
}
.box02 {
	text-align: center;
	width: 705px;
	margin-left: 35px;
}
.font06 {
	font-size: 167%;
	font-weight: bold;
	color: #333;
}
.box02 img {
	margin-bottom: 8px;
}
.box02 #security {
	padding: 20px 15px 15px;
	background: #ffdb4f;
	margin-bottom: 25px;
	border: 1px solid #f8b500;
}
#detail {
	margin-right: 35px;
	border: 1px solid #dcdcdc;
	padding: 0px 20px 20px;
	margin-left: 55px;
	margin-top: 20px;
}
.box03 {
	margin-top: 20px;
}
.box03 .item01 {
	font-size: 134%;
	padding-left: 20px;
	background: url(images/triangle_blue.gif) no-repeat left center;
	margin-bottom: 4px;
}
.box03  .inBox03 {
	padding: 12px 20px;
	border: 1px dotted #004ea2;
}
.box03  .inBox03  dt {
	font-size: 117%;
	font-weight: bold;
}
.box03  .inBox03  dd {
	margin-bottom: 6px;
}
.pageTop     {
	text-align: right;
	padding-right: 18px;
	background: url(images/gotop.gif) no-repeat right top;
	padding-bottom: 20px;
	margin-right: 20px;
	margin-top: 30px;
}
.box03  .inBox03  #imgFlow {
	margin-top: 12px;
	float: left;
	margin-right: 8px;
	margin-bottom: 12px;
	width: 247px;
}
.box03    .inBox03    #update  {
	vertical-align: top;
	margin-top: 8px;
	float: left;
	width: 360px;
}
.anotherPage a:hover {
	text-decoration: underline;
}
.box04 {
	margin-left: 40px;
	margin-right: 20px;
	font-size: 117%;
	margin-bottom: 8px;
	padding-right: 40px;
	padding-top: 20px;
}
#benefit {
	font-size: 117%;
	margin-top: 20px;
	margin-left: 40px;
}
.box05 {
	font-size: 117%;
	margin: 10px 60px 8px 40px;
}
.font11 {
	font-size: 134%;
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 1px solid #999;
	margin-bottom: 8px;
}
#urlLogin  {
	width: 350px;
	float: left;
	margin-right: 20px;
	text-align: center;
	background: #fff5a9;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #ffe100;
}
#mobileLogin  {
	float: left;
	width: 300px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#benefit #arrow_down {
	margin-top: 15px;
	margin-bottom: 10px;
}
#serviceBenefitone {
	margin-left: 40px;
	margin-top: 20px;
	margin-right: 49px;
	border: 1px solid #ebe2ed;
}
.eachService {
	width: 350px;
	float: left;
	height: 180px;
}
#serviceA {
	background: #f4eff2;
	border: 1px solid #ebe2ed;
}
#serviceB {
	background: #f8f5f7;
	border: 1px solid #ebe2ed;
}
#babycare {
	width: 350px;
	float: left;
	height: 180px;
	background: #f4eff2 url(images/childcare.gif) no-repeat 205px 70px;
	border: 1px solid #ebe2ed;
}
#gurumet {
	background: #f8f5f7 url(images/gurumet.gif) no-repeat 195px 65px;
	border: 1px solid #ebe2ed;
	float: left;
	height: 180px;
	width: 350px;
}
#relaxation {
	width: 350px;
	float: left;
	height: 180px;
	background: #f4eff2 url(images/relaxation.gif) no-repeat 220px 80px;
	border: 1px solid #ebe2ed;
}
#lesson {
	background: #f8f5f7 url(images/lesson.gif) no-repeat 205px 60px;
	border: 1px solid #ebe2ed;
	float: left;
	height: 180px;
	width: 350px;
}
#life {
	background: #f8f5f7 url(images/life.gif) no-repeat 205px 60px;
	border: 1px solid #ebe2ed;
	float: left;
	height: 180px;
	width: 350px;
}
.benefitItems {
	margin-top: 6px;
	margin-left: 8px;
}
.eachContents {
	margin-right: 8px;
	margin-left: 16px;
	margin-top: 4px;
}
.font12 a {
	color: #ee7800;
}
.font12 a:hover {
	text-decoration: underline;
}
.detailValue {
	margin-left: 150px;
	margin-top: 12px;
}
.font07 {
	font: 135% Arial, Helvetica, sans-serif;
	color: #ec6800;
}
.font07 a {
	color: #ec6800;
}
.font08 a {
	color: #ee7800;
}
.font08 a:hover {
	text-decoration: underline;
}
.font08 {
	font-family: Arial, Helvetica, sans-serif;
	color: #ee7800;
}
.font09 {
	font-size: 134%;
	margin-left: 45px;
	margin-top: 25px;
	width: 596px;
	display: block;
	padding-bottom: 1px;
	border-bottom: 1px solid #dcdddd;
	padding-left: 4px;
}
.box04 dl {
	width: 580px;
	margin-top: 20px;
	margin-left: 55px;
	margin-bottom: 40px;
}
.box04 dt {
	float: left;
	width: 101px;
	padding-bottom: 3px;
	padding-left: 8px;
	border-bottom: 1px solid #ccc;
	padding-top: 4px;
	border-left: 1px solid #ccc;
	background: #e5e5e5;
}
.box04 dd {
	float: left;
	width: 462px;
	padding-bottom: 3px;
	padding-left: 6px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding-top: 4px;
	border-right: 1px solid #ccc;
	background: #e5e5e5;
}
.box04 .lineTop {
	border-top: 1px solid #ccc;
}
.box04 .bgLight {
	background: #f2f2f2;
}
h3 {
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 8px;
	border-bottom: 1px solid #0e3193;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-right: 20px;
}
h3 span {
	display: none;
}
.lead01 {
	font-size: 117%;
	margin-bottom: 16px;
	margin-top: 16px;
}
.font10 {
	font-size: 117%;
	margin-bottom: 8px;
}
h4 {
	font-size: 150%;
	font-weight: normal;
	background: url(images/icon_home.gif) no-repeat left top;
	padding-left: 22px;
	margin-bottom: 8px;
	line-height: 1.3em;
	width: 95%;
	border-bottom: 1px solid #999;
}
.article_main {
	float: left;
	width: 320px;
	margin-right: 10px;
}
#titleResults {
	margin-top: 50px;
	border-bottom: 1px solid #ff8000;
	width: 98%;
	margin-bottom: 30px;
	padding-bottom: 2px;
}
#listResults  {
	list-style-type: none;
	font-size: 117%;
	margin-left: 20px;
	background: url(images/bg_results.jpg) no-repeat 245px top;
}
#listResults li {
	margin-bottom: 4px;
}
#listResults a:hover {
	text-decoration: underline;
}
.anotherPage {
	font-size: 117%;
	text-align: right;
	margin-right: 20px;
}
.box01 .value {
	width: 340px;
	height: 200px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #f9cf9c;
}
.box01 .value img {
	margin-top: 12px;
}
#value01 {
	background: url(images/value01_illust.gif) no-repeat left bottom;
}
#value02 {
	background: url(images/value02_illust.gif) no-repeat left bottom;
}
#value03 {
	background: url(images/value03_illust.gif) no-repeat left bottom;
}
.box01 .value01 {
	width: 340px;
	height: 200px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.lead02 {
	font-size: 117%;
	margin-bottom: 16px;
}
.lead03 {
	font-size: 134%;
	font-weight: bold;
	color: #990000;
	margin-left: 90px;
}
.service {
	font-size: 109%;
	padding-left: 16px;
	padding-bottom: 16px;
	padding-top: 8px;
	margin-right: 20px;
	line-height: 1.5em;
}
.plusOne_item01 {
	font-weight: bold;
	font-size: 117%;
	margin-top: 8px;
}
#illust_dog {
	background: #f8f4e6 url(file:///HD/Users/trust/Desktop/site/onestop/images/illust_dog.gif) no-repeat 510px 90px;
	border: 2px dashed #efe6c5;
}
.leadPet01 {
	font-size: 117%;
	margin-bottom: 4px;
	padding-left: 18px;
	background: url(images/icon_leadPet.gif) no-repeat left top;
}
.serviceBox01 {
	padding: 16px;
	margin-right: 20px;
	background: #f8f4e6;
	border: 2px dashed #efe6c5;
}
.box01 .serviceVer {
	width: 338px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 10px;
	background: #fffad0;
	height: 470px;
	border: 1px solid #ffef84;
}
.serviceBox02 {
	margin-right: 10px;
}
.servicePhoto {
	margin-left: 42px;
	margin-top: 12px;
}
.name_shop {
	color: #9a0e73;
}
.examplePhoto {
	float: left;
	margin-left: 8px;
	margin-right: 4px;
}
.exampleBox {
	margin-top: 8px;
}
.productName {
	font-size: 117%;
	font-weight: bold;
}
.englishName {
	font-weight: bold;
}
.price {
	font-size: 134%;
	color: #990000;
	font-weight: bold;
}
.box01 .serviceVer02 {
	width: 338px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 10px;
	background: #fffad0;
	height: 490px;
	border: 1px solid #ffef84;
}
.box01 .serviceVer03 {
	width: 338px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 10px;
	background: #fffad0;
	height: 227px;
	border: 1px solid #ffef84;
}
.urlAnimalone {
	margin-top: 8px;
	margin-bottom: 18px;
	margin-left: 12px;
}
.urlAnimalone a {
	color: #1e50a2;
	font: 134% Arial, Helvetica, sans-serif;
}
.urlAnimalone a:hover {
	text-decoration: underline;
}
#animalOne {
	background: #fffad0 url(images/bg_animalone.gif) no-repeat 230px 44px;
}