@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                 body
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                                 container
----------------------------------------------------------------------------*/
.container {}
#disp{ position:fixed; left:0; bottom:0; background:#CCC;}

/*----------------------------------------------------------------------------
 ***                                                                 header
----------------------------------------------------------------------------*/

header { }
header#topHeader{ background:url(../../../img/_staffs/back_under01.png) left top repeat-x; background-size:auto 100%; overflow:hidden;}
header#topHeader h1{ width:42.5%; float:left;}
header#topHeader p{ float:right; width:18.75%; margin:0;}


/*----------------------------------------------------------------------------
 ***                                                                 nav
----------------------------------------------------------------------------*/
nav{}
#gNavi{ border-top:#A40B5D solid 2px; background:url(../../../img/_staffs/back_contents01.png) top left repeat-x; padding-top:6%; margin-bottom:5%; background-size:auto 3.57%;}
#gNavi {}
#gNavi ul{ overflow:hidden; margin:0 4.8%;}
#gNavi li{ float:left; width:50%;}
#gNavi li img{ padding:3%;}


/*----------------------------------------------------------------------------
 ***                                                                 content
----------------------------------------------------------------------------*/
#content{}

section{ margin-bottom:6%;}
section section{ margin-top:3%;}

.pgTitleBox{border-bottom:#ccc solid 1px; margin:0 6% 3% 6%; padding-top:4%;}
.pgTitleBox h2{ font-size:160%; color:#666666; padding-bottom:1.4%; font-weight:normal;}
.pgTitleBox h2 span{ font-size:40%; margin-left:2%;}
h3{}
h4{}
/* 縦横で変形用追加 */
.wideMode .pgTitleBox{ padding-top:2%;}



/*----------------------------------------------------------------------------
                                                                 footer
----------------------------------------------------------------------------*/
footer{ background:url(../../../img/_staffs/back_contents01.png) left top repeat-x; background-size:auto 13.57%; background-color:#DCDDDD; border-top:#BB4886 solid 2px;}
#footerInner{ padding:5% 0;}
footer p{ text-align:center; padding:1% 0; font-size:70%;}
footer #copyright{}


/*----------------------------------------------------------------------------
                                                                 他
----------------------------------------------------------------------------*/
#tpbtn{width:3.5em; height:3.5em; z-index:9998; position:fixed; right:2%; bottom:1%; filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
#tpbtn a {display:block; width:100%; height:100%;}



/*----------------------------------------------------------------------------
                                                                 ボタンの背景
----------------------------------------------------------------------------*/
.btn_text{ font-size:140%; color:#FFF; text-align:center; line-height:1.0em; padding:4% 0 3%;}
.btn_text_gray{ font-size:160%; color:#666; text-align:center; line-height:1.0em; padding:5% 0 4%;}
.btn_text a{ color:#FFF; text-decoration:none;}

.bg_purple{ background:url(../../../img/_staffs/back_purple.png) center 50% no-repeat;}
.bg_gray{ background:url(../../../img/_staffs/back_gray.png) center 50% no-repeat;}
.bg_gray_gray{ background:url(../../../img/_staffs/back_gray_gray.png) center 50% no-repeat;}
.bg_gray_gray_next{ background-image:url(../../../img/_staffs/ico_next.png), url(../../../img/_staffs/back_gray_gray.png); background-position:93% 50%, center 50%; background-repeat:no-repeat, no-repeat; background-size:auto 60%, 100% auto;}
.bg_gray_gray_prev{ background-image:url(../../../img/_staffs/ico_prev.png), url(../../../img/_staffs/back_gray_gray.png); background-position:7% 50%, center 50%; background-repeat:no-repeat, no-repeat; background-size:auto 60%, 100% auto;}
.bg_lightblue{ background:url(../../../img/_staffs/back_lightblue.png) center 50% no-repeat;}
.bg_gray_blue{ background:url(../../../img/_staffs/back_gray_blue.png) center 50% no-repeat; background-size:100% auto; color:#17A196;}
.bg_green{ background:url(../../../img/_staffs/back_green.png) center 50% no-repeat;}
.bg_gray_green{ background:url(../../../img/_staffs/back_gray_green.png) center 50% no-repeat; background-size:100% auto; color:#046536; width:55.46%; margin:0 auto;}
.bg_yellow{ background:url(../../../img/_staffs/back_yellow.png) center 50% no-repeat;}

.textsizeS{ font-size:120%;}
.textsizeSS{ font-size:100%;}
.bd_ra{ border-radius:4px;}
.btn_anchor{ width:55.46%; margin:0 auto;}
.mgt14{ margin-top:1.4em !important;}
.pd3_2{ padding:3% 0 2%;}