@charset "UTF-8";

#sample00 a {display: block;width: 280px;height: 405px;background: url(00bb.gif) no-repeat 0 0;}
#sample01 a {display: block;width: 280px;height: 200px;background: url(01b.gif) no-repeat 0 0;}
#sample02 a {display: block;width: 280px;height: 200px;background: url(02b.gif) no-repeat 0 0;}
#sample03 a {display: block;width: 280px;height: 200px;background: url(03b.gif) no-repeat 0 0;}
#sample04 a {display: block;width: 280px;height: 200px;background: url(04b.gif) no-repeat 0 0;}
#sample05 a {display: block;width: 280px;height: 200px;background: url(05b.gif) no-repeat 0 0;}
#sample06 a {display: block;width: 280px;height: 200px;background: url(06b.gif) no-repeat 0 0;}
#sample07 a {display: block;width: 280px;height: 200px;background: url(07b.gif) no-repeat 0 0;}
#sample08 a {display: block;width: 280px;height: 200px;background: url(08b.gif) no-repeat 0 0;}
#sample09 a {display: block;width: 280px;height: 200px;background: url(09b.gif) no-repeat 0 0;}
#sample10 a {display: block;width: 280px;height: 200px;background: url(10b.gif) no-repeat 0 0;}
#sample21 a {display: block;width: 280px;height: 200px;background: url(21b.gif) no-repeat 0 0;}
#sample22 a {display: block;width: 280px;height: 200px;background: url(22b.gif) no-repeat 0 0;}
#sample23 a {display: block;width: 280px;height: 200px;background: url(23b.gif) no-repeat 0 0;}


/*======== BODY ======== */

body {
	margin-top: 0px;
	text-align: center ;
	vertical-align:top;
	color:#333;
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background: #f9f2df;
	}
 a { 
	font-size: 14px;
text-decoration: none;
color: #8ac1b9; 
} 

	background-image: url(bg.gif);
	background-repeat: no-repeat ;
	background-attachment: fixed;
	background-position:center bottom;


.box{
   	 text-align:center;
   	 width:100%;}
 	
.box800{
	margin:0px auto;
   	width:940px;
	   overflow:hidden;}
	   
.box750{
	margin:0px auto;
   	width:750px;
	   overflow:hidden;}
	   form{display: inline }
 	
	 	   
.box900{
	margin:0px auto;
   	width:1000px;
	   overflow:hidden;}
	   form{display: inline }
 	
	 
	 
	 
/*======== TABLE ======== */

table#table-00r {
	vertical-align:top;
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	width: 650px;
    	border-collapse: collapse;
    	border-spacing: 5px;
    	text-align: left;
	vertical-align:top;
}

table#table-00r th {
    padding: 5px;
    border: 0px;
    background: #f9f6f8;
}
table#table-00r td {
    padding: 20px;
    border: 1px #lightslategray solid;
    background: #ffffff;
}
	 
table#table-00r a { 
line-height: 22px;
color: #5b79a8;
text-decoration: none;
border-bottom: 1px #8ba9f8 dotted;
} 

table#table-00r a:hover { 
text-decoration: none;
color: #5b79a8;
} 




table#table-00top {
	vertical-align:top;
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 600px;
    	border-collapse: collapse;
    	border-spacing: 0px;
    	text-align: left;
}

table#table-00top th {
    padding: 5px;
    border: 0px;
    background: #f9f6f8;
}
table#table-00top td {
    padding: 0px;
    border: 0px #lightslategray solid;
    background: #ffffff;
}
	 
table#table-00top a { 
text-decoration:none;
color: #5b79a8; 

} 

table#table-00top a:hover { 
text-decoration:none;
color: #5b79a8;
} 



table#table-00topsyou {
	vertical-align;middle;
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 13px;
	color:#667;
    	border-collapse: collapse;
    	border-spacing: 0px;
    	text-align: left;
	line-height: 13px;
}


hr.red {
height: 5px;
margin:1px;
background-color: #cf4a5d;
border: none;
width: 100%;
}

/*======== TABLE ======== */

	 
table#table-00 {
	vertical-align:top;
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 16px;
	width: 840px;
    	border-collapse: collapse;
    	border-spacing: 5px;
    	text-align: left;
}

table#table-00 th {
    padding: 5px;
    border: 0px;
    background: #f9f6f8;
}
table#table-00 td {
    padding: 20px;
    border: 1px #c3a4b2 solid;
    background: #ffffff;
}
	 
table#table-00 a { 
text-decoration: none;
color: #5b79a8; 
} 

table#table-00 a:hover { 
text-decoration: underline;
color: #5b79a8;
} 


table#table-01 {
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 16px;
    width: 840px;
    border-collapse: collapse;
    border-spacing: 5px;
    text-align: left;
}

table#table-01 th {
    padding: 5px;
    border: 0px;
    background: #f9f6f8;
}
table#table-01 td {
    padding: 20px;
    border: 1px #5b79a8 solid;
    background: #ffffff;
}
	 
table#table-01 a { 
text-decoration: none;
color: #5b79a8; 
} 

table#table-01 a:hover { 
text-decoration: underline;
color: #5b79a8;
} 




table#table-21 {
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 14px;
    width: 650px;
    border-collapse: collapse;
    border-spacing: 5px;
    text-align: left;
    vertical-align:top;
}

table#table-21 th {
    padding: 5px;
    border: 0px;
    background: #f9f6f8;
}
table#table-21 td {
    padding: 20px;
    border: 1px #8ac1b9 solid;
    background: #ffffff;
}
	 
table#table-21 a { 
text-decoration: none;
color: #5b79a8; 
} 

table#table-21 a:hover { 
text-decoration: underline;
color: #5b79a8;
} 
	
	





table#table-22 {
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 14px;
    width: 500px;
    border-collapse: collapse;
    border-spacing: 20px;
    text-align: left;
    vertical-align:top;
}


table#table-22 td {
    padding: 50px;
    border: 1px #aaa solid;
    background: #ffffff;
}

	
	










table#table-21b {
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 12px;
    width: 600px;
    border-collapse: collapse;
    border-spacing: 5px;
    text-align: left;
    vertical-align:top;
}

table#table-21b th {
	font-size: 12px;
    padding: 5px;
    border: 0px;
    background: #f9f6f8;
}
table#table-21b td {
	font-size: 12px;
    padding: 20px;
    border: 1px #dcf4f1 solid;
    background: #ffffff;
}
	 
table#table-21b a { 
	font-size: 12px;
text-decoration: none;
color: #8ac1b9; 
} 

table#table-21b a:hover { 
	font-size: 12px;
text-decoration: underline;
color: #8ac1b9;
} 
	
	



	






table#table-simple {
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 12px;
    width: 620px;
    border-collapse: collapse;
    border-spacing: 5px;
    text-align: left;
    vertical-align:top;
}

table#table-simple td {
	font-size: 12px;
    padding: 2px;
    border: 0px #dcf4f1 solid;
    background: #ffffff;
    text-align: left;
    vertical-align:top;
}
	 
table#table-simple a { 
	font-size: 12px;
text-decoration: none;
color: #8ac1b9; 
} 

table#table-simple a:hover { 
	font-size: 12px;
text-decoration: underline;
color: #8ac1b9;
} 
	
	


table#table-simple_s {
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 12px;
    width: 380px;
    border: 0px;
    padding: 2px;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    vertical-align:top;
	color:#333;
}



table#table-simple_s td {
	font-size: 12px;
    padding: 2px;
    border: 0px #dcf4f1 solid;
    background: #ffffff;
    text-align: left;
    vertical-align:top;
	color:#333;
}
	



.link  { 
	vertical-align:top;
	color:#333;
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.8;
	font-weight: normal; 
	border: 0px;
	padding: 10px;
	border-collapse: collapse;
    	text-align: left;
	    } 

.link a { 
text-decoration: none;
color: #5b79a8; 
	font-size: 12px;
	line-height: 1.6;
} 

.link a:hover { 
text-decoration: underline;
color: #5b79a8;
} 



.sitemap  { 
	vertical-align:top;
	color:#333;
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.8;
	font-weight: normal; 
	border: 0px;
	border-collapse: collapse;
	    } 

.sitemap a { 
text-decoration: none;
color: #5b79a8; 
} 

.sitemap a:hover { 
text-decoration: underline;
color: #5b79a8;
} 






.acc  { 
	vertical-align:top;
	color:#333;
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.8;
	font-weight: normal; 
	border: 0px;
	padding: 50px;
	border-collapse: collapse;
    	text-align: left;
	    } 



table#form {
	font-family: Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Helvetica, Arial, sans-serif;
	font-size: 12px;
    width: 500px;
    border-collapse: collapse;
    border-spacing: 2px;
    text-align: left;
    vertical-align:top;
}

table#form td {
	font-size: 14px;
    padding: 10px;
    border: 0px #dcf4f1 solid;
    background: #ffffff;
}
	 
table#form a { 
	font-size: 14px;
text-decoration: none;
color: #8ac1b9; 
} 

table#form a:hover { 
	font-size: 14px;
text-decoration: underline;
color: #8ac1b9;
} 
	
	

#form-sec input,
#form-sec textarea{
    font-size:14px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);}
#form-sec input[type="text"]:focus,
#form-sec textarea:focus,
#form-sec input[type="text"]:hover,
#form-sec textarea:hover {
	    border-color: #C9C9C9;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,255,.7);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,255,.7);
	 box-shadow: 0px 0px 6px rgba(0,0,255,.7);

}
 
 
#form-sec input{
}
#demo-sec textarea{
    width:400px;
}




 
#form-sec2 input{
    width:300px;
}
#demo-sec2 textarea{
}








/* �Z���N�g���j���[ */ 

.easy-select-box{
	display:inline-block;
	position:relative;
}
.easy-select-box .esb-dropdown{
	position:absolute;
	top:100%;
	left:0;
	z-index:99;
	display:none;
}
.easy-select-box{
	width:118px;
	text-align:left;
	font-size:11px;
	color:#0c2245;
}
.easy-select-box .esb-displayer{
	background: url(/sample/img/bg-select-1.png) no-repeat 0 0;
	color:#0c2245;
	padding:0 3px;
	height:18px;
	line-height:18px;
	cursor: default;
}
.easy-select-box:hover .esb-displayer{
	background-position: 0 -18px;
	text-decoration:none;
}
.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer{
	background-position: 0 -36px;
}
.easy-select-box .esb-dropdown{
	border:1px solid #cccccc;
	width:116px;
	max-height:200px;
	overflow:auto;
	background:#FFFFFF;
}
.easy-select-box .esb-dropdown .esb-item{
	padding:3px;
	background:#ffffff;
	color:#0c2245;
	cursor:default;
}
.easy-select-box .esb-dropdown .esb-item:hover{
	background:#3366ff;
	color:#FFFFFF;
	text-decoration:none;
}
.select-box {
  background: #FFFDF4;
  border: 2px solid #D2BA85;
  border-radius: 5px;
  color: #0C2245;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
  width: 140px;
}
.select-box1 .easy-select-box{
  background: #fffdf4;
  border: 2px solid #d2ba85;
  border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
  text-align:left;
  font-size:14px;
  color:#0c2245;
}
.select-box1 .easy-select-box .esb-displayer{
  background: url(select-box-arrow.png) no-repeat right top;
  color:#0c2245;
  cursor: default;
  height: 30px;
  line-height:30px;
  padding:0 3px;
  text-indent: 5px;
  width: 195px;
}
.select-box1 .easy-select-box .esb-displayer:hover {
  background-position: right top;
  filter: alpha(opacity=80);
  -ms-filter: 'alpha(opacity=80)';
  opacity: .8;
}
.select-box1 .easy-select-box:hover .esb-displayer{
  background-position: right top;
  text-decoration:none;
}
.select-box1 .easy-select-box.disabled .esb-displayer,
.select-box1 .easy-select-box:hover.disabled .esb-displayer{
  background-position: 0 -36px;
}
.select-box1 .easy-select-box .esb-dropdown{
  background: #fff;
  border: 1px solid #ccc;
  display: none;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  z-index: 999;
  width: 200px;
}
.select-box1 .easy-select-box  .esb-item{
  padding:3px;
  background:#fffdf4;
  color:#0c2245;
  cursor:default;
}
.select-box1 .easy-select-box .esb-item:hover{
  background:#d2ba85;
  color:#FFFFFF;
  text-decoration:none;
}









.select-box {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  color: darkslategray;
  font-size: 12px;
  height: 23px;
  line-height: 20px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
  width: 230px;
}