@charset "shift_jis";

/*==================================================
  about_title
  about_tab1
  about_tab2
  about_pc
  about_mobile
  about_iphone
  about_tv
  about_life1
  about_notMenber
==================================================*/


/*--------------------------------------
  about_pc
--------------------------------------*/

#contents #main-content #about #about_pc1 {
	padding: 0px 10px;
}

#contents #main-content #about #about_pc1 #topimage {
	float: left;
}

#contents #main-content #about #about_pc1 #toptext {
	width: 310px;
	float: right;
	background: url(../images/pc/about_pc_no8p.jpg) right bottom no-repeat;
}

#contents #main-content #about #about_pc1 #toptext dl dd {
	padding-left: 38px;
	font-size: 12px;
	line-height: 1.3em;
}




#contents #main-content #about #about_pc2 {
	padding: 0px 10px;
}

#contents #main-content #about #about_pc2 h2 {
	margin-bottom: 10px;
}

#contents #main-content #about #about_pc2 h3 {
	margin-bottom: 10px;
}

#contents #main-content #about #about_pc2 #pcimage {
	width: 362px;
	float: left;
}

#contents #main-content #about #about_pc2 #pctext {
	width: 362px;
	float: right;
}

#contents #main-content #about #about_pc2 #pctext table {
	margin-bottom: 14px;
}

#contents #main-content #about #about_pc2 #pctext table.about-btn-detail{
	margin-bottom:11px;
}

#contents #main-content #about #about_pc2 #pctext table.about-btn-detail tr td img{
	margin:0 12px;
}


#contents #main-content #about #about_pc3 {
	padding: 0px 10px;
	margin-top:20px;
}

#contents #main-content #about #about_pc3 h2 {
	margin-bottom: 10px;
}

#contents #main-content #about #about_pc3 h3 {
	margin-bottom: 10px;
}

#contents #main-content #about #about_pc3 table {
	margin:0;
	padding:0;
	margin-top:4px;
	border-collapse:collapse;
	border-spacing:0;
}

#contents #main-content #about #about_pc3 table tr td{
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:right;
}


/*--------------------------------------
  about_mobile
--------------------------------------*/

#contents #main-content #about #about_mb1 {
	padding: 0px 10px;
	position: relative;
}

#contents #main-content #about #about_mb1 #mb_adress {
	position: absolute;
	top: 95px;
	left: 115px;
}

#contents #main-content #about #about_mb1 #mb_adress span {
	font-weight: bold;
}

#contents #main-content #about #about_mb1 dl {
	background: url(../images/mobile/about_mb_pic1.jpg) top left no-repeat;
	height: 370px;
	min-height: 370px;
}

#contents #main-content #about #about_mb1 dl dt {
	margin: 10px 0px 0px 210px;
	padding: 5px 0px 5px 0px;
	color: #eb2728;
	font-weight: bold;
	text-indent: 20px;
	
}

#contents #main-content #about #about_mb1 dl dt.mb_sarch {
	background: url(../images/mobile/mobile_icon_sarch.gif) left center no-repeat;
}

#contents #main-content #about #about_mb1 dl dt.mb_otoku {
	background: url(../images/mobile/mobile_icon_content.gif) left center no-repeat;
}

#contents #main-content #about #about_mb1 dl dd {
	margin-left: 230px;
}

#contents #main-content #about #about_mb1 dl dd span {
	color: #888888;
}

#contents #main-content #about #about_mb2 {
	padding: 0px 10px;
}

#contents #main-content #about #about_mb2 #mb_step {
	background: url(../images/mobile/about_mb_pic3.jpg) right top no-repeat;
	min-height: 204px;
	height: auto !important;
	height: 204px; 
}

#mb_step .txtbox01 {
	width: 430px;
}

#contents #main-content #about #about_mb2 #mb_step p {
	margin-bottom: 20px;
}

#contents #main-content #about #about_mb2 #mb_step p span {
	color: #888888;
}



/*--------------------------------------
  about_iphone
--------------------------------------*/

#contents #main-content #about #about_iphone1 {
	padding: 0px 10px;
	position: relative;
}

#contents #main-content #about #about_iphone1 #iphone_read {
	position: absolute;
	width: 570px;
	top: 45px;
	left: 26px;
}

#contents #main-content #about .iphone_install {
	background: url(../images/smp/bg_iphone_install.gif) no-repeat;
	height: 270px;
	position: relative;
	margin-top:20px;
}

#contents #main-content #about #about_iphone1 .iphone_install ul.dl-link {
	position: absolute;
	font-size: 120%;
	top: 145px;
	left: 65px;
	margin: 0; padding: 0;
}

#contents #main-content #about #about_iphone1 .iphone_install ul.dl-link li {
	padding: 0;
	margin-right: 5px;
	float: left;
	display: inline;
} 

#contents #main-content #about #about_iphone1 #iphone_read  #iphone_read_1 {
	color: #eb2728;
}

#contents #main-content #about #about_iphone1 #iphone_read  #iphone_read_2 {
	margin-top: 10px;
}

#contents #main-content #about #about_iphone1 #iphone_read table {
	margin-top: 15px;
}


#contents #main-content #about #about_iphone1 #iphone_step1,
#contents #main-content #about #about_iphone1 #iphone_step2 {
	width: 185px;
	float: left;
}

#contents #main-content #about #about_iphone1 #iphone_step3 {
	float: left;
    margin-left: 55px;
    width: 480px;
}

/*#contents #main-content #about #about_iphone1 #iphone_step4 {
	width: 355px;
	float: left;
}*/

#contents #main-content #about #about_iphone1 #iphone_step4 {
	position:relative;
}
	#contents #main-content #about #about_iphone1 #iphone_step4 p.step4_txt01 {
		font-size:12px;
		position:absolute;
		top:48px;
		left:230px;
		width:160px;
	}
	#contents #main-content #about #about_iphone1 #iphone_step4 p.step4_txt02 {
		font-size: 12px;
		position: absolute;
		right: -7px;
		bottom: 68px;
		width: 100px;
	}
	#contents #main-content #about #about_iphone1 #iphone_step4 p.step4_txt {
		font-size:14px;
		font-weight:bold;
		margin-top:20px;
		line-height:1.6;
	}


#contents #main-content #about #about_iphone1 #iphone_step1 dd,
#contents #main-content #about #about_iphone1 #iphone_step2 dd,
#contents #main-content #about #about_iphone1 #iphone_step3 dd,
#contents #main-content #about #about_iphone1 #iphone_step3 dd {
	padding: 5px 10px 0px 50px;
}

#contents #main-content #about #about_iphone1 .iphone_content dl {
	width: 475px;
}

#contents #main-content #about #about_iphone1 .iphone_content dl dt {
	padding-top: 15px;
	font-weight: bold;
	color: #eb2728;
}

#contents #main-content #about #about_iphone1 .iphone_content dl dt.iphone_content_blue {
	color: #0000ff;
}

#contents #main-content #about #about_iphone1 .iphone_content dl dd {
	padding: 5px 0px 0px 10px;
}


#contents #main-content #about #about_iphone1 #iphone_chuui {
	padding: 10px;
	margin: 15px 0 10px;
	border: 1px solid #eb2728;
}

#contents #main-content #about #about_iphone1 #iphone_chuui p {
	font-weight: bold;
	color: #eb2728;
}

#contents #main-content #about #about_iphone1 #iphone_chuui li {
	padding-top: 10px;
}


#contents #main-content #about #about_iphone1 h3 {
	border-bottom:3px solid #fd9927;
	padding: 5px 5px 3px;
	font-size: 125%;
}

#contents #main-content #about #about_iphone1 span.to-guide {
	font-size: 80%;
	padding-left: 280px;
}

#contents #main-content #about #about_iphone1 h4 {
	background-color: #fee1be;
	padding: 3px 5px 5px;
		margin-bottom: 5px;
}

#contents #main-content #about #about_iphone1 .iphone_content dl.iphone_dotted {
	float: left;
	width: 150px;
	height: 195px;
	padding-right: 212px;
	background: url(../images/smp/about_post_dotted.jpg) right top no-repeat;
	margin-bottom:0;padding:bottom:0;
}


#contents #main-content #about #about_iphone1 .iphone_content dl.iphone_shiborikomi {
	float: left;
	width: 150px;
	height: 132px;
	padding-right: 212px;
	background: url(../images/smp/about_iphone_siborikomi.jpg) right top no-repeat;
	margin-bottom:0;padding:bottom:0;
}

#contents #main-content #about #about_iphone1 .iphone_content dl.iphone_matomeru {
	float: left;
	width: 150px;
	height: 132px;
	padding-right: 212px;
	background: url(../images/smp/about_iphone_matomeru.jpg) right top no-repeat;
	margin-bottom:0;padding:bottom:0;
}
#contents #main-content #about #about_iphone1 .iphone_content #post_check,
#contents #main-content #about #about_iphone1 .iphone_content #iphone_update {
	border-top:1px dotted #fd9927;
	padding: 5px 0;
	margin-top: 90px;
}

#contents #main-content #about #about_iphone1 .iphone_content dl.iphone_function {
	padding-right: 300px;
	/*background: url(../images/smp/about_iphone_ipad.jpg) 460px bottom no-repeat;*/
	min-height: 180px;
	height: auto !important;
	height: 300px;
	margin-top: 130px;
}

#contents #main-content #about #about_iphone1 .iphone_content div.iphone_dl {
	position: relative;
	width: 725px;
	height: 135px;
	margin-top: 15px;
	background: url(../images/smp/bg_iphone_install_2.gif) no-repeat;
} 

#contents #main-content #about #about_iphone1 .iphone_content div.iphone_dl ul {
	position: absolute;
	margin: 0; padding: 0;
	left: 65px; top: 30px;
}

#contents #main-content #about #about_iphone1 .iphone_content div.iphone_dl ul li {
	display: block;
	float:left;
	display: inline;
	margin-right: 5px;
}

#contents #main-content #about #about_iphone1 #iphone_mirutoku {
	background: url(../images/smp/about_iphone_mirutoku_bg.jpg) no-repeat;
	width: 724px;
	height: 128px;
	position: relative;
	margin-bottom: 25px;
	border-top:3px solid #fd9927;
}

#contents #main-content #about #about_iphone1 #iphone_mirutoku .mirutoku_mirutoku {
	position: absolute;
	top: 92px;
	left: 345px;
}

#contents #main-content #about #about_iphone1 #iphone_mirutoku .mirutoku_howto {
	position: absolute;
	top: 92px;
	left: 495px;
}


/*--------------------------------------
  about_tv
--------------------------------------*/

#contents #main-content #about #about_tv1 {
	padding: 0px 10px;
}

#contents #main-content #about #about_tv1 .tv_box {
	margin-bottom: 10px;
}

#contents #main-content #about #about_tv1 .tv_box p {
	width: 190px;
	float: left;
}

#contents #main-content #about #about_tv1 .tv_box dl {
	width: 535px;
	float: right;
}

#contents #main-content #about #about_tv1 .tv_box dl dt {
	padding: 5px 0px 10px 0px;
}

#contents #main-content #about #about_tv1 .tv_box dl table {
	margin-top: 10px;
}


/*--------------------------------------
  about_life
--------------------------------------*/

#contents #main-content #about #about_life {
	padding: 0px 10px;
	line-height: 1.4em;
	background: url(../images/common/about_contents_bg.gif) top no-repeat;
}

#contents #main-content #about #about_life p {
	width: 402px;
	float: left;
}

#contents #main-content #about #about_life dl {
	width: 320px;
	float: right;
}


#contents #main-content #about #about_life_t {
	margin-top: 10px;
	padding: 0px 10px;
	line-height: 1.4em;
}

#contents #main-content #about #about_life_t td {
	background: #f0f0f0;
	border-right: 5px solid #ffffff;
}

#contents #main-content #about #about_life_t #life_t1 td {
	padding-top: 15px;
}

#contents #main-content #about #about_life_t #life_t2 td,
#contents #main-content #about #about_life_t #life_t4 td {
	padding: 10px 10px 0px 10px;
}

#contents #main-content #about #about_life_t #life_t5 td {
	padding: 10px 0px 15px 0px;
}


#contents #main-content #about #about_life_navi {
	margin-top: 20px;
	text-align: center;
}

#contents #main-content #about #about_life_navi li {
	display: inline;
}

#contents #main-content #about #about_life_navi p {
	margin-top: 20px;
}


/*
	about_notMenber
*/
#contents #main-content #about ul#notmember {
	width:98%;
	border:3px #ff8c52 solid;
	margin:8px auto 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#contents #main-content #about ul#notmember li {
	display:block;
	text-align:center;
	float:left;
	width:310px;
	margin:10px 0 6px 10px;
}

#contents #main-content #about ul#notmember li.login {
	margin-left:40px;
}

#contents #main-content #about ul#notmember li.read{
	width:100%;
	text-align:left;
	display:block;
	position:relative;
	float:none;
	margin:0;
}

#contents #main-content #about ul#notmember li img{
	margin:2px 0;
}

#contents #main-content #about ul#notmember li a.cssover:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}