@charset "utf-8";
/* main CSS Document */

/* リセットCSS */
* {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13.3px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	width: 100%;
	position: relative;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
a {
	color: #77CFF2;
	text-decoration: none;
	}
a:hover {
	color: #0D8BBF;
	text-decoration: underline;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}




#wrapper2 #main #contents #topicpath {
	font-size: 80%;
	color: #999999;
	display: block;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#wrapper2 #main #contents #contents-inner {
	background-image: url(../../imgs/img_contents_bg_05.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 880px;
	padding-left: 10px;
	margin-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	padding-top: 20px;
	position: relative;
}

#wrapper2    #main    h2 {
	font-size: 180%;
	line-height: 2em;
	color: #525252;
	clear: both;
	background-image: url(../imgs/img-h1_header.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 32px;
}
#wrapper2   #main   h3 {
	font-size: 140%;
	font-weight: bold;
	color: #666666;
	padding-bottom: 10px;
	padding-top: 16px;
	position: relative;
	width: 300px;
	clear: both;
	padding-left: 32px;
}
#wrapper2   #main   #contents3   ul  .news0917 {
	width: 980px;
	position: relative;
	height: 100px;
	display: block;
	background-color: #FFFF00;
}
#wrapper2   #main   #contents3   .news0917   li  {
	float: left;
	list-style-type: none;
	height: 70px;
	width: 200px;
	overflow: hidden;
}
#wrapper2    #main3    .contents-inner {
	float: right;
	width: 620px;
	position: relative;
	background-color: #FFFFFF;
	background-image: url(../imgs/img_contents_bg_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-bottom: 40px;
}
#wrapper2 #main #contents {
	background-image: url(../../imgs/img_contents_bg_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.cp-data   {
	border-collapse: collapse; /* 枠線の表示方法（重ねる） */
	width: 580px;
	margin-bottom: 20px;
	color: #666666;
}
#wrapper2  #main  #contents  p {
	line-height: 1
.em;
	line-height: 1.67em;
	padding-left: 32px;
	padding-bottom: 21px;
}



#wrapper2  #g-nav  {
	height: 120px;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-image: url(../imgs/img-mainheader-bg_03.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#wrapper2  #g-nav  .nav-list  {
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 160px;
	width: 920px;
}
#wrapper2  #g-nav  .nav-list  li  {
	display: block;
	float: left;
	position: relative;
}
#wrapper2  #g-nav  .nav-list  .nav01  {
	background-image: url(../imgs/btns2/img-g-nav_btn2_03.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper2  #g-nav  .nav-list  .nav01 a  {
	overflow: hidden;
	display: block;
	height: 0px !important;

	height: /**/:60px ;
	width: 270px;
	padding-top: 120px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	background-image: url(../../imgs/img_contents_btn_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper2  #g-nav  .nav-list  .nav01 a:hover  {
	background-repeat: no-repeat;
	background-position: left top;
	/*	overflow: hidden;
	display: block;
*/	height: 0px !important;




	height: /**/:60px ;
	padding-top: 120px;
/*	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	*/
}

#wrapper2  #g-nav  .nav-list  .nav02  {
	background-image: url(../imgs/btns2/img-g-nav_btn2_05.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper2  #g-nav  .nav-list  .nav02 a  {
	overflow: hidden;
	display: block;
	height: 0px !important;



	height: /**/:60px ;
	width: 220px;
	padding-top: 120px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../../imgs/img_contents_btn_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper2  #g-nav  .nav-list  .nav02 a:hover  {
	background-repeat: no-repeat;
	background-position: left top;
	height: 0px !important;




	height: /**/:60px ;
	padding-top: 120px;
}


#wrapper2  #g-nav  .nav-list  .nav03  {
	background-image: url(../imgs/btns2/img-g-nav_btn2_07.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper2  #g-nav  .nav-list  .nav03 a  {
	overflow: hidden;
	display: block;
	height: 0px !important;


	height: /**/:60px ;
	width: 280px;
	padding-top: 120px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../../imgs/img_contents_btn_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper2  #g-nav  .nav-list  .nav03 a:hover  {
	background-repeat: no-repeat;
	background-position: left top;
	height: 0px !important;




	height: /**/:60px ;
	padding-top: 120px;
}


#wrapper2  #g-nav  .nav-list  .nav04  {
	background-image: url(../imgs/btns2/img-g-nav_btn2_09.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper2  #g-nav  .nav-list  .nav04 a  {
	overflow: hidden;
	display: block;
	height: 0px !important;
	height: /**/:60px ;
	width: 150px;
	padding-top: 120px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../../imgs/img_contents_btn_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
}
#wrapper2  #g-nav  .nav-list  .nav04 a:hover  {
	background-repeat: no-repeat;
	background-position: left top;
	height: 0px !important;

	height: /**/:60px ;
	padding-top: 120px;
}

#wrapper2  #g-nav  .nav-list  .nav05  {
	background-image: url(../imgs/btns2/img-g-nav_btn2_11.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper2  #g-nav  .nav-list  .nav05 a  {
	overflow: hidden;
	display: block;
	height: 0px !important;
	height: /**/:60px ;
	width: 145px;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}
#wrapper2  #g-nav  .nav-list  .nav05 a:hover  {
	background-image: url(../imgs/btns2/img-g-nav_btn2_25.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0px !important;

	height: /**/:60px ;
	width: 145px;
	padding-top: 60px;
}

#wrapper2  #g-nav  .nav-list  .nav06  {
	background-image: url(../imgs/btns2/img-g-nav_btn2_13.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper2  #g-nav  .nav-list  .nav06 a  {
	overflow: hidden;
	display: block;
	height: 0px !important;
	height: /**/:60px ;
	width: 145px;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}
#wrapper2  #g-nav  .nav-list  .nav06 a:hover  {
	background-image: url(../imgs/btns2/img-g-nav_btn2_26.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0px !important;

	height: /**/:60px ;
	width: 145px;
	padding-top: 60px;
}

#main-nav {
	width: 320px;
	clear: both;
	height: 340px !important;





	height: /**/:90px ;
	position: relative;
	background-position: left top;
	z-index: 100;
}
#main-nav ul {
	list-style-type: none;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#main-nav li {
	margin: 0px;
	padding: 0px;
}

#main-nav .btn01-br a {
	background-image: url(../imgs/btns2/img-top_nav_03.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
	height: 0px !important;



	height: /**/:82px ;
	width: 240px;
}
#main-nav .btn01-br a:hover {
	background-image: url(../imgs/btns2/img-top_nav_12.png);
	background-repeat: no-repeat;
	background-position: left top;

}

#main-nav .btn02-sp a {
	background-image: url(../imgs/btns2/img-top_nav_05.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
	height: 0px !important;


	height: /**/:82px ;
	width: 240px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main-nav .btn02-sp a:hover {
	background-image: url(../imgs/btns2/img-top_nav_13.png);
	background-repeat: no-repeat;
	background-position: left top;
}


#main-nav .btn03-cp a {
	background-image: url(../imgs/btns2/img-top_nav_07.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
	margin: 0px;
	height: 0px !important;

	height: /**/:82px ;
	width: 240px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main-nav .btn03-cp a:hover {
	background-image: url(../imgs/btns2/img-top_nav_14.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* for IE6 */
* #main-nav .btn01-br a {
	background-image: url(../imgs/btns1/img-top_nav_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
	height: 0px !important;



	height: /**/:82px ;
	width: 240px;
}
* #main-nav .btn01-br a:hover {
	background-image: url(../imgs/btns1/img-top_nav_09.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

* #main-nav .btn02-sp a {
	background-image: url(../imgs/btns1/img-top_nav_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
	height: 0px !important;


	height: /**/:82px ;
	width: 240px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
* #main-nav .btn02-sp a:hover {
	background-image: url(../imgs/btns1/img-top_nav_11.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

* #main-nav .btn03-cp a {
	background-image: url(../imgs/btns1/img-top_nav_07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
	margin: 0px;
	height: 0px !important;

	height: /**/:82px ;
	width: 240px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
* #main-nav .btn03-cp a:hover {
	background-image: url(../imgs/btns1/img-top_nav_13.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}







#main-nav .btn04-iq {
	width: 240px;
	background-image: url(../imgs/img-top_btn-ui_12.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 82px;
}

/*現在不使用20090818*/
#main-nav .btn04-iq a {
	display: block;
	overflow: hidden;
	margin: 0px;
	height: 0px !important;
	height: /**/:82px ;
	width: 240px;
	padding-top: 82px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main-nav .btn04-iq a:hover {
	background-image: url(../imgs/img-top_btn-ui_22.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#newslist ul {
	list-style-type: none;
}
.clear {
	clear: both;
	position: relative;
}
#wrapper #main2 h1 {
	font-size: 180%;
	font-weight: bold;
	padding-top: 16px;
	color: #666666;
}
#wrapper #main2 .pph1 {
	background-image: url(../imgs/img-h1_header.gif);
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 910px;
}

.right {
	display: block;
	float: right;
	width: 300px;
	position: relative;
	margin-top: 20px;
	text-align: right;
}
.table-content .pp-parag {
	margin-left: 16px;
}


#main2 .form-ppnote {
	width:900px;
	height:175px;
	border:1px solid #999999;
	background-color:#F2F1EC;
	font-size:85%;
	line-height: 1.5em;
	color:#333333;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	position: relative;
}
.table-content .pp {
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 20px;
	margin-right: 40px;
}

.table-content .pp li {
	line-height: 1.76em;
}
.table-content .pp-li {
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 20px;
	margin-right: 40px;
}
.table-content .pp-li li {
	line-height: 1.76em;
	list-style-type: none;
}


.pp_head    {
	font-weight: bold;
	color: #D63284;
	background-image: url(../imgs/img-li_header.gif);
	background-repeat: no-repeat;
	background-position: left 16px;
	padding-left: 21px;
	padding-bottom: 0px;
}


/* ------------2009/12/25 for index(top)------------- */

#wrapper2 {
	width: 100%;
	position: relative;
}
#wrapper2 #header h1 {
	height: 0px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	float: none;
	display: block;
	background-image: url(../imgs/img-co_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 80px;
	overflow: hidden;
}

#wrapper2 #main	{
	width: 920px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

#wrapper2 #main #left-nav {
	height: 320px;
	width: 310px;
	margin: 0px;
	padding: 0px;
	position: relative;
	clear: both;
	float: left;
	background-image: url(../imgs/img_top_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper2 #main #left-nav ul {
	height: 300px;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
}
#wrapper2  #main  #left-nav  .btn_l_01_br a {
	background-image: url(../imgs/img_btn_left_03.jpg);
	background-repeat: no-repeat;
	height: 90px;
	width: 300px;
	overflow: hidden;
	display: block;
	height: 0px !important;

	height: /**/:90px ;
	padding-top: 90px;
}

#wrapper2  #main  #left-nav  .btn_l_02_co a {
	background-image: url(../imgs/img_btn_left_07.jpg);
	background-repeat: no-repeat;
	height: 90px;
	width: 300px;
	overflow: hidden;
	display: block;
	height: 0px !important;
	height: /**/:90px ;
	padding-top: 90px;		
}

#wrapper2  #main  #left-nav  .btn_l_03_sl a {
	background-image: url(../imgs/img_btn_left_09.jpg);
	background-repeat: no-repeat;
	height: 90px;
	width: 300px;
	overflow: hidden;
	display: block;
	height: 0px !important;
	height: /**/:90px ;
	padding-top: 90px;	
}

#wrapper2  #main  #center-menu  {
	margin: 0px;
	padding: 0px;
	height: 320px;
	width: 300px;
	position: relative;
	float: left;
	background-image: url(../imgs/img_top_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper2 #main #center-menu ul {
	height: 300px;
	width: 300px;
	margin-top: 10px;
	margin-left: 0px;
}
#wrapper2  #main  #center-menu  .btn_c_01 a{
	background-image: url(../imgs/img_btn_center2_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 60px;
	width: 300px;
	overflow: hidden;
	height: 0px !important;

	height: /**/:60px ;
	padding-top: 60px;
}
#wrapper2 #main #center-menu .btn_c_02 a {
	background-image: url(../imgs/img_btn_center2_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 60px;
	width: 300px;
	overflow: hidden;
	height: 0px !important;

	height: /**/:60px ;
	padding-top: 60px;
}
#wrapper2 #main #center-menu .btn_c_03 a {
	background-image: url(../imgs/img_btn_center2_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 60px;
	width: 300px;
	overflow: hidden;
	height: 0px !important;

	height: /**/:60px ;
	padding-top: 60px;
}
#wrapper2 #main #center-menu .btn_c_04 a {
	background-image: url(../imgs/img_btn_center2_07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 120px;
	width: 300px;
	overflow: hidden;
	height: 0px !important;

	height: /**/:120px ;
	padding-top: 120px;
}
#wrapper2  #main  #right-image {
	margin: 0px;
	padding: 0px;
	height: 320px;
	width: 310px;
	position: relative;
	float: right;
	clear: right;
	background-image: url(../imgs/img_top_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#wrapper2 #footer {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper2  #footer #footer-inner {
	position: relative;
	color: #77CFF2;
	font-weight: bold;
	text-align: center;
	padding-bottom: 8px;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
}

#wrapper2  #footer #footer-inner p {
	font-size: 13px;
	color: #666666;
	padding-bottom: 10px;
}
#wrapper2   #footer #footer-inner ul {
	list-style-type: none;
}
#wrapper2   #footer #footer-inner li  {
	float: left;
	margin-right: 20px;
}
#newslist  .news-head  {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 6px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}



#wrapper2 #main #newslist {
	clear: both;
	width: 920px;
	height: 180px;
}

#wrapper2 #main #newslist {
	width: 100%;
	position: relative;
	padding-bottom: 10px;
	background-image: url(../imgs/img-top_news-bg_03.jpg);
	background-repeat: no-repeat;
	background-position: center -200px;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper2 #main #newslist #newslist-inner {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	height: 120px;
}
#wrapper2 #main #newslist #newslist-inner .news01 {
	font-size: 14px;
	display: block;
	height: 70px;
	width: 360px;
	float: left;
	position: relative;
	margin-top: 20px;
}
#wrapper2 #main #newslist #newslist-inner .news01 .news-img {
	background-color: #CCCCCC;
	height: 120px;
	width: 180px;
	display: block;
	float: left;
	position: relative;
}
.news-intro {
	display: block;
	float: right;
	height: 120px;
	width: 160px;
	position: relative;
	line-height: 1.35em;
	margin-right: 10px;
	margin-left: 10px;
}

