@charset "utf-8";

/* ===== Universal Reset ===== */

*{
        margin: 0px;
        padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, address, a, li {
        font-size: 100%;
        font-style: normal; 
        font-weight: normal; 
        text-decoration: none; 
        line-height: 200%;
        vertical-align:baseline;
}

a:link,
a:visited{
        color : #075dd0;
}

a:hover,
a:active{
        color : #F30;
}

img, a img {
        vertical-align:bottom;
        border: 0px;
}

ul,dl,ol {
        list-style-type: none;
        list-style-position: outside;
}

/* ===== Basic Style ===== */

html {
    height: 100%;
}

body {
        height: 100%;
        text-align: center;
        font-size: 100%;
        font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",osaka,"MSゴシック",sans-serif;
        background-image: url(../image/common/bg_body.jpg);
        background-repeat: repeat-x;
        background-position: center top;
}

* html #container {
        height: 100%;
}

#container {
        min-height:100%;
  position:relative;
        width:850px;
        margin:0 auto;
        background-color:#FFFFFF;
}

body > #container {
        height: auto;
}


.clear {
        clear: both;
}

.clearfix:after {
        content: url(../image/common/spacer.gif);
        display: block; 
        clear: both; 
        height: 0; 
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block; }
/* End hide from IE-mac */


.img_left {
        float: left;
        margin-right:15px;
}

.img_right {
        float: right;
        margin-left:15px;
        margin-bottom:10px;
}

.sp_b72{
        margin-bottom:72px;
}

.sp_bxx{
        margin-bottom:60px;
}

.sp_b40{
        margin-bottom:40px;
}

.sp_b30{
        margin-bottom:30px;
}

.sp_b20{
        margin-bottom:20px;
}

.sp_b10{
        margin-bottom:10px;
}

.sp_b05{
        margin-bottom:5px;
}

.sp_t20{
        margin-top:20px;
}


.under_dot0{
        border-bottom:1px dotted #666;
}
.under_dot{
        border-bottom:1px dotted #666;
        margin-bottom:3px;
        padding-bottom:3px;
}
.under_dot10{
        border-bottom:1px dotted #666;
        margin-bottom:10px;
        padding-bottom:10px;
}


/* ===== Header Area ===== */

#pagetop {
        background-image: url(../image/common/bg_header.gif);
        background-repeat: repeat-x;
        background-position: center top;
}

#header_area {
        clear:both;
        width:860px;
        margin:0 auto 15px;
}

#logo {
        margin-top:20px;
        padding-left:19px;
        float:left;
}

#logo a{
        height:43px;
        line-height:43px;
        color:#075dd0;
        font-weight:bold;
        font-size:85%;
        letter-spacing:0.1em;
}

/* ===== Main Area ===== */
#main {
        width:580px;
        float: right;
        text-align: left;
}

.area0{
        clear:both;
        padding:0px 10px
}

.area1{
        clear:both;
        padding:25px 10px 0px;
}

.area2{
        clear:both;
        padding:50px 10px 0px;
}

.area1 .inner,
.area2 .inner{
        padding:0 10px;
}

.sp_pagetop{
        margin-top:10px;
        display:block;
        height:45px;
        clear:both;
        text-align:right;
        border-top:1px solid #BBB;
}

.sp_pagetop img{
        vertical-align:top;
}


/* ===== SUB Area ===== */

#sub {
        float: left;
        width: 200px;
        text-align: right;
}

p.pagetop{
        clear:both;
        text-align:right;
        padding-top:40px;
        padding-right:15px;
        margin-bottom:40px;
}

/* ===== Footer Area ===== */

#footer{
        clear:both;
        border-top:1px solid #2E5F9D;
        padding-top:3px;
        padding-bottom:15px;
}

#footer_gs{
		float:right;
		margin:20px 0 0 0;
}


ul.snavi_footer02 {
        float:left;
}

ul.snavi_footer02 li{
        display:inline;
        float:left;
        margin-left:10px;
}

ul.snavi_footer02  li a{
        display:block;
        font-size: 65%;
        line-height:120%;
}



ul.snavi_footer {
        float:right;
		margin:10px 0 0 0;
		padding-bottom:30px;

}

ul.snavi_footer li{
        display:inline;
        float:right;
        margin-left:10px;
}

ul.snavi_footer  li a{
        display:block;
        font-size: 65%;
        line-height:120%;
}

ul.ban_footer {
        float:left; margin:10px 0 0 0;
        padding-bottom:50px;
}

ul.ban_footer li{
        display:inline;
}
ul.ban_footer02 {
        float:left; margin:20px 0 0 0;
        padding-bottom:30px;
}
ul.ban_footer02 li{
        display:inline;
}
ul.ban_footer02 li a{
padding:0px 0 0 0;

}





.txt_footer {
        text-align:center;
        font-size: 65%;
        color : #333;
        line-height:120%;
}