@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;
}


/*--------------------
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_main.jpg) repeat;
}

#container {
line-height: 140%;
font-size: 75%;
width: 990px;
margin: auto;
}

body.image {
background: none;
}

body.image #container {
width: 800px;
text-align: left;
}

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

/*--------------------
HEADER
--------------------*/
#header {
margin: 0 5px 0 5px;
}

#header h1 {
float: left;
width: 472px;
padding: 23px 0 10px 0;
}

#header p {
float: right;
margin-top:10px;
}

/*--------------------
CONTENTS
--------------------*/
.main {
background: #FFFFFF;
margin: 0 5px 0 5px;
}

.main .columnA {
float: left;
width: 760px;
}

.main .columnB {
float: left;
width: 220px;
text-align: center;
position: relative;
}

.main .columnB h2 {
padding: 40px 0 10px 0;
} 

.main .columnB p {
text-align: left;
margin: 0 18px 0 18px;
line-height: 180%;
color: #666666;
}

.main .columnB li {
padding: 0 0 18px 0;
}


.main .columnB .imageLink1 {
	position: absolute;
	left: 118px;
	top: 162px;
}

.main .columnB .imageLink2 {
	position: absolute;
	left: 117px;
	top: 232px;
}
.mnavi {
padding-left: 5px;
font-size: 0px;
line-height: 0px;
}

.mnavi dl {
float: left;
}

.mnavi dt {
padding: 21px 0 7px 0;
}

.mnavi dd {
display: inline;
}

.mnavi .spacer {
padding-left: 18px;
}

body.image .photo {
padding: 20px;
}

body.image .close2 {
text-align: right;
padding-right: 15px;
}

/*--------------------
FOOTER
--------------------*/

#footer {
margin: 0 5px 10px 5px;
}

#footer .copy {
float: left;
margin-top: 12px;
}

#footer .close {
float: right;
margin-top: 11px;
}