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


/* トップページ */
.toppage .header {
	width:100%;
	height:468px;
	padding:0;
	position:relative;
	background:url(../images/header_bg.gif) repeat-x bottom center;
}

.toppage .header_top {
	height:121px;
	background:url(../images/header_topbg.gif) repeat-x;
}

.toppage .header_top_con {
	height:121px;
	background:url(../images/header_top_mainbg.gif) no-repeat center bottom;
}

.toppage .g_menu {
	width:100%;
	height:68px;
}

.toppage .g_menu ul.nav {
	padding:5px 0 0;
}

.toppage #flash {
	width:1280px;
	height:279px;
	margin:0 auto;
	position:absolute;
	top:0;
	left:-150px;
	z-index:0;
}
.smp .toppage #flash {
 display:none;
}

.toppage .slide {
	width:980px;
	height:279px;
	padding:0 0 0;
	margin:0 auto;
	position:relative;
	z-index:1;
}

.toppage .slide h1 {
	position:relative;
	left:0;
	z-index:1;
}



/*****　ヘッダースライド　*****/
#slideshow {
	margin: 0 auto;
	width:980px;
	position:relative;
	top:-5px;
	z-index:1;
	text-align: left;
}
#slideshow div {
	width: 674px;
	height: 269px;
	overflow: hidden;
	position: relative;
}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	width: 311px;
	position:absolute;
	right:0;
	top:0;
	z-index:99;
}

#slideshow ul li {
	width: 311px;
	display: block;
	height:90px;
	cursor:pointer;
}

#slideshow ul li.active {list-style:none;}

#slideshow ul li a {
	width: 311px;
	display: block;
	height:90px;
	cursor:pointer;
}

#slideshow ul li.thumb01 a {background:url(../images/slide_btn01.png);}
#slideshow ul li.thumb02 a {background:url(../images/slide_btn02.png);}
#slideshow ul li.thumb03 a {background:url(../images/slide_btn03.png); height:89px;}

#slideshow ul li.thumb01.active a {background:url(../images/slide_btn01_on.png);}
#slideshow ul li.thumb02.active a {background:url(../images/slide_btn02_on.png);}
#slideshow ul li.thumb03.active a {background:url(../images/slide_btn03_on.png);}

#slideshow ul li.thumb01 a:hover {background:url(../images/slide_btn01_on.png);}
#slideshow ul li.thumb02 a:hover {background:url(../images/slide_btn02_on.png);}
#slideshow ul li.thumb03 a:hover {background:url(../images/slide_btn03_on.png);}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}

.toppage #contentsarea {
		float:none;
		margin:35px auto 0;
}


/* 左コンテンツトップページ */

.toppage .left_contents {
	width:674px;
	padding:0 29px 0 0;
	float:left;
}

.toppage .left_contents .contents_ttl {
	height:37px;
	background:url(../common/images/ttl_bg.gif) no-repeat;
}

.toppage .left_contents .contents_ttl h2 {
	width:600px;
	height:36px;
	float:left;
}

.toppage .left_contents .contents_ttl h2.bg01 {
	background:url(../images/top_ttl01_bg.gif) no-repeat right;
}
.toppage .left_contents .contents_ttl h2.bg02 {
	background:url(../images/top_ttl02_bg.gif) no-repeat right;
}
.toppage .left_contents .contents_ttl h2.bg01.h2txt {
	width: 570px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 16px;
	line-height: 30px;
}

.toppage .left_contents .contents_ttl p.itiran {
	width:64px;
	padding:0 0 0 10px;
	float:right;
}

.toppage .left_contents .topics {
	padding:15px 0 24px;
}

.toppage .left_contents .topics ul {
	padding:0 0 10px;
}
.toppage .left_contents .topics ul li {
/*	width:674px;*/
}
.toppage .left_contents .topics ul li.date {
 display:block;
	width:95px;
	font-weight:bold;
	float:left;
}

.toppage .left_contents .topics ul li.tx {
 display:block;
	width:489px;
	padding:0 20px 0 70px;
	float:left;
}

.toppage .left_contents .topics ul li.tx a {
	color:#0054ae;
}

.toppage .left_contents .topics ul li.group01 {
	background:url(../images/group01.gif) no-repeat left 2px;
}
.toppage .left_contents .topics ul li.group02 {
	background:url(../images/group02.gif) no-repeat left 2px;
}
.toppage .left_contents .topics ul li.group03 {
	background:url(../images/group03.gif) no-repeat left 2px;
}
.toppage .left_contents .topics ul li.group04 {
	background:url(../images/group04.gif) no-repeat left 2px;
}

.toppage .left_contents .shohin_box {
	padding:16px 3px 40px;
}

.toppage .left_contents .shohin_box .content {
	width:214px;
	padding:0 0 5px 13px;
	float:left;
	position:relative;
	background:url(../images/shohin_box_bottom.gif) no-repeat right bottom;
}
.toppage .left_contents .shohin_box .shohin_first {
	padding-left:0;
}

.toppage .left_contents .shohin_box .content .shohin_tx {
	width:192px;
	padding:10px 10px 23px;
	border-left:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
}

.toppage .left_contents .shohin_box .content .shohin_tx h3 {
	color:#cc0000;
	font-size:116.7%;
	position:relative;
	right:3px;
	font-weight:bold;
}
.toppage .left_contents .shohin_box .content .shohin_tx h4 {
	font-size:116.7%;
	font-weight:bold;
	padding:5px 0 5px 11px;
	background:url(../common/images/arrow.gif) no-repeat left center;
}
.toppage .left_contents .shohin_box .content .shohin_tx h4 a {
	color:#0054ae;
}
.toppage .left_contents .shohin_box .content .shohin_tx p {
	padding:0 0 10px;
}
.toppage .left_contents .shohin_box .content .shohin_tx h5 {
	font-weight:bold;
	position:absolute;
	right:10px;
	bottom:12px;
}

.toppage .left_contents .download {
	padding:0 0 5px;
	background:url(../images/download_bottombg.gif) no-repeat bottom #e4f0fe;
}

.toppage .left_contents .download .contents_ttl {
	height:47px;
	background:url(../images/download_topbg.gif) no-repeat top #e4f0fe;
	border-bottom:solid 1px #a8cbf2;
}

.toppage .left_contents .download .contents_ttl h2 {
	width:650px;
	height:39px;
	padding:8px 0 0 10px;
	float:left;
	background:url(../images/top_ttl03_bg.gif) no-repeat right bottom;
}

.toppage .left_contents .download .contents_ttl p.itiran {
	width:64px;
	padding:10px 10px 0 0;
	float:left;
}

.toppage .left_contents .download .content {
	padding:16px 0 15px;
	margin:0 15px;
	background:url(../common/images/border_b.gif) repeat-x top;
	clear:both;
}

.toppage .left_contents .download .con_top {
	border-top:solid 1px #ffffff;
	padding:13px 0 15px;
	background:none;
}

.toppage .left_contents .download .content h3 {
	font-size:116.7%;
	font-weight:bold;
	padding:5px 0 5px 23px;
	background:url(../common/images/circle_b.gif) no-repeat left 3px;
}
.toppage .left_contents .download .content p {
	padding:0 0 5px 23px;
	background:url(../images/download_icon.gif) no-repeat 5px 4px;
}
.toppage .left_contents .download .content p a {
	color:#0054ae;
}

/* 右コンテンツトップページ */

.toppage .right_contents {
	float: left;
	width: 277px;
}

.toppage .right_contents .gray_box {
	padding:9px 9px 4px;
	background:url(../images/top_gray_box_top.gif) no-repeat top #efefef;
}

.toppage .right_contents .gray_box .content {
	padding:5px 0 0;
	background:url(../images/top_white_box_top.gif) no-repeat top #ffffff;
}
.toppage .right_contents .gray_box .con_box {
	padding:6px 0 10px;
	border-left:solid 1px #cfcfcf;
	border-right:solid 1px #cfcfcf;
}
.toppage .right_contents .gray_box .con_box_b_bg {
	height:5px;
	background:url(../images/top_white_box_bottom.gif) no-repeat bottom;
}

.toppage .right_contents .gray_box .content h2 {
	padding:0 10px 9px;
	border-bottom:solid 1px #cfcfcf;
}

.toppage .right_contents .gray_box .content h3 {
	font-size:116.7%;
	line-height:1.3em;
	font-weight:bold;
	padding:0 10px 8px;
}

.toppage .right_contents .gray_box .content h4 {
	padding:9px 0 10px;
	margin:0 10px;
}

.toppage .right_contents .gray_box .content h5 {
	padding:9px 0 10px;
	margin:0 10px;
	background:url(../common/images/border_w.gif) repeat-x bottom;
}

.toppage .right_contents .gray_box .content h6 {
	font-size:83.3%;
	font-weight:bold;
	padding:0 0 6px;
	margin:0 10px;
}

.toppage .right_contents .gray_box .content p {
	margin:0 10px;
}

.toppage .right_contents .gray_box .content p.link {
	padding:7px 0 8px;
	margin:0 10px;
	background:url(../common/images/border_w.gif) repeat-x bottom;
}

.toppage .right_contents .gray_box_b_bg {
	height:5px;
	background:url(../images/top_gray_box_bottom.gif) no-repeat bottom;
}

.toppage .right_contents ul.bn_list li {
	padding: 0 0 5px 10px;
}

.fb-like-box {background:#ffffff;height:270px;}

/* トップページend */


/* news */
.newsTxt {
	padding:10px 0 0 100px;
	text-indent:1em;
}
.newsTxt02 {
	padding:10px 0 0 100px;
}
.newsTxt03 {
 width:96%;
	padding:2%;
 border:1px dotted #ccc;
}
.newsTxt04 {
	padding:20px 0 0 0;
}
h3.newsTxtH3 {
 margin-top:2em;
	padding:0 0 0 100px;
 font-weight:bold;
}
.newsTop30 {
 margin-top: 30px;
}
.newsTop20 {
 margin-top: 20px;
}
.newsTxt_s {
	padding:0 0 0 100px;
	text-indent:1em;
}
.lastTxt {
 float:right;
 text-align:left;
 
}
.photospace {
	width:100%;
	text-align:center;
	padding:20px 0;
}

dl.newslist {
	padding:10px;
}
dl.newslist dt {
	clear: left;
	float: left;
	width: 7em;
}

dl.newslist dd {
 margin-left: 8em;
}
dl.newslist.wide dt {
	clear: left;
	float: left;
	width: 9em;
}
dl.newslist dd {
 margin-left: 10em;
}

dl.newslist dd  li {
	padding-left:16px;
	text-indent:-16px;
	line-height:1.8em;
}

ul.newslist {
	margin:10px 0 0 120px;
}
ul.newslist li {
 width: 530px !important;
	padding-left:2em;
	padding-top:1em;
	text-indent:-2em;
}
ul.newslist li.indent01 {
 padding-left: 1em;
	text-indent:-1em;
}
ul.newslist li.indent01 {
 padding-left: 1em;
	text-indent:-1em;
}
.indent01 {
 padding-left: 1em;
	text-indent:-1em;
}
.indent02 {
 padding-left: 2em;
	text-indent:-2em;
}
.indent03 {
 padding-left: 3em;
	text-indent:-3em;
}
.indent04,
li.indent04 {
 padding-left: 4em;
	text-indent:-4em;
}
.indent05 {
 display: block;
 padding-left: 5em;
	text-indent:-5em;
}
.indent06 {
 display: block;
 padding-left: 6em;
	text-indent:-6em;
}
.indent08 {
 display: block;
 padding-left: 8em;
	text-indent:-8em;
}
ul.newslist07 {
	margin: 10px 0 0 120px;
}
ul.newslist07 li {
 width: 530px !important;
	padding-top: 2em;
}

dl.newslist02 {
	/*width:450px;*/
	padding: 50px 0 50px 112px;
}
dl.newslist02 dt {
	clear: left;
	float: left;
	width: 10em;
 padding-bottom:10px;
}

dl.newslist02 dd {
 margin-left: 11em;
 padding-bottom:10px;
}

dl.newslist02 dd  li {
	padding-left:16px;
	text-indent:-16px;
	line-height:1.8em;
}

dl.newslist03 {
	width:450px;
	padding:10px;
	padding:50px 0 0 0;
	margin:0 auto;
}
dl.newslist03 dt {
	clear: left;
	float: left;
	width: 5em;
 padding-bottom:10px;
}

dl.newslist03 dd {
 margin-left: 6em;
 padding-bottom:10px;
}

dl.newslist03 dd  li {
	padding-left:16px;
	text-indent:-16px;
	line-height:1.8em;
}

dl.newslist04 {
	width:550px;
	padding:50px 0 0 0;
	margin:0 0 0 110px;
}
dl.newslist04 dt {
	clear: left;
	float: left;
	width: 12em;
 padding-bottom:10px;
}

dl.newslist04 dd {
 margin-left: 12em;
 padding-bottom:10px;
}

dl.newslist05 {
	width:550px;
	padding:50px 0 0 0;
	margin:0 0 0 110px;
}

dl.newslist05 dt {
	clear: left;
	float: left;
	width: 15em;
 padding-bottom:10px;
}
dl.newslist05 dd {
 margin-left: 15em;
 padding-bottom:10px;
}

dl.newslist06 {
	padding:0 0 0 110px;
}

dl.newslist06 dt {
 margin-top: 10px;
}
dl.newslist06 dd {
 margin-left: 1em;
}

.newsTxtCenter {
	width:80%;
	text-align:center;
	padding:10px 0 0 0px;
	margin-left:100px;
}
.newsTxtIndent {
	padding:10px 0 0 130px;
	text-indent:-30px;
}
.newsTxt .floatleft {
	float:left;
	padding:0 20px 20px 0;
}
.newsTxt .floatright {
	float:right;
	padding:0 0 20px 20px;
}

table.tableIndent {
	margin:10px 0 0 100px;
}

.mg_indent {
	margin: 0 0 0 20px;
}
.table01 {
	margin:5px 0 20px 100px;
	width:80%;
}
.table01 th {
	padding:5px;
	border:1px dotted #999;
	background:#eee;
	width:30%;
}
.table01 td {
	padding:5px;
	border:1px dotted #999;
}
.table01 th.name {
	width:40%;
}
.closebtn {
 clear:both;
	text-align:center;
	padding:30px 0;
}
.toppagelink {
	text-align:right;
}
.newsWinning {
 width:80%;
 margin:0 0 0 100px;
}
.newsWinning h3 {
 font-weight:bold;
 font-size:14px;
 margin:20px 0 10px;
}
.newsWinning table {
 width:100%;
}
.newsWinning th {
 width:33%;
 padding:5px;
 background:#FFC;
 border:1px solid #eee;
}
.newsWinning td {
 padding:5px;
 border:1px solid #eee;
}
ul.newsIndent03 li {
	padding-left:16px;
	text-indent:-16px;
	line-height:1.8em;
}
ul.newsIndent03 li {
 width: auto !important;
}
.underline {
 text-decoration: underline;
}
strong.block,
span.block {
	display: block;
}

/* =======================================
	Information
======================================= */
.infomation {
	overflow:hidden;
	width:636px;
	margin:0 10px 10px 10px;
	border:10px solid #ededed;
	padding:30px;
}
.infomation:after {
  content: ""; 
  display: block; 
  clear: both;
}
.infomation h2 {
	width:636px;
	font-size:1.6em;
	font-weight:bold;
	margin:0 0 20px 0;
	border-left:7px solid #1c76d7;
	padding-left:10px;
}
.infomation p {
	clear:both;
}
.infomation h3 {
	width:619px;
	clear:both;
	font-size:1.3em;
	margin:50px 0 10px 0;
	font-weight:bold;
	border-bottom:1px dotted #999;
	line-height:1.6em;
	border-left:7px solid #ca000e;
	padding:5px 0 5px 10px;
	background:#ca000e;
	color:#fff;
}
.infomation h4.non {
	clear:both;
	padding:0 0 0 0;
	font-size:1.2em;
	font-weight:bold;
}
.infomation h4 {
	clear:both;
	padding:20px 0 0 0;
	font-size:1.2em;
	font-weight:bold;
}
.infomation h4.non {
	clear:both;
	padding:0 0 0 0;
	font-size:1.2em;
	font-weight:bold;
}
.infomation h4 span {
	color:#ca000e;
	padding-right:5px;
	font-size:1.2em;
}
.infomation .day_name {
	overflow:hidden;
	text-align:right;
	width:300px;
	float:right;
	padding-top:20px;
}
dl.info_ryokin:after {
  content: ""; 
  display: block; 
  clear: both;
}
dl.info_ryokin dt {
	width:200px;
	border:1px solid #ccc;
	padding:5px;
	float:left;
	height:20px;
}
dl.info_ryokin dd {
	clear:right;
	width:200px;
	border:1px solid #ccc;
	padding:5px;
	float:left;
	font-size:1em;
	height:20px;
}
dl.info_ryokin .color01,
table.info_ryokin .color01 {
	background:#deecfb;
}
dl.info_ryokin .color02,
table.info_ryokin .color02 {
	background:#c4defb
}
table.info_ryokin {
	width:634px;
}
table.info_ryokin th,
table.info_ryokin td {
	border:1px solid #ccc;
	padding:5px;
}
table.info_ryokin th {
	font-size:1.2em;
}
table.info_ryokin th.center {
	text-align:center;
}
table.info_ryokin th.center span {
	font-size:0.9em;
}


.mgT10 {
	margin-top:10px;
}
.mgT20 {
	margin-top:20px;
}
span.mgT20 {
 display: block;
}
.mgT30 {
	margin-top:30px;
}
.mgB10 {
	margin-bottom:10px;
}
.mgB20 {
	margin-bottom:20px;
}
.mgL2 {
 display:block;
 margin-left:100px;
 padding-left:2em;
 text-indent:0;
}
.commonRight {
 text-align: right;
}
.commonInlineB {
 display: inline-block;
}
a.style_hover:hover {
 opacity: 0.8;
}
.txt_color {
	color: #f00 !important;
}
.txt_del {
	text-decoration: line-through;
}