@charset "utf-8";

#gadget{
	margin:0 0 20px 10px;
}

#gadget h3{
	font-size:130%;
	color:#0f8dc0;
	margin:0 0 20px 0;
	text-align:center;
}

#gadget #gadgetLead{
	padding:0 0 80px 0;
	background:url(../../img/gadget/gadget_capture.gif) no-repeat right top;
}

#gadget #gadgetLead ul{
	width:350px;
	margin:10px 0 10px 0;
}

#gadget #gadgetLead ul li{
	background:url(../../img/gadget/list_icon.gif) no-repeat 0 0;
	color:#f19900;
	font-size:120%;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	font-weight:bold;
}

#gadget #gadgetLead ul li span{
	color:#666666;
	font-size:60%;
	font-weight:normal;
}

#gadget #gadgetLead p.description{
	width:350px;
	line-height:1.5em
}

#gadget #gadgetLead p.description span{
	display:block;
	margin:10px 0 0 0;
	font-size:88%;
	line-height: 1.2;
}

#gadget div#download{
	border:#d8d8d8 solid 1px;
	background:#f2f2f2;
	padding:15px 20px;
	margin:40px 0 0 0;
}

#gadget #download p.safe{
	background:url(../../img/gadget/safe_bg.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
}

#gadget #download .safe span{
	display:block;
	margin:3px 0 0 0;
}

#gadget #download #divInstaller{
	text-align:center;
	border:#d8d8d8 solid 1px;
	margin:0 auto;
	background-color:#FFFFFF;
	height:90px;
	padding:30px 0 0 0;
}

#gadget #download h5{
	margin:10px 0 5px 0;
}

#gadget #download h6{
	margin:0 0 5px 0;
	font-weight:normal;
}

#gadget #download dt{
	width:100px;
	float:left;
}

#gadget #download dd{
	margin:0 0 0 100px;
}

/*-----------------------------------------------------------------

	1.application explain Area

-------------------------------------------------------------------*/
div#mainContetns div.appliItem{
	position: relative;
	width: 100%;
	text-align: center;
	clear:both;
}

div#mainContetns div.appliItem p.images{
	margin: 0px auto;
	line-height: 1;
}

/*---------------------------------------------------　Balloon　*/


div#mainContetns div.appliItem div.balloonBox01,
div#mainContetns div.appliItem div.balloonBox02,
div#mainContetns div.appliItem div.balloonBox03,
div#mainContetns div.appliItem div.balloonBox04{
	width: 178px;
	background-repeat: no-repeat;
	background-position: top left;
}

div#mainContetns div.appliItem div.balloonBox01,
div#mainContetns div.appliItem div.balloonBox02{
	background-image: url(../../img/gadget/bg_balloon_top.gif);
	padding-top: 5px;
}

div#mainContetns div.appliItem div.balloonBox03,
div#mainContetns div.appliItem div.balloonBox04{
	padding-top: 20px;
}

div#mainContetns div.appliItem div.balloonBox03{
	background-image: url(../../img/gadget/bg_balloon_top01.gif);
}

div#mainContetns div.appliItem div.balloonBox04{
	background-image: url(../../img/gadget/bg_balloon_top02.gif);
}

div#mainContetns div.appliItem div.balloonBox01 div.wrapFirst,
div#mainContetns div.appliItem div.balloonBox02 div.wrapFirst{
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#mainContetns div.appliItem div.balloonBox01 div.wrapFirst{
	background-image: url(../../img/gadget/bg_balloon_bottom01.gif);
	
}
div#mainContetns div.appliItem div.balloonBox02 div.wrapFirst{
	background-image: url(../../img/gadget/bg_balloon_bottom02.gif);
}


div#mainContetns div.appliItem div.balloonBox01 div.wrapSecond,
div#mainContetns div.appliItem div.balloonBox02 div.wrapSecond,
div#mainContetns div.appliItem div.balloonBox03 div.wrapSecond,
div#mainContetns div.appliItem div.balloonBox04	div.wrapSecond{
	text-align: center;
	background-image: url(../../img/gadget/bg_balloon.gif);
	background-repeat: repeat-y;
	background-position: left;
}

div#mainContetns div.appliItem div.balloonBox03 div.wrapFirst,
div#mainContetns div.appliItem div.balloonBox04	div.wrapFirst{
	text-align: center;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-image: url(../../img/gadget/bg_balloon_bottom.gif);
	padding-bottom: 5px;
}

div#mainContetns div.appliItem div.inner{
	width: 160px;
	margin: 0px auto;
	text-align: left;
}

div#mainContetns div.appliItem div.balloonBox01 div.inner,
div#mainContetns div.appliItem div.balloonBox02 div.inner{
	padding-bottom: 3px;
}


div#mainContetns div.appliItem div.balloonBox03 div.inner,
div#mainContetns div.appliItem div.balloonBox04 div.inner{
	padding-top: 3px;
}

div#mainContetns div.appliItem div.inner dl dt,
div#mainContetns div.appliItem div.inner dl dd{
	color: #4a2a04;
	line-height: 1.5;
}


div#mainContetns div.appliItem div.balloonBox01{
	position: absolute;
	top: -30px;
	left: 20px;
}

div#mainContetns div.appliItem div.balloonBox02{
	position: absolute;
	top: 10px;
	right: 10px;
}

div#mainContetns div.appliItem div.balloonBox03{
	position: absolute;
	bottom: 50px;
	left: 30px;
}

div#mainContetns div.appliItem div.balloonBox04{
	position: absolute;
	bottom: 35px;
	right: -20px;
}


/* gadget　notice */
div#gadgetNotice{
	margin: 15px 0;
}

h4.noticeTitle{
	background: url(/img/common/ico_notice_14.gif) no-repeat left 1px;
	padding: 2px 16px;
}
ul.noticeList li{
	background:  url(/img/common/ico_notice_11.gif) no-repeat left 2px;
	padding-left: 14px; 
	line-height: 1.4;
}

p.notice{
	background: url(/img/common/ico_notice_14.gif) no-repeat left 1px;
	padding: 2px 16px;
}	
h5#download{
	background: url(/img/gadget/ico_download.gif) no-repeat left 1px;
	padding: 3px 0 0 22px;
	height: 17px;
	_height: 20px;
}
ul#downloadFlow{
	margin:0 0 15px 20px;
}

ul#downloadFlow li{
	line-height: 1.6;
}
ul#downloadFlow li span{
	margin-right: 10px;
}