@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho');
/* オールスタイル */
*{ margin:0; padding:0;}
body,img,p,dl,dt,dd,p,div,ul,li,span,table,td,th,h1,h2,h3,h4,h5,h6,h7{ 
margin:0; padding:0;
font-size:12px;
font-weight:normal;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
color:#333;
}
img{ border:0;}
.clear{ clear:both;}
.float{ float:left;}
body{
width:100%;
background:url(../base_img/bg.jpg) repeat-x;
text-align:center;
background:#F9F7F8;
}
#wrapper{ 
width:918px;
_width:920px;
background:url(../base_img/main_bg.jpg) repeat-y;
margin:0 auto;
text-align:left;

}
#wrapper #main{ 
width:900px;
margin:0 auto;

}

/* ヘッダー画像スタイル */
#hed_img{
	width:820px;
	height:160px;
	position: relative;
}
#hed_img p{
	position: absolute;
	top:65%;
	left:72%;
	font-size:30px;
	color: #464444;
	padding:0;
	margin:0;
}

/* 右メニュースタイル */

span.no{display:none;}
#menu{
	width:224px;
	margin:19px 10px 30px 10px;
	_margin:19px 10px 30px 5px;
	
	}
ul#side{
	background:url(../base_img/menu_bg.jpg) repeat-y;
	list-style:none;
	width:224px;
	}
li#menu01 a{
font-size: 14px;
color: #210472;
font-weight: bolder;
display:block;
text-decoration: none;
width:200px;
height:30px;
text-align:center;
margin:10;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
}
li#menu01 a:hover{color: #76e0e7;}
li#menu02 a,
li#menu03 a,
li#menu04 a,
li#menu05 a,
li#menu06 a,
li#menu07 a,
li#menu08 a,
li#menu09 a,
li#menu10 a,
li#menu11 a,
li#menu12 a{
width:200px;
display:block;
height:30px;
margin:0 auto;
border-bottom:1px dotted #666;
_margin-top:-1px;
}
li#menu13 a{
width:200px;
display:block;
height:30px;
margin:0 auto;
_margin-top:-1px;

}

/* ヘッダースタイル */

#hedder{
background: url(../base_img/hedder_bg.jpg) no-repeat;
width:900px;
height:124px;
margin:0 auto;
}
h1#seotxt{
width:860px;
height:54px;
line-height:30px;
margin:0 auto;
text-align:left;
color:#FFF;
}
#wrapper #hedder ul#hed{
list-style:none;
width:900px;
height:70px;
}
#wrapper #hedder ul#hed li#logo{
width:557px; height:70px;
}
#wrapper #hedder ul#hed li#hed_navi01{
width:70px; height:70px;
}
#wrapper #hedder ul#hed li#hed_navi02{
width:158px; height:70px;
}
#wrapper #hedder ul#hed li#hed_navi03{
width:115px; height:70px;
}

/* フッタースタイル */

#wrapper #main #footer{
background:url(../base_img/footer_bg.jpg) no-repeat;
width:900px;
height:147px;
margin:0 auto;
}

#wrapper #main #footer ul#foot{
list-style:none;
width:850px;
padding-top:10px;
padding-left:50px;
}

#wrapper #main #footer ul#foot li {
/* width:170px; */
padding-left:30px;
height:20px;
line-height:20px;

}

#wrapper #main #footer ul#foot li a:link,
#wrapper #main #footer ul#foot li a:visited,
#wrapper #main #footer ul#foot li a:hover{
color:#333;
text-decoration:none;
}





h3.title02{background:url(../base_img/title04.jpg) no-repeat; height:27px; padding-left:20px; font-size:14px; line-height:27px; color:#300; font-weight:normal; clear:both;}

div.txt{ margin:10px auto; width:610px;}

div.txt02{ margin:10px ; width:390px; float:left;}

div.img{ margin:10px; float:left; width:200px; height:150px;}
div.img02{ margin:10px 0px 10px 10px; float:left; width:200px; height:150px;}

table#top_table {
	width: 100%;
	border: 0;
	border-spacing: 10px;
}
table#top_table th {
	width: 80%;
	text-align: left;
	font-weight: bolder;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
	font-size: 24px;
	color: #04610c;
	text-shadow: 3px 3px 5px rgba(14, 51, 29, 0.5)
}
table#top_table td.a {
	width: 80%;
	text-align: left;
	text-decoration: underline;
	font-size: 16px;
	color: #27aa32;
	font-family:'Noto Sans JP', sans-serif;
}
table#top_table td.b {
	width: 80%;
	text-align: left;
	font-size: 14px;
	color: #5d6d5e;
	font-family:'Noto Sans JP', sans-serif;
}
table#top_table td.c {
	width: 80%;
	text-align: right;
	font-size: 12px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
}
table#company_table{
	width: 100%;
	margin: 25px 0 25px 25px;
	padding: 0;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	border-collapse:  collapse;
}
table#company_table tr:nth-child(odd) {
    background-color:  #ddd;    
}
table#company_table th{
	overflow: hidden;
	padding: 15px;
	width: 35%;
	color: #019ee3;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	font-family:'Noto Sans JP', sans-serif;

}
table#company_table td{
	padding: 15px;
	width: 65%;
	color: #666666;
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	overflow: hidden;
	font-family:'Noto Sans JP', sans-serif;

}
table#thanks_table {
	width: 100%;
	border: 0;
	border-spacing: 10px;
}
table#thanks_table th {
	width: 80%;
	text-align: left;
	font-weight: bolder;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
	font-size: 24px;
	color: #04610c;
	text-shadow: 3px 3px 5px rgba(14, 51, 29, 0.5)
}
table#thanks_table td.a {
	width: 80%;
	text-align: center;
	font-size: 20px;
	color: #666666;
	font-family:'Noto Sans JP', sans-serif;
}
table#thanks_table td.b {
	width: 80%;
	text-align: center;
	font-size: 14px;
	color: #666666;
	font-family:'Noto Sans JP', sans-serif;
}
.underline {
	background: linear-gradient(transparent 40%, #f01439 60%);
  }
.button {
	display       : inline-block;
	border-radius : 20%;          /* 角丸       */
	font-size     : 10pt;        /* 文字サイズ */
	text-align    : center;      /* 文字位置   */
	cursor        : pointer;     /* カーソル   */
	padding       : 12px 12px;   /* 余白       */
	background    : #1a1aff;     /* 背景色     */
	color         : #ffffff;     /* 文字色     */
	line-height   : 1em;         /* 1行の高さ  */
	opacity       : 1;           /* 透明度     */
	transition    : .3s;         /* なめらか変化 */
	box-shadow    : 4px 4px 8px #666666;  /* 影の設定 */
}
.button:hover {
	box-shadow    : none;        /* カーソル時の影消去 */
	opacity       : 0.8;         /* カーソル時透明度 */
}