@charset "SHIFT-JIS";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
}
body{
	font-family:" ヒラギノ角ゴ ProW3","Hiragino Kaku Gothic Pro", " メイリオ",Meiryo,Osaka," ＭＳ Ｐゴシック","MSPGothic",sans-serif;
	-webkit-text-size-adjust: 100%;
}
img { 
	border: none;
	vertical-align: bottom;
	display: block;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/* link
------------------------------------------------- */
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:link{
    color: #323232;
}
a:visited{
    color: #323232;
}

/* text link
------------------------------------------------- */
#wrapper{	
	margin: 0px auto;
	text-align: left;
	width: 974px; 
	background-image: url(images/back.png);
	background-repeat: repeat-y;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="back.png", sizingMethod="scale");
	position: relative;
}
header{
	width:950px;
	height: 130px;
	padding-top: 0px;
	margin: 0 auto;
	position: relative;
}
section{
	width:950px;
	padding-top: 0px;
	margin: 0 auto;
	position: relative;
}
footer{
	width: 100%;
	height: 315px;
	padding-top: 0px;
	margin: 0 auto;
	position: relative;
}
#footer_contact{
	width: 100%;
	height: 266px;
	padding-top: 0px;
	margin: 0 auto;
	position: relative;
	background-image: url(images/footerback.png);	
}
#footer_contactarea{
	width:950px;
	padding-top: 0px;
	margin: 0 auto;
	position: relative;
}
.footermail{
	position:absolute;
	top: 110px;
	left: 500px;		
}
.copy{
    position:absolute;
	width: 200px;
	font-size: 13px;
	font-weight: lighter;
	color: #282828;
	top: 223px;
	left: 400px;
}
#footer_navarea {
	width: 100%;
	height: 50px;
	background-color: #000000;
	margin: 0 auto;
}
#footer_nav {
	width: 950px;
	height: 50px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 170%;
	position: relative;	
}
#footer_nav dl{
	margin: 0 auto;
	color: #A5A6A6;
	padding-top: 5px;
	padding-left: 55px;
}
#footer_nav dl a{
	color: #FFF;
}
#footer_nav dl a:hover{
	color: #919090;
}
#logo{
	position: absolute;
	top: 17px;
	left: 32px;	
}
#title{
	position: absolute;
	width: 160px;
	font-size: 12px;
	font-weight: lighter;
	color: #535353;
	top: 37px;
	left: 99px;	
}
#campaign{
	position: absolute;
	top: 3px;
	left: 713px;	
}
#navarea{
	width: 400px;
	position: absolute;
	top: 70px;
	left: 500px;
}	
#globalNav {
    width: 550px;
    margin: 0 auto;
}
#globalNav ul li {
    margin-right: 35px;
    float: left;
    position: relative;
	list-style:none;
}
#globalNav ul li ul {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
}
#globalNav ul li ul li {
    float: none;
    font-size: 13px;
    line-height: 0;
	z-index:100
}
#globalNav ul li ul li a {
    display: block;
    width: 135px;
    color: #ffffff;
    padding: 5px 0px;
    background: #535353;
    line-height: normal;
    border-top: 1px solid #ffffff;
    text-decoration: none;
    text-align: center;
	font-weight: bold; 
}
#globalNav ul li ul li a:hover {
    color: #ffffff;
    background: #0b68a7;
	font-weight: bold; 
}
#top{
	position: relative;
	width: 950px;
	height: 745px;
}
#contents1{
	position: relative;
	width: 950px;
	height: 3390px;
}
.button1{
	padding-top: 0px;
	margin: 0 auto;
	position: absolute;
	top: 3270px;
	left: 320px;	
}
.titlearea{
	position: absolute;
	top: 70px;
	left: 50px;	
}
#company_area{
	width:950px;
	height: 1022px;
	padding-top: 0px;
	margin: 0 auto;
	background-image: url(images/companyback.png);
	position: relative;	
}
#white_company{
	position: relative;
	width: 850px;
	height: 750px;
	background-color: #ffffff;
	position: absolute;
	top: 150px;
	left: 50px;
}
#middle {
	width: 850px;
	font-size: small;
	padding-top: 15px;
	position: relative;
}
.comTbl {
	width: 800px;
	line-height: 100%;
	border-collapse: collapse;
	text-align: left;
	margin: 0 auto;
}
.comTbl td {
	line-height: 170%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px groove #999999;
	padding-left: 15px;
}
#meter{
	width: 950px;
	height: auto;
}
#metertitlearea{
    width:950px;
	height: 155px;
	padding-top: 0px;
	margin: 0 auto;
}
#meter_contents{
	width:950px;
	height: auto;
	margin: 0 auto;
	position: relative;	
}
#contact_area{
	width:950px;
	height: 950px;
	padding-top: 0px;
	margin: 0 auto;
	position: relative;
	background-image: url(images/contactback.png);
	overflow:auto;
}
#white_contact{
	position: relative;
	width: 650px;
	height: 650px;
	background-color: #ffffff;
	margin-top: 155px;
	margin-left: auto;
	margin-right: auto;	
}
#contact{
	position: relative;
	width: 250px;
	margin: 0 auto;
	padding-top: 45px;
}
#toiawase_area{
	position: relative;
	margin: 0 auto;
	padding-left: 35px;	
	line-height: 32px;
	
}	
#thanks_area{
	width:950px;
	height: 971px;
	padding-top: 0px;
	margin: 0 auto;
	position: relative;
	background-image: url(images/thanksback.png);
	overflow:auto;
}
#white_thanks{
	position: relative;
	width: 850px;
	height: 700px;
	background-color: #ffffff;
	margin-top: 155px;
	margin-left: auto;
	margin-right: auto;	
}
.thanks_p{
	text-align: center;
	padding-top: 80px;
	padding-bottom: 30px;
	margin: 0 auto;
	color: #282828;
	width:815px;
	font-size: 14px;
	font-weight: 600;
	line-height: 40px;
}
#privacy_area{
	width:950px;
	height: 1250px;
	padding-top: 0px;
	margin: 0 auto;
	position: relative;
	background-image: url(images/privacyback.png);
	overflow:auto;
}
#white_privacy{
	position: relative;
	width: 850px;
	height: 1000px;
	background-color: #ffffff;
	margin-top: 155px;
	margin-left: auto;
	margin-right: auto;	
}
#privacy{
	position: relative;
	width: 850px;
	margin: 0 auto;
	font-size: small;
	padding-top: 15px;
}
.prTbl {
	width: 780px;
	line-height: 100%;
	border-collapse: collapse;
	text-align: left;
	margin: 0 auto;
}
.prTbl td {
	line-height: 140%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px groove #999999;
	padding-left: 15px;
}
#sitemap_area{
	width:950px;
	height: 971px;
	padding-top: 0px;
	margin: 0 auto;
	position: relative;
	background-image: url(images/thanksback.png);
	overflow:auto;
}
#white_sitemap{
	position: relative;
	width: 850px;
	height: 700px;
	background-color: #ffffff;
	margin-top: 155px;
	margin-left: auto;
	margin-right: auto;	
}
#sitemap{
	position: relative;
	width: 600px;
	margin: 0 auto;
	font-size: small;
	padding-top: 50px;
}
ul.sitemap_p {
	line-height: 80px;
	width: 400px;
}
.sitemap_p span{
	color: #323232;
	font-weight: bold;	
}
.sitemap_p span:hover{
	color: #3595bf;
}
ul.sitemapco {
	position: absolute;
	font-size: 12.5px;
	font-weight: bold;
	left: 70px;
	top: 270px;	
	width: 300px;
}
.sitemapco li{
	float: left;
	padding-right: 30px;
}
.sitemapco li span{
	color: #0f6fa8;
}
.sitemapco span:hover{
	color: #323232;
}
ul.sitemaplink {
	position: absolute;
	font-size: 12.5px;
	font-weight: bold;
	left: 145px;
	top: 420px;	
	width: 600px;
}
.sitemaplink li{
	float: left;
}
.sitemaplink li span{
	color: #0f6fa8;
}
.sitemaplink span:hover{
	color: #c21757;
}
#campaign_area{
	width:950px;
	height: 1067px;
	padding-top: 0px;
	margin: 0 auto;
	position: relative;
	background-image: url(images/campaignback.png);
	overflow:auto;
}
#white_campaigne{
	position: relative;
	width: 950px;
	height: 825px;
	margin-top: 155px;
	margin-left: auto;
	margin-right: auto;	
}
.downloadButton{
	padding-top: 0px;
	margin: 0 auto;
	position: absolute;
	top: 684px;
	left: 130px;	
}
.cambutton2{
	padding-top: 0px;
	margin: 0 auto;
	position: absolute;
	top: 684px;
	left: 580px;	
}