@charset "UTF-8";
/* =======================================

iPhone

========================================== */
/*1.
========================================== */

/* ---------- 1:reset  ---------- */
* {zoom:normal;}

body{
	margin: 0;
	padding: 0;
	text-align: center;
}

body { font-family:"MS P Gothic","MS UI Gothic";}

html>body { font-family:"Lucida Grande",sans-serif; }

*+html body { font-family:"Meiryo",sans-serif; }

select,input,textarea { font-family:"MS P Gothic","MS UI Gothic"; }

html>body select,
html>body input,
html>body textarea {
 font-family:"Lucida Grande",sans-serif;
}

*+html body select,
*+html body input,
*+html body textarea {
 font-family:"Meiryo",sans-serif;
 }

ol, ul, li,dd, dt { font-family:"MS P Gothic","MS UI Gothic"; }

html>body ol,
html>body ul,
html>body li,
html>body dd,
html>body dt {
 font-family:"Lucida Grande",sans-serif;
 }

*+html body ol,
*+html body ul,
*+html body li,
*+html body dd,
*+html body dt {
 font-family:"Meiryo",sans-serif;
 }

/* fontsize
--------------------------------------------------*/
/* Double Byte Symbol IE7, Safari */
table.model-spec td {
	font-family:"MS P Gothic","MS UI Gothic";
	}
.dbs-fix {
	font-family:"MS P Gothic","MS UI Gothic";
	}

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

dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,p,div{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
	}
ul li, ol li{
	list-style: none;
	}

table{
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	}

address,em,strong{
	font-weight: normal;
	font-style: normal;
	}

img{
	line-height:1em;
	font-size:1%;
	vertical-align:middle;
	}

a img{
	border:0;
	}

a:link,
a:visited{
	color:#0099CC;
}
a:hover{
	color:#63D4FC;
}

hr.separation{
	display: none;
	}

fieldset{
	border: none;
	}

/* ---------- /1:reset  ---------- */


/* ---------- 2:layout ---------- */

/* 2-1:layout common */
#wrapper{
	text-align:left;
	line-height:1.3em;
}
#footer{
	padding-top:20px;
	text-align: center;
	font-size:90%;
}
#footer address{
	padding:10px 0 20px;
	border-top:1px solid #ccc;
	line-height:1.4em;
	font-size:small;
	font-family:"MS P Gothic","MS UI Gothic","Hiragino Kaku Gothic Pro","Osaka";
}
.clear{
	clear: both;
}

/* /2-1:layout common */
/* from common.css================================*/


/* 1-1.Clearfix
---------------------------------------- */
.clfix {
	min-height:1%;
	background-position: center top;
}
.clfix:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html .clfix {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}
/* 1-2.透過PNG　IE6対応
  ---------------------------------------- */
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this));

}
/*2.
========================================== */
body { background-color: #f1f1f1; }
img { border:none; }
#emg {
	margin-right: auto;
	margin-left: auto;
}
#wrap {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#frame {
	width: 950px;
	margin: 20px auto;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/bg02.gif) repeat-y;
}
#contents {
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/bg01.gif) no-repeat;
	width: 908px;
	padding-right: 21px;
	padding-left: 21px;
	padding-top: 31px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	color: #6a6a6a;
	line-height: 1.3;
}
#iphone-buy { float: left; }
#iphone-buy a {
	display:block;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/bnr_setup.png);
	height: 128px;
	width: 445px;
	text-indent: -9999px;
	overflow:hidden;
}
#info-frame {
	width: 445px;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/info_bg03.gif) no-repeat;
	background-position: center bottom;
}
#info-bg {
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/info_bg01.gif) no-repeat;

	width: 445px;
	padding-top: 12px;
}
#info-main {
	float: left;
	width: 445px;
	margin-top: 20px;
	margin-left: 18px;
	clear: right;
}
#info-title {
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/info_title.gif) no-repeat;
	height: 18px;
	text-indent: -9999px;
	margin-bottom: 6px;
}
#info-bg dl {
	margin-right: 15px;
	margin-left: 15px;
}
#info-link {
	text-align: left;
	font-size: 14px;
}
#info-link p {
	display: block;
	padding-left: 20px;
	margin-bottom: 9px;
}
#iphone-attention {
	display: block;
	text-align: left;
	margin: 0 auto 10px;
	clear: both;
	padding: 10px 0 0 12px;
	font-size: 12px;
	line-height: 1.4em;
}
#iphone-attention li { list-style-type: disc; }
#contents-footer {
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/bg03.gif) center bottom no-repeat;
	width: 950px;
	height: 7px;
	clear: both;
}
/*3. add class 2010.04.07 renewal
========================================== */
#contents_top { margin-bottom: 20px; }
#top_point {
	width: 596px;
	float: left;
}
#top_point h1 {
	width: 596px;
	height: 55px;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/title.png) no-repeat;
	margin-bottom: 10px;
	text-indent: -9999px;
	overflow: hidden
}
#top_point p {
	width: 596px;
	height: 77px;
	margin-bottom: 20px;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/sub_title.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden
}

#top_point dt{
	display: block;
	width: 596px;
	height: 30px;
	margin-bottom: 10px;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/1.1.0/sp_text_006.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden
}
#top_point dt.point1{ background-position: 0 0;}
#top_point dt.point2{ background-position: 0 -30px;}
#top_point dt.point3{ background-position: 0 -60px;}

#top_point dd {
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-left: 35px;
	border-bottom: 1px solid #c8c8c8;
}
#top_iphone {
	width: 250px;
	float: right;
}
#contents_middle {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #c8c8c8;
}
#top_capture {
	width: 305px;
	float: left;
	text-align: left;
	vertical-align: top;
}

/* ------ Caption Module ----- */
#top_caption {
	width: 595px;
	float: right;
	text-align: left;
	margin-bottom: 20px;
}

.bg1 {
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/top_caption_bg1.gif) no-repeat;
}
.bg2 {
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/top_caption_bg2.gif) repeat-y;
}
.bg3 {
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/top_caption_bg3.gif) center bottom no-repeat;
	padding-bottom: 10px;
}
#top_caption dl {
	padding: 10px 0 20px;
	margin: 0 15px;
	border-bottom: 1px solid #C8C8C8;
}
#top_caption .bg3 dl{
	border: none;
}

#top_caption dt {
	display: block;
	height: 38px;
	margin-bottom: 8px;
	padding-left: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/1.1.0/sp_text_006.png);
	background-repeat: no-repeat;
}
#top_caption dd {
	padding-left: 10px;
	padding-right: 10px;
}

/*4. add class 2011.01.27 renewal
========================================== */
#top_caption .top1 dt{ background-position: 0 -90px; }
#top_caption .top2 dt{ background-position: 0 -128px; }
#top_caption .top3 dt{ background-position: 0 -166px; }
#top_caption .top4 dt{ background-position: 0 -204px; }
#top_caption .top5 dt{ background-position: 0 -242px; }
#top_caption .top6 dt{ background-position: 0 -280px; }
#top_caption .top7 dt{ background-position: 0 -318px; }
#iphone-buy .iphone_setup {
	margin-top: 6px;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/bnr_setup.jpg);
}

/* 5. add modules 2012.04.26 renewal
========================================== */
#setting {
	margin: 30px auto;
}
/* Title setting */
#setting h2, #setting h3 {
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/1.1.0/sp_text_006.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#setting h2 {
	width: 606px;
	height: 24px;
	margin-bottom: 10px;
	background-position: 0 -356px;
}
#setting h3 {
	height: 20px;
	margin: 0 15px;
}
#setting .service_setting h3{background-position: 0 -390px;}
#setting .news_setting h3 {background-position: 0 -410px;}

/* Construction and Background setting */
.setting_caption{
	width: 910px;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/bg_w910_mid.png) repeat-y;
}
.service_setting {
	padding:15px 0;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/bg_w910_top.png) left top no-repeat;
	border-bottom: 1px solid #c8c8c8;
}
.news_setting{
	padding:15px 0;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/bg_w910_btm.png) left bottom no-repeat;
}

/* #setting content*/
#setting ol {
	padding: 0 6px;
}
#setting ol li{
	display: inline-block;
	width: 190px;
	margin: 15px;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
#setting li img {
	margin-bottom: 8px;
}
#setting li p {
	margin: 0 5px;
	padding-left: 1em;
	text-indent: -1em;
}

/* ----- #lead ----- */
/* Construction and Background setting */
#lead {
	width: 910px;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/bg_w910_mid.png) repeat-y;
	margin-bottom: 30px;
}
#lead .lead_content {
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/bg_w910_top.png) no-repeat;
}
#lead ul {
	position: relative;
	height: 100%;
	padding: 15px;
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/bg_w910_btm.png) left bottom no-repeat;
	overflow: hidden;
}

/* Title setting */
#lead h2, #lead dt {
	background: url(http://i.yimg.jp/images/mobile/pc/images/pr/iphone/1.1.0/sp_text_006.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#lead h2 {
	height: 24px;
	padding-bottom: 10px;
	background-color: #fff;
	background-position: 0 -430px;
}
#lead dt {
	height: 24px;
	margin-bottom: 10px;
	height: 20px;
}
#lead .barcode dt{background-position: 0 -464px;}
#lead .inputurl dt {background-position: 0 -484px;}

#lead li {
	padding:0 10px;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
#lead .barcode , #lead .inputurl{
	width: 400px;
}
#lead .barcode {
	padding-right:20px;
	border-right: 1px solid #c8c8c8;
}
#lead .barcode p{
	display: inline-block;
	width: 280px;
	margin-left: 10px;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}

#lead .inputurl {
	padding-left: 20px;
}
#lead .inputurl .urltxt {
	display: block;
	line-height: 50px;
	margin: 15px auto;
	text-align: center;
	background: #e8e8e8;
	color: #000;
	font-size: 22px;
}

.cf:after {
	content: '';
	clear: both;
}