@charset "utf-8";
/*base設定*/

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:92%;
	text-align:left;
	list-style-type:none;
}
img {
	vertical-align:bottom;
}
html {
	overflow-y:scroll;
	height:100%;
}
body {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Verdana,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.4;
	/*\*/
	letter-spacing: normal;
	/**/
	font-size:1em;
	padding:0;
	margin:0 auto;
	width:100%;
	height:100%;
	letter-spacing: 0.06em ;
}
h1 {
	padding:3px;
	font-size:1.9em;
	font-weight:bold;
}
h2 {
	font-size:1.4em;
}
h3 {
	font-size:1.2em;
	font-weight:bold;
}
p {
	margin:0;
	padding:0;
}
a {
}
a:hover {
}
blockquote {}
code {}
table, tr, td {
	border-collapse:collapse;
}
/* 記載 */
body > #container {
        height: auto;
}
* html div#container{
    height:100%;
}
#container {
	width:800px;
	/*width:100%;*/
	background:#fff;
	margin:0 auto;
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
}
div.wrap {
	padding:0;
	margin:0 auto;
	width:800px;
	padding-bottom:60px;
}
div.header {
	/*width:800px;*/
	height:90px;
	padding:0;
	margin:0 auto;
}
div.header h1 {
	margin:0;
	float:left;
	display:block;
	width:520px;
	padding:10px 0 0 10px;
}
div.header h1 a {
	text-decoration:none;
}
div.header p.data {
	font-size:13px;
	display:block;
	float:right;
	text-align:right;
	width:245px;
	padding:0;
	margin:20px 10px 0 0;
	height:28px;
}
div.header h2 {
	text-indent:-9999px;
	display:block;
	width:500px;
	padding:0;
	margin:0 0 0 490px;
	height:28px;
}
.main_img {
	text-align:center;
}


#breadcrumb li {
    display: inline-block;
	margin-top:10px;
	margin-bottom:5px;
	font-size:12px;
}
#breadcrumb li + li:before {
    margin: 0 5px;
    content: ">";
}





div.main {
	padding:0 10px 0 8px;
	width:570px;
	float:right;
}
div.left_col {
	padding:5px;
	width:199px;
	float:left;
}
div.home {
	padding:4px 0 4px 4px;
	margin:0 auto;
}
div.side-content {
	padding:4px 0 4px 4px;
	margin:0 auto;
}
div.spacer { 
	height:15px;
}
div.left_col ul {
	padding:4px 0 4px 4px;
	margin:0;
	list-style:none;
}
div.left_col ul li .date {
	font-weight:bold;
}
div.left_col ul.indent, div.main ul.indent {
	padding:0 0 10px 10px;
	margin:0 auto;
}
div.left_col ul li a:hover {
	text-decoration:underline;
}
div.main h2 {
	margin:12px 2px;
	padding:4px 0 4px 6px;
	font-size:1.2em;
	font-weight:bold;
}
div.main ul.list01 {
	padding:0;
	margin:12px 0;
	line-height:1.7;
}
div.main ul.list01 li {
	font-size:small;
	padding:2px 6px;
}
div.main ul li a:hover {
	text-decoration:underline;
}
div.main img.img01 {
	float:left;
	padding-right:20px;
}
div.main img.img02 {
	float:right;
	padding-left:20px;
}
div.main img.img03 {
	text-align:center;
/*	margin-top:10px;*/
}
div.main p {
	padding:0 8px 8px 8px;
	line-height:1.4;
}
div.main label {
	width:160px;
	padding-bottom:5px;
	/*margin-left:20px;*/
	margin:0 0 0 20px;
	float:left;
}
div.main form .formText {
	width:300px;
}
div.main form .formTextarea {
	width:300px;
}
div.main form .formSubmit {
	margin:5px auto 20px 280px;
}
div.main table.table1 td {
	padding:5px 5px 2px;
	border:1px solid #eee;
}
div.footer {
	margin:auto;
	clear:both;
	/*width:800px;*/
	/*position:absolute;
	bottom:0;*/
	width:100%;
	height:60px;
}
div.footer p {
	text-align:right;
	padding:5px 10px;
	font-size:small;
}
div.footer p.footer-left {
	float:left;
	text-align:left;
}
div.footer p.footer-right {
	float:right;
	text-align:right;
}
.clear {
	clear:both;
}

/* additional styles */
.align-center {
	text-align:center;
}
.align-left {
	text-align:left;
}
.align-right {
	text-align:right;
}
div.header h2.tel {
	height:28px;
}
div.header h2.fax {
	height:28px;
}
div.topicpath {
	font-weight:bold;
	margin:2px 2px 6px;
	padding:6px;
}
div.left_col ul.nav01 li {
	text-indent:-9999px;
	margin:0 0 3px 0;
}
div.left_col ul.nav01 li a{
	height:54px;
	outline:0;
	display:block;
}
div.left_col ul.sidemenu02 li {
	font-size:0.9em;
	line-height:1.1;
	margin:2px auto;
	height:50px;
	float:left;
}
div.left_col ul.sidemenu02 li a {
	font-weight:bold;
}
div.left_col ul.sidemenu02 img {
	float:left;
	margin:0 4px 0 0;
}
div.left_col .side-content-top {
	height:11px;
	font-size:0px;
}
div.left_col .side-content-bottom {
	height:13px;
}
div.left_col .side-content-body {
	padding:0 10px;
	margin:0;
}
div.left_col .side-content-body ul {
	padding:0;
	margin:0 20px 0 10px;
	/*font-size:0.9em;*/
}
div.left_col p.btn {
	text-indent:-9999px;
}
div.left_col p.btn a {
outline:0;
height:38px;
display:block;
}
div.left_col h3 {
	font-size:1em;
	font-weight:bold;
	text-indent:1em;
	padding:6px 0;
}
div.left_col p.textright,
div.main p.textright {
	padding:0;
	margin:0 4px 8px;
	text-align:right;
	clear:both;
}
div.main h3 {
	font-size:1em;
	padding:4px 0 4px 5px;
	margin:16px 2px;
}
div.main h4 {
	font-weight:bold;
	padding:4px 0 4px 20px;
	margin:16px 2px;
}
div.main table.table2 td {
	padding:5px 5px 2px;
}

div.main table.table3 td,
div.main table.table3 th {
	padding:15px 5px 5px 5px;
}
div.main table.table2 td .explanation,
div.main table.table3 td .explanation {
	/*font-size:0.8em;*/
	text-indent:10px;
}
div.main .hilight {
	margin:5px;
}

/* utility */

.strong{
	font-weight:bold;
}
.mt10{
	margin:10px 0 0 0;
}
.mt20{
	margin:20px 0 0 0;
}
.mb10{
	margin:0 0 10px 0;
}
.mb20{
	margin:0 0 20px 0;
}
.ml10{
	margin:0 0 0 10px;
}
.ml20{
	margin:0 0 0 20px;
}
.ml30{
	margin:0 0 0 30px;
}
.ml35{
	margin:0 0 0 35px;
}
.pt10{
	padding:10px 0 0 0;
}
.pr10{
	padding:0 10px 0 0;
}
.pb10{
	padding:0 0 10px 0;
}
.pl10{
	padding:0 0 0 10px;
}
.f11{
	font-size:11px !important;
}
.f12{
	font-size:12px !important;
}
.f14{
	font-size:14px !important;
}
.f16{
	font-size:16px !important;
}
.f18{
	font-size:18px !important;
}

.small{
	font-size:0.9em;
}
.red{
	color:#c61717;
}
.w50{
	width:50px;
}
.w60{
	width:60px;
}
.w65{
	width:65px;
}
.w75{
	width:75px;
}
.w95{
	width:95px;
}
.w100{
	width:100px;
}
.w200{
	width:200px;
}
.w222{
	width:222px;
}
.w350{
	width:350px;
}

.bg_c01{
	background:#f39b76;
}
.bg_c02{
	background:#f7b47f;
}
.bg_c03{
	background:#fbcd89;
}
.bg_c04{
	background:#fff899;
}
.bg_c05{
	background:#cde298;
}
.bg_c06{
	background:#acd598;
}
.bg_c07{
	background:#89c997;
}
.bg_c08{
	background:#84ccc9;
}
.bg_c09{
	background:#7ecef4;
}
.bg_c10{
	background:#8c97cb;
}
.bg_c11{
	background:#aa89be;
}
.bg_c12{
	background:#f19ec2;
}
.bg_c13{
	background:#f29c9f;
}

.bg_box01{
	background:#eee;
	border:solid 1px #ccc;
	margin-top:20px;
}
.main .bg_box01 h3{
	background: url("../images/icn_quad_01.gif") no-repeat scroll 5px center #eee;
    border-bottom:none;
    padding: 3px 10px 3px 18px;
	margin:5px 0;
}

.left{
	float:left;
}
.right{
	float:right;
}
.img_box_01{
	width:500px;
	margin:10px auto;
}

.img_box_01 .photo{
	width:150px;
	margin:0 10px 0 0;
	_margin:0;
	float:left;
	display:block;
}
.img_box_01 p.caption{
	font-size:82%;
	text-align:center;
}

.img_box_02{
	width:450px;
	margin:10px auto;
}
.img_box_02 p.caption{
	font-size:82%;
	text-align:center;
}


/*フォーム*/
/* 同意・送信ボタン */
.formMain p.agree{
	width:565px;
	margin:0 0 30px 0;
	padding:10px 0 10px 0;
/*	font-size:12px;*/
	line-height:1.5;
	text-align:center;
	background-color:#cfcfcf;
	border-bottom:solid 1px #ccc;
}
.formMain p.submit{
	margin:0;
	padding:8px 0;
/*	font-size:12px;*/
	text-align:center;
}
.formMain p.submit input{
	width:150px;
}

input .submit{
 background:#000;

}


/* froat解除 */

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.clearfix {
  min-height:1px;
}
* html .clearfix {
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}
