@charset "shift_jis";
body {
	background-color: #f8f8ff;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	font-family: "Verdana", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
}
a {
	color: #999966;
	text-decoration: underline;
}
a:link {
	color: #336666;
	text-decoration: underline;
}
a:visited {
	color: #999999;
	text-decoration: underline;
}
a:active {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
h1 {
	color: white;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	background-color: transparent;
	text-align: right;
	z-index: 1;
	height: 14px;
	overflow: hidden;
	display: block;
	width: auto;
	clear: both;
	position: relative;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 3px 5px;
	position: relative;
	padding-top: 3px;
}

#container {
	width: 960px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	padding: 0px 10px;
	text-align: center; /* この設定は body エレメントの text-align: center より優先されます。 */
	overflow: hidden;
}
#container-980 {
	width: 980px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	padding: 0px 10px;
	text-align: center; /* この設定は body エレメントの text-align: center より優先されます。 */
	overflow: hidden;
}
#container-758 {
	width: 758px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	padding: 0px 10px;
	text-align: center; /* この設定は body エレメントの text-align: center より優先されます。 */
	overflow: hidden;
}
#container-618 {
	width: 618px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	padding: 0px 10px;
	text-align: center; /* この設定は body エレメントの text-align: center より優先されます。 */
	overflow: hidden;
}
#container-540 {
	width: 540px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	padding: 0px 10px;
	text-align: center; /* この設定は body エレメントの text-align: center より優先されます。 */
	overflow: hidden;
}
#header {
	background: url(../images/header01_bg.gif) repeat-x;
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: relative;
	top: -20px;
	width: 100%;
	overflow:hidden;
}
#header #head-left {
	float: left;
	background: url(../images/header01_left.gif) no-repeat left top;
	padding: 0px 10px;
}
#header #head-right {
	float: right;
	background: url(../images/header01_right.gif) no-repeat right top;
	height: 60px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	overflow: hidden;
	width: 460px;
}
#container-618 #header #head-right, #container-540 #header #head-right {
	width: 200px;
}
#header #head-right #telno {
	float: right;
	clear: both;
}
#header #head-right #btn01 {
	float: right;
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 30px;
}
#header #head-right #btn01 ul {
	width: 380px;
	background-image: url(../images/btn01_bg.gif);
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 30px;
	overflow: hidden;
	display: block;
}
#header #head-right #btn01 li {
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 30px;
	overflow: hidden;
	display: inline;
	list-style-type: none;
}
#header #btn02 {
	background: url(../images/btn02_bg.gif) repeat-x center bottom;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px;
	height: 38px;
	overflow: visible;
	clear: both;
}
#header #btn02 h2 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 112px;
	display: inline;
}
#header #btn02 ul {
	margin: 0px auto;
	padding: 0px;
	height: 38px;
	display: block;
	list-style-type: none;
}
#header #btn02 li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 111px;
	height: 38px;
	display: block;
	overflow: hidden;
}
/*----------メイン----------*/


#main {
	margin-bottom: 20px;
}
/*----------メイン　530　----------*/


#main #main-column {
	float: left;
	margin: 0px auto 0px 0px; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0px 10px 0px 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	width: 710px;
}
#main #main-column h2 {
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

/*----------メイン　780　----------*/

#main #main-column-780 {
	margin: 0px; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
#main #main-column-780 h2 {
	margin: 2px 0px 0px 0px;
	padding: 0px;
}
/*----------メイン　640　----------*/

#main #main-column-640 {
	margin: 0px; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
#main #main-column-640 h2 {
	margin: 2px 0px 0px 0px;
	padding: 0px;
}
/*----------メイン　full　----------*/

#main #main-column-full {
	margin: 0px; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
#main #main-column-full h2 {
	margin: 2px 0px 0px 0px;
	padding: 0px;
}
/*----------サイド　240　----------*/

#main #sub-column {
	padding: 0px;
	margin: 0px;
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 240px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
}
#main #sidebar1 {
	background-image: url(../images/sidebar_bg_02.gif);
	background-color: #EBEBEB;
	background-repeat: repeat-y;
	text-align: left;
}
#main #sidebar1 p {
}
#main #sidebar1 .top {
	background: url(../images/sidebar_bg_01.gif) no-repeat center top;
	margin: 0px;
	padding: 0px;
}
#main #sidebar1 .bottom {
	background: url(../images/sidebar_bg_03.gif) no-repeat center bottom;
}
#main #sidebar1 h2 {
	margin: 0px auto;
	padding: 3px 0px 2px 0px;
	text-align: center;
}
#main #sidebar1 .articlebox {
	font-size: 12px;
	line-height: 130%;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	margin: 7px;
	padding: 0px;
}
#main #sidebar1 .articlebox ul {
	margin: 0px 0px 0px 25px;
	padding: 0px 3px;
}
#main #sidebar1 .articlebox li {
	padding: 3px
}
#main #sidebar1 .articlebox .sub01 {
	margin-top: 5px;
	margin-bottom: 5px;
}
#main #sidebar1 .articlebox .bn01 {
	margin-top: 2px;
	margin-bottom: 2px;
	border: solid 1px #c0c0c0;
}
#main #sidebar1 .articlebox .pic10 {
	margin-top: 2px;
	margin-bottom: 2px;
	border: solid 1px #c0c0c0;
}
#main #sidebar2 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 240px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px;
	margin: 0px;
	bottom: 0px;
}
.pic01 {
	float: right;
	margin: 1px 1px 3px 5px;
	padding: 0px;
	border: solid 1px #666666;
	width: 70px;
	height: auto;
}
.mobilesub {
	font-size: 11px;
	line-height: 13px;
	margin: 3px 0px 0px 3px;
	padding: 0px;
}
.qrcode {
	float: right;
	margin: 1px 1px 5px 5px;
	padding: 0px;
	width: 66px;
	height: 66px;
	overflow: visible;
}
.sidebarbnarea {
	text-align: center;
	vertical-align: bottom;
	margin: 0px;
	padding: 10px 0px 0px 5px;
	border: 0px;
	width: 245px;
}
.sidebarbnarea div {
	margin-right: auto;
	margin-left: auto
}
.sidebarbnarea p {
	text-align: center;
	margin: 3px auto 0px;
	padding: 0px;
	overflow: visible;
}
#footer {
	text-align: left;
	clear: both;
	margin-top: 15px;
overflow: hidden text-align: left;
}
#footer #footcontents {
	font-size: 12px;
	background-color: #8fbc8f;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 5px;
	border: solid 1px #f5f5f5
}
#footer #footcontents p {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}


#footer #footcontents dl{
	display:block;
	float:left;	
	margin:0.5em auto;
	padding:0 4em 0 0;
}

#footer #footcontents dl dt{
	font-weight:bold;	
}
#footer #footcontents dl dd{
margin:0;
}

#footer #footmenu {
	float: left;
	clear: left;
	margin: 2px
}
#footer #footpagetop {
	font-size: 12px;
	float: right;
	clear: right;
	margin: 2px
}
#footer #footmenu ul {
	margin: 0px;
	padding: 0px;
	display: block;
}
#footer #footmenu li {
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#footer .bottom {
	clear: both;
	margin: 0px;
	padding: 0px
}
#footer .bottom table {
	border-top: 2px solid #808000;
	width: 100%;
}
#footer .bottom td {
	font-size: 12px;
	padding: 2px;
}
#footer .bottom .credit {
	font-size: 11px;
	font-family: Arial;
	text-align: right;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}