@charset "UTF-8";
/* CSS Document */

 /* CSSリセット */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q   {
quotes:"" "";
}
strong {
font-weight:bold;
}
* {
margin:0pt;
padding:0pt;
}
.clearfix {
    zoom: 1; /* for IE5.5 - IE7 */
}
.clearfix:after { /* for modern browser */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.clearfix { /* for IE */  
  display: inline-block;  
} 

img {
	vertical-align: top;
	border-style: none;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visted {
	color: #333;
	text-decoration: none;
}
h3 {
	clear: both;
}

.youtube_out{
	width:640px;
	margin:0px auto;
}

.youtube_in {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  z-index:1 !important;
}

.youtube_in iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  z-index:1 !important;
}

 /* 大枠レイアウト */
 

#wrap {
	width: 950px;
	margin: 0px auto;
}
.back-img {
	background: url(../img/line-back.gif) no-repeat right top;
	display: block;
	height: 100%;
}
#footer {
	clear: both;
	font-size: 12px;
	color: #FFF;
	background: #F5F4F1;
	height: 60px;
}


 /* ヘッダーレイアウト */
#header h1 {
	height: 80px;
	width: 237px;
	margin-right: 53px;
	float: left;
}
#mainmenu {
	float: left;
	width: 660px;
	display: block;
	padding-top: 0px;
	_padding-top: -2px;
	
}
#mainmenu .language {
	padding-bottom: 14px;
	
}
#mainmenu p {
	font-size: 12px;
	color: #FFF;
	text-align: right;
	height: 52px;
	padding-bottom: 6px;
	_padding-bottom: 4px;
}
#mainmenu p a {
	color:#FFF;
}
 /* メインコンテンツ */
 #main-contents {
	background: url(../img/contents-back.gif) repeat-y;
	display: block;
	zoom: 1;
 }
 #contents {
	display: block;
	float: left;
	width: 722px;
	margin-right: 22px;
 }

 /* サイドメニュー */
#sidebar {
	width: 196px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#sidebar img {
	margin-bottom: 10px;
	}
#sidebar .purchase {
	background: url(../img/purchase-back.gif) no-repeat left top;
	display: block;
	height: 40px;
	width: 185px;
	padding-top: 45px;
}
#sidebar em a {
	background: url(../img/purchase-bt.gif) no-repeat;
	height: 32px;
	width: 165px;
	display: block;
	margin-left: 10px;
	text-indent: -999em;
	overflow: hidden;
}
#sidebar em a:hover {
	background: url(../img/purchase-bt.gif) no-repeat 0px -32px;
}
 /* スペース */
 .mb40px {
 	margin-bottom: 40px;
 }
  .mb36px {
 	margin-bottom: 36px;
 }
 .mb20px {
 	margin-bottom: 20px;
 }
  .mb10px {
 	margin-bottom: 10px;
 }
.mr20px {
	margin-right: 20px;
}
.mr10px {
	margin-right: 10px;
}
.mr20px {
	margin-right: 20px;
}
.mr40px {
	margin-right: 40px;
}
.mt10px {
	margin-top: 10px;
}
.mt20px {
	margin-top: 20px;
}
.mt30px {
	margin-top: 30px;
}
.mt40px {
	margin-top: 40px;
}
.mt60px {
	margin-top: 60px;
}
 

#un-menu li {
	display: block;
	float: left;
	width: 156px;
	list-style: none;
	padding-top: 16px;
	padding-bottom: 16px;
}

 
 
/* footer */
.footer-in {
	width: 950px;
	margin: 0px auto;
}
.footer-in p {
	font-size: 11px;
	color: #4D4D4D;
	display: block;
	float: left;
	line-height: 60px;
}
.footer-in img {
	float: left;
	margin-top: 18px;
	margin-right: 10px;
	}
.copyright {
	text-align: right;
	display: block;
	clear: both;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	font-size: 10px;
}
.footer-in a {
	color: #4D4D4D;
}

.page-top {
	text-align: right;
	display: block;
	margin: 34px 0px 0px;
	padding: 0px 0px 10px;
	clear: both;
	background: url(../img/blue-line2.gif) no-repeat left bottom;
}
#navi {
	background: url(../img/blue-line3.gif) no-repeat left bottom;
	margin: 0px;
	padding: 20px 0px 10px;
	height: 238px;
	width: 950px;
}
#navi dl {
	float: left;
	font-size: 12px;
	line-height: 23px;
	color: #1A1A1A;
}
#navi dt {
	background: url(../img/navi-line1.gif) no-repeat left 5px;
	padding-left: 10px;
}
#navi dd {
	background: url(../img/navi-line2.gif) no-repeat 10px center;
	padding-left: 20px;
}
#navi h3 {
	font-size: 12px;
}

/* doropy */
/* Basic code - don't modify */
 
 
  #nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	z-index:100; 
}
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a {
	zoom: 1;
	text-decoration: none;
} /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 110px; }
#nav ul ul {
	left: 110px;
}

/* Everything else is theming */
 
#nav {
	height: 65px;
	z-index: 300;
}
/*
#nav *:hover { background-color: none; }
#nav a {
	padding: 0px;
	width: 110px;
	height: 37px;
}
*/
#nav ul {
	top: 65px;
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7
#nav a:hover {
	color: #666666;
	background-image: url(../img/menu_bt2.gif);
	background-repeat: no-repeat;
}
  #nav li.hover a { background-color: #5E5A5A; }
    #nav ul li a {
	background-color: #5E5A5A;
	background-image: none;
	color: #FFFFFF;
	width: auto;
}
      #nav ul a.hover {
	background-color: #0099CC;
	background-image: none;
}
 */
   #nav ul a {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.hice {
	letter-spacing: -7px;
}

@-moz-document url-prefix() {
.hice {
	letter-spacing: -1px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
     ::i-block-chrome, .hice {
	letter-spacing: -1px;
}
}


@media screen and (max-width:639px){

.youtube_out{
	width:100%;
}

}

.form_btan{
    height: 30px;
    width: 200px;
    display: block;
    cursor: pointer;
    border-style: none;
    margin: 25px auto;
}



.alert_required {
    display: block;
    font-size: 12px;
    color: #AC0000;
    padding-left: 38px;
    margin-top: 6px;
}


.form_btn{
display: inline-block;
}