@charset "utf-8";
/*////////////////////////////////////////////////

  colopla
	Copyright (c)COLOPL, Inc. All Rights Reserved.
	CreationDate: 2011-01
	
////////////////////////////////////////////////*/

html,
body { height:100%; }
body {
	font:14px "MS P ゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
 	/font-size: 75%;
	line-height:1.5;
	letter-spacing: 1px;
	vertical-align:baseline;
	color:#333;
}

/*----------外枠----------*/

#head{
	width:100%;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}
header{
	position:relative;
	width:860px;
	height:26px;
	margin:0 auto;
}
.colopl{
	position:absolute;
	left:0;
}

#container{
	border-top:1px solid #fff;
	background:#EEEEEE;
}
#bodyLine{
	width:862px;
	margin:0 auto;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#contents{
	position:relative;
	width:860px;
	margin:0 auto;
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

/*---------コンテンツ----------*/

#container2{width:800px; margin:0 auto;}
.about{padding:20px 0 0 0;}
.about h1{font-size:1.5em; padding:0 0 5px 0; border-bottom:2px solid #E4E4E4;}
.about p{margin:15px 0 0 0;}

.howto{border:3px solid #0D6EB3; margin:20px 0 0 0; padding:12px;}
.howto h2{color:#0D6EB3; font-weight:bold; margin:0 0 10px 0;}
.howto span{margin:0 5px; font-weight:bold;}
.howto .red{color:#F00;}
.howto .blue{color:#00F;}
.howto .green{color:#090;}

.carrier{border:3px solid #e4e4e4; margin:10px 0 0 0; padding:12px;}
.carrier h2{float:left; margin:0 10px 0 0; padding:5px 0 0;}
.carrier li{width:150px; list-style:none; float:left; margin:0 3px 0 0; padding:5px;}
.docomo{background-color:#F0B2B2;}
.au{background-color:#FAD3B2;}
.softbank{background-color:#B7E1ED;}

#map_canvas{width:800px; height:600px; background-color:#99B3CC; margin:10px 0 0 0;}
.credit{text-align:right; font-size:0.786em;}

.attention{margin:20px 0 0 0; font-size:0.857em;}
.attention li{
	margin: 4px 0 0;
	padding: 0 0 0 16px;
	background: url(http://www.colopl.co.jp/shared/img/icon_star.gif) left 4px no-repeat;
	list-style:none;
}

	

/*---------フッター----------*/

footer{
	margin:30px 0 0 0;
	border-top:1px solid #ccc;
	text-align:center;
	font-size:12px;
	padding:20px 0 15px 0;
}








#contents section,{
	overflow: hidden;
}
#contents section:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #contents section{
    height: 1em;
    overflow: visible;
}
/**/

#map_canvas {
width: 800px; height: 600px;
}