@charset "UTF-8";

html { overflow-y: scroll; -webkit-text-size-adjust: none; }
body {
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif!important;
color: #666; background-color: white; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
body.win { font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
ul,li { list-style: none; }

/* HTML - a -------------------------------------------- */
a { color: #00b3f0; text-decoration: none; }
a:link { color: #00b3f0; }
a:visited { color: #00b3f0; }
a:hover { color: #666666; }
a:active { color: #231f20; }
a:focus { outline: none; }


/* KDDI - template -------------------------------------------- */
img { vertical-align: bottom; border: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }

.left { float: left; }
.right { float: right; }


header {
	background: #fff;
	overflow: hidden;
	position: fixed;
	top:0;
	left:0;
	z-index: 100;
	width: 100%;
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
}
header div {
	width: 1000px;
	margin: 0 auto;
}
header h1,
header p#logo {
	float: left;
	padding: 17px 0 14px;
	width: 600px;
}
header p#area {
	float: right;
	margin: 7px 0 0;
	width: 400px;
	text-align: right;
}

nav {
	position: fixed;
	top:62px;
	left:0;
	background: url(../img/bg_nav.png) repeat-x left top;
	border-top: 1px solid #e2e2e2;
	overflow: hidden;
	width: 100%;
	min-width: 1000px;
	z-index: 100;
}
nav ul {
	text-align: center;
	font-size: 0;
}
nav ul li {
	display: inline;
	font-size: 100%;
}


#main-area {
margin: 62px 0 0;
background: #daf5a8;
width: 100%;
min-width: 1008px;
}
#top #main-area, .exp {
/* background: url(../img/bg_header.png) #daf5a8 repeat-x left top; */
}

#wrapper {
	margin: 0 auto;
	padding: 0 0 26px;
	width: 1008px;
}
#wrapper-exp {
	margin: 0 auto;
	padding: 26px 0 26px;
	width: 1008px;
}

.contents-wrap { width: 1000px; margin: 0 auto; position: relative; }

#footer { background: #fff; }
#footer-note { border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey; padding: 15px 0px; background: #f6f6f6 url(../img/tpl/footer-note-bg.gif) left bottom repeat-x; }
#footer-note p, #footer-note ul { width: 1000px; margin: 0px auto; position: relative; font-size: 85%; line-height: 1.7em; letter-spacing: 0em; color: #999999; }
#footer-inner { background: #fff; }

#footer .kiyaku {
	font-size: 108%;
	margin: 0 auto;
	padding: 12px 0;
	width: 1000px;
}
#footer .kiyaku a {
	color: #666;
	padding: 0 25px 0 0;
}
#footer .footer-wrap { /* For modern browsers */ zoom: 1; /* For IE 6/7 (trigger hasLayout) */ width: 950px; margin: 0px auto; position: relative; padding: 26px 0px 10px; }
#footer .footer-wrap:before, #footer .footer-wrap:after { content: ""; display: table; }
#footer .footer-wrap:after { clear: both; }
#footer .corporate { /* For modern browsers */ zoom: 1; /* For IE 6/7 (trigger hasLayout) */ float: left; }
#footer .corporate:before, #footer .corporate:after { content: ""; display: table; }
#footer .corporate:after { clear: both; }
#footer .corporate .kddi { float: left; border-right: 1px solid #cccccc; padding: 0px 15px 0px 0px; }
#footer .corporate .policy { float: left; padding: 21px 0px 0px 20px; }
#footer .credit { float: right; text-align: right; }
#footer .credit .notice { font-size: 85%; line-height: 1.5em; color: #666; padding-bottom: 10px; }
#footer .credit small { font-size: 77%; color: #999; }

#page-top {
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
}

/* HTML  -------------------------------------------- */

@media print {
	.bg-txt-image {
		height: auto !important;
		text-indent: 0; white-space: normal;
	}
}
#debug {
	display: block;
	position: fixed;
	left: 0; top: 0;
	height: 300px;
	overflow: scroll;
	padding: .5em;
	background: #111;
	color: #fff; font-size: .8rem;
}

body {
	width: 100%;
	min-width: 1008px;
	/*　overflow: hidden; */
}
/* title */
#main-title-area {
	z-index: 100;
	width: 800px;
	padding-top: 32px; 
	background-color: #fff;
}

#info-area {
	position: relative;
	width: 800px;
	margin: 20px 0 20px ;
}
#info-area .title{
	margin: 20px 0 10px ;
}

#info-area .txt-box{
	width: 780px;
	padding: 10px;
	background-color: #E2E2E2;
}
.plan-link{
	float: right;
	margin: 10px 0 20px ;
}
#plan-main{
	margin: 0 0 20px;
	overflow: hidden;
}

#plan-main .pln1{
	float: left;
	margin-right:24px
}

#campaign{
	margin: 0 0 50px;
}
#campaign .camp{
	float: center;
	margin: 0 0 20px;

#campaign2{
	margin: 0 auto;
}