@charset "shift_jis";

@import "../reset.css";
@import "../common.css";
@import "../main.css";


/*///////////////////////////////////////////////*/

/* mainContents

/////////////////////////////////////////////////*/

#mainContents h3 {
	background:url(/cms/images/option/o2o/bg_st.png) no-repeat 0 0;
}
#mainContents h3.catch {
	margin-left:10px;
}
#mainContents h3.catch.btm30 {
	margin-bottom:30px;
}
#mainContents h3.catch span {
	color:#2cb5a1;
}
#mainContents h4.catch {
	font-size:20px;
}

/*-----------------------------------------------*/
/* boxOnayami
-------------------------------------------------*/

/* #mainContents #boxOnayami {
	display:block;
	position:relative;
	width:760px;
	height:235px;
	background:url(/cms/images/option/o2o/bg_onayami.png) no-repeat 0 0;
}
#mainContents #boxOnayami h3 {
	position:absolute;
	top:21px;
	left:181px;
}
#mainContents #boxOnayami ul {
	position:absolute;
	top:85px;
	left:180px;
	text-align:left;
}
#mainContents #boxOnayami ul li {
	margin-bottom:3px;
	padding-left:32px;
	background:url(/cms/images/common/i_check_red.png) no-repeat 0 2px;
	font-size:18px;
}
#mainContents #boxOnayami ul li strong {
	font-weight:bold;
} */

/*-----------------------------------------------*/
/* boxFunction
-------------------------------------------------*/

#boxFunction {
	margin-bottom:25px;
}
#boxFunction ol {
	margin-left:15px;
}
#mainContents #boxFunction ol li {
	line-height:150%;
	margin-bottom:5px;
	padding-left:40px;
	font-size:26px;
	font-weight:bold;
}
#boxFunction li span {
	font-size:12px;
}
#boxFunction li#no1 {
	background:url(/cms/images/option/o2o/no1.png) no-repeat 0 0;
}
#boxFunction li#no2 {
	background:url(/cms/images/option/o2o/no2.png) no-repeat 0 0;
}
#boxFunction li#no3 {
	background:url(/cms/images/option/o2o/no3.png) no-repeat 0 0;
}
#mainContents #boxFunction ul {
	margin-top:10px;
	padding-top:20px;
	background:url(/cms/images/common/line_dot.gif) repeat-x 0 0;
}
#mainContents #boxFunction ul li {
	margin-left:45px;
	margin-right:15px;
	text-indent:-25px;
}

/*-----------------------------------------------*/
/* boxExample
-------------------------------------------------*/

#boxExample .box {
	width:740px;
	margin:10px auto 25px auto;
	padding-bottom:15px;
	background:url(/cms/images/option/o2o/bg_box_dot.png) no-repeat left bottom;
}
#mainContents #boxExample .box h4 {
	margin:0;
	padding:0;
	background:none;
	text-indent:0;
}
#mainContents #boxExample .box h5 {
	margin:15px 15px 15px 20px;
	color:#2cb5a1;
	font-size:28px;
	font-weight:bold;
}

/* ul */

#mainContents #boxExample ul {
	margin:10px 20px;
	padding-top:20px;
	padding-left:2px;
	background:url(/cms/images/common/line_dot.gif) repeat-x 0 0;
}
#mainContents #boxExample ul li {
	margin-bottom:5px;
	padding-left:15px;
	background:url(/cms/images/common/dot.gif) no-repeat 0 3px;
}

/* boxDiana */

#boxDiana .boxPhoto {
	margin:0 20px 10px 25px;
}
#boxDiana .boxPhoto .image {
	float:left;
}
#mainContents #boxExample .box#boxDiana ul {
	float:right;
	width:245px;
	margin:10px 0 0 0;
	padding:0;
	background:none;
}
#mainContents #boxExample .box#boxDiana ul li {
	margin-bottom:5px;
	padding-left:15px;
	background:url(/cms/images/common/dot.gif) no-repeat 0 3px;
}




/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

#boxDiana .boxPhoto {
	zoom: 1; /* for IE5.5 - IE7 */
}
#boxDiana .boxPhoto:after {
	/* for modern browser */
  content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}