@charset "utf-8";

/*-----------------------------------
  Default
-----------------------------------*/
body,h1,h2,h3,div,ul,li,p{
margin:0;
padding:0;
line-height:1.5;
font-size:12px;
color:#333;
}

ul,li{
list-style:none;
}

a{
color:#003399;
text-decoration:none;
}

img{
border:0;
vertical-align:top;
}

/*-----------------------------------
  Layout
-----------------------------------*/
div#headerArea{
width:100%;
height:269px;
background:url(../../images/main_bg_01.gif) center top no-repeat;
}

body#term div#headerArea,body#thanks div#headerArea{
width:100%;
height:193px;
background:url(../../images/main_bg_02.gif) center top no-repeat;
}

div#contentsArea{
margin:0 auto;
width:820px;
}

div#footerArea{
clear:left;
background:url(../../images/footer_bg_01.gif) center top no-repeat;
}

div.headerAreaInner{
margin:0 auto;
width:820px;
height:76px;
}

div.mainArea{
clear:both;
}

div.nowSevenBox{
margin:14px auto 0;
width:628px;
clear:both;
background:url(../../images/nowSeven_bg_01.gif) left top repeat-y;
overflow:hidden;
}

div.nowSevenBoxInner{
padding-bottom:25px;
width:628px;
background:url(../../images/nowSeven_bg_02.gif) left bottom no-repeat;
overflow:hidden;
}

div.sponcerBox{
margin:9px auto 0;
width:261px;
clear:both;
}

div#buttonArea{
margin:0 auto;
width:511px;
}

div.dataArea{
margin:15px auto;
border-bottom:#fff 10px solid;
width:820px;
background:url(../../images/mechanismSeven_bg_01.gif) left top repeat-y;
overflow:hidden;
}

div.dataAreaInner{
padding:0 0 15px 0;
background:url(../../images/mechanismSeven_bg_02.gif) left bottom no-repeat;
overflow:hidden;
}

div.footerAreaInner{
margin:0 auto;
width:820px;
}

/*-----------------------------------
  Modules
-----------------------------------*/

/*----index,common----*/
div#headerArea h1{
padding:10px 0 0 11px;
float:left;
}

div#headerArea ul{
float:right;
}

div#headerArea ul li{
float:left;
padding:11px 0 0 8px;
}

div#headerArea div.mainArea div.mainLeftBox{
float:left;
padding:69px 0 0 63px;
}

div#headerArea div.mainArea div.mainRightBox{
float:right;
padding:10px 73px 0 0;
}

div#headerArea div.mainArea div.mainRightBox h2{
padding-bottom:11px;
}

div.nowSevenBox ul.listNow01{
margin:7px 0 0 28px;
}

div.nowSevenBox ul.listNow01 li{
margin:0 25px 0 0;
padding:5px;
border:#ccc 1px solid;
width:48px;
float:left;
background:#eee;
text-align:center;
}

div.sponcerBox ul.listSponcer01 li{
float:left;
padding:0 8px 0 0;
}

div.sponcerBox p{
padding:3px 0 4px 0;
clear:both;
font-size:10px;
}

div.dataArea ul.listMechanism01{
margin:14px auto 0;
padding:0 0 21px;
width:780px;
height:50px;
}

div.dataArea ul.listMechanism01 li{
float:left;
}

div.dataArea ul.listMechanism02{
margin:0 21px;
clear:both;
}

div.dataArea ul.listMechanism02 li{
padding:0 0 0 13px;
background:url(../../images/data_arrow_01.gif) left 4px no-repeat;
}

div.dataArea p.textMechanism{
margin:12px 0 0 0;
padding:12px 21px 0;
background:url(../../images/data_bg_03.gif) left top repeat-x;
}

div.dataArea p.nextIllust{
padding:9px 0 0 24px;
float:left;
}
div.dataArea p.nextText{
padding:9px 20px 0 35px;
width:379px;
float:right;
}

div#footerArea p{
padding:10px 0 47px 550px;
width:275px;
color:#fff;
}

div#footerArea p a{
color:#fff;
text-decoration:underline;
}

/*----term,thanks----*/
body#term div#headerArea div.mainArea div.mainLeftBox,
body#thanks div#headerArea div.mainArea div.mainLeftBox{
padding:28px 0 0 160px;
float:left;
}

body#term div#headerArea div.mainArea div.mainRightBox,
body#thanks div#headerArea div.mainArea div.mainRightBox
{
margin:-22px 0 0 0;
padding:0 160px 0 0;
float:right;
}

*html body#term div#headerArea div.mainArea div.mainRightBox,
*html body#thanks div#headerArea div.mainArea div.mainRightBox{
margin:-10px 0 0 0;
}

body#term div#headerArea div.mainArea div.mainRightBox h2,
body#thanks div#headerArea div.mainArea div.mainRightBox h2{
padding-bottom:11px;
}

body#term div#contentsArea h3{
padding:15px 0 0 0;
clear:left;
}

body#term div#contentsArea p{
padding:10px 0;
}

body#term div#contentsArea ul{
margin:-10px 0 0 15px;
padding:0 10px 10px 0;
}

body#term div#contentsArea ul li{
list-style-type:disc;
}

body#term div#contentsArea p.enactmendDate{
margin:10px 0 0 0;
padding:10px 0 30px 0;
background:url(../../images/term_bg_01.gif) top left repeat-x;
}

body#thanks div#contentsArea p.thanksMessage{
margin:31px auto 0;
width:509px;
clear:both;
}

body#thanks div#contentsArea div.sendBox{
margin:56px auto 0;
width:563px;
}

body#thanks div#contentsArea div.sendBox p.buttonArea{
margin:0 auto 40px;
width:563px;
height:72px;
background:url(../../images/thanks_bg_01.gif) left bottom no-repeat;
text-align:right;
}

body#thanks div#contentsArea div.sendBox p.buttonArea img{
padding:0 94px 0 0;
}