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

/*------------
common
------------*/

*{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* Micro clearfix */

/* For modern browsers */
.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }


html{
font-size:62.5%;
}


body{
min-width:100%;
background:url(../images/bodybg.gif);
color:#000;
font-size:14px;
font-size:1.4rem;
line-height:1.6;
font-family:'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',osaka,sans-serif;
}


img {
max-width: 100%;
height: auto;
display:block;
border:none;
}

li {
list-style-type:none;
}


a:link {
text-decoration: underline;
color:#91092f;
}

a:visited {
text-decoration: underline;
color:#91092f;
}

a:hover {
text-decoration: none;
color:#91092f;
}

a:active {
text-decoration: underline;
color:#91092f;
}

h1,h2,h3,h4,h5,h6{
margin:auto;
padding:0;
}

p{
margin:auto;
padding:0;
text-align: justify;
text-justify: inter-ideograph;
}

ul, ol{
list-style-type:none;
margin:auto;
padding:0;
}
dl, dt, dd{
margin:auto;
padding:0;
}

strong{
font-weight:bold;
}

.boldFont{
font-weight:bold;
}


.ie7 br,
.ie6 br{
letter-spacing: 0;
}

.engFont{
font-family:Arial, Helvetica, sans-serif;
}
.redFont{
	color:#91092f;
}

/*------------
layout header
------------*/
header#mainHead{
width:100%;
min-height:95px;
background:url(../images/headbg.gif) 0 100% repeat-x #fff;
}
* html header#mainHead{
height:95px;
}

header#mainHead #headInner{
width:100%;
margin:auto;
}
header#mainHead .leftArea{
width:100%;
float:none;
padding:2px 0 0;
}
header#mainHead .rightArea{
width:100%px;
float:none;
padding:4px 0 0;
display:none;
}
header#mainHead h1{
width:100%;
margin:0 0 4px;
font-size:10px;
font-size:1.0rem;
font-weight:normal;
color:#333;
}
header#mainHead h2{
width:100%;
margin:0;
}
header#mainHead .leftArea h3{
font-size:11px;
font-size:1.1rem;
font-weight:normal;
color:#222;
}

/* 2014.12.25 add(chukai) */
.leftArea p {
margin:0 0 4px 50px;
font-size:10px;
font-size:1.0rem;
font-weight:normal;
color:#333;
}


/*------------
layout visSect
------------*/
#visSect{
width:100%;
background:url(../images/visbg.jpg) 50% 0 no-repeat #000;
}
#visInner1{
width:100%;
background:url(../images/navbg.png) 0 0 repeat-x;
}
#visInner2{
width:100%;
height:auto;
margin:0;
background:#000;
}
#visSect .mainImg{
position:static;

padding:0;
margin:0;
}
#visSect nav{
padding:0;
position:static;
}

#visSect h2{
margin:auto;
padding:0;
}


/*------------
layout nav
------------*/

#visSect nav{
width:100%;
}
#visSect ul#gnavi{
width:100%;
margin:auto;
display:none;
}
#visSect ul#gnavi li{
width:100%;
float:none;
}
#visSect ul#gnavi li.li1{
width:100%;
}

/*------------
layout contents
------------*/

#contents{
width:100%;
margin:0 auto;
padding:0 0 30px;
background:#fff;
}
#contents #left{
width:100%;
float:none;
overflow:hidden;
}
#contents #right{
width:100%;
float:none;
padding:20px 0 18px;	
overflow:hidden;
background:#efeeef;
}

#contents #topicPath{
padding:14px 20px 16px;
font-size:11px;
font-size:1.1rem;
line-height:1.3;
}
#contents #topicPath a{
color:#333;
}

/* 2015.3.4add */
#contents #right02{
width:100%;
clear:both;
float:none;
padding:20px 0 18px;	
overflow:hidden;
background:#FFFFFF;
}

#right02 #side07{
/* 2015.05.21 modified
width:100%;
margin:0 0 9px;
*/
display: none;
}

#right02 #side08{
width:100%;
margin:0 0 9px;
}
/* 2015.3.4add */


/*------------
layout left
------------*/
#contents #left .seclv1{
width:100%;
margin:0;
}

#contents #left .cntBot{
width:100%;
padding:10px 0 0;
margin:0;
}

#contents #left .botBtns img{
width:100%;
}

#contents #left .botBtns{
margin:0 0 6px;
padding:26px 0;
background:url(../images/cntbot_bg.gif) 0 0 repeat;
}
#contents #left .botBtns ul{
position:relative;
}

#contents #left .botBtns li{
width:100%;
float:none;
}
#contents #left .botBtns li.li2{
margin:0;
padding:2px 2px 0;
}

#contents #left .cntBot p{
font-size:11px;
font-size:1.1rem;
text-align:right;
color:#999;
font-family:Arial, Helvetica, sans-serif;
}



/*------------
layout right
------------*/
/* 2015.3.16add */
#rightOutline{
width:100%;
height:auto;
float:none;
}

/* 2015.3.16add */

#right a:hover img{
filter: alpha(opacity=70);
opacity:0.70;
-moz-opacity:0.70;
}

#rightOutline #side02 img{
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}

#rightOutline #side03 img{
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}

#rightOutline #side04{
width:50%;
}

#rightOutline #side04 img{
width:25%;
text-align:center;
}

#rightOutline #side05 img{
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}

#rightOutline #side06 img{
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}

#rightOutline #side07 img{
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}

#rightOutline #side08 img{
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}

#rightOutline #side02 {
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}

#rightOutline #side03 {
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}


#rightOutline #side05 {
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}

#rightOutline #side06 {
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}

#rightOutline #side07 {
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}

#rightOutline #side08 {
width:100%;
text-align:center;
margin:left:auto;
margin:right:auto;
}

/*------------
layout right #lnav
------------*/

#rightOutline #lnav{
width:100%;
}

#right #lnav{
width:100%;
margin:0;
background:#fff;
}
#right #lnav h3{
padding:0 0 2px;
}

#right #lnav ul{
padding:4px 6px 6px;
}
#right #lnav li{
width:100%;
float:none;
background:url(../images/dotline.gif) 0 100% repeat-x;
}
#right #lnav li.lastCh{
background:none;
}

#right #lnav li a{
display:block;
padding:15px 22px 17px 4px;
background:url(../images/lnav_arrow.png) 100% 47% no-repeat;
text-decoration:none;
font-size:12px;
font-size:1.2rem;
line-height:1.3;
color:#000;
letter-spacing:0.1em;
width:100%;
}
#right #lnav li a:hover{
color:#797979;
}

#right #lnav li.onChip{
background:url(../images/dotline.gif) 0 100% repeat-x #f3e8bd;
}
#right #lnav li.onChip a{
cursor:default;
}
#right #lnav li.onChip a:hover{
color:#000;
}
#right #lnav li.onChipLast{
background:#f3e8bd;
}
#right #lnav li.onChipLast a{
cursor:default;
}
#right #lnav li.onChipLast a:hover{
color:#000;
}





#right #side01{
width:0;
margin:0 0 9px;
vertical-align:center;
display:none;
}
#right .sideBox{
width:98%;
margin:0 auto 12px;
}

#rightOutline #right #side04 .{
width:100%;
}

#rightOutline #right #side04 img{
width:30%;
height:auto;
margin-left:auto;
margin-right:auto;
}


#right #side04{
background:#fff;
width:100%;
}
#right #side04 h3{
padding:4px 0 2px;
background:#404040;
color:#fff;
text-align:center;
font-size:12px;
font-size:1.0rem;
font-weight:normal;
width:100%;
}
#rightOutline #right #side04 h3 img{
width:30%;
height:auto;
margin-left:auto;
margin-right:auto;
}
#right #side04 #newsBox h4{
font-weight:normal;
}

#right #side04 #newsBox h3{
width:100%;
height:auto;
}

#right #side04 #newsBox{
width:100%
padding:8px 0 6px;
line-height:1.4;
}
#right #side04 #newsBox li{
margin:0 0 6px;
}
#right #side04 #newsBox li div{
font-size:11px;
font-size:1.1rem;
font-family:Arial, Helvetica, sans-serif;
}
#right #side04 #newsBox li h4{
font-size:12px;
font-size:1.2rem;
}

#right #side04 .botLink{
padding:0 8px 6px;
text-align:right;
}
#right #side04 .botLink img{
width:100%;
height:auto;
margin-left:auto;
margin-right:auto;
display:inline-block;
}



#right #side05{
background:url(../images/side_agh_bg.gif) 0 100% no-repeat;
background-size:100%;
width:100%;
overflow:hidden;
font-size:10px;
font-size:1.0rem;
line-height:1.4;
}
#right #side05 a{
text-decoration:none;
color:#000;
}
#right #side05 h3{
padding:5px 7px 6px;
}
#right #side05 p{
padding:0 10px;
width:100%;
}
#right #side05 a:hover p{
color:#777;
text-align:center;
}


/*------------
layout footTop
------------*/
#footTop{
width:100%;
overflow:hidden;
margin:0 auto;
background:#fff;
}
#footTop h5{
padding:0;
font-size:11px;
font-size:1.1rem;
font-weight:normal;
}

#footTop li.li1,
#footTop li.li3,
#footTop li.li5,
#footTop li.li7,
#footTop li.li9{
margin:5px 0 5px 0;
float:left;
}
#footTop li.li2,
#footTop li.li4,
#footTop li.li6,
#footTop li.li8,
#footTop li.li10{
margin:5px 0 5px 0;
float:right;
}

#footTop ul{
padding:0;
margin:5px 0 10px 0
position:relative;
}
#footTop li{
width:50%;
margin:0;
float:none;
}

#footTop #topicPath2{
padding:0;
font-size:11px;
font-size:1.1rem;
line-height:1.3;
}
#footTop #topicPath2 a{
color:#333;
}


/*------------
page-top
------------*/
#page-top {
position: fixed;
bottom: 10px;
right: 10px;
}
.ie6 #page-top {
position:absolute;
}
#page-top a {
display: block;
}





/*------------
layout footer
------------*/
footer#mainFoot{
width:100%;
background:url(../images/footbg.jpg) 0 0 repeat-x #000;
}

#footInner{
width:100%;
margin:0 auto;
color:#fff;
}

#footInner .navArea{
padding:0;
}
#footInner .navArea nav{
width:100%;
float:none;
border-left:1px solid #767675;
padding:10px 22px 10px 11px;
}
#footInner .navArea nav.navR{
margin:0;
}

#footInner .navArea nav h3{
margin:0;
padding:0;
background:url(../images/dotline_bk.gif) 0 100% repeat-x;
}

#footInner .navArea ul#fnav31{
margin:0;
}
#footInner .navArea ul#fnav32{
margin:0;
}
#footInner .navArea ul li{
margin:0 0 8px;
padding:0 0 0 14px;
background:url(../images/foot_arrow.gif) 0 50% no-repeat;
line-height:1.3;
}
#footInner .navArea ul#fnav32 li{
margin:0 0 6px;
}

#footInner .navArea ul li a{
font-size:12px;
font-size:1.2rem;
text-decoration:none;
color:#fff;
}
#footInner .navArea ul li a:hover{
color:#b3b3b3;
}
#footInner .navArea ul#fnav32 li a{
font-size:11px;
font-size:1.1rem;
}

#footInner .botArea .ttlArea{
margin:0 0 16px;
padding:0 10px 8px;
border-bottom:1px solid #333;
}
#footInner .botArea h2{
font-size:12px;
font-size:1.2rem;
line-height:1.4;
font-weight:normal;
}
#footInner .botArea h2 span{
display:block;
margin:4px 0 0;
font-size:11px;
font-size:1.1rem;
}
#footInner .botArea h3{
margin:10px 0 0;
text-align:right;
font-size:11px;
font-size:1.1rem;
line-height:1.4;
color:#999;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}

#footInner .botArea p{
padding:0 10px 18px;
font-size:10px;
font-size:1.0rem;
line-height:1.4;
}
#footInner .botArea small{
display:block;
padding:0 0 20px;
text-align:center;
font-size:10px;
font-size:1.0rem;
font-family:Arial, Helvetica, sans-serif;
}





/*------------
pageNavi
------------*/
body .pageNavi {
padding: 40px 0 45px;
text-align: center;
}

body .pageNavi li {
padding: 0 40px;
display: inline;
font-size: 17px;
font-size: 1.7rem;
font-weight: bold;
}

body .pageNavi .current,
body .pageNavi li a {
padding: 2px 4px 1px;
text-decoration: none;
border: 2px solid #ecece0;
font-family:Arial, Helvetica, sans-serif;
}

body .pageNavi .current a {
padding:0;
border:none;
}

body .pageNavi .current,
body .pageNavi li a:hover {
background-color: #f1f1e8;
filter: alpha(opacity=100);
opacity: 1;
}