@charset "utf-8";

/* Content -------------------------*/

#content{
background:url(../page_images/home_content_bg06.jpg) repeat-x 0 0;
text-align:center;
}
#inner-content01{
width:930px;
margin:0 auto;
text-align:left;
background:#fff;
}
#whats-title,
#lets-title {padding: 15px 0 15px 10px;}

/* Navi -------------------------*/
#navi{
width:898px;
margin:0 auto 20px auto;
}
#navi:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html #navi{display:inline-block;}
*:first-child+html #navi{display:inline-block;}
#navi li{float:left;}


/**/
.home-col {width: 897px; margin: 0 auto 20px auto; background: url(../page_images/home_bg_rep.gif) repeat-y 0 0;}
.home-col h3{margin-bottom: 6px;}
.home-col .home-col-inr { padding: 20px 30px 13px 30px; background: url(../page_images/home_bg_btm.gif) no-repeat left bottom;}
.home-col .ti-easy {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 10px 0 77px; background: url(../page_images/home_bg_h2_01.gif) no-repeat 0 0;}
.home-col .ti-easy h2 {padding-top: 19px; margin-bottom: 5px;} 

.home-col .ti-beauty {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 10px 0 77px; background: url(../page_images/home_bg_h2_02.gif) no-repeat 0 0;}
.home-col .ti-beauty h2 {padding-top: 19px; margin-bottom: 5px;} 

.home-col .ti-enjoy {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 10px 0 77px; background: url(../page_images/home_bg_h2_03.gif) no-repeat 0 0;}
.home-col .ti-enjoy h2 {padding-top: 19px; margin-bottom: 5px;} 

.home-col .ti-lets-enj {height: auto !important; min-height: 85px; height: 85px; color: #fff; font-weight: bold; padding: 0 20px 0 97px; background: url(../page_images/lets_bg_h2_03.gif) no-repeat 0 0;}
.home-col .ti-lets-enj h2 {padding-top: 19px; margin-bottom: 5px;} 

.col-02 .col-l {width: 405px; float: left;}
.col-02 .col-r {width: 405px; float: right;}
.col-02 dl {font-size: x-small;float: left; width: 143px; padding-top: 5px;}
.col-02 dl dt {color: #444E57; font-weight: bold;}
.col-02 dl dt,
.col-02 dl dd {padding-right: 15px;}
.col-02 dl.last {width: 115px;}
.col-02 dl.last dt,
.col-02 dl.last dd {padding-right: 0;}

.col-04 {font-size: x-small;}
.col-04 ul li {list-style-type: disc; list-style-position: outside; margin: 5px 10px 0 13px;}
.col-04 .col01,
.col-04 .col02,
.col-04 .col03 {float: left; width: 215px;}
.col-04 .col04 {float: left; width: 189px;}

.col-02 p {font-size: x-small; margin: 10px 0;}
.col-02 ul li {font-size: x-small; list-style-type: disc; list-style-position: outside; margin: 5px 10px 0 13px;}

/* Product -------------------------*/

#product{
font-size: x-small;
background:url(../page_images/home_what_bg01.gif) no-repeat 0 100%;
width:843px;
margin:20px auto 0;
padding-bottom:9px;
}
#product ul{
background:url(../page_images/home_product_bg01.gif) repeat-y 0 0;
padding:10px 0;
}
#product ul:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html #product ul{display:inline-block;}
*:first-child+html #product ul{display:inline-block;}

#product ul li{
float:left;
width:250px;
padding: 0 15px;
}
#product ul li:after{content:".";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
*html #product ul li{display:inline-block;}
*:first-child+html #product ul li{display:inline-block;}

#product ul li dl{
float:right;
width:115px;
line-height:1.2;
}
#product ul li dt{padding-bottom:5px;}
#product ul li dd{margin-top:2px;}
#product ul li p{margin-right:120px;}
#product ul li p.link{
margin-top:5px;
padding-left:6px;
line-height:1;
background:url(../page_images/ar02.gif) no-repeat 0 .25em;
}

.innerContent {
	width: 870px;
	margin-left: 30px;
	clear: both;
}
.subTitle {
	padding-bottom: 5px;
}
#sozaiList {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: 12px;
	width: 570px;
	float: left;
}
#sozaiList td {
	padding: 2px;
	color: #666666;
}
#text1 {
	margin-bottom: 5px;
}
#text2 {
	width: 570px;
	float: left;
	margin-top: 10px;
}
#btnDL {
	float: right;
	margin-top: 10px;
}
#btnDPM {
	margin-top: 10px;
	float: right;
	width: 420px;
}

.clearBlank {
	clear: both;
	margin-bottom: 10px;
}

#btnHowto {
	margin-left: 20px;
	float: left;
}
#pageTitle {
	padding-top: 20px;
}
.cap {
	font-family: "MS UI Gothic", Osaka, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666666;
	margin-top: 5px;
}
.caution {
	font-family: "MS UI Gothic", Osaka, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FF6600;
	margin-top: 5px;
}
.leftColumn {
	float: left;
	width: 420px;
	margin-top: 20px;
}
.rightColumn {
	width: 420px;
	padding-left: 30px;
	float: left;
	margin-top: 20px;
}
.leftColumn2 {
	float: left;
	width: 420px;
}
.rightColumnStep6 {
	width: 420px;
	padding-left: 30px;
	float: left;
	height: 145px;
	background-image: url(../dpm/images/howto_img06.jpg);
	background-repeat: no-repeat;
	background-position: 30px 0px;
	margin-bottom: 20px;
}
#btnDP {
	padding-top: 78px;
	padding-left: 230px;
}

.clumn1d {
	padding-top: 30px;
}

.column2dL {
	width: 420px;
	margin-top: 5px;
	float: left;
}
.column2dR {
	width: 420px;
	margin-top: 5px;
	float: right;
}

.expText {
	padding-bottom: 10px;
}
.expFig {
	margin-bottom: 10px;
}
.expFig1d {
	padding-top: 5px;
}
.expFig1d2 {
	background-color: #DCF3C5;
}
#btnBack {
	padding-top: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #3399FF;
	padding-bottom: 10px;
}
.caution2 {
	color: #FF0000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 16px;
	margin-top: 5px;
	padding-top: 100px;
}
#read {
	margin-top: 10px;
}
.linkText {
	background-image: url(../dpm/images/icon_dl.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 15px;
	font-weight: bold;
	text-decoration: none;
}
.dlText {
	background-image: url(../dpm/images/icon_dl.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-left: 15px;
	margin-top: 5px;
}

.subTitleBrog {
	background-image: url(../dpm/images/chara_h2_brog.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 30px;
	width: 860px;
	padding-top: 5px;
	padding-right: 10px;
	background-color: #DCF3C5;
}
.subTitleAnimal {
	background-image: url(../dpm/images/chara_h2_animal.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 30px;
	width: 860px;
	padding-top: 5px;
	padding-right: 10px;
}
.subTitleAll {
	background-image: url(../dpm/images/chara_h2_all.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 30px;
	width: 860px;
	padding-top: 5px;
	padding-right: 10px;
	clear: both;
}
.subTitleBoy {
	background-image: url(../dpm/images/chara_h2_boy.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 30px;
	width: 860px;
	padding-top: 5px;
	padding-right: 10px;
}
.subTitleGirl {
	background-image: url(../dpm/images/chara_h2_girl.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 30px;
	width: 860px;
	padding-top: 5px;
	padding-right: 10px;
}
.subTitleFamily {
	background-image: url(../dpm/images/chara_h2_family.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 30px;
	width: 860px;
	padding-top: 5px;
	padding-right: 10px;
}
.subTitleBiz {
	background-image: url(../dpm/images/chara_h2_biz.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 30px;
	width: 860px;
	padding-top: 5px;
	padding-right: 10px;
}
.subTitleOther {
	background-image: url(../dpm/images/chara_h2_other.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 30px;
	width: 860px;
	padding-top: 5px;
	padding-right: 10px;
}
.subTitleOther2 {
	background-image: url(../dpm/images/chara_h2_other2.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 30px;
	width: 860px;
	padding-top: 5px;
	padding-right: 10px;
}
#columnDPM {
	background-image: url(../dpm/images/top_kakomi_bg.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 30px;
}
.columnBtm {
	clear: both;
	margin: 0px;
	padding: 0px;
}

.columnDPMleft {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 390px;
	margin-bottom: 10px;
	float: left;
}
.columnDPMsubtitle {
	margin-bottom: 5px;
}
.columnDPMright {
	float: right;
	width: 390px;
}
.columnDPMleft p {
	margin-bottom: 20px;
}
#columnDPMbtm {
	clear: both;
	width: 870px;
}
.columnDPMright p {
	margin-bottom: 20px;
}
.innerContent h3 {
	font-weight: bold;
	color: #3399CC;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399CC;
	margin-top: 10px;
}
#clumnDPMtitle {
	padding-top: 20px;
}
#license ul {
	margin-top: 10px;
}
#license li {
	text-indent: -1.8em;
	padding-left: 4em;
}
#company {
	text-align: right;
}
#btnLicense {
	text-align: center;
	padding-top: 15px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #3399CC;
}
#install .subTitle {
	margin-bottom: 10px;
	margin-top: 30px;
}
#step1 {
	background-image: url(../dpm/images/install_num_1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	height: 120px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399CC;
}
#step2 {
	background-image: url(../dpm/images/install_num_2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	height: 302px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399CC;
}
#step3 {
	background-image: url(../dpm/images/install_num_3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	height: 302px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399CC;
}
#step4 {
	background-image: url(../dpm/images/install_num_4.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	height: 302px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399CC;
}
#step5 {
	background-image: url(../dpm/images/install_num_5.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	height: 302px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399CC;
}
#step6 {
	background-image: url(../dpm/images/install_num_6.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	height: 302px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399CC;
}
#step7 {
	background-image: url(../dpm/images/install_num_7.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	height: 302px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399CC;
}
.expFig1d2 p {
	padding-bottom: 5px;
	padding-left: 20px;
}



/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt05 { margin-top: 5px; !important;}
.mt10 { margin-top: 10px; !important;}
.mt15 { margin-top: 15px; !important;}
.mt20 { margin-top: 20px; !important;}
.mt25 { margin-top: 25px; !important;}
.mt30 { margin-top: 30px; !important;}
.mt35 { margin-top: 35px; !important;}
.mt40 { margin-top: 40px; !important;}
.mt45 { margin-top: 45px; !important;}
.mt50 { margin-top: 50px; !important;}
.mt55 { margin-top: 55px; !important;}
.mt60 { margin-top: 60px; !important;}

.mb05 { margin-bottom: 5px; !important;}
.mb10 { margin-bottom: 10px; !important;}
.mb15 { margin-bottom: 15px; !important;}
.mb20 { margin-bottom: 20px; !important;}
.mb25 { margin-bottom: 25px; !important;}
.mb30 { margin-bottom: 30px; !important;}
.mb35 { margin-bottom: 35px; !important;}
.mb40 { margin-bottom: 40px; !important;}
.mb45 { margin-bottom: 45px; !important;}
.mb50 { margin-bottom: 50px; !important;}
.mb55 { margin-bottom: 55px; !important;}
.mb60 { margin-bottom: 60px; !important;}

.ml05 { margin-left: 5px; !important;}
.ml10 { margin-left: 10px; !important;}
.ml17 { margin-left: 17px; !important;}
.ml15 { margin-left: 15px; !important;}
.ml20 { margin-left: 20px; !important;}
.ml25 { margin-left: 25px; !important;}
.ml30 { margin-left: 30px; !important;}
.ml35 { margin-left: 35px; !important;}
.ml40 { margin-left: 40px; !important;}
.ml45 { margin-left: 45px; !important;}
.ml50 { margin-left: 50px; !important;}

.mr05 { margin-right: 5px; !important;}
.mr10 { margin-right: 10px; !important;}
.mr15 { margin-right: 15px; !important;}
.mr20 { margin-right: 20px; !important;}
.mr25 { margin-right: 25px; !important;}
.mr30 { margin-right: 30px; !important;}
.mr35 { margin-right: 35px; !important;}
.mr40 { margin-right: 40px; !important;}
.mr45 { margin-right: 45px; !important;}
.mr50 { margin-right: 50px; !important;}


/* padding */

.pt05 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}

.pb05 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}

.pl05 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}

.pr05 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}

.p05 { padding: 5px;}
.p10 { padding: 10px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}
.p25 { padding: 25px;}
.p30 { padding: 30px;}