@charset "UTF-8";

/* Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:0;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* Global */
html,body{
height: 100%;
text-align:center;
}

body {
background:#ffffff;
font-family:"ＭＳ Ｐゴシック","MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#2f2f2f;
}

a:link, a:visited, a:active {
}


a:hover {
}

img	{
border-style: none;
}

input, option, select, textarea {
font-size:1em;
}

div.clear {
	margin:0px;
	padding:0px;
	clear:both;
	line-height: 0;
	height: 1px;
	width: 1px;
}
table td, table th {
	vertical-align: top;
	}
	
	

/*==== Container ==========================*/

#outContainerBg {
text-align:center;
width:820px;
margin:0 auto;
background:url(../images/contents-bg.jpg) repeat-y;
}

#outContainer {
margin:0 10px;
}

#headerContainer {
width:800px;
height:4px;
background:url(../images/header-bg.jpg) repeat-x;
}


#contentsContainer {
width:800px;
}

#footerContainer {
width:800px;
height:45px;
text-align:center;
background:url(../images/footer-bg.jpg) repeat-x;
}


/*==== Contents ==========================*/
.area1 {
/* background:url(../images/area1-bg.jpg) repeat-x; */
height:209px;
width:800px;
text-align:center;
padding-top:25px;
}

.area1 table {
margin:0 auto;
}

.area1-2 {
background:url(../images/area1-2.jpg) no-repeat;
width:375px;
height:160px;
}

.area1-3 {
background:url(../images/area1-3.jpg) no-repeat;
width:375px;
height:160px;
}


.area1-2 div, .area1-3 div {
margin:83px 130px 0 18px;
font-size:0.95em;
line-height:140%;
text-align:left;
}

.area2 {
margin:12px auto 10px auto;
text-align:center;
}

.area3 {
text-align:center;
}

.area3 table {
margin:0 auto;
}


.area3-5 {
background:url(../images/area3-5.jpg) no-repeat;
width:370px;
height:154px;
}

.area3-6 {
background:url(../images/area3-6.jpg) no-repeat;
width:370px;
height:154px;
}

.area3-5 div, .area3-6 div {
margin:75px 30px 0 30px;
font-size:0.98em;
line-height:140%;
text-align:left;
}

.area4 {
margin:18px auto 0 auto;
text-align:center;
}

.btncontact {
margin:0 auto;
padding-bottom:10px;
text-align:center;
}

.area5 {
width:750px;
margin:25px auto 0 auto;
background:url(../images/waku-bg.jpg) repeat-y;
text-align:center;
}

.area5 table {
width:630px;
margin:15px auto;
border-left:1px #b3b3b3 solid;
border-bottom:1px #b3b3b3 solid;
}

.area5 table td {
border-top:1px #b3b3b3 solid;
border-right:1px #b3b3b3 solid;
}

.area5-txt {
text-align:left;
width:630px;
margin:15px auto;
font-size:0.9em;
line-height:120%;
}

.area5-txt  p{
margin-bottom:3px;
}

.area6 {
width:750px;
margin:25px auto 0 auto;
background:url(../images/waku-bg.jpg) repeat-y;
text-align:center;
}


.area6-1 {
margin:10px auto 30px auto;
}

.area6-2 {
width:630px;
background:#f0f0f0;
margin:0 auto;
}

.area6-2 table {
width:600px;
border:0;
margin:10px 15px;
}

.area6-2 table td {
border:0;
text-align:left;
font-size:1.04em;
line-height:170%;
}

.area6-2 div {
margin-top:15px;}


.area6-2 img {
margin-right:15px;
}


.area6-3 {
margin:15px auto 0 auto;
text-align:center;
}

.area7 {
width:750px;
margin:25px auto 40px auto;
padding:0;
background:url(../images/waku-bg.jpg) repeat-y;
text-align:center;
white-space:normal;
}

.area7 table {
width:630px;
margin:0 auto 10px auto;
text-align:left;
}

.area7 table td {
padding:2px;}


.area7-1 {
text-align:left;
width:630px;
margin:15px auto;
}

.area7-2 {
font-weight:bold;
width:100px;
}





/*==== Pop Up ==========================*/

#popupContainer {
width:700px;
margin:10px auto 0 auto;
}


.popup_area1 {
width:680px;
margin:25px auto 0 auto;
background:url(../images/popup_waku-bg.jpg) repeat-y;
text-align:center;
white-space:normal;
}

.popup_area1 table {
width:630px;
margin:15px auto;
border-left:1px #b3b3b3 solid;
border-bottom:1px #b3b3b3 solid;
}

.popup_area1 table td {
border-top:1px #b3b3b3 solid;
border-right:1px #b3b3b3 solid;
}


.popup_area1-list {
width:630px;
margin:0 auto;
padding:10px 0;
text-align:left;
}

.popup_area1-list p {
margin:5px 0 0 5px;
}

.popup_area1-list table {
margin:15px auto 0 auto;
width:600px;
border:0;
}

.popup_area1-list table td {
border:0;
}

.popup_area1-item {
width:110px;}

.popup_area1-item-border {
border-top:1px dashed #CCCCCC;
margin:5px 0;
height:1px;
}


.popup_area_title {
text-align:left;
margin:5px 20px;
}

.popup_area1-special {
width:610px;
margin:20px auto;
padding:10px;
text-align:left;
background:#f0f0f0;
}

.popup_area1-special p {
margin:5px 0 0 5px;
}


.popup_area1-special table {
margin:15px auto 0 auto;
width:600px;
border:0;
}

.popup_area1-special table td {
border:0;
}

.popup_area1-special-txt {
text-align:left;
margin:25px auto 0 auto;
font-size:0.9em;
line-height:120%;
}

.popup_area1-special-txt  p{
margin-bottom:3px;
}

.popup_area1-special-minitxt {
float:right;
font-size:0.9em;
width:300px;
padding-top:3px;
text-align:left;
}



.popup_area2 {
width:680px;
margin:25px auto;
background:url(../images/popup_waku-bg.jpg) repeat-y;
text-align:center;
white-space:normal;
}

.popup_area2 table {
width:630px;
margin:0 auto 15px auto;
border-left:1px #b3b3b3 solid;
border-bottom:1px #b3b3b3 solid;
}

.popup_area2 table td {
border-top:1px #b3b3b3 solid;
border-right:1px #b3b3b3 solid;
}



.popup_area2-title {
width:630px;
text-align:left;
margin:0 auto;
padding:5px 0;
font-size:1.12em;
}

.popup_area2-txt {
text-align:left;
width:630px;
margin:10px auto;
font-size:0.9em;
line-height:120%;
}

.popup_area2-txt  p{
margin-bottom:3px;
}


#popup_footerContainer {
width:680px;
height:45px;
text-align:center;
margin:0 auto;
}











/*==== Mtrix ==========================*/

.mtrix1 {
background:url(../images/mtrix1-bg.jpg) repeat-x;
height:66px;
margin:1px;
text-align:center;
}

.mtrix1-width {
width:237px;
}

.mtrix2 {
margin:1px;
background:#fffbad;
height:58px;
padding:10px;
text-align:left;
vertical-align:middle;
}

.mtrix2-margin {
margin-top:10px;
}

.mtrix3 {
margin:1px;
background:#f0f0f0;
height:68px;
padding:5px;
text-align:center;
vertical-align:middle;
line-height:120%;
}

.mtrix3-margin {
margin-top:10px;
}

.mtrix3 table {
width:100%;
margin:0;
padding:0;
border:none;
}

.mtrix3 table td {
text-align:center;
border:none;
}





.popup_mtrix1 {
background:url(../images/popup_mtrix1-bg.jpg) repeat-x;
height:18px;
margin:1px;
text-align:center;
color:#FFFFFF;
letter-spacing:0.2em;
font-weight:bold;
padding-top:1px;
}



.popup_mtrix2 {
margin:1px;
background:#fffbad;
height:33px;
padding:5px 10px;
text-align:left;
vertical-align:middle;
}

.popup_mtrix2-margin {
margin-top:8px;
}

.popup_mtrix3 {
margin:1px;
background:#f0f0f0;
height:13px;
padding:15px;
text-align:left;
vertical-align:middle;
line-height:120%;
}

.popup_mtrix3-margin {
margin-top:8px;
}




.popup_mtrix2-2 {
margin:1px;
background:#fffbad;
padding:5px 10px;
text-align:left;
vertical-align:middle;
}

.popup_mtrix3-2 {
margin:1px;
background:#f0f0f0;
padding:5px;
text-align:left;
vertical-align:middle;
line-height:120%;
font-size:0.9em;
}

.popup_mtrix3-2 ul li {
list-style:disc;
list-style-position:inside;
margin-bottom:5px;
}

.popup_mtrix3-2 ul li ul li {
list-style:none;
margin:5px 5px 0 5px;
}

.popup_mtrix-height1 {
height:90px;}

.popup_mtrix-height2 {
height:240px;}

.popup_mtrix-height3 {
height:90px;}

.popup_mtrix-height4 {
height:320px;}

.popup_mtrix-height5 {
height:35px;}

.popup_mtrix-width1 {
width:150px;
}



.btnclose {
margin:20px auto;
text-align:center;
}


.size200per {
font-size:2em;
line-height:150%;
}

.size200per img {
margin:3px auto;
}

.size140per {
font-size:1.4em;
line-height:140%;
}


.size85per {
font-size:0.85em;
color:#6d6d6d;
line-height:120%;
}

.fontRed {
color:#ff3c00;
}

.fontBold {
font-weight:bold;
}

.btnpopup {
width:630px;
margin:0 auto;
text-align:right;
}

.btntotop {
width:750px;
margin:15px auto 0 auto;
text-align:right;
}

/* 2010.2.22 追加 */

.campaign_bace {
background:url(../images/area1-bg.jpg) repeat-x;
width:800px;
padding-top:25px;
}

.campaign {
background:url(../images/campaign.jpg) no-repeat;
height:440px;
margin-left:25px; 
padding:160px 35px 25px 35px;
text-align:left;
}