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

	corner-common

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



#main{

	width:100%; 

}



#corner-menu{

	width: 207px;

	float: right;

	text-align: center;

}

#corner-menu ul{

	margin-left: 16px;

}

div.bodyContents {

	margin: 5px 0 30px 20px;

}

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

#corner, #corner-use {

	width: 505px;

	padding: 0;

	float: left;

}

div.leftContents{

	width: 505px;

	padding: 0;

	float: left;

}

#corner-campaign{

	width:520px; 

	float: left;

}

#corner-100, #skaper{

	width:100%; 

	margin: 30px 0 20px 0;

}

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



#page-menu{

	padding: 6px 0 6px 10px;

	border-bottom: 1px solid #dddddd;

	color: #ffffff;

	font-size: 10px;

}



#page-menu ul{

	margin: 0px;

}

#page-menu li{

	list-style-type: none;

	display: inline;

	color: #ffffff;

	font-size: 10px;

	background-position:0 2px;

	background-repeat: no-repeat;

	padding:2px 10px 2px 18px;

	margin-left: 0px;

}

#page-menu li a{

	color: #555555;

	font-weight: normal;

}

.member-nosidemenu{

	

}

.use-icon{

	margin-left: 18px;

	margin-right: 10px;

	float: left;

}

.use-link{

	margin-top:10px;

	float: left;

}



/*********/



#main-nosidemenu{

	width:100%; 

}

#main-nosidemenu-nonbg{

	background-image: none;

	width:100%; 

}

#main-nosidemenu .regist-member{

	width: 189px;

	float: left;

	text-align:center;

	margin-top:15px;

	margin-left:30px;

	margin-bottom: 10px;

	padding: 5px 0 5px 0;

	background-color: #ff0000;

}



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

	sidemenu

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



#corner-menu .regist-member{

	background-color: #ff0000;

	margin-top: 10px;

	margin-left: auto;

	margin-right:auto;

	padding: 5px 0 5px 0;

	margin-bottom: 10px;

	width:187px;

}

ul.catchcopy{

	font-size:10px;

	color: #ffffff;

	text-align:left;

	padding: 15px;

	line-height: 14px;

	list-style-type: none;

}

#corner-menu h1{

	font-size: 12px;

	text-align: center;

	color: #ffffff;

	padding: 2px 0 2px 0;

	margin:0px 0 6px 0;

	border: none;

	display: block;

}

#corner-menu ul{

	font-size:10px;

	line-height: 14px;

	margin-bottom: 8px;

	padding: 0;

}



#corner-menu li{

	font-size:10px;

	line-height: 14px;

	margin-bottom: 8px;

	padding: 0;

}

/******** bannar **********/

#corner-menu div.bannar{

	margin: 12px 0 0 0 ;

}



/******** magazinelist **********/

#corner-menu .feature{

	margin-bottom: 10px;

	margin-left: auto;

	margin-right:auto;

	width: 187px;

	text-align:left;

	border:1px solid #999999;

	list-style-type: disc;

	background-color: #ffffff;

}

#corner-menu .feature ul{

	padding-right:5px;

}

#corner-menu .feature li{

	margin-bottom: 2px;

	padding-left:0px;

	margin-left:5px;

	color: #666666;

}

#corner-menu .feature li .title{

	font-weight:bold;

}

#corner-menu .feature h2{

	font-weight:bold;

	font-size:12px;

	padding: 0px 0 0px 0;

	margin:0px 6px 6px 6px;

	color: #6699cc;

}



/******** campaign **********/

#corner-menu .campaign{

	margin-bottom: 10px;

}

/******** search-station **********/



#corner-menu .search-station{

	border:1px solid #999999;

	background-color: #dddddd;

	margin-left: auto;

	margin-right:auto;

	margin-top: 10px;

	margin-bottom: 10px;

	text-align:center;

	width: 187px;

	padding: 0px 0 5px 0;

}

#corner-menu .search-station h1{

	font-size:12px;

	background-color: #99cc00;

	background-image: none;

}



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

	service

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

#corner-service .catchcopyimg{

	padding-top: 30px;

	margin:0;

}

#corner-service h1{

	margin-bottom: 0px;

	line-height: 18px;

}

#corner-service  h1 .subcopy{

	dipslay: block;

	font-size:14px;

	font-weight:bold;

	padding: 0px;

	color: #6699cc;

}

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

	price

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

#corner-price em{

	color:#339900;

}



#corner-price em.price-detail1{

	color:#660099;

}

#corner-price h3{

	margin: 15px 0 0 20px;

}

#corner-price div.detail {

	text-align: center;

	margin: 30px 0 40px 0;

}

#corner-price img.image{

		margin-left: 20px;

}

#corner-price div#flets {

	border:1px solid #ff9900;

	background-color: #ffffdd;

	margin: 0 0 50px 20px;

}

#corner-price div#flets  p{

	margin: 10px 20px;

	line-height: 150%;

}

#corner-price a.detail, #corner-price a:visited.detail{

		color: #ff0000;

}

#corner-price p#base{

	padding-bottom: 20px;

	margin-bottom: 30px;

	border-bottom:1px solid #cccccc;

}

#corner-price p#base img{

	margin-bottom :10px;

}



/*Šˆ—p•û–@*/

#corner-price div.use  p{

	line-height: 150%;

	width: 280px;

}

#corner-price div.use  p#intro{

	width: 490px;

}

#corner-price div.use  h3{

	color: #ff9900;

	font-size:14px;

	padding: 2px 5px;

	background-color: #e5e5e5;

}

#corner-price div.use  table.timeCheck{

	margin: 0 0 30px 20px;

	border-top :1px solid #dddddd;

	font-size:12px;

	width: 490px;

}

#corner-price div.use  table.timeCheck th{

	vertical-align: top;

	border-bottom :1px solid #dddddd;

	padding: 10px ;

}

#corner-price div.use  table.timeCheck td{

	border-bottom :1px solid #dddddd;

	padding: 10px 

}

#corner-price div.use  table.timeCheck td em{

	color: #003399;

}

#corner-price div.use  ul{

	margin:0 0 0 20px;

}

#corner-price div.use  li{

	margin:0 0 3px 0;

}

#corner-price div.use  img.deviceIcon{

	vertical-align: middle;

	margin: 0 0 0 8px;

}

#corner-price div.use  img.useIllust{

	float: right;

	margin: 10px 5px 10px 10px;

}

#corner-price div.use  img.useIllust#p2{

	margin-top: 60px;

}

#corner-price div.use  h4{

	text-align: left;

	padding: 0 0 0 20px;

}

/*Flets spot*/

#corner-price div.flets  h3#plan2{

	margin: 30px 0 0 20px;

}

#corner-price div.flets  h4{

	text-align: left;

	margin: 10px 0 0 20px;

	color: #003399;

	background-color: #efefef;

	padding: 4px 8px;

}

#corner-price div.flets  p.caption{

	color: #333333

}

#corner-price div.flets  p em#catch{

	font-size: 14px;

}



#corner-price div.flets ul.plan{

	margin: 10px 0 0 50px;

	font-size: 12px;

	font-weight: bold;

	color: #0066CC

}

#corner-price div.flets ul.plan li{

	margin-bottom: 2px;

}

#corner-price div.flets p.amount{

	font-size: 14px;

	border:1px solid #cccccc;

	background-color: #ffffdd;

	padding: 10px;

	text-align: center;

}

#corner-price div.flets p.amount em{

	color: #ff0000

}

#corner-price div.flets div#fletsmark{

	margin: 10px 0 40px 20px;

	text-align: center;

}

#corner-price .regist{

	text-align: center;

	padding-top: 20px;

}



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

	area

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



#areasearch{

	width: 734px;

	padding: 30px 0 40px 0;

}



#areasearch table{

		padding:0px;

		border:none;

		border-collapse:collapse;

		font-size:12px;

		line-height:16px;

}

#areasearch  td{

		padding:5px 5px 5px 8px;

		text-align:left;

		border:none;

}

#areasearch  th{

		padding:5px 5px 5px 8px;

		text-align:left;

		border:1px solid #999999;

		background-color:#efefef;

		font-weight:bold;

}



#samplearea {

	margin-left: 18px;

}

#samplearea img{

	border:1px solid #999999;

}

#samplearea .areatitle{

	display: block;

	padding: 2px 2px 2px 0px;

	margin:0;

	color: #003399;

	font-weight: bold;

}









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

	use

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

#corner-use div.setting{

	border:1px solid #ff9900;

	background-color: #ffffdd;

	padding: 0px;

	margin: 2px 0 15px 20px;

}



#corner-use div.setting p{

	margin-right: 20px;

}

#corner-use h3{

	margin: 0 0 0 20px;

	padding: 0

}

#corner-use p.setting-tg{

	margin: 30px 0 50px 20px;

}

#corner-use .browser{

	float: left;

	padding-left: 18px;

	width: 240px;

}

#corner-use .explain{

	float: right;

	width: 236px;

	font-size:10px;

}

	#corner-use .list{

		margin-bottom: 10px;

		font-size:12px;

		float:left;

		width: 210px;

	}

	#corner-use .list-num{

		margin-top: 3px;

		float:left;

		width:24px;

	}



#corner-use  div.setting strong{

	font-size: 14px;

	font-weight: bold;

}



#corner-use  div.setting strong a:link,

#corner-use  div.setting strong a:visited{

	color: #ff0000;

}

#corner-use ul.standard,#corner-use ol.standard{

	padding-left: 24px;

	margin: 5px 0;

}

#corner-use ul.standard li,#corner-use ol.standard li{

	color: #333333;

	font-weight: normal;

	font-size: 12px;

	margin-bottom: 4px;

}

#corner-use li{

	color: #333333;

	font-weight: normal;

	font-size: 14px;

	margin-bottom: 10px;

	line-height: 14px;

}

#corner-use li .copy{

	color: #333333;

	font-weight: normal;

	font-size: 12px;

	display:block;

	margin-left: 18px;

}	

#corner-use .next{

	padding:10px 0 10px 120px;

	clear: both;

}

#corner-use ul.caption{

	margin-left:14px;

	margin-top: 0px;

}

#corner-use li.caption {

	font-size:10px;

	color: #333333;

	line-height: 14px;

	margin-bottom:5px;

	font-weight: normal

}

#corner-use .list em{

	display: block;

	margin-top: 10px;

	font-size:12px;

	color: #003399;

}

#corner-use .st{

	display: block;

	margin-top: 10px;

	font-size:12px;

	font-weight:bold;

	color: #ff0000;

}

#corner-use div.nextNavi{

	text-align:center;

	margin-top: 30px;

	font-size: 14px;

	font-weight: bold;

}

#corner-use div.nextNavi img{

	vertical-align: middle;

	padding-right: 15px;

}


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

	contact

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

#corner-contact p{

	font-size: 16px;

	line-height: 22px;

	margin-top: 50px;

}