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

body {
	font-size:12px;
	color:	#333333;
	font-family: "ＭＳ Ｐゴシック",Verdana, sans-serif;
	line-height:1.6;
}

/*-- header --*/
/*------------------------------------------------------------*/
#container {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

#wraper{
	width:800px;
}

/*------------------------------------------------------------*/


/*-- header --*/
/*------------------------------------------------------------*/
#index #hdr {
	height: 83px;
	width: 777px;
	background-image: url(../img/top/hdr_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:8px;
	padding-right:15px;
}

#hdr {
	height: 100px;
	width: 777px;
	background-image: url(../img/common/hdr_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:8px;
	padding-right:15px;
}

#index #hdr h1, #hdr h1 {
	margin-top:18px;
	height: 44px;
	width: 160px;
	float:left;
}

#index #hdr #right, #hdr #right {
	margin-top:10px;
	width:350px;
	float:right;
	text-align:right;
}

#index #hdr #right h2, #hdr #right h2 {
	margin-bottom:15px;
	margin-left:79px;
}

#hdr #right ul#navi {
	float:right;
	margin-top: -10px;
}

#index #hdr #right ul#navi li, #hdr #right ul#navi li {
	font-size:10px;
	display: inline;
}

#index #hdr #right ul#navi li a:link, #index #hdr #right ul#navi li a:visited, #hdr #right ul#navi li a:link, #hdr #right ul#navi li a:visited  {
	text-decoration:underline;
	color:#03ABE8;
}

#index #hdr #right ul li a:hover, #hdr #right ul li a:hover {
	text-decoration:none;
}

#hdr #right ul li span {
	color:#1A3074;
	text-decoration:none;
}


#txtSize p {
	width:55px;
	float:right;
	margin-top:5px;
	margin-right:5px;
}

#txtSize ul {
	width:76px;
	float:right;
	background-color: #FFFFFF;
	border: 1px solid #CECECE;
	margin-right:8px;
	padding:1px;
}

#txtSize ul li {
	float:left;
	display:inline;
}

/**/
#txtSize {
	float:right;
	margin-top:-10px;
}

#hdr #txtSize ul li.large a {
	font-size: 0px;
	text-indent: -9999px;
	display: block;
	width: 26px;
	height: 18px;
	background-attachment: scroll;
	background-image: url(../img/common/txt_size_l.jpg);
	background-repeat: no-repeat;
}

#hdr #txtSize ul li.large a:hover {
	font-size: 0px;
	text-indent: -9999px;
	display: block;
	width: 26px;
	height: 18px;
	background-attachment: scroll;
	background-image: url(../img/common/txt_size_l_o.jpg);
	background-repeat: no-repeat;
}

#hdr #txtSize ul li.medium a {
	font-size:0px;
	text-indent: -9999px;
	display: block;
	width: 25px;
	height: 18px;
	background-attachment: scroll;
	background-image: url(../img/common/txt_size_m_o.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#hdr #txtSize ul li.medium a:hover {
	font-size:0px;
	text-indent: -9999px;
	display: block;
	width: 25px;
	height: 18px;
	background-attachment: scroll;
	background-image: url(../img/common/txt_size_m_o.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#hdr #txtSize ul li.small a {
	font-size:0px; 
	text-indent: -9999px;
	display: block;
	width: 25px;
	height: 18px;
	background-attachment: scroll;
	background-image: url(../img/common/txt_size_s.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#hdr #txtSize ul li.small a:hover {
	font-size:0px; 
	text-indent: -9999px;
	display: block;
	width: 25px;
	height: 18px;
	background-attachment: scroll;
	background-image: url(../img/common/txt_size_s_o.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-- cotents --*/
/*------------------------------------------------------------*/

#index #container #wraper #leftBox {
	width:210px;
	float:left;
	padding-left:8px;
	background-attachment: scroll;
	background-image: url(../img/top/left_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-bottom:49px;
}

#index #container #wraper #leftBox #flashArea {
	height:236px;
}

#index #container #wraper #rightBox {
	width:582px;
	float:right;
	background:url(../img/top/main.jpg) no-repeat 0 0;
	height:426px;

}

#index #container #wraper #rightBox .rightBanner {
position:absolute;
top:425px;
margin-left:380px;
}

#index #container #wraper #leftBox #flashArea {
	margin-bottom:10px;
}

#container #wraper #rightBox {
	float:right;
	width:570px;
}




#container #wraper #leftBox {
	width:192px;
	padding-left:6px;
	float:left;
}

#index #container #wraper #leftBox ul li.menu01 , #container #wraper #leftBox ul li.menu01 {
	position:relative;
}

#index #container #wraper #leftBox ul li.menu02 , #container #wraper #leftBox ul li.menu02 {
	position:relative;
}

#index #container #wraper #leftBox ul li.menu03 , #container #wraper #leftBox ul li.menu03 {
	position:relative;
}

#index #container #wraper #leftBox ul li.menu04 , #container #wraper #leftBox ul li.menu04 {
	position:relative;
}

#index #container #wraper #leftBox ul li.menu05 , #container #wraper #leftBox ul li.menu05 {
	position:relative;
}

#index #container #wraper #leftBox ul li.menu01 .submenu {
	position: absolute;
	left: 209px;
	top: 0px;
}

#index #container #wraper #leftBox ul li.menu03 .submenu {
	position: absolute;
	left: 209px;
	top: 0px;
}

#index #container #wraper #leftBox ul li.menu04 .submenu {
	position: absolute;
	left: 209px;
	top: 0px;
}

#index #container #wraper #leftBox ul li.menu05 .submenu {
	position: absolute;
	left: 209px;
	top: 0px;
}

#container #wraper #leftBox ul li.menu01 .submenu {
	position: absolute;
	left: 192px;
	top: 0px;
}

#container #wraper #leftBox ul li.menu02 .submenu {
	position: absolute;
	left: 192px;
	top: 0px;
}

#container #wraper #leftBox ul li.menu03 .submenu  {
	position: absolute;
	left: 192px;
	top: 0px;
}

#container #wraper #leftBox ul li.menu04 .submenu  {
	position: absolute;
	left: 192px;
	top: 0px;
}

#container #wraper #leftBox ul li.menu05 .submenu  {
	position: absolute;
	left: 192px;
	top: 0px;
}

#index #container #wraper #leftBox ul li {
	float:left;
	margin-bottom:4px;
	width:210px;
	display:block;
}

#container #wraper #leftBox ul li {
	float:left;
	margin-bottom:4px;
	width:192px;
	display:block;
}

#index #container #wraper #leftBox ul li, #container #wraper #leftBox ul li {
	vertical-align:top;
}

#container #wraper #leftBox ul li.on {
	vertical-align:top;
	margin-bottom:0px;
}


#child {
	width:192px;
	float:left;
	background-image: url(../img/common/child_bg.gif);
	background-repeat: repeat-y;
	margin-bottom:4px;
}

#container #wraper #leftBox #child ul li, #container #wraper #leftBox #child ul li img {
	display:block;
	width:190px;
	float:left;
	margin: 0px;
	padding: 0px;
}

#container #wraper #leftBox ul #child .addChild_last {
	background-image: url(../img/common/addChild_bg.jpg);
	background-repeat: no-repeat;
	background-position: 1px bottom;
}

#container #wraper #leftBox ul #child .addChild a , #container #wraper #leftBox ul #child .addChild_last a {
	color:#333333;
	background-attachment: scroll;
	background-image: url(../img/common/child_a.gif);
	background-repeat: no-repeat;
	background-position:25px 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAE9E9;
	padding-left: 38px;
	display:block;
	padding-top: 5px;
}

#container #wraper #leftBox ul #child .addChild a:hover, #container #wraper #leftBox ul #child .addChild span, #container #wraper #leftBox ul #child .addChild_last a:hover, #container #wraper #leftBox ul #child .addChild_last span {
	color:#1A3074;
	background-attachment: scroll;
	background-image: url(../img/common/child_active.gif);
	text-decoration:underline;
	background-repeat: no-repeat;
	background-position:25px 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAE9E9;
	padding-left: 38px;
	display:block;
	padding-top: 5px;

}

#paging {
	clear:both;
}

#paging .back {
	float:right;
	width:70px;
} 

#paging .next {
	float:right;
	width:70px;
	margin-left:20px;
} 

#ftr {
	clear:both;
}

#ftr #pageTop {
	width:154px;
	float:left;
margin-top:30px;
}

#index #container #ftr ul {
	width:582px;
	float: right;
	font-size: 10px;
	text-align: right;
	margin-bottom:10px;
	margin-top:15px;
}

#index #container #ftr ul li {
	display:inline;
	padding-left: 5px;
}

#ftr ul {
	width:582px;
	float: right;
	font-size: 10px;
	text-align: right;
	margin-bottom:10px;
	margin-top:30px;
}

#ftr ul li {
	display:inline;
	padding-left: 5px;
}

#ftr ul li a:link, #ftr ul li a:visited {
	color:#008ED0;
}

#ftr ul li a:hover {
	text-decoration:underline;
}

address {
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	text-align: right;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	background-color: #00AAE8;
	clear:both;
}

#topicPath {
	font-size:10px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#topicPath a:link, #topicPath a:visited {
	color:#03ABE8;
	text-decoration:underline;
}

#topicPath a:hover {
	text-decoration:none;
}

#pageIndex {
	width:570px;
}

#pageIndex .inner {
	background-attachment: scroll;
	background-image: url(../img/common/page_indexbg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 20px;
	padding-top:10px;
}

#pageIndex .inner a:link, #pageIndex .inner a:visited  {
	float:left;
	color:#03ABE8;
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(../img/common/pageIndex_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 9px;
	display: inline-block;
	line-height: 1.3;
}

#pageIndex .inner a:hover {
	text-decoration: underline;
}

.section {
	width:570px;
	padding-bottom:10px;
	clear: both;
}

.section p {
	padding-bottom:20px;
}

.section a:link, section a:visited {
	color: #03ABE8;
	text-decoration: underline;
}

.section a:hover {
	text-decoration:none;
}

/*------------------------------------------------------------*/

/*-- topbanner --*/
/*------------------------------------------------------------*/

#bottomArea {
	width:800px;
	clear:both;
}

#bnrArea {
	float:right;
	padding-top:10px;
	width:339px;
}

#bnrArea p {
	float:right;
	margin-left:10px;
}

ul#news {
	padding-top:10px;
	width:450px;
	float:left;
}

ul#news li.icon {
	width:38px;
	float:left;
}

ul#news li.txt {
	padding-left:12px;
	width:400px;
	float:left;
	font-size:14px;
}

ul#news li.txt a:link , ul#news li.txt a:visited {
	color:#EB3E25;
	text-decoration:underline;
}

ul#news li.txt a:hover {
	text-decoration:none;
}

/*------------------------------------------------------------*/

/*-- h2h3h4 --*/
/*------------------------------------------------------------*/

#container #wraper #rightBox h2 {
margin-bottom:15px;
}

#rightBox h3 {
}

#rightBox h4 {
	margin-bottom:13px;
}

#rightBox h5 {
	margin-bottom:14px;
}

/*------------------------------------------------------------*/

/*-- clearfix --*/
/*------------------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*------------------------------------------------------------*/