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

*/
html{
    color:#000;
	background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #FFF;
	text-align: left;
	color: #333;
	font-size: 12px;
}
body, div, h1, h2, h3, h4, h5, h6, p, address, dl, dt, dd, ul, ol, li, img {
	margin: 0;
	padding: 0;
	border: none;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=0 )”;
}
p {
	margin: 0 0 15px 0;
}

div, table {
	line-height: 140%;
}
table,td,th {
 text-align:left;
}
td {
	word-break:break-all;
}
img {
	vertical-align: bottom;
}
span.checkbox input,
input.checkbox {
	height:12px;
	margin:4px;
	width:12px;
	vertical-align:middle;
}
input.text {
	padding:2px;
	vertical-align:middle;
}
input.radio {
	vertical-align:middle;
}
select {
	font-size:12px;
	padding-top:1px;
	padding-bottom:1px;
}
select option {
	font-size:12px;
	vertical-align:middle;
}

/* tHg */
#DocBody, table, h1, h2, h3, h4, h5, h6, input, textarea {
	font-size: 12px;
}

/*
-------------------------------
color
-------------------------------*/
p , li , td {
	color: #333;
}

/*
-------------------------------
clearfix
-------------------------------*/
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
</style>

/*-------------------------------
  common
-------------------------------*/
#Wrapper {
	width : 100%;
	text-align: center;
}
#About {
	margin: 0 0 10px 0;
}
#BgMenu {
	margin:0 0 10px 0;
	float: left;
	width : 100%;
	background: url(../img/bg_menu.jpg) left center repeat-x;
	height: 60px;
}
#BgMenu ul {
	margin: 0 auto;
	width: 1126px;
}
#BgMenu li {
	float: left;
}
#MainInner {
	width: 1126px;
	margin: 0 auto;
}
#Footer {
	width : 100%;
	margin: 25px 0 0 0;
	padding: 30px 0 20px 0;
	color: #FFFFFF;
	background: url(../img/bg_footer.gif) left top repeat-x;
	height: 60px;
	text-align: center;
}
#Footer ul {
	padding: 10px 350px;
	text-align: center;
	display:inline-block; 
}
#Footer li {
	float: left;
	font-size: 120%;
	color: #FFFFFF;
}
#Footer li a{
	color: #FFFFFF;
}
#Copy {
	text-align: center;
	margin: 0 10px;
	font-size: 120%;
}
.mt10 {
	margin-top: 10px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.pl20 {
	padding-left: 20px;
}
.pl30 {
	padding-left: 30px;
}
/*-------------------------------
  トップページ
-------------------------------*/
#BgMain {
	background: url(../img/bg_main.jpg) center top no-repeat;
	text-align: center;
}
#MainImg {
	width: 1126px;
	margin: 0 auto;
}
#Logo {
	width: 100%;
	height: 268px;
	margin: 0;
	position: absolute;
	text-align: left;
	top: 0;
	left: 20;
	z-index: 2;
}
#LogoLink h1 {
	text-indent: -9999px;
}
#OvMain {
	width: 100%;
	position:absolute;
	margin: -20px 0 0 0;
	top: 0;
	left: 0;
	z-index: 1;
}
#LeftContents {
	width: 318px;
	float: left;
}
#WhatsNew {
	margin: 0 0 20px 0;
	padding: 10px;
	width: 298px;
	border: 1px dotted #E5630F;
}
#WhatsNew dd {
	margin: 10px 0 0 0;
	padding: 5px;
	width: 280px;
	border-bottom: 1px dotted #E5630F;
}
#RightContents {
	width: 786px;
	float: right;
}
#MainMenu {
	width: 786px;
	float: left;
	margin: 0 0 20px 0;
	background-color: #EFEFEF;
}
#MainMenu dl {
	width: 240px;
	float: left;
	margin: 10px;
}

/*-------------------------------
  下層ページ
-------------------------------*/
#BgMain02 {
	background: url(../img/common/bg_main.jpg) center top no-repeat;
	height: 271px;
	text-align: center;
}
#BgMain02 #MainImg {
	width: 1126px;
	margin: 0 auto;
}
#BgMain02 #Logo {
	width: 397px;
	height: 153px;
	position: absolute;
	text-align: left;
	top: 10px;
	left: 20;
	z-index: 1;
}
#BgMain02 #LogoLink h1 {
	text-indent: -9999px;
}
#LeftContents02 {
	width: 280px;
	float: left;
}
#RightContents02 {
	width: 800px;
	float: right;
	overflow: hidden;
}
#SubMenu,
#SubMenu02 {
	float: left;
	margin: 0 0 30px 0;
}
#SubMenu li,
#SubMenu02 li {
	width: 280px;
	height: 40px
	float: left;
	background: url(../img/common/bg_menu.jpg) left top no-repeat;
	padding: 12px 5px 15px 25px;
}
#SubMenu li a,
#SubMenu02 li a {
	color: #000000;
	text-decoration: none;
}
.LeftText,
.RightText {
	width: 800px;
	float: left;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.LeftText img {
	float: right;
	width: 300px;
}
.LeftText p {
	float: left;
	width: 480px;
}
.RightText img {
	float: left;
	width: 300px;
}
.RightText p {
	float: right;
	width: 480px;
}
.TwoColumn {
	display:inline-block!important; 
	vertical-align:top;
	width: 380px;
	margin: 10px 40px 10px 0;
	float: left;
}
.TwoColumn dt,
.ThreeColumn dt {
	margin: 0 0 10px 0;
}
.ThreeColumn {
	display:inline-block;
	vertical-align:top;
	width: 250px;
	margin: 10px 25px 10px 0;
	float: left;
}
.Ttl_01 {
	width: 800px;
	height: 50px;
	background: url(../img/common/ttl_h2.jpg) left top no-repeat;
	color: #FFFFFF;
	font-size: 140%;
	clear: both;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 25px;
}
.Ttl_02 {
	width: 800px;
	height: 40px;
	margin: 0 0 10px 0;
	padding: 13px 0 10px 28px;
	background: url(../img/common/ttl_h3_01.jpg) left top no-repeat;
	font-size: 120%;
}
.Ttl_03 {
	width: 800px;
	height: 40px;
	margin: 0 0 10px 0;
	padding: 13px 0 10px 28px;
	background: url(../img/common/ttl_h3_02.jpg) left top no-repeat;
	color: #FFFFFF;
	font-size: 120%;
}
.Ttl_04 {
	width: 800px;
	height: 30px;
	margin: 0 0 10px 0;
	padding: 7px 0 10px 10px;
	background: url(../img/common/ttl_h4.jpg) left top no-repeat;
}
.Table01 {
	border: 1px solid #0082CE;
	margin: 0 0 10px 0;
	clear: both;
}
.Table01 th {
	background-color: #0082CE;
	color: #FFFFFF;
	padding: 10px;
	border-bottom: 1px solid #FFFFFF;
}
.Table01 tr:last-child th {
	border-bottom: none;
}
.Table01 td {
	padding: 10px;
	border: 1px solid #0082CE;
}
.Flow {
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #F7B480;
}
.Flow span {
	margin: 0 20px 0 0;
	color: #EF6A01;
	font-weight: bold;
}
.Qa {
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #FAFAFA;
	border-bottom: 1px solid #C5C5C5;
}
.Qa th {
	padding: 10px 0 10px 10px;
}
.Qa td {
	width: 730px;
	float: left;
	padding:0 0 10px 10px;
}
.Qa th span {
	color: #EF6A01;
	font-size: 140%;
	font-weight: bold;
}
.Outer {
width: 840px;
}
.Outer:after {
display: block;
clear: both;
content: "";
}

/*-------------------------------
  お問い合わせ
-------------------------------*/
#Form {
	margin: 20px 0;
	float: left;
}
.table {
	background-color: #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
	display:inline-block; 
}
.table dt {
	width: 150px;
	float: left;
	padding: 10px 0 0 10px;
	color: #000000;
}
.table dt.End {
	border-bottom: none;
}
.table dd {
	width: 600px;
	padding: 10px;
	float: left;
}
.table02 {
	width: 500px;
	background-color: #CCCCCC;
	margin: 0;
	padding: 0;
	display:inline-block; 
}
.table02 dt {
	padding: 0 0 0 10px;
}
.table02 dd {
	width: 500px;
	float: left;
	width: 600px;
}
.tacenter {
	text-align: center;
	margin: 20px 0 0 0;
}
#mailform02 {
	margin-bottom: 10px;
}
#Send {
	padding: 5px 30px;
}

.bn{
	margin: 0 53px 15px 53px;
}
.bn.banner{
	margin: 15px auto;
}
.fb{
	width: 318px;
}