@charset "utf-8";




body {
	font: 78% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #d6d1bc;
	margin: 0;
	padding: 0;
	color: #333;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

a img { 
	border: none;
}

a:link {
	color: #C60;
	text-decoration: underline;
}
a:visited {
	color: #C60;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color: #999;
	text-decoration: underline;
}


.container {
	width: 100%;
	margin: 0 auto;
}

.fb{ width:98%; padding:10px 0 0; text-align:right}

.header { 
    margin:0 auto;
	padding:0;
	text-align:center;
	width:458px;
}

.top_header { 
    margin:0 auto;
	padding:0;
	text-align:center;
	width:900px;
}


.top_header ul{
	list-style-type: none;
	padding-left: 0;
}


.top_header li{ }

.topmenu { display:table; margin:auto; padding-left:-20px; padding-top:20px}
.topmenu li{ display:table-cell; padding-right:20px}

.topmenu-j {background:url(../img/topmenu_j_on.png) no-repeat;}
.topmenu-j a{ display:inline-block}
.topmenu-j a:hover img{ visibility: hidden}

.topmenu-e {background:url(../img/topmenu_e_on.png) no-repeat;}
.topmenu-e a{ display:inline-block}
.topmenu-e a:hover img{ visibility: hidden}



nav {
	list-style: none;
	margin:20px 0 75px;
}

nav li {
	list-style: none;
	float:left;
}

nav li a{
	text-decoration:none;
	background:url(../img/menu/off.gif) no-repeat center top;
	padding-top:36px;
}
	
nav li a:hover{
	text-decoration:none;
	background:url(../img/menu/on.gif) no-repeat center top;
	padding-top:38px;
}

nav .on{
	background:url(../img/menu/on.gif) no-repeat center top;
	padding-top:11px;
	margin-top:-11px
}

.news { text-align:left; width:100%; margin:120px 0 20px}
.news h1{ font-size: small; font-weight:bold; border-top: #FFF 1px solid; padding:15px 0 10px}
.news time{ font-size: small; margin-bottom:3px; display: block}
.news p{ margin-bottom:15px}

.add { margin:20px 0 0px; border-top:#FFF 1px solid; padding-top:10px}
.add article{ float:left; width:300px}
.add img{ float:right; margin:20px 0 150px}
.add h2{ font-weight:bold; font-size:12px; margin:20px 0 5px}
.add p{ line-height:140% !important; margin-bottom:0 !important}
.add ul{ list-style:none}
.add li{ list-style:none; margin-bottom:5px}

.en { text-align:right; font-size:small; margin-bottom:10px !important; letter-spacing:0 !important; background:none !important}

.cont1 {
	width: 560px;
	margin:0 auto;
}

.cont1 h1{ text-align:center; display:block; margin-bottom:10px}
.cont1 p{
	line-height:220%;
	letter-spacing:1px;
	margin-bottom:40px;
}

.faq { margin-bottom:150px;}

.faq section{ margin:25px 0 60px}

.faq h2{
	font-size:120%;
	margin-bottom:15px;
	border-bottom:#fff 2px solid;
	padding-left:25px;
	background:url(../img/q.gif) no-repeat left 1px;
}
.faq p{
	line-height:180%;
	letter-spacing:1px;
	padding-left:25px;
	background:url(../img/a.gif) no-repeat left 2px;
}

.cont2 {
	width: 905px;
	margin:0 auto;
}

.cont2 h1{ text-align:center; display:block; margin-bottom:10px}

.cont_lft {
	width: 160px;
	margin-right:50px;
	float:left;
}

.cont_lft h3{
	font-size:100%;
	font-weight:normal;
}

.cont_lft div{ margin-bottom:20px;}

.cont_lft ul{ list-style:none}
.cont_lft li{ list-style:none; margin-bottom:5px}

.cont_lft a{ text-decoration:none; color:#333}
.cont_lft a:hover{ text-decoration: underline; color: #C60}


.cont_lft article { margin:5px 0 5px}
.cont_lft time {
	color:#003366;
	font-size:x-small;
}

.cont_rt {
	width: 685px;
	float:right;
	text-align:left;
}

.cont_rt h2{
	font-size:120%;
	border-bottom:#1f4069 2px solid;
	padding-bottom:3px;
}

.cont_rt h2 a{
	color:#333;
	text-decoration:none
}

.cont_rt article  { margin-bottom:100px}

.cont_rt article img{ margin:20px 0 20px}

.cont_rt article div{ line-height:200%; letter-spacing:1px; clear:both}

.cont_rt article div figure img{ border:#FFF 1px solid}
.cont_rt article div figure { float:left; margin:0 10px 10px 0}

.cont_rt .link{ margin:100px 0 50px; border-top:#fff 1px solid; padding-top:10px}

.cont_rt .link .lft{ display: inline; float:left}
.cont_rt .link .rt{ display: inline; float:right}


.cont_rt time{ font-size:100%; color:#003366; text-align:right; display:block; margin:5px 0 35px}

.cont_rt2 {
	width: 685px;
	float:right;
	text-align:left;
}

.cont_rt2 h2{
	font-size:120%;
	border-bottom:#1f4069 2px solid;
	padding-bottom:3px;
	margin-bottom:20px	
}
.cont_rt2 article{ margin-bottom:100px;}

.cont_rt2 ul{ list-style:none;}
.cont_rt2 li{ list-style:none; float:left; margin:0 20px 20px 0}
.cont_rt2 img{ border:#FFF 2px solid}

.ctitle { color:#fff; background:#003366; padding:2px 2px 2px 5px; margin-bottom:40px; font-size:x-small}

.ex ul{ list-style:none; text-align:center}
.ex li{ list-style:none; display:inline;}
.ex .rt{ margin-right:30px}

.hyo { margin:0 0 20px; padding:0 }
.hyo h2{ margin:40px 0 5px; font-size:140%}
.hyo p{ margin:0; padding:0; text-align:right }
.hyo table{ margin:0 0 10px; padding:0; width:100%;}
.hyo table .title{ padding:5px; text-align:center; background:#1f4069; color:#FFF; font-size: x-small}
.hyo table .b1 { border-right:#fff 1px solid; border-bottom:#fff 1px solid; padding:5px}
.hyo table .b2 { border-bottom:#fff 1px solid; padding:5px}
.hyo .q{ width:200px; padding:10px; float:left}
.hyo .a{ padding:10px}
.hyo .send{ border-top: #fff 1px dashed; padding:10px 0 0; margin:30px 0 0; text-align:right}
.hyo ul{ margin:20px 0 0; padding:0;}
.hyo li{ margin:0 0 20px; padding:0; font-size:14px }
.hyo .center{ text-align:center}


footer {
	padding:50px 0 10px 0;
	width:100%;
	margin:0 auto;
	text-align:center;
	clear: both;
	font-size: xx-small;
	color:#666;
	letter-spacing:1px;
}


.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.container .cont2.ex .hyo table tr .b1 {
	color: #F00;
}
.container .cont2.ex .hyo table tr .b1 {
	color: #000;
}
.cancel {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #F00;
	text-decoration: line-through;
}
