@charset "utf-8";

/*====================================================================

level2.css

======================================================================

	01.common elements
	02.txt
	03.concept
	04.flow
	05.results
	06.campaign
	07.staff
	08.contact
	09.info_box
	10.sidebar

=====================================================================*/

/*--------------------------------------------------------------------
	01.common elements
--------------------------------------------------------------------*/

/* h2
----------------------------------------------*/
h2 {
	margin: 0 auto 19px;
	width: 850px;
}


/* pagenavi
---------------------------------------------*/
#pagenavi {
	margin-bottom: 16px;
	margin-left: 3px;
	padding: 0 5px 8px;
	background: url(../img/dod_pink02.gif) repeat-x 0 100%;
	width: 580px;
	line-height: normal;
	color: #454545;
	font-size: 10px;
}
#pagenavi a,
#pagenavi a:visited { text-decoration: none;}

#pagenavi span { color: #e84287;}


/* container
---------------------------------------------*/
#container { margin-bottom: 30px;}


/* h3
---------------------------------------------*/
#contents h3 { margin-bottom: 15px;}


/* h4
---------------------------------------------*/
h4 { margin-bottom: 15px;}


/*--------------------------------------------------------------------
	02.txt
--------------------------------------------------------------------*/
.txt {
	margin: 0 0 40px 1px;
	width: 595px;
}
.txt p {
	margin: 0 2px 15px;
}

.txt img.left {
	margin-right: 20px;
	margin-bottom: 20px;
}
.txt img.right {
	margin-left: 20px;
	margin-bottom: 20px;
}
.txt img.center { margin-bottom: 20px;}

.txt iframe { padding: 2px;}


/* box
---------------------------------------------*/
.box {
	padding-bottom: 5px;
	background: url(../img/box_foot.gif) no-repeat 0 100%;
	width: 595px;
}
.box_in {
	padding-bottom: 15px;
	background: url(../img/bg_box_green.gif) repeat-y 0 0;
	width: 595px;
}
.box_in h5 {
	margin-bottom: 5px;
	padding-top: 15px;
	padding-left: 23px;
	background: url(../img/box_foot.gif) no-repeat 0 0;
}

.box_in span {
	padding-left: 27px;
	padding-top: 1px;
	background: url(../img/icon_flower.gif) no-repeat 0 -1px;
	color: #eb4967;
	font-size: 14px;
	font-weight: bold;
}

.box_in p { margin: 0 25px 0;}
.box_in img.left {
	padding-left: 20px;
	margin-bottom: 7px;
}

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


/* box ul
---------------------------------------------*/
.box ul {
	margin-left: 40px;
}

.box ul li {
	padding-left: 18px;
	padding-bottom: 3px;
	background: url(../img/icon_list.gif) no-repeat 0 4px;
}


/* table
---------------------------------------------*/
.txt table {
	margin: 0 auto 15px;
	width: 580px;
}

.txt th,
.txt td {
	padding: 10px 5px;
	background: url(../img/dod_pink.gif) repeat-x 0 100%;
	text-align: left;
	vertical-align: top;
}
.txt th {
	width: 130px;
	font-weight: bold;
}
.txt td {
	width: 450px;
}


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



/*--------------------------------------------------------------------
	03.concept
--------------------------------------------------------------------*/
#concept {
	margin: 0 0 40px 1px;
	border: 1px solid #eeced1;
	background: url(../../concept/img/bg_concept.jpg) no-repeat 0 0;
	width: 593px;
}
#concept h3 { margin-bottom: 3px;}
#concept p {
	margin: 0 20px 15px 34px;
	line-height: 1.7;
}

/* ba
---------------------------------------------*/
#ba {
	margin: 0 auto;
	background: url(../img/bg_ba.gif) no-repeat 50% 80px;
	width: 545px;
}

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

#ba img {
	padding-bottom: 25px;
	border: 1px solid #e5e5e5;
}
#ba img.right { margin-bottom: 15px;}

#ba img.before { background: url(../../concept/img/bg_ba_before.gif) no-repeat 0 100%;}
#ba img.after { background: url(../../concept/img/bg_ba_after.gif) no-repeat 0 100%;}


/*--------------------------------------------------------------------
	04.flow
--------------------------------------------------------------------*/
.flow {
	margin-bottom: 0;
	padding-bottom: 30px;
}
.bg { background: url(../img/dod_flow.gif) repeat-y 31px 0;}

.flow p {
	padding-left: 80px;
	padding-right: 5px;
}

.flow h5 {
	clear: both;
	margin-left: 79px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-left: 15px;
	background: url(../img/bg_h5_flow.gif) no-repeat 100% 0;
	width: 496px;
	height: 25px;
	color: #ffbdbd;
	font-weight: bold;
	font-size: 14px;
}

.detail {
	margin-left: 80px;
	margin-bottom: 20px;
	width: 510px;
}
.detail:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.detail p {
	padding-left: 0;
	padding-right: 3px;
}

.detail img { margin-bottom: 1px;}

.detail div {
	float: left;
	margin-right: 20px;
	width: 160px;
}


/*--------------------------------------------------------------------
	05.results
--------------------------------------------------------------------*/

/* case
---------------------------------------------*/
#case {
	margin-bottom: 15px;
	margin-left: 1px;
	width: 593px;
	height: 105px;
}

#case a {
	display: block;
	text-decoration: none;
	font-size: 10px;
}

#case a:hover {
	background: #fff;
	opacity:0.3;
	filter: alpha(opacity=30);
	text-decoration: none;
}


/* case01
---------------------------------------------*/
.case01 {
	background: url(../../results/img/bg_case01.jpg) no-repeat 0 0;
	border: 1px solid #b7f5bb;
}
.case01 a {
	padding-left: 125px;
	padding-right: 10px;
	padding-top: 57px;
	width: 458px;
	height: 48px;
	color: #6f5e89;
}

/* case02
---------------------------------------------*/
.case02 {
	background: url(../../results/img/bg_case02.jpg) no-repeat 0 0;
	border: 1px solid #e8d072;
}
.case02 a {
	padding-left: 125px;
	padding-right: 10px;
	padding-top: 63px;
	width: 458px;
	height: 42px;
	color: #8c592b;
}

/* case03
---------------------------------------------*/
.case03 {
	background: url(../../results/img/bg_case03.jpg) no-repeat 0 0;
	border: 1px solid #b1dfec;
}
.case03 a {
	padding-left: 125px;
	padding-right: 10px;
	padding-top: 57px;
	width: 458px;
	height: 48px;
	color: #66738e;
}

/* case04
---------------------------------------------*/
.case04 {
	background: url(../../results/img/bg_case04.jpg) no-repeat 0 0;
	border: 1px solid #f5ced9;
}
.case04 a {
	padding-left: 125px;
	padding-right: 10px;
	padding-top: 57px;
	width: 458px;
	height: 48px;
	color: #c3486e;
}


/* results
---------------------------------------------*/
.results {
	margin: 0 0 30px 1px;
	width: 595px;
}
.results:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.results p {
	margin: 0 2px 15px;
}

.results img.left {
	margin-right: 5px;
	margin-bottom: 20px;
}


/* results table 
---------------------------------------------*/
.results table {
	margin: 0 auto 20px;
	width: 590px;
}

.results table caption {
	padding-left: 4px;
	padding-bottom: 2px;
	border-bottom: 3px double #ffbcc9;
	color: #e3435d;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

.results th,
.results td {
	padding: 10px 5px;
	background: url(../img/dod_pink.gif) repeat-x 0 100%;
	text-align: left;
	vertical-align: top;
}
.results th {
	width: 140px;
	font-weight: bold;
}
.results td {
	width: 450px;
}

/* zeniaoi */
.results table.zt { background: url(../../results/img/bg_zt.jpg) no-repeat 100% 0;}
/* tanpopo */
.results table.tt { background: url(../../results/img/bg_tt.jpg) no-repeat 120% 100%;}
/* marguerite */
.results table.mt { background: url(../../results/img/bg_mt.jpg) no-repeat 100% 0;}



/* pc
---------------------------------------------*/
.pc {
	margin-left: 1px;
	width: 595px;
}

/* process
---------------------------------------------*/
.process {
	background: url(../img/bg_process.gif) repeat-y 0 0;
}

/* complete
---------------------------------------------*/
.complete {
	margin-bottom: 30px;
	background: url(../img/bg_complete.gif) repeat-y 0 0;
}

/* pc_in
---------------------------------------------*/
.pc_in {
	width: 595px;
}
.pc_in:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* process_h3
---------------------------------------------*/
.process_h3 {
	background: url(../img/h3_process.gif) no-repeat 0 0;
}

/* complete_h3
---------------------------------------------*/
.complete_h3 {
	padding-bottom: 10px;
	background: url(../img/h3_complete.gif) no-repeat 0 0;
}


/* pc_in div
---------------------------------------------*/
.pc_in div {
	margin-left: 113px;
	padding-top: 31px;
	width: 465px;
}
.pc_in div:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.pc_in div h5 { margin-bottom: 18px;}

.pc_in div p {
	padding-right: 5px;
	line-height: 1.7;
}

.pc_in div img.left {
	padding: 2px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #d6d6d6;
	background: #ffffff;
}


/* r_n_box
---------------------------------------------*/
#r_n_box {
	margin-left: 1px;
	border: 3px double #f59ea8;
	width: 589px;
}

#r_n_box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#r_n_box p {
	padding: 15px 17px 10px;
}

#r_n_box div {
	margin: 0 auto 15px;
	width: 556px;
}
#r_n_box div img.left { margin: 0;}


/* other
---------------------------------------------*/
.other {
	margin: 0 auto;
	width: 550px;
}

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

.other h5 {
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #e3fbe1;
	border: 1px solid #bae7aa;
	font-weight: bold;
}

.other img {
	border: 3px solid #eeeeee;
}
.other img { margin-bottom: 15px;}

.other img.before {
	padding-bottom: 25px;
	background: url(../../concept/img/bg_ba_before.gif) no-repeat 0 100%;
}
.other img.after {
	padding-bottom: 25px;
	background: url(../../concept/img/bg_ba_after.gif) no-repeat 0 100%;
}

.other_t p {
	margin: 0 auto 15px;
	padding: 15px 20px 15px;
	background: ;
	border: 1px solid #eacee1;
	width: 505px;
}

.tutuji p {
	padding: 15px 210px 15px 20px;
	background: #ffffff url(../../results/other/img/bg_tutuji.jpg) no-repeat 110% 80%;
	width: 316px;
}
.mituba p {
	padding: 15px 190px 15px 20px;
	background: #f8fff5 url(../../results/other/img/bg_mituba.jpg) no-repeat 100% -10px;
	width: 336px;
}

.himawari p {
	padding: 15px 210px 15px 20px;
	background: #ffffff url(../../results/other/img/bg_himawari.jpg) no-repeat 110% 80%;
	width: 316px;
}
.tokeiso p {
	padding: 15px 210px 15px 20px;
	width: 316px;
	background-color: #ffffff;
	background-image: url(../../results/other/img/bg_tokeiso.jpg);
	background-repeat: no-repeat;
	background-position: 110% 80%;
}
.ajisai p {
	padding: 15px 210px 15px 20px;
	width: 316px;
	background-color: #ffffff;
	background-image: url(../../results/other/img/bg_ajisai.jpg);
	background-repeat: no-repeat;
	background-position: 130% 100%;
}
.tulip p {
	padding: 15px 210px 15px 20px;
	background: #ffffff url(../../results/other/img/bg_tulip.jpg) no-repeat 110% 80%;
	width: 316px;
}


/*--------------------------------------------------------------------
	06.campaign
--------------------------------------------------------------------*/

/* camptxt
---------------------------------------------*/
.camptxt {
	margin-bottom: 10px;
	padding: 5px 10px;
	width: 575px;
	background: #d8f7fa;
}

/* camp
---------------------------------------------*/
.camp {
	margin-bottom: 30px;
	padding-bottom: 5px;
	background: url(../img/box_foot.gif) no-repeat 0 100%;
	width: 595px;
}
.inner {
	padding-bottom: 5px;
	background: url(../img/bg_box.gif) repeat-y 0 0;
	width: 595px;
}

.inner p { margin: 0 25px 15px;}
.inner h4 {
	margin: 0 auto 5px;
	padding-top: 10px;
	width: 545px;
}

/* ul
---------------------------------------------*/
.inner ul {
	padding-left: 27px;
	margin-bottom: 15px;
}
.inner ul li {
	padding-left: 17px;
	background: url(../img/icon_list.gif) no-repeat 0 6px;
	font-weight: bold;
}


/* cam_box
---------------------------------------------*/
.cam_box {
	margin: 0 auto 25px;
	background: url(../../campaign/img/bg_campaign_box.gif) repeat-y 0 0;
	width: 535px;
}
.cam_box h5 {
	margin-bottom: 12px;
	padding-left: 33px;
	padding-top: 15px;
	background: url(../../campaign/img/bg_campaign_box_h5.gif) no-repeat 0 0;
	height: 28px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

.cam_box img.left { padding-left: 12px;}

.cam_box p {
	float: right;
	margin-bottom: 7px;
	padding-top: 2px;
	width: 380px;
	color: #4e6841;
}

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

/* otoku
---------------------------------------------*/
#otoku {
	margin-bottom: 30px;
	width: 595px;
}
#otoku p { padding: 0 10px 0 15px;}
#otoku .center { margin-bottom: 5px;}

/*--------------------------------------------------------------------
	07.staff
--------------------------------------------------------------------*/
.staff {
	padding-top: 23px;
	margin-bottom: 20px;
	background: url(../img/box_foot.gif) repeat-x 0 0;
}

.staff div {
	float: right;
	width: 380px;
}

.staff h5 {
	padding: 9px 13px 0;
	background: url(../img/bg_staff_h5.gif) no-repeat 0 0;
	height: 39px;
	font-size: 14px;
	font-weight: bold;
}

.staff img.left {
	margin-right: 27px;
	margin-bottom: 0;
	margin-left: 1px;
	padding: 2px;
	border: 1px solid #cccccc;
}

.staff table {
	margin: 0 0 0;
	width: 375px;
}
.staff th,
.staff td {
	padding: 7px 3px 5px;
	text-align: left;
	vertical-align: top;
}
.staff th { width: 75px;}
.staff td { width: 300px;}

.staff p {
	clear: both;
	margin: 0;
	padding: 15px 1px 19px;
	background: url(../img/box_foot.gif) repeat-x 0 100%;
}
*:first-child+html .staff p { padding-top: 0;}


/*--------------------------------------------------------------------
	08.contact
--------------------------------------------------------------------*/
.contact th {
	width: 170px;
}
.contact td {
	width: 400px;
}

.contact em {
	color: #68bf39;
	font-style: normal;
	font-size: 11px;
}

.contact input,
.contact select { margin-bottom: 2px;}

.contact .nb{ background: none;}
.contact .mb { margin-bottom: 20px;}

/* tel 
-----------------------------------------*/
.tel table {
	margin: 0 auto;
	width: 580px;
}

.tel th,
.tel td {
	padding: 0 5px;
	background: none;
	border-top: 5px solid #ffffff;
	border-bottom: 7px solid #ffffff;
	border-right: 5px solid #ffffff;
	vertical-align: middle;
}
.tel th {
	background: #ebffd9;
	width: 250px;
	text-align: center;
	font-weight: bold;
}
.tel td {
	width: 330px;
	text-align: left;
}


/* ul
---------------------------------------------*/
.contact ol {
	padding-top: 5px;
	padding-left: 45px;
	padding-right: 20px;
}
.contact ol li {
	list-style-position: outside;
	list-style-type: decimal;
	font-size: 10px;
}


/*--------------------------------------------------------------------
	09.info_box
--------------------------------------------------------------------*/
#info_box {
	margin: 0 auto 31px;
	padding: 0 25px;
	background: url(../img/bg_info_box.gif) no-repeat 0 0;
	width: 800px;
	height: 133px;
}

#info_box div {
	float: right;
	padding-top: 32px;
	width: 563px;
}

#info_box div p {
	padding-top: 44px;
	width: 330px;
}

#info_box img.right {
}

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




/*--------------------------------------------------------------------
	10.sidebar
--------------------------------------------------------------------*/

/* results
---------------------------------------------*/
#side_r {
	margin-bottom: 18px;
	padding-bottom: 15px;
	background: #fff4f5 url(../img/side_box_foot_r.gif) no-repeat 0 100%;
	width: 220px;
}
#side_r h3 { margin-bottom: 11px;}
#side_r img { margin: 0 auto;}


/* pickup
---------------------------------------------*/
#side_p {
	margin-bottom: 18px;
	padding-bottom: 12px;
	background: #d7f6ff url(../img/side_box_foot_p.gif) no-repeat 0 100%;
	width: 220px;
}
#side_p h3 { margin-bottom: 12px;}
#side_p img { margin: 0 auto 4px;}


/* bnr
---------------------------------------------*/
#bnr {
	margin-bottom: 15px;
	width: 220px;
}
#bnr a img { margin: 0 auto 15px;}