@charset "Shift_JIS";


/* 
------------------------------------ */
#contents {
margin:0px auto;
width:810px;
}

div#pankuzu {
display:block;
background-color:#FFFFFF;
height:20px;
margin:0px auto;
}

.pankuzu_link {
display:block;
width:810px;
text-align:left;
}

div#pankuzu a {
color:#1391ce;
text-decoration:none
}

div#pankuzu a:hover {
color:#1391ce;
text-decoration: underline
}

#main_title {
background:transparent url(../images/grfTop03_title.jpg) no-repeat scroll 0 0;
height:221px;
width:810px;
text-indent:-99999px;
margin-top:50px;
}


/* grf_top_03.html
------------------------------------ */
#plan {
margin:0 auto;
width:810px;
text-align:left;
}

#stitle {
width:810px;
}

#plan h1 {
display:block;
float:left;
width:810px;
height:178px;
margin:20px 10px 10px 0;
background:transparent url(../images/grfTop03_title.jpg) no-repeat scroll 0 0;
background-position: left;
text-indent:-99999px;
}

#stitle h2 {
display:block;
float:left;
width:124px;
height:29px;
margin:0 10px 10px 0;
background:transparent url(../images/grfTop03_stitle.gif) no-repeat scroll 0 0;
background-position: left;
text-indent:-99999px;
}

#plan #stitle p {
font-size:10px;
line-height:1.3em;
}

#plan #stitle p .greentxt {
color:#36940e;
}

#plan {
margin:0 auto;
width:810px;
text-align:left;
}

#plan2 {
margin:0 auto;
width:810px;
text-align:left;
}

#plan .planSp {
display:block;
width:300px;
height:40px;
}

#plan2 .planSp {
display:block;
width:300px;
height:40px;
}

#plan .planSp2 {
display:block;
width:300px;
height:13px;
}

#plan2 .planSp2 {
display:block;
width:300px;
height:13px;
}

#plan #block1 {
position:relative;
display:block;
float:left;
margin:0 auto;
width:795px;
height:254px;
z-index: 4;
text-align:left;
background:transparent url(../images/grfTop03_bg01.jpg) no-repeat scroll 0 0;
margin:0 0 0 15px;
}

#plan2 #block2 {
position:relative;
display:block;
float:left;
margin:0 auto;
width:795px;
height:128px;
z-index: 1;
text-align:left;
background:transparent url(../images/grfTop03_bg02.jpg) no-repeat scroll 0 0;
margin:0 0 0 15px;
}

#plan #block1 #planA {
display:block;
width:382px;
height:118px;
position:relative;
top:5px;
left:408px;
z-index: 4;
background-color:#e0f9eb;
background:transparent url(../images/grfTop03_plan_a.jpg) no-repeat scroll 0 0;
}

#plan #block1 #planB {
display:block;
width:382px;
height:118px;
position:absolute;
top:131px;
left:5px;
z-index: 4;
background-color:#e0f9eb;
background:transparent url(../images/grfTop03_plan_b.jpg) no-repeat scroll 0 0;
}

#plan #block1 #planC {
display:block;
width:382px;
height:118px;
position:absolute;
top:131px;
left:408px;
z-index: 3;
background-color:#e0f9eb;
background:transparent url(../images/grfTop03_plan_c.jpg) no-repeat scroll 0 0;
}

#plan #block1 h5 {
width:1px;
height:1px;
margin:0;
text-indent:-99999px;
}

#plan #block1 p {
display:block;
width:369px;
margin:0 0 0 13px;
font-size:10px;
line-height:1.3em;
}

#plan #block1 a {
display:block;
width:160px;
height:29px;
margin: 0 0 0 13px;
background:transparent url(../images/grfTop03_btn.jpg) no-repeat scroll 0 0;
text-indent:-99999px;
}

#plan #block1 a:hover {
background:transparent url(../images/grfTop03_btnon.jpg) no-repeat;
}

#plan2 #block2 h4 {
width:1px;
height:1px;
margin:0;
text-indent:-99999px;
}

#plan2 #block2 #planA {
display:block;
width:382px;
height:118px;
position:relative;
top:5px;
left:408px;
background-color:#e0f9eb;
background:transparent url(../images/grfTop03_plan_d.jpg) no-repeat scroll 0 0;
}

#plan2 #block2 h5 {
width:1px;
height:1px;
margin:0;
text-indent:-99999px;
}

#plan2 #block2 p {
font-size:10px;
line-height:1.3em;
}

#plan2 #block2 p {
display:block;
width:369px;
margin:0 0 0 13px;
}

#plan2 #block2 a {
display:block;
width:160px;
height:29px;
margin: 0 0 0 13px;
background:transparent url(../images/grfTop03_btn.jpg) no-repeat scroll 0 0;
text-indent:-99999px;
}

#plan2 #block2 a:hover {
background:transparent url(../images/grfTop03_btnon.jpg) no-repeat;
}


/* IE対策
------------------------------------ */
* html #plan #block1 p {
margin:0 0 0 13px;
}

* html #plan #block2 p {
margin:0 0 0 13px;
}

* html #plan .planSp {
height:20px;
}

* html #plan2 .planSp {
height:20px;
}

/* opera対策
------------------------------------ */
#plan .planSp:not(\*|*) { height:20px; }
#plan .planSp2:not(\*|*) { height:10px; }
#plan2 .planSp:not(\*|*) { height:20px; }
#plan2 .planSp2:not(\*|*) { height:10px; }


/* gr_second2 共通
------------------------------------ */
#gr_second2 {
margin:0 auto;
width:810px;
text-align:left;
}

#title {
width:810px;
}

#gr_second2 #title h1 {
display:block;
float:left;
width:810px;
height:120px;
margin:35px 10px 0 0;
text-indent:-99999px;
}

#gr_second2 #title p {
text-indent:-99999px;
}

#gr_second2 p.mtitle {
font-size:16px;
line-height:1.3em;
color:#36940e;
}

#gr_second2 .gr_sec_box {
display:block;
width:810px;
margin:10px 0;
}

#gr_second2 .gr_sec_box p {
display:block;
float:left;
width:253px;
margin:0 30px 0 0;
}

/* Win IE7 \*/
*:first-child+html #gr_second2 .gr_sec_box p {
margin:0 20px 0 0;
}

/* Win IE6 \*/
* html #gr_second2 .gr_sec_box p {
margin:0 15px 0 0;
}

#gr_second2 .pagetop {
float:right;
width:810px;
margin:0 0 10px 0;
border-bottom:1px solid #d4dfce;
}

#gr_second2 .pagetop a {
float:right;
width:92px;
height:15px;
margin:10px 0 0 0;
background:transparent url(../images/gr_second2_pagetop.gif) no-repeat scroll 0 0;
text-indent:-99999px;
clear:both;
}

div.mgnBtm20 {
clear: both;
margin-bottom: 20px;
}

#gr_second2 .stitle_sec2_01c {
display:block;
float:left;
width:810px;
margin-top:20px;
}


/* gr_second2 共通 clearfix
------------------------------------ */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* gr_second2 共通 bottom menu
------------------------------------ */
#gr_second2 #bottomMenu {
display:block;
width:810px;
}

#bottomMenu ul {
list-style:none;
}

#linkbottomA {
display:block;
float:left;
width:165px;
height:60px;
background:transparent url(../images/gr_second2_btntitle.jpg) no-repeat;
text-indent:-99999px;
}

#linkbottomB a {
display:block;
float:left;
width:215px;
height:60px;
background:transparent url(../images/gr_second2_btn01.jpg) no-repeat;
text-indent:-99999px;
}

#linkbottomC a {
display:block;
float:left;
width:215px;
height:60px;
background:transparent url(../images/gr_second2_btn02.jpg) no-repeat;
text-indent:-99999px;
}

#linkbottomD a {
display:block;
float:left;
width:215px;
height:60px;
background:transparent url(../images/gr_second2_btn03.jpg) no-repeat;
text-indent:-99999px;
}

#linkbottomB a:hover {
background:transparent url(../images/gr_second2_btn01on.jpg) no-repeat;
}

#linkbottomC a:hover {
background:transparent url(../images/gr_second2_btn02on.jpg) no-repeat;
}

#linkbottomD a:hover {
background:transparent url(../images/gr_second2_btn03on.jpg) no-repeat;
}

#linkbottomB a.visit {
background:transparent url(../images/gr_second2_btn01on.jpg) no-repeat;
}

#linkbottomC a.visit {
background:transparent url(../images/gr_second2_btn02on.jpg) no-repeat;
}

#linkbottomD a.visit {
background:transparent url(../images/gr_second2_btn03on.jpg) no-repeat;
}

#gr_second_bottomSp {
display:block;
height:1px;
clear:both;
}





/* gr_second2 共通 bottom link
------------------------------------ */
#bottomLinkBtn {
display:block;
width:810px;
margin-top:20px;
}

.bottomLinkimg1 {
width:810px;
height:66px;
background:transparent url(../images/gr_second2_bottomimg01.jpg) no-repeat;
margin:0;
padding:0;
float:left;
}

.bottomLinkimg1 p {
text-indent:-99999px;
}

.bottomLinkimg2 {
width:657px;
height:31px;
background:transparent url(../images/gr_second2_bottomimg03.jpg) no-repeat;
margin:0;
padding:0;
float:left;
}

.bottomLinkimg3 a {
width:153px;
height:31px;
background:transparent url(../images/gr_second2_bottombtn.jpg) no-repeat;
margin:0;
padding:0;
float:left;
text-indent:-99999px;
}

.bottomLinkimg3 a:hover {
background:transparent url(../images/gr_second2_bottombtnon.jpg) no-repeat;
}

.bottomLinkimg4 {
width:810px;
height:4px;
background:transparent url(../images/gr_second2_bottomimg04.jpg) no-repeat;
margin:0;
padding:0;
float:left;
}

.line_bottom {
margin:20px 0;
}


/* copy to baselayout.css
------------------------------------ */
.clearfix:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

.clearfix {
zoom:100%;
}

.gray_line {
height:2px;
background:#fff url(../images/fair_footerline.gif) repeat-x top left;
}

.gray_line hr {
display:none;
}

.line_head {
margin:10px 0 0;
}


/* gr_second2_01.html
------------------------------------ */
#gr_second2 .title01 h1 {
background:transparent url(../images/gr_second2_01_title.jpg) no-repeat scroll 0 0;
}

#gr_second2 .stitle_sec2_01a h4 {
display:block;
float:left;
width:810px;
height:28px;
margin:20px 10px 10px 0;
background:transparent url(../images/gr_second2_01_stitle01.jpg) no-repeat scroll 0 0;
background-position: left;
text-indent:-99999px;
}

#gr_second2 .stitle_sec2_01b h4 {
display:block;
float:left;
width:810px;
height:28px;
margin:20px 10px 10px 0;
background:transparent url(../images/gr_second2_01_stitle02.jpg) no-repeat scroll 0 0;
background-position: left;
text-indent:-99999px;
}


/* gr_second2_02.html
------------------------------------ */
#gr_second2 .title02 h1 {
background:transparent url(../images/gr_second2_02_title.jpg) no-repeat scroll 0 0;
}

#gr_second2 .stitle_sec2_02a h4 {
display:block;
float:left;
width:810px;
height:28px;
margin:20px 10px 10px 0;
background:transparent url(../images/gr_second2_02_stitle01.jpg) no-repeat scroll 0 0;
background-position: left;
text-indent:-99999px;
}

#gr_second2 .stitle_sec2_02b h4 {
display:block;
float:left;
width:810px;
height:28px;
margin:20px 10px 10px 0;
background:transparent url(../images/gr_second2_02_stitle02.jpg) no-repeat scroll 0 0;
background-position: left;
text-indent:-99999px;
}


/* gr_second2_03.html
------------------------------------ */
#gr_second2 .title03 h1 {
background:transparent url(../images/gr_second2_03_title.jpg) no-repeat scroll 0 0;
}

#gr_second2 .stitle_sec2_03a h4 {
display:block;
float:left;
width:810px;
height:28px;
margin:20px 10px 10px 0;
background:transparent url(../images/gr_second2_03_stitle01.jpg) no-repeat scroll 0 0;
background-position: left;
text-indent:-99999px;
}

#gr_second2 .stitle_sec2_03b h4 {
display:block;
float:left;
width:810px;
height:28px;
margin:20px 10px 10px 0;
background:transparent url(../images/gr_second2_03_stitle02.jpg) no-repeat scroll 0 0;
background-position: left;
text-indent:-99999px;
}

#gr_second2 .stitle_sec2_03c h4 {
display:block;
float:left;
width:810px;
height:28px;
margin:20px 10px 10px 0;
background:transparent url(../images/gr_second2_03_stitle03.jpg) no-repeat scroll 0 0;
background-position: left;
text-indent:-99999px;
}


/* IE7 IE6対策
------------------------------------ */
/* Win IE7 \*/
*:first-child+html #linkbottomC a {margin: -19px 0 0 0;}
*:first-child+html #linkbottomC a {margin: -38px 0 0 0;}
*:first-child+html #gr_second2 .stitle_sec2_01a h4 {margin:10px 10px 10px 0;}
*:first-child+html #gr_second2 .stitle_sec2_01b h4 {margin:10px 10px 10px 0;}
*:first-child+html h4 {margin:60px 10px 10px 0;}

/* Win IE6 \*/
* html #linkbottomC a {margin: -19px 0 0 0;}
* html #linkbottomD a {margin: -38px 0 0 0;}
* html .stitle_sec2_03a {margin:0;padding:0;}
* html .mtitle {margin:5px 0;padding:0;}
* html #title h1 {margin:5px 0;padding:0;}
* html #gr_second2 .stitle_sec2_01a h4 {margin:0 10px 10px 0;}
* html #gr_second2 .stitle_sec2_01b h4 {margin:0 10px 10px 0;}
* html #gr_second2 .stitle_sec2_02a h4 {margin:0 10px 10px 0;}
* html #gr_second2 .stitle_sec2_02b h4 {margin:0 10px 10px 0;}
* html #gr_second2 .stitle_sec2_03a h4 {margin:0 10px 10px 0;}
* html #gr_second2 .stitle_sec2_03b h4 {margin:0 10px 10px 0;}
* html #gr_second2 .stitle_sec2_03c h4 {margin:0 10px 10px 0;}