@charset "UTF-8";

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

/* Nݒ */
a:link   { color: #1135a9; text-decoration: none; }
a:visited   { color: #1135a9; text-decoration: none; }
a:hover  { color: #468bff; text-decoration: underline; }
a:active   { color: #1135a9; text-decoration: underline; }
img { border:none}


/* oݒ */
h1 { margin:0; padding:0;}
h2 { margin:0; padding:0;}
h3 {}
h4 {}
h5 {}
ul {}
ol {}
li {}

p { font-size:13px; margin: 6px 0;}


body {margin:0 auto;padding:0px;text-align:center; color:#000000;font-family:"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;line-height:1.5;}

#contents {width:960px; margin:0 auto; padding:0;}

#header {width:960px;margin:0; padding:0;}

#nav01 {width:960px; height:38px;margin:10px 0; padding:6px 0 0;background-color: #FFE1C4;}
#nav01 ul { margin:0 0 0 7px; padding:0;}
#nav01 ul li {float:left;display:block; width:175px; height:30px; margin:0; padding:0; list-style:none; border:1px solid #FFFFFF;}

#nav02 {width:200px;margin:0; padding:10px 0;background-color: #FFE1C4;float:left; clear:both}
#nav02 ul { margin:0; padding:0;}
#nav02 ul li {display:block; width:175px; height:30px; margin:0; padding:0; list-style:none; border:1px solid #FFFFFF;}

#section {width:960px; margin:-13px 0 0;padding:0; text-align:center;float:right;}
.article {width:960px; margin:13px 0 0; padding:0;}
.art_l {float:left;margin:0 28px 0 90px;padding:0 10px 0 0; text-align:left; width:270px}
.art_r {float: right;margin:0 73px 0 28px;text-align:left; text-align:left; width:270px}
.fl { float:left}

.c_b {clear:both}
#footer {width:960px;margin:0; padding:0;clear:both}

.bg01 { background-image:url(images/bg1.png)}
.h1cr { color:#d70c19; font-size:30px}

.tac { width:720px; text-align:left; margin:0 auto 20px;}

.kin {background-image:url(images/bg2.png); width:270px; height: 520px; float:left; margin:0 5px 5px; padding:10px 20px 0;
border-radius:8px;         /* CSS3 */
-moz-border-radius:8px;    /* Firefox */
-webkit-border-radius:8px; /* Safari,Chrome */}
.kin img { text-align:center; margin:10px;}
.kin strong { font-size:16px; line-height: 1.3}
.tl { text-align: left;}

.go { background-color:#FFCC00; margin:8px; font-size:18px;
	border-radius:15px;         /* CSS3 */
-moz-border-radius:15px;    /* Firefox */
-webkit-border-radius:15px; /* Safari,Chrome */}

.gin {background-image:url(images/bg3.png); width:310px; float:left; margin:0 5px 5px;
border-radius:8px;         /* CSS3 */
-moz-border-radius:8px;    /* Firefox */
-webkit-border-radius:8px; /* Safari,Chrome */}
.gin img { text-align:center; margin:10px;}
.gin strong { font-size:18px}

.si { background-color: #B8C0CE; margin:8px; font-size:18px;
	border-radius:15px;         /* CSS3 */
-moz-border-radius:15px;    /* Firefox */
-webkit-border-radius:15px; /* Safari,Chrome */}

.ren { background-color: #FF0004; margin:-4px 0; font-size:12px; color:#FFFFFF; padding:2px 5px 3px;
	border-radius:15px;         /* CSS3 */
-moz-border-radius:15px;    /* Firefox */
-webkit-border-radius:15px; /* Safari,Chrome */}

.bo {text-align:center; width:32%; display:block; color:#FFF; background-color: #007BE0; margin:6px ; padding:18px 0 0 ; font-size:17px; font-weight: normal; height:42px; float:left;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo a {color:#FFF; text-decoration: none;}
.bo:hover { background-color: #51A2FF; text-decoration: none;}


.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}