@charset "utf-8";

/*-----------------------------------------------
 __Reset
-----------------------------------------------*/

* {
margin:0;
padding:0;
}

/*-----------------------------------------------
 __base_style
-----------------------------------------------*/

body {
background:#fff;
color:#444;
text-align:left;
font-size:small;
font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

*:first-child + html body {
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


html {
overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6 {
font-size:medium;
letter-spacing:.1em;
color:#000000;
}

p {
margin:0;
padding:0;
}

img {
border:0;
}

ul{
list-style:none;
}

a {
outline:none;}

a:link,a:visited{
text-decoration:underline;
color:#09A456;}

a:hover{
text-decoration:underline;
color:#09A456;}

.clear{
clear:both;
}

.c{
text-align:center;
}

.l{
text-align:left;}

.r{
text-align:right;}

.b{
font-weight:bold;}

img.right{
padding:2px;
float:right;}

img.left{
float:left;}

.continue{
font-size:11px;
float:right;
background:url(../img2/li.gif) left 50% no-repeat;
padding:0 0 0 20px;}

.arrow{
margin:10px 0 0 0;
font-size:11px;
background:url(../img2/arrow.gif) left 50% no-repeat;
padding:0 0 0 12px;}

.arrow02{
font-size:11px;
background:url(../img2/arrow.gif) left 50% no-repeat;
padding:0 0 0 12px;}


.pagetop{
font-size:10px;
float:right;
background:url(../img2/pagetop.gif) left 50% no-repeat;
padding:0 0 0 12px;
margin:10px 0 10px 0;}

.pagetop a,.pagetop a:hover{
font-size:10px;
display:block;}


#main .pagetop a{
text-decoration:none;
color:#444444;}

#main .pagetop a:hover{
text-decoration:none;
color:#09A456;}

.t_i{
text-indent:-1em;
margin:0 0 0 1em;}

.t_i02{
text-indent:-1em;
margin:0 0 0 2em;}

.t_i03{
text-indent:-2em;
margin:0 0 0 2em;}

.f_s{
font-size:9px;}

.le_s{
letter-spacing:-0.5px;}


/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
text-align:left;
width:740px;
padding:20px 0 0 20px;
background:#ffffff;
}

@media print {
#container { width:550px; }
}


/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
width:740px;
}

@media print {
#header {
width:550px;
}
}


/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
overflow:auto;
width:740px;
height:auto;
float:left;
margin:17px 0 0 0;
}

@media print {
#contents {
overflow:visible;
width:550px;
height:auto;
float:left;
margin:17px 0 0 0;
}
}

* html #contents {
overflow:visible;
width:740px;
margin:17px 0 0 0;
}



/*-----------------------------------------------
 __main
-----------------------------------------------*/

#main {
float:right;
width:550px;
margin:0 0 40px 0;
}

@media print {
#main {
float:left;
width:550px;
margin:0 0 40px 0;
}
}


#main .c{
margin:20px 0 0 0;
text-align:center;
}

#main p{
font-size:12px;
line-height:150%;}


#main .f_s{
font-size:10px;}

#main li{
font-size:12px;
line-height:160%;}

#main p a ,#main li a{
text-decoration:underline;
color:#09A456;}

#main h2{
font-size:16px;
color:#666666;
background:url(../img2/main_tbg.jpg) left 50% no-repeat;
padding:0 0 0 15px;
margin:0 0 20px 0;}

#main h3{
font-size:15px;
color:#09A456;
margin:0 0 10px 0;
}

#main h4{
line-height:140%;
font-size:13px;
color:#666666;
margin:0 0 15px 0;
}

#main .h402{
line-height:140%;
font-size:13px;
color:#666666;
margin:10px 0 5px 0;
}

#main .h403{
line-height:140%;
letter-spacing:1px;
font-size:12px;
color:#666666;
margin:0 0 15px 0;
}

#main .h404{
clear:both;
line-height:140%;
letter-spacing:1px;
font-size:12px;
color:#666666;
padding:20px 0 0 0;
margin:0 0 15px 0;
}

#main h5{
clear:both;
line-height:140%;
font-size:12px;
color:#666666;
padding:20px 0 3px 0;
margin:0 0 5px 0;
width:550px;
border-bottom:#ccc 1px solid;
}

#main .h502{
line-height:140%;
font-size:12px;
color:#666666;
padding:0 0 3px 0;
margin:10px 0 5px 0;
width:550px;
border-bottom:#ccc 1px solid;
}

#main .h503{
font-size:12px;
color:#666666;
padding:0 0 3px 0;
margin:50px 0 5px 0;
width:550px;
border-bottom:#ccc 1px solid;
}

#main .h555{
font-size:14px;
color:#666666;
margin:10px;
padding:20px;
width:530px;
border:1px solid #999999;
}

#main .h556{
font-size:14px;
color:#0970BD;
margin:10px;
padding:20px;
width:530px;
border:1px solid #0970BD;
}

#main .h557{
font-size:12px;
}

#main .h558{
font-size:14px;
}

#main h6{
letter-spacing:-0.5px;
font-size:12px;
color:#666666;
margin:10px 0 2px 0;
}


#main01{
clear:both;
width:550px;
padding:10px 0 0 0;
margin:30px 0 0 0;}

#main02,#main03,#main04{
clear:both;
width:550px;
padding:10px 0 0 0;
margin:30px 0 0 0;}

#main10,#main11,#main12,#main13,#main14,#main15,#main16,#main17,#main18,#main19,#main20{
margin:10px 0 0 0;
padding:20px 0 0 0;}

.spacer{
clear:both;
padding:30px 0 0 0;}

.spacer01{
padding:20px 0 0 0;}

.spacer02{
padding:10px 0 0 0;}

.spacer03{
padding:30px 0 0 0;}



/* __ex
------------------------------------------*/

#ex {
float:left;
background:url(../img2/navi_bg.jpg) 0 0 no-repeat;
width:170px;
height:460px;
margin:0;
padding:0;
}

@media print {
#ex { display: none; }
}


#ex ul{
margin:20px 20px 0 20px;
list-style-type:none;
}

#ex li{
display:inline;
}

#ex li a{
display:block;
text-indent:-9999px;
}

#ex .m_home a{
display:block;
background:url(../img2/navi_home.gif) 0 0 no-repeat;
width:130px;
height:28px;
}

#ex .m_home a:hover{
display:block;
background:url(../img2/navi_home_a.gif) 0 0 no-repeat;
width:130px;
height:28px;
}




/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
background:url(../img2/foot_bg.gif) 0 0 repeat-x;
font-size:10px;
clear:both;
width:740px;
height:20px;
padding:15px 0 0 0;
}

@media print {
#footer {
font-size:10px;
clear:both;
width:550px;
height:20px;
padding:15px 0 0 0;
}
}


#footer_l{
width:520px;
float:left;}

#footer_r{
width:218px;
float:right;}

#footer ul{
list-style:none;}

#footer li{
background:url(../img2/foot_lli.gif) left 50% no-repeat;
padding:0 18px 0 10px;
display:inline;
float:left;}

address{
clear:both;
font-style:normal;
padding:10px;
}

