@charset "utf-8";

/*--------------------
INITIALIZE:
--------------------*/
h1,h2,h3,h4,h5,h6,
body,div,p,form,
dl,dt,dd,ul,ol,li,
table,tr,th,td,hr {
margin: 0;
padding: 0;
}

html { height: 100%; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img { border: none; }
ul { list-style: none; }
strong { font-weight: normal; }
address { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { font-family: "ＭＳ Ｐゴシック","MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif; }

/* clear */
.clear { clear: both; }
.clear hr { display: none; }

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; zoom: 1; }
/* */


/* space */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }


/* bullet */
.bullet {
text-indent: -1em;
padding-left: 1em;
}

/* font */
.fontSmall {
font-size: 83%;
}

/*--------------------
BODY
--------------------*/
html[xmlns]>/**/body {
font-size:16px;
}

body {
color: #000000;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", Osaka,sans-serif;
background: url(../image/bg_body.gif) repeat left top;
text-align: center;
}

#container {
line-height: 140%;
font-size: 75%;
width: 972px;
margin: 0 auto;
padding: 30px 0;
text-align: left;
}

/*--------------------
LINK
--------------------*/
a:link { color: #FFFFFF; text-decoration: underline; }
a:visited { color: #FFFFFF; text-decoration: underline; }
a:hover { color: #FFFFFF; text-decoration: none; }
a:active { color: #FFFFFF; text-decoration: none; }

/*--------------------
HEADER
--------------------*/
#header {
background: #FFFFFF url(../image/bgl_dot2.gif) repeat-y left top;
margin-bottom: 25px;
}

#header .headBox {
background: url(../image/bgl_dot1.gif) repeat-x left top;
}

#header h1.floatL {
display: block;
padding: 10px 0 0 32px;
float: left;
width: 410px;
}

#header .floatR {
float: left;
padding: 18px 25px 0 0 ;
width: 500px;
text-align: right;
}

#header .floatR {
float: right;
}

#header .mainBox {
background: url(../image/bg_head.jpg) no-repeat left top;
height: 307px;
width: 929px;
margin-left: 22px;
}

#header .mainBox .mainBoxBt {
padding: 174px 0 0 555px;
}

#header .naviBox {
background: url(../image/bgl_dot1.gif) repeat-x left bottom;
padding-left: 20px;
padding-bottom: 13px;
}

#header .naviBox li {
float: left;
}

#header .naviBox .bt01 {
background: url(../image/bg_navibox_01.jpg) no-repeat left top;
width: 313px;
height: 177px;
}

#header .naviBox .bt01 img {
margin: 75px 0 0 76px;
}

#header .naviBox .bt02 {
background: url(../image/bg_navibox_02.jpg) no-repeat left top;
width: 308px;
height: 177px;
}

#header .naviBox .bt02 img {
margin: 97px 0 0 65px;
}

#header .naviBox .bt03 {
background: url(../image/bg_navibox_03.jpg) no-repeat left top;
width: 313px;
height: 177px;
}

#header .naviBox .bt03 img {
margin: 75px 0 0 61px;
}

/*--------------------
CONTENTS
--------------------*/
#main {
background: url(../image/bgl_dot1.gif) repeat-x left top;
padding-top: 1px;
}

#main p {
line-height: 160%;
margin-bottom: 10px;
}

#main .boxUnder {
background: url(../image/bgl_dot1.gif) repeat-x left top;
clear: both;
margin: 0;
padding: 1px 0 20px 0;
line-height: 1%;
font-size: 1px;
text-align: right;
}

#main .box1 {
background: #FFFFFF url(../image/bgl_dot2.gif) repeat-y left top;
}

#main .box1Inner {
background: url(../image/bg_box1_01.jpg) no-repeat 345px bottom;
padding: 20px 19px 5px 23px;
}

#main .box1 .box1ColumnA {
float: left;
width: 300px;
}

#main .box1 .box1ColumnA h2 {
margin-top: 5px;
margin-bottom: 38px;
}

#main .box1 .box1ColumnB {
float: left;
width: 600px;
margin-left: 27px;
}

#main .box1 .box1ColumnB p.marginBg {
padding-bottom: 310px;
}

#main .box0 {
margin-left: 35px;
width: 294px;
float: right;
font-size: 10px;
color: #B87A1C;
}

#main .box0 p img {
behavior: expression(IEPNGFIX.fix(this));
}

#main .box0 ul {
margin-left: 25px;
margin-bottom: 10px;
margin-right: 20px;
}

#main .box0 ul.lastUl {
margin-bottom: 0;
}

#main .box0 li {
text-indent: -0.5em;
padding-left: 0.5em;
line-height: 160%;
}

#main .box0 .box0Top {
margin: 0;
}

#main .box0 .box0Top img {
behavior: expression(IEPNGFIX.fix(this));
}

#main .box0Inner {
width: 294px;
background: url(../image/bg_box0_body.png) repeat-y left top;
behavior: expression(IEPNGFIX.fix(this));
padding-top: 15px;
padding-bottom: 10px;
}

#main .box0Inner p {
margin-left: 23px;
margin-bottom: 3px;
}






.box1Img img {
/*width: 294px;
height: 402px;*/
float: right;
margin-left: 25px;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -9999px;
}

#main .box2 {
background: url(../image/bgl_dot2.gif) repeat-y left top;
}

#main .box2Inner {
background: url(../image/bgl_dot1.gif) repeat-x left top;
padding: 20px 19px 10px 23px; 
}

#main .box2 .box2ColumnA {
float: left;
width: 325px;
}

#main .box2 .box2ColumnB {
float: left;
width: 290px;
}

#main .box2 .box2ColumnB h2 {
margin: 5px 0 15px 0;
}

#main .box2 .box2ColumnC {
float: left;
width: 311px;
text-align: right;
}

#main .box3 {
background: url(../image/bgl_dot2.gif) repeat-y left top;
}

#main .box3Inner {
background: url(../image/bgl_dot1.gif) repeat-x left top;
padding: 25px 19px 15px 23px; 
}

#main .box3 .box3ColumnA {
float: left;
width: 633px;
}

#main .box3 .box3ColumnB {
float: left;
width: 290px;
}

#main .box3 .box3ColumnB h2 {
margin-bottom: 15px;
}

#main .box4 {
background: #FFFFFF url(../image/bgl_box4_top.gif) no-repeat left top;
border-left: 3px solid #C81428;
border-right: 3px solid #C81428;
padding-top: 3px;
}

#main .box4 .box4ColumnA {
float: left;
width: 468px;
}

#main .box4 .boxImgA {
float: right;
margin: 0 0 10px 10px;
}

#main .box4 .boxImgA span {
display: block;
margin-top: 8px;
margin-left: 30px;
}

#main .box4 .box4ColumnA h3 {
margin: 26px 0 21px 25px;
}

#main .box4 .box4ColumnA p {
margin-left: 25px;
}

#main .box4 .box4ColumnB {
float: left;
width: 470px;
}

#main .box4 .boxImgB {
float: left;
margin: 0 15px 10px 0;
text-align: center;
}

#main .box4 .boxImgB span {
display: block;
margin-top: 8px;
margin-left: 90px;
}

#main .box4 .box4ColumnB h3 {
margin: 26px 0 16px 0;
}

#main .box4 .box4ColumnB p {
margin-left: 25px;
}

#main .boxUnderBox4 {
background: url(../image/bgl_dot1.gif) repeat-x left top;
padding-top: 1px;
margin: 0;
text-align: right;
}

#main .boxUnderBox4 .pageupBt {
float: right;
}

#main .boxUnderBox4 .balloon {
margin-bottom: 0;
text-align: left;
}

#main .boxUnderBox4 .balloon span {
display: block;
width: 133px;
height: 33px;
margin-top: 5px;
margin-left: 416px;
background: url(../image/img_box4.png) no-repeat left bottom;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -999999px;
}

#main .box5 {
height: 132px;
background: url(../image/bg_box5.png) no-repeat left bottom;
behavior: expression(IEPNGFIX.fix(this));
margin-bottom: 10px;
padding-left: 134px;
}

#main .boxUnderBox5 {
margin: 0;
text-align: right;
display: block;
width: 972px;
height: 219px;
background: url(../image/img_box5.png) no-repeat left bottom;
behavior: expression(IEPNGFIX.fix(this));
}

#main .boxUnderBox5 p {
padding-top: 35px;
}

#main .boxUnderBox5 span {
display: block;
visibility: hidden;
}

#main .box6 {
background: #C81428;
color: #FFFFFF;
padding: 23px 0 10px 17px;
margin-bottom: 32px;
}

#main .box6 p {
margin-bottom: 7px;
}

#main .box6 .box6ColumnA {
float: left;
width: 330px;
}

#main .box6 .box6ColumnB {
float: left;
width: 310px;
padding-right: 20px;
}

#main .box6 .box6ColumnB p {
margin-bottom: 5px;
}

#main .box6 .box6ColumnB .box6Img1 {
float: left;
padding-right: 10px;
}

#main .box6 .box6ColumnC {
float: left;
width: 280px;
}

#main .box6 .box6ColumnC li {
width: 280px;
clear: both;
font-size: 83%;
}

#main .box6 .box6ColumnC .box6Img2 {
float: left;
width: 50px;
margin-right: 10px;
}


/*--------------------
FOOTER
--------------------*/
#footer {
font-size: 83%;
color: #FFFFFF;
background: url(../image/bg_footer.gif) repeat-y left top;
}

#footer .floatL {
float: left;
width: 645px;
padding: 21px 0;
}

#footer .floatL span {
margin-left: 11px;
}

#footer .floatR {
float: left;
width: 309px;
padding: 15px 0 15px 0;
text-align: right;
vertical-align: middle;
}