@charset "utf-8";
/********* common share style ****************/
a {color:#38429a;}


/***********************************************/
/* base layout - wrap                          */
/***********************************************/
#wrapAll {
	min-height: 100%;
	height: auto !important;
	height:100%;
	width:100%;
	margin:0 auto -320px auto;
	background:url(images/back-head.gif) repeat-x 0 0;
padding-bottom:320px;}
.safari #wrapAll {	}

#header {
	width:990px;
	height:110px;
	margin:0 auto;
	position:relative;
}

.ie6 #wrapMain {
	padding-bottom:10px;
}

#footer-space {
　height:320px;
}
#footer {
	width:100%;
	margin:0 auto;
	height:320px;
}

/* header */
/***********************************************/
#header h1,
#header p,
#header #sponcer,
#header #topnavi,
#header #google_translate_element {position:absolute;}

#header a {text-decoration:none;}
#header h1 {top:6px;}

#header .slogan {bottom:10px;left:310px;}
#header .aniv {bottom:10px;left:395px;}
#header #sponcer {
	height:62px;
	width:479px;
	overflow:hidden;
	bottom:5px;right:0;
}
#header #sponcer iframe {
	width:481px;
	height:60px;
}

/* topnavi */
#topnavi {
	font-size:1.1em;
	line-height:33px;
	height:33px;
	padding:0 9px 0 4px;
	/*right:0;*/
	right:128px;
	background:url(images/back-tnavi.gif) repeat 0 0;
}
#topnavi li, #topnavi form {float:left;}
#topnavi li a {
	color:#000;
	padding:5px 8px;
	border-right:1px solid #fff;
}
/*#topnavi li:nth-child(5) a{/*border:none;margin-right:4px;}*/
#topnavi li:nth-child(2) a{/*border:none;*/margin-right:4px;}

#topnavi li a:hover {
	color:#38429a;
	text-decoration:underline;
}
#topnavi input.leng {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:1px solid #c8c8c8 !important;
	margin:0 !important;
	width:165px;
}
#topnavi input[type=submit] {
	border:none;
	text-indent:-9999px;
	width:23px;
	height:23px;
	margin:1px 0 0 -4px;
	background:#FFF url(images/btn-search.gif) no-repeat 0 0;
}
#topnavi input[type=submit]:hover {cursor:pointer;}

#header #google_translate_element {
	top:0;right:0px;z-index:100;
	padding:5px 5px 3px ;
	width:120px;
	height:25px;
	background:url(images/back-tnavi.gif) repeat 0 0;
}




/* gl navi  */
/***********************************************/
/* ->>>> megamenu.css */


/*******************************/
/* bread */
/*******************************/
#bread {height:35px;}
#bread li {
	color:#0b318f;
	font-size:1.1em;
	float:left;
}
#bread li a {
	color:#323232;
	display:block;
	padding-right:18px;
	margin-right:5px;
	background:url(images/arrow-bread.gif) no-repeat right 50%;
}

/***********************************************/
/* left navigation */
/***********************************************/
#lnavi {
	font-size:1.2em;
	border-top:5px solid #0b318f;
	margin-bottom:10px;
}
#lnavi li {
	border-top:1px solid  rgba(255, 255, 255, 0.2);
	background:url(images/back-lnav01.gif) repeat 0 0;
}
#lnavi li:hover {background:url(images/back-lnav02.gif) repeat 0 0;}

#lnavi li a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:14px 10px 11px 22px;
	background:url(images/arrow-wh01.png) no-repeat 10px 16px;
}
#lnavi li a:hover {background:url(images/arrow-gr01.png) no-repeat 10px 16px;}

/* selected */
#lnavi li.selected {background:url(images/back-lnav03.gif) repeat 0 0;}
#lnavi li.selected a {background-image:url(images/arrow-gr01.png);}
#lnavi li.selected:hover {background:url(images/back-lnav02.gif) repeat 0 0;}

/* under page sub navi */
#lnavi li.sub a {
	padding:8px 10px 6px 37px;
	background:url(images/arrow-wh03.png) no-repeat 25px 13px;
}
#lnavi li.sub a:hover {background:url(images/arrow-gr03.png) no-repeat 25px 13px;}
#lnavi li.selected.sub {background:url(images/back-lnav03.gif) repeat 0 0;}
#lnavi li.selected.sub:hover {background:url(images/back-lnav02.gif) repeat 0 0;}
#lnavi li.selected.sub a {background-image:url(images/arrow-gr03.png);}

#lnavi li.sub-2 {border-top:1px dotted  rgba(255, 255, 255, 0.2);}
#lnavi li.sub-2 a {
	padding:5px 10px 3px 50px;
	background:none;
}
#lnavi li.selected.sub-2 {background:url(images/back-lnav03.gif) repeat 0 0;}
#lnavi li.selected.sub-2:hover {background:url(images/back-lnav02.gif) repeat 0 0;}



/***********************************************/
/* tab navigation -main area- */
/***********************************************/
.tabnavi {
	font-size:1.3em;
	margin-bottom:20px;
}
.tabnavi ul {
	height:32px;
	padding:5px 5px 0;
	border-top:1px solid #eff2f8;
	background:url(images/back-blue2.gif) repeat 0 0;
}
.tabnavi li {
	color:#999;
	text-align:center;
	line-height:2.5;
	height:32px;
	float:left;
	padding-right:4px;
	margin-right:3px;
	background:url(images/line-nav.png) no-repeat right 1px, url(images/arrow-gr02.png) no-repeat 8px 12px;
}
.tabnavi li:last-child {
	margin:0;padding:0;
	background:url(images/arrow-gr02.png) no-repeat 8px 12px;
	}

.tabnavi li a {
	color:#323232;
	text-decoration:none;
	height:32px;
	display:block;
	 border-radius: 3px 3px 0 0;        /* CSS3草案 */  
    -webkit-border-radius: 3px 3px 0 0;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px 3px 0 0;   /* Firefox用 */
}
.tabnavi li.selected a:hover,
.tabnavi li.selected a {
	background:#FFF url(images/arrow-gr02.png) no-repeat 8px 12px;
}
.tabnavi li a:hover {
	background:url(images/arrow-gr02.png) no-repeat 8px 12px rgba(255, 255, 255, 0.4);
}

/* text link */
/****************************/
.txtlink ul {margin-bottom:5px;}
.txtlink li {
	font-size:1.1em;
	display:inline-block;
	border-right:1px solid #323232;
}
.txtlink li:nth-child(1) {
	border-left:1px solid #323232;
}
.txtlink li a {
	text-decoration:none;
	padding:1px 10px 1px 7px;
	display:block;
}
.txtlink li:nth-child(1) a {padding:1px 10px;}
.txtlink li a:hover {text-decoration:underline;}
.txtlink li.selected a {color:#323232;}


/***********************************************/
/* footer layout                               */
/***********************************************/
#footer {
	width:100%;
	margin:0 auto;
	background:#FFF url(images/back-fnavi01.gif) repeat-x 0 0;
}
/* footer navigation */
#fnavi {
	width:980px;
	margin:0 auto;
	padding:10px 30px 15px;
	background:url(images/back-fnavi02.gif) no-repeat 50% 0;
}
#fnavi dl {
	float:left;
	padding:2px 25px 0 0;
	margin:10px 20px 0 0;
	width:123px;
	height:238px;
	background:url(images/line-03.gif) repeat-y right 0;
}

#fnavi ul {float:right;}

#fnavi a:hover {text-decoration:underline;}
#fnavi .mb {margin-bottom:10px;}

#fnavi dt,
#fnavi dt a {
	color:#0b318f;
	font-weight:bold;
	text-decoration:none;
}
#fnavi dt a {font-size:1.1em;}
#fnavi dd {padding:0 0 10px 15px;}
#fnavi dd p {
	font-size:1.05em;
	display:list-item;
	padding:0 0 2px 0px;
}
#fnavi dd a {
	color:#131313;
	text-decoration:none;
}
#fnavi li {
	font-size:1.05em;
	margin-bottom:3px;
	list-style:disc;
	margin-left:10px;
}
#fnavi li a {
	color:#131313;
	text-decoration:none;
}
#fnavi li.nolist {list-style:none;margin-left:0;}


/* copyright */
#copyright {
	width:100%;
	background:#FFF url(images/back-foot.gif) repeat-x 0 0;
}
#copyright div {
	width:980px;
	height:30px;
	margin:0 auto;
	position:relative;
}
#copyright p {
	color:#646464;
	padding-top:15px;
}
#copyright p.ranking {
	position:absolute;
	right:0;
	top:0px;
}

/* go top link */
/*********************/
.gotop {
	position: fixed;
	bottom:280px;
	right:120px;
	z-index:1000;
}
.gotop a {
	display:block;
	width:53px;
	height:50px;
}


/***********************************************/
/* main wrap layout */
/***********************************************/
#wrapMain {
	width:980px;
	margin:0 auto;
}
#mainSection {
	float:right;
	width:760px;
	border-top:5px solid #0b318f;
	margin-bottom:20px;
}
#mainSection.event {border:none;}

#wrapLeft2 {
	float:left;
	width:770px;
}
#wrapLeft {
	float:left;
	width:200px;
	margin-bottom:20px;
}

#wrapRight {
	float:right;
	width:200px;
	padding-bottom:30px;
}

#mainSection .section {padding:0 10px 20px;}
.sec {padding-bottom:15px;}
.sec.btm {margin-bottom:0;}

.boxbd {
	border:1px solid #8f8f8f;
	padding:10px 15px;
}



/* left banners */
/**************************/
#wrapLeft .bnrs li,
#wrapRight .bnrs li{margin-bottom:10px;line-height:0; text-align:center;}

#wrapLeft .bnrs li img,
#wrapRight .bnrs li img {width:200px !important;height:auto !important;}

/* sns icons */
/***************************/
.sns_icon {
	height:25px;
	line-height:20px;
}
.sns_icon li {float:left;margin-right:10px;}

/***********************************************/
/* common style */
/***********************************************/

/********* element clearfix *********/
*:after {
  display:block;
  clear:both;
} /* この記述は固定です */

element {zoom:1;} /* clearfix IE6, 7 */
element:after {content:"";} /* clearfix */


/********* share style - h2 -****************/
.ttl-h2 h2 {
	color:#fff;
	font-size:3.4em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4;
	width:965px;
	margin:0 auto;
	padding-top:20px;
}
.ttl-h2 h2 span {
	font-size:0.35em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
}
/********* share style - h3 -****************/
#mainSection h3 {
	color:#323232;
	font-size:2em;
	line-height:2.3;
	height:45px;
	padding-left:10px;
	margin-bottom:20px;
	border-bottom:1px solid #c8c8c8;
}
#mainSection h3 span.small {
	font-size:0.7em;
	font-weight:normal;
	padding-left:10px;
}


/* navi in h3 */
.ttlWithnav {
	width:100%;
	height:45px;
	position:relative;
}
.ttlWithnav form {
	position:absolute;
	z-index:10;
	top:11px;
	right:10px;
}

/* ul */
.ttlWithnav ul {
	position:absolute;
	z-index:10;
	top:5px;
	right:-5px;
}

.ttlWithnav ul li {
	font-size:1.2em;
	float:left;
	height:34px;
	margin-right:5px;
}
.ttlWithnav ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
	height:29px;
	display:inline-block;
	padding:0 10px 0 20px;
	border:2px solid #0b318f;
	background: url(images/back-btn06.gif) no-repeat 0 0;
}
.ttlWithnav ul li a:hover {
	border:2px solid #0c2a76;
	background: url(images/back-btn06on.gif) no-repeat 0 0;
}
.ttlWithnav ul .selected a,
.ttlWithnav ul .selected a {
	border:2px solid #77bc31;
	background: url(images/back-btn05.gif) no-repeat 0 0;
}
.ttlWithnav ul .selected a:hover,
.ttlWithnav ul .selected a:hover {
	border:2px solid #77bc31;
	background: url(images/back-btn05on.gif) no-repeat 0 0;
}

/* ol */
.ttlWithnav ol {
	position:absolute;
	z-index:10;
	top:5px;
	right:-5px;
}

.ttlWithnav ol li {
	font-size:1.2em;
	float:left;
	height:34px;
	margin-right:5px;
}
.ttlWithnav ol li a{
	color:#000;
	line-height:32px;
	text-decoration:none;
	display:inline-block;
	height:30px;
	padding:0 13px 0 25px;
	background: url(images/back-btn01.gif) no-repeat 0 0;
}
.ttlWithnav ol li a:hover {
	text-decoration:underline;
}

#mainSection .ttlWithnav h3 {margin-bottom:0;}

/********* share style - h4 -****************/
#mainSection h4 {
	color:#0b318f;
	font-size:1.8em;
	line-height:35px;
	padding-left:15px;
	margin-bottom:15px;
	height:40px;
	background:#FFF url(images/h4-back.gif) no-repeat 0 0;
	border-bottom:1px solid #9dadd2;
}
#mainSection h4 span {color:#77bc31;}

/********* share style - h5 -****************/
#mainSection h5 {
	color:#77bc31;
	font-weight:normal;
	font-size:1.5em;
}

/********* share style - h6 -****************/
#mainSection h6 {
	color:#333;
	font-size:1.3em;
}


/********* share style - p -****************/
.section p {
	font-size:1.2em;
	line-height:1.7;
}
.sec p {margin-bottom:2px;}

.construction.section p  {
	color:#8F8F8F;
	font-size:2.2em;
	font-weight:bold;
	text-align:center;
	margin:50px 0;
}

/********* share style - ul ol -****************/
.sec ul {
	font-size:1.2em;
	margin-bottom:7px;
}
.sec ul li {
	padding:0 0 4px 17px;
	background:url(images/dot-01.gif) no-repeat 1px 3px;
}
.sec ul.mb0 {margin-bottom:0;}

.sec ul p {font-size:1em;}

.sec ol {
	font-size:1.2em;
	margin-bottom:7px;
	padding-left:30px;
	list-style:decimal;
}
.sec ol li {
	padding:0 0 4px 0px;
}
.sec ol li ul li{
	padding:0 0 4px 17px;
}
/********* share style - dl -****************/
.sec dl ul,
.sec dl ol {font-size:1em;}


/********* share style - table -****************/
table {
	border-collapse:collapse;
}

#mainSection table {
	font-size:1.2em;
	width:100%;
	margin-bottom:10px;
}
#mainSection th {
	color:#fff;
	padding:5px;
	background-color:#0b318f;
	border:1px solid #ababab;
}
#mainSection td {
	padding:3px 10px;
	border:1px solid #ababab;
}
#mainSection th.sub01 {
	color:#000;
	font-weight:normal;
	background:#FFF url(images/back-blue2.gif) repeat 0 0;
}
#mainSection th.sub02 {
	color:#000;
	font-weight:normal;
	text-align:left;
	background:#FFF url(images/back-blue2.gif) repeat 0 0;
}
#mainSection th.sub03 {
	color:#000;
	font-weight:normal;
	text-align:left;
	background-color:#f5f5f5;
}

#mainSection th.sub04 {
	color:#999;
	font-weight:normal;
	text-align:left;
	background:#f5f5f5;
}

.sec table li,
.sec table ul,
.sec ul ol,
.sec ol ul,
.section table p {font-size:1em;}



/********* form ****************/
input,
select,
option,
textare {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

option {font-size:1.1em;}

.sec input[type=submit] {
	color:#fff;
	text-decoration:none;
	display:block;
	line-height:21px;
	height:23px;
	display:block;
	padding:0 5px 0 18px;
	border:2px solid #0b318f;
	background: url(images/back-btn04.gif) no-repeat 0 0;
	cursor:pointer;
}
.sec input[type=submit]:hover,
.sec input[type=submit]:focus {
	border-left:2px solid #0c2a76;
	border-right:2px solid #0c2a76;
	background: url(images/back-btn04on.gif) no-repeat 0 0;
}

/********* share style - indent -****************/
.kome,
.indent01 {
	text-indent:-12px;
	padding-left:12px;
}
.section .kome2 {
	font-size:1.4em;
	text-indent:-14px;
	padding-left:14px;
}


/********* share style - float -****************/
/* ul li float */
.boxL {
	float:left;
}
.boxR {
	float:right;
}


/* image float */
img.imgR {
	float:right;
	margin-left:20px;
}

img.imgL {
	float:left;
	margin-right:20px;
}


/* centering for float item */
.fl-cnt {
   position:relative;
   overflow:hidden;
}
.fl-cnt ul {
   position:relative;
   left:50%;
   float:left;
}
.sec .fl-cnt li {
   position:relative;
   left:-50%;
   float:left;
   margin:0 5px;
   background:none;
   padding:0;
}
.sec.btn01 li,
.sec li.btn01,
.sec.btn02 li,
.sec li.btn02,
.sec.btn03 li,
.sec li.btn03,
.sec.btn04 li,
.sec li.btn04,
.sec.btn05 li,
.sec li.btn05,
.sec.btn06 li,
.sec li.btn06,
.sec.btn-m li,
.sec li.btn-m,
.fl-cnt.sec li,
.fl-cnt .sec li {
	font-size:1em;
	background:none;
	padding:0;
}

.float-img {text-align:center;}
.float-img li {display:inline;}
.float-img li img {margin:0 3px 5px;}

.float-img2 li {display:inline-block;margin:0 5px 15px 0;}


/********* button style *************/
/* button 01 - glay dot */
.sec .btn01 {
	height:30px;
	margin-bottom:10px;
}
.btn01 a {
	color:#000;
	line-height:32px;
	text-decoration:none;
	display:inline-block;
	height:30px;
	padding:0 13px 0 25px;
	background: url(images/back-btn01.gif) no-repeat 0 0;
}

.btn01 a:hover {
	color:#0b318f;
	text-decoration:underline;
}

/* button 02 - blue big size*/
.sec .btn02 {
	height:37px;
	margin-bottom:10px;
}
.btn02 a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:35px;
	height:33px;
	display:inline-block;
	padding:0 20px 0 25px;
	border:2px solid #0b318f;
	background: url(images/back-btn02.gif) no-repeat 0 0;
}
.btn02 a:hover {
	border:2px solid #0c2a76;
	background: url(images/back-btn02on.gif) no-repeat 0 0;
}

/* button 03 - blue with line */
.btn03 {margin-bottom:15px;}
li.btn03 {font-size:1.3em;margin:0 10px;}

.btn03 a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:49px;
	height:47px;
	display:block;
	padding:0 25px 0 45px;
	border-left:2px solid #0b318f;
	border-right:2px solid #0b318f;
	background: url(images/back-btn03.gif) no-repeat 0 0;
}
.btn03 a:hover {
	border-left:2px solid #0c2a76;
	border-right:2px solid #0c2a76;
	background: url(images/back-btn03on.gif) no-repeat 0 0;
}


/* button 04 - small blue */
.btn04 {margin-bottom:15px;}
li.btn04 {margin:0 10px;}
#mainSection table .btn04 {font-size:0.9em;white-space:nowrap;}

.btn04 a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:21px;
	height:21px;
	display:block;
	padding:0 5px 0 18px;
	border:2px solid #0b318f;
	background: url(images/back-btn04.gif) no-repeat 0 0;
}
.btn04 a:hover {
	border-left:2px solid #0c2a76;
	border-right:2px solid #0c2a76;
	background: url(images/back-btn04on.gif) no-repeat 0 0;
}

/* button 05 - green midl size */
.sec .btn05 {
	height:34px;
}
.btn06 .selected a,
.btn05 a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
	height:29px;
	display:inline-block;
	padding:0 30px 0 25px;
	border:2px solid #77bc31;
	background: url(images/back-btn05.gif) no-repeat 0 0;
}
.btn06 .selected ahover,
.btn05 a:hover {
	border:2px solid #77bc31;
	background: url(images/back-btn05on.gif) no-repeat 0 0;
}

/* button 06 - blue midl size */
.sec .btn06 {
	height:34px;
}
.btn06 a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
	height:29px;
	display:inline-block;
	padding:0 30px 0 25px;
	border:2px solid #0b318f;
	background: url(images/back-btn06.gif) no-repeat 0 0;
}
.btn06 a:hover {
	border:2px solid #0c2a76;
	background: url(images/back-btn06on.gif) no-repeat 0 0;
}

/* send mail button */
.btn-m {height:33px;}
.btn-m a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:35px;
	height:33px;
	display:inline-block;
	padding:0 30px 0 25px;
	background: url(images/btn-mail.gif) no-repeat 0 0;
}
.btn-m a:hover {background: url(images/btn-mail-on.gif) no-repeat 0 0;}


/********* display none *************/
.none {display:none;}




/********* share style -font size, font color, margine, align ************/
/* font size */
#wrapMain .f120 {
	font-size:120%;
}
#wrapMain .fbig {
	font-size:180%;
}

#wrapMain .f90 {
	font-size:90%;
}
#wrapMain .f80 {
	font-size:80%;
}
#wrapMain .f70 {
	font-size:70%;
}
#wrapMain .f65 {
	font-size:65%;
}
#wrapMain .f60 {
	font-size:60%;
}


#wrapMain .f12 {
	font-size:12px;
}
#wrapMain .f14 {
	font-size:14px;
}



/* font color */
#wrapMain .red {
	color:#F00;
}

/* align */
#wrapMain .center {
	text-align:center;
}
#wrapMain .left {
	text-align:left;
}
.right {
	text-align:right;
}
span.line {text-decoration:underline;}

/* float box */
.box-right {float:right;}
.box-left {float:left;}

/* margin */
#wrapMain .m0 {
	margin:0;
}

/*bottom*/
#wrapMain .mb0 {
	margin-bottom:0px;
}
#wrapMain .mb05 {
	margin-bottom:5px;
}
#wrapMain .mb10 {
	margin-bottom:10px;
}
#wrapMain .mb15 {
	margin-bottom:15px;
}
#wrapMain .mb20 {
	margin-bottom:20px;
}
#wrapMain .mb25 {
	margin-bottom:25px;
}
#wrapMain .mb30 {
	margin-bottom:30px;
}
#wrapMain .mb35 {
	margin-bottom:35px;
}
#wrapMain .mb40 {
	margin-bottom:40px;
}


/******************************/
/* hover event */
#hover {
	width:167px;
	height:167px;
	position:fixed;
	top:20px;
	left:120px;
	z-index:2000;
}

/* ie7 */
.ie7 #hover {
	position:fixed;
	left:0;
}

.sidebnr {width:200px;height:220px;overflow:hidden;}