﻿*{
  font-family :Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
/*-- 初期化 --*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,img,em,strong,b,i,table,tr,th,td,ul,ol,li,dl,dt,dd,footer,header,menu {
  margin:0;
  padding:0;
}
h1,h2,h3,h4,h5,h6{
  font-size:100%;
  font-weight:normal;
}
a{
  outline:none;
  text-decoration: none;
}
img{
  border: none;
}
body{
  text-align: center;
  background-color: #F9F9F9;
  background-image: url(./img/bg.png);
  background-repeat: repeat-x;
}

a:hover img{
  opacity: 0.6;
  -moz-opacity: 0.6; /* Firefox */
  filter: alpha(opacity=60); /* IE6/7 */
  -ms-filter: "alpha(opacity=60)"; /* IE8 */
}
/* ---------------------- 右動リンク ------------------- */

div#pagetop{
  width: 100%;	
}
div#pagetop a{
  bottom: 155px;
  right: 0;
}
/* ---------------------- 白背景 ---------------------- */
#wrapper {
}
#white_bg {
  position: relative;
  width: 1000px;
  background-image: url(./img/white_bg.png);
  background-repeat: repeat-y;
  text-align: center;
  padding:15px 0px 20px 0px;
  margin: 0 auto;
}
#cont {
  width: 1000px;
  background-image: url(./img/white_bg.png);
  background-repeat: repeat-y;
  text-align: center;
  padding:  20px 0px 35px 0px;
  margin: 0 auto;
  font-size: 14px;
}
#footer {
  width: 1000px;
  background-image: url(./img/white_bg.png);
  background-repeat: repeat-y;
  text-align: center;
  padding:  0px 0px 0px 0px;
  margin: 0 auto;
  font-size: 10px;
}


br.clear{
  clear: both;
}

/*-- ヘッダーエリア --*/

div#header {
  width:100%;
  height:135px;
  background: url(./img/header_bg.png) repeat-x;
}

div#header h1 a{
  width: 750px;
  height: 100px;
  position: absolute;
  background: url(./img/logo.png) no-repeat;
  text-indent: -1000em;
  left: 0px;
  display: block;
  z-index: 9999;
}
div#header .header_wrap {
  width: 550px;
  right: 0px;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  float: right;
  margin-bottom: 10px;  
}

/*-- フッターエリア --*/

div#footer {
  width: 100%;
  margin-top:5px;  
  padding: 10px 0;
}

div#footer_area {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

div.copyright {
  float: right;
  display: inline;
  color: #000;
  font-size: 10px;
  margin-top:120px;
}


/* ------------ form --------- */
p {
  padding:  10px 50px 10px 50px;
  text-align: left;
  margin: 10px;
}
h2 {
  padding:  10px 50px 10px 50px;
  font-size: 18px;
  text-align: left;
  margin: 10px;
}
h3 {
  padding:  10px 50px 10px 50px;
  font-size: 14px;
  text-align: left;
  margin: 10px;
}

.contSpace {
}
.contAreaC {
  padding-top:50px;
  text-align:center;
  width: 710px;
  margin: 0 auto;
}
.contArea {
  width: 950px;
  margin: 0 auto;
}
.contArea:after {
  content: ".";
  font-size: 0;
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.bgTop01 {
  max-width:1024px;
  height:420px;
  background:url(./img/bgTop.png) no-repeat right center;
  margin: 0 auto 10px;
  padding-top:90px;
}
.bg01 {
  max-width:1024px;
  height:500px;
  background:url(./img/bg01.png) no-repeat right center;
  margin: 0 auto 10px;
  padding-top:0px;
}

.contArea h2 {
  padding-top:30px;
  font-size:38px;
  font-weight:Bold;
  line-height:46px;
}
.contArea h2.set1 {
  color:#000;
}
.contArea h3 {
  padding-top:30px;
  padding-left:10px;
  margin-bottom:5px;
  font-size:1.6em;
  font-weight:Bold;
  color:#000000;
  border-bottom:1px solid #404040;
}
.contArea h3.set1 {
  color:#000;
}
.contArea .right_set {
  padding-left:500px;
}
.dc_txt0 {
  width:100%;
  font-size:1.3em;
  line-height:1.6em;
  color:#333;
}
.dc_txt {
  width:45%;
  font-size:1.3em;
  line-height:1.6em;
  color:#333;
  padding-top:20px;
}
.dc_txt2 {
  width:90%;
  font-size:1.3em;
  line-height:1.6em;
  color:#333;
  padding-top:20px;
  padding-left:80px;
}
.dc_Img {
  font-size:1.0em;
  line-height:1.5em;
  color:#333;
}

.contArea h2 {
  padding-top:10px;
  font-size:30px;
  font-weight:Bold;
  line-height:36px;
}
/* titlebox-02 */

.titlebox-02 {
	width:950px;
	background: url("./img/titlebox_02_bg.gif") repeat-y left top;
	margin: 5px 0;
}

.titlebox-02 h2 {
	border-bottom: 1px solid #E0E0E0;
	font-size: 200%;
	font-weight: bold;
	margin-left: 30px;
	padding-bottom: 1px;
}

.titlebox-02 p {
	padding: 10px 0 10px 30px;
}


table.cont01{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0px auto;
  margin-top: 30px;
  margin-bottom: 5px;
  border: 1px solid #CCCCCC;
}
table.cont01 th{
  padding: 5px;
  text-align: center;
  color: #FFF;
  font-weight: Bold;
  background: #000099;
  border: 1px solid #CCCCCC;
  font-size:14px;
}
table.cont01 td{
  text-align: center;
  padding: 6px 2px 6px 5px;
  border: 1px solid #CCCCCC;
  background: #FFF;
  font-size:14px;
}
ul.list-bg, ul.list-bg li {
  margin: 0; padding: 0;
  text-align:left;
}
ul.list-bg {
  margin-left:30px;
  font-size:18px;
}
ul.list-bg li {
  font-weight:Bold;
  list-style-type: none;
  padding: 4px 10px 4px 35px;
  background-image: url(./img/li.png);
  background-repeat: no-repeat;
  background-position: left top;
  vertical-align:top;
}


ol.list-bg {
  margin: 0;
  padding: 0;
  list-style-type: decimal;
  text-align:left;
}
ol.list-bg li {
  font-size:16px;
  padding: 4px 10px 4px 10px;
  margin-left:80px;
}




#vnd_list { margin-top:40px;}
#vnd_list .tax { position:relative;background:url(img/icon_tax.png) no-repeat;width:126px;height:25px;margin-left:280px;top:-40px;}
#vnd_list .notax { position:relative;width:126px;height:25px;margin-left:280px;top:-40px;}

#vnd_list:after {
	display: block;
	clear: both;
	overflow: hidden;
	content: "";
}
.vnd_list_item {
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 14px;
	width: 410px;
	height: 460px;
	border: 2px solid #4BACC6;
	border-radius: 1em;
	background-color: #FFF;
}

.vnd_list_item2 {
	float: left;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 40px;
	padding: 0 14px 14px 28px;
	width: 410px;
	height: 100px;
	background-color: #FFF;
}
.vnd_list_item .vnd_list1,.vnd_list_item2 .vnd_list1 {
	float:left;
	vertical-align:top;
	padding-right:10px;
}
.vnd_list_item .vnd_list2,.vnd_list_item2 .vnd_list2 {
	text-align:left;
	vertical-align:top;
	margin-bottom:10px;
}
.vnd_list_item .vnd_list3,.vnd_list_item2 .vnd_list3 {
	text-align:right;
	font-size: 14px;
	line-height:18px;
}

.vnd_list_item .section_body,.vnd_list_item2 .section_body {
	padding: 7px;
	font-size: 14px;
	line-height: 24px;
}
.vnd_list_item .vnd_list_img,.vnd_list_item2 .vnd_list_img {
	margin:5px 0;
}

.contents {}
#vnd_contents {background-color:#efefef;height:570px;text-align:center;}
#vnd_contents .vnd_h2 {padding-top:10px;font-size:30px;color:#000;}
#vnd_contents h3 {text-align:center;font-size:18px;}
#vnd_contents .vnd_clmA,#vnd_contents .vnd_clmB,#vnd_contents .vnd_clmC {float:left;background-color:#FFFFFF;height:410px;margin-top:10px;}
#vnd_contents .vnd_clmA {margin-left:10px;}
#vnd_contents .vnd_clmA,#vnd_contents .vnd_clmB {width:250px;margin-right:15px;}
#vnd_contents .vnd_clmA p,#vnd_contents .vnd_clmB p {margin:0 10px;text-align:center;}
#vnd_contents .vnd_clmC {width:400px;}
#vnd_contents .vnd_clmA img,#vnd_contents .vnd_clmB img {padding:5px 0;}
#vnd_contents .vnd_clmC img {width:190px;height:127px;padding:3px;}


/*-- 2行目以降を1文字下げる --*/
p.indent-1 {
padding-left:1em;
text-indent:-1em;
}


/*-- 蛍光ペン風下線マーカー --*/
.yellow_line {
display: inline-block;
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;
}



