@charset utf-8;

/* reset */
html {
background:#FFF;
color:#000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
font:100%;
font-size:inherit;
}
fieldset,img {
border:0;
}
img {
vertical-align:top;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
li {
list-style:none;
}
caption,th {
text-align:left;
vertical-align:top;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
font-variant:normal;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input,textarea,select {
font-family:inherit;
font-size:100%;
font-weight:inherit;
z-index:auto;
}
legend {
color:#000;
}
pre,code,kbd,samp,tt {
font-family:monospace;
font-size:108%;
line-height:100%;
}

/* フォントサイズ  font-size:13pxの場合
===========================================================*/
.fs10 {font-size:77%;}
.fs11 {font-size:85%;}
.fs12 {font-size:93%;}
.fs13 {font-size:100%;}
.fs14 {font-size:108%;}
.fs15 {font-size:116%;}
.fs16 {font-size:124%;}
.fs17 {font-size:131%;}
.fs18 {font-size:139%;}
.fs19 {font-size:147%;}
.fs20 {font-size:154%;}
.fs21 {font-size:162%;}
.fs22 {font-size:170%;}
.fs23 {font-size:177%;}
.fs24 {font-size:185%;}
.fs25 {font-size:193%;}
.fs26 {font-size:200%;}
/* font-weight */
.fb {font-weight:bold;}
.fn {font-weight:normal;}
/* color */
.red {color:#C00;}
/* text-align */
.taL {text-align:left;}
.taC {text-align:center;}
.taR {text-align:right;}

/* float */
.fL {float:left;}
.fR {float:right;}

/* margin-top */
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
/* margin-right */
.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
/* margin-left */
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
/* margin-bottom */
.mb0 {margin-bottom:0!important;}
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

/* clearfix */
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}


body {
font:13px/1 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,Sans-Serif;
*font-size:small;
*font:x-small;
color:#333;
text-align:center;
background:#FFF;
}
a:link,a:visited {
color:#0099CB;
text-decoration:none;
}
a:hover,a:active {
color:#1AC6FF;
text-decoration:underline;
}

/*   header
====================================*/
header {
background:url(../images/header_img.jpg) no-repeat top right #1165AE;
position:relative;
}
header div {
margin:0 auto;
text-align:left;
width:960px;
}
header section {
background:#1165AE;
padding:76px 0 78px;
width:630px;
}
header div section h1 {
float:left;
margin:0 37px 0 0;
}
header div section p {
float:left;
}
header #contact {
bottom:20px;
position:absolute;
right:20px;
width:190px!important;
}

/*   gnavi
====================================*/
nav#gnavi {
border-bottom:1px solid #CCC;
border-top:1px solid #EEE;
width:100%;
}
nav#gnavi ul {
margin:0 auto;
width:960px;
}
nav#gnavi ul li {
float:left;
}
nav#gnavi ul li a {
display:block;
}
.fixed {
position:fixed;
top:0;
z-index:9999;
}

/*   wrapper
====================================*/
#wrapper {
margin:0 auto 80px;
padding:40px 0 0;
text-align:left;
width:900px;
}
#wrapper:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
#wrapper h2 {
margin:0 0 30px;
}

/* WPブログ用 */ 
#wrapper img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#wrapper img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
#wrapper img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
#wrapper .alignright {
    float: right;
}
#wrapper .alignleft {
    float: left;
}


/*   footer
====================================*/
#pagetop .btn {
margin:0 auto;
text-align:right;
width:900px;
}
footer {
border-top:1px solid #CCC;
padding:30px 0;
}
footer div {
margin:0 auto;
width:960px;
}
footer div nav {
float:left;
width:750px;
}
footer div nav ul li {
float:left;
margin:0 30px 0 0;
}
footer div nav ul li a {
background:url(../images/arrow01.gif) no-repeat left .4em;
padding:0 0 0 10px;
}
footer small {
float:right;
text-align:right;
}

/* added 20220613  */
/*   container
====================================*/
#container {
margin:0 auto 80px;
padding:40px 0 0;
text-align:left;
width:900px;
}
#container:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
#container h2 {
margin:0 0 30px;
}

/* WPブログ用 */ 
#container img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#container img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
#container img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
#container .alignright {
    float: right;
}
#container .alignleft {
    float: left;
}