@charset "utf-8";

/*------------------------------
更新日:2012/08/31
製作者:株式会社オールフォーエスピー　

≫スタイルのリセット
≫基本設定
≫ヘッダー
≫フッター
≫サイドナビ
≫clearfix指定
------------------------------*/

/* >> ==================================
スタイルのリセット
================================== << */
html {
	color: #000;
	background: #fff;
	}
	
body, div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, textarea,
p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
fieldset, img {
	border: 0;
	margin: 0;
	}

address, caption, cite, code,
dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
	}
	
li {list-style: none;} 
	
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	}
	
q:before, q:after {content: '';}

abbr, acronym {
	border: 0;
	font-variant: normal;
	}
sub {vertical-align: bottom;}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	padding:0;
	margin:0;
	resize: none;
	}

input,textarea,select{*font-size:100%;}

	
legend {color: #000;}

table {
	font-size:inherit;
	font:93%;
	}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	/*line-height:100%;*/
	}
img {
    max-width: 100%;
/*    height: auto;*/
}
html:first-child img{width: auto; /* ie8 */}
input:-ms-input-placeholder { color:#999;  font-weight:normal; }
input:-moz-placeholder { color:#999;  font-weight:normal; }
input::-moz-placeholder { color:#999;  font-weight:normal; }
input::-webkit-input-placeholder { color:#999;  font-weight:normal; }

/*---------------------------------------
基本指定
----------------------------------------*/
html{
	color:#222;
	text-align:center;
}
body{
	margin:0;
	padding:0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	/*line-height:110%;*/
	line-height:130%;
}

a{
	color:#0066CC;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:hover img{
	/*モダンブラウザ用*/
	opacity:0.7;
	/*IE7以下用*/
	filter:alpha(opacity=70);
	/*IE8用*/
	-ms-filter:"alpha(opacity=70)";
}
.article{
	margin:30px 0;
}
/*---------------------------------------
ヘッダー指定
----------------------------------------*/
#headerArea {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:108%;
	line-height:108%;
}
#headerArea #headerContent #logoArea{
	width:990px;
	margin:10px auto;
}
#headerArea #headerContent #logoArea #logoMain{
	float:left;
}
#headerArea #headerContent #logoArea #logoSide{
	margin:0 0 0 20px;
	float:right;
}
#headerArea #headerContent #logoArea #logoMain img{
/*	width:383px;
	height:46px;*/
}
#headerArea #headerContent #logoArea #logoSide img{
/*	width:290px;
	height:43px;*/
}
#headerArea #headerContent #logoArea .accordionHead{ display:none;}
#headerArea #headerContent #logoArea .headBtn{
	margin-top:8px;
	float:right;
	font-size:0;
	line-height:0;
}
#headerArea #headerContent #logoArea .headBtn li{
	float:left;
}
#headerArea #headerContent #headInquiry{
	background:#E5E7EE;
	color:#0F3675;
	font-weight:bold;
	padding:6px 0;
	min-width:990px;
}
#headerArea #headerContent .headInner{
	width:990px;
	min-height:1em;
	margin:0 auto;
}
#headerArea #headerContent #headInquiry .accordionHead{ display:none;}
#headerArea #headerContent #headInquiry .inquiry{
	float:left;
}
#headerArea #headerContent #headInquiry .inquiry ul {
    text-align:left;
}
#headerArea #headerContent #headInquiry .inquiry li{
	margin-right:5px;
	display:inline;
}
/*
#headerArea #headerContent #headInquiry .inquiry li.mail::after {
    content:"\A"; 
    white-space:pre;
}
*/
#headerArea #headerContent #headInquiry .inquiry li.wechat::after {
    content:"\A"; 
    white-space:pre;
}
#headerArea #headerContent #headInquiry .inquiry li.tel a
{
	background:url(../img/ico/tel01.gif) no-repeat left center;
	padding-left:20px;
	font-size:123.1%;
	line-height:123.1%;
	min-height:20px;
    color:#990033 !important;
    text-decoration:none;
}
#headerArea #headerContent #headInquiry .inquiry li.mail{
	background:url(../img/ico/mail01.gif) no-repeat left center;
	padding-left:28px;
}

.headpt{
	float:right;
}

#headerArea #headerContent .search{
	float:right;
    margin-top:6px;
}
#headerArea #headerContent .search img,
#headerArea #headerContent .search input{
	vertical-align:middle;
}
#headerArea #headerContent .search .changeLang{
	margin-left:10px;
}
#headerArea #headerContent .search .changeLangJp{
	margin-left:10px;
}
#headerArea #headerContent .search .inputSearch01{
	width:215px;
	height:23px;
	border:#CCC 1px solid;
    padding:0 5px;
}
input.btnSearch01{
	background:#AD1032 url(../img/ico/search01.gif) no-repeat center;
	width:30px;
	height:25px;
	border:0px;
	font-size:0;
}
input.btnSearch01:hover{
	/*モダンブラウザ用*/
	opacity:0.7;
	/*IE7以下用*/
	filter:alpha(opacity=70);
	/*IE8用*/
	-ms-filter:"alpha(opacity=70)";
}
#headerArea #headerContent .socialbuttons
{
	margin-top:4px;
	float:right;
}
/* Standard Navigation */
#headerArea #headerContent #globalNavi {
	background:#0F3675;
	border-top:#5B6EA0 2px solid;
	border-bottom:#5B6EA0 2px solid;
	display: block;
	margin:0;
	font-size:123.1%;
	min-height:2em;
	z-index:102;
	position:relative;
	min-width:990px;
}
#headerArea #headerContent #globalNavi a.mobile_handle,
#headerArea #headerContent #localNavi a.mobile_handle { display: none; }
#headerArea #headerContent #globalNavi ul {
	display: inline-block;
	width:990px;
	margin:0 auto;
	padding:10px 0;
}
#headerArea #headerContent #globalNavi ul li {
	display: inline;
	position: relative;
	float: left;
	list-style: none;
}
#headerArea #headerContent #globalNavi ul li+li {
	border-left:#FFF 1px solid;
}
#headerArea #headerContent #globalNavi ul a,
#headerArea #headerContent #globalNavi ul a:link,
#headerArea #headerContent #globalNavi ul a:visited {
	display: block;
	float: left;
	margin: 0;
	color: #FFF;
	padding:0 5px;
}
#headerArea #headerContent #globalNavi ul a:hover,
#headerArea #headerContent #globalNavi ul a:active {
	background:#FFF;
	color:#0F3675;
	text-decoration:none;
}
/* Sub-Nav.localNavi */
#headerArea #headerContent #globalNavi ul .localNavi {
	display: none;
	position: absolute;
	top: 2em;
	left: 3px;
	width: 520px;
	text-align:left;
	padding:2px 2px 5px 2px;
	background:url(../img/bg/alpha_g01.png) repeat;
	z-index:10;
	font-size:85%;
}
#headerArea #headerContent #globalNavi ul .localNaviRt {
	display: none;
	position: absolute;
	top: 2em;
	right: -25%;
	width: 520px;
	text-align:left;
	padding:2px 2px 5px 2px;
	background:url(../img/bg/alpha_g01.png) repeat;
	z-index:10;
	font-size:85%;
}
#headerArea #headerContent #globalNavi ul .localNavi li,
#headerArea #headerContent #globalNavi ul .localNaviRt li {
	display: block;
	float: none;
	clear: both;
	border:none;
	color:#222;
	padding:0 5px;
	margin-bottom:2px;
}
#headerArea #headerContent #globalNavi ul .localNavi a,
#headerArea #headerContent #globalNavi ul .localNavi a:link,
#headerArea #headerContent #globalNavi ul .localNavi a:visited,
#headerArea #headerContent #globalNavi ul .localNaviRt a,
#headerArea #headerContent #globalNavi ul .localNaviRt a:link,
#headerArea #headerContent #globalNavi ul .localNaviRt a:visited {
	display:inline;
	color:#222;
	float: none;
	clear:both;
	border: 0;
}
#globalNavi ul .localNavi a:active,
#globalNavi ul .localNaviRt a:active {
	text-decoration:underline;
	background:none;
	color:#222;
}
#headerArea #headerContent #globalNavi ul .localNavi a:hover,
#headerArea #headerContent #globalNavi ul .localNaviRt a:hover {
	text-decoration:underline;
	color:#222;
}
#headerArea #headerContent #globalNavi ul .localNavi .listDot03 a:hover,
#headerArea #headerContent #globalNavi ul .localNaviRt .listDot03 a:hover {
	background:none;
}

#headerArea #headerContent #globalNavi ul .localNavi .naviBg_cmn01,
#headerArea #headerContent #globalNavi ul .localNavi .naviBg_rr01,
#headerArea #headerContent #globalNavi ul .localNavi .naviBg_cr01,
#headerArea #headerContent #globalNavi ul .localNavi .naviBg_bas01,
#headerArea #headerContent #globalNavi ul .localNavi .naviBg_info01,
#headerArea #headerContent #globalNavi ul .localNaviRt .naviBg_cmn01,
#headerArea #headerContent #globalNavi ul .localNaviRt .naviBg_rr01,
#headerArea #headerContent #globalNavi ul .localNaviRt .naviBg_cr01,
#headerArea #headerContent #globalNavi ul .localNaviRt .naviBg_bas01,
#headerArea #headerContent #globalNavi ul .localNaviRt .naviBg_info01 {
	color:#FFF;
	font-weight:bold;
	margin:10px 0;
}
#headerArea #headerContent #globalNavi ul .localNavi .naviBg_cmn01 a,
#headerArea #headerContent #globalNavi ul .localNavi .naviBg_rr01 a,
#headerArea #headerContent #globalNavi ul .localNavi .naviBg_cr01 a,
#headerArea #headerContent #globalNavi ul .localNavi .naviBg_bas01 a,
#headerArea #headerContent #globalNavi ul .localNavi .naviBg_info01 a,
#headerArea #headerContent #globalNavi ul .localNaviRt .naviBg_cmn01 a,
#headerArea #headerContent #globalNavi ul .localNaviRt .naviBg_rr01 a,
#headerArea #headerContent #globalNavi ul .localNaviRt .naviBg_cr01 a,
#headerArea #headerContent #globalNavi ul .localNaviRt .naviBg_bas01 a,
#headerArea #headerContent #globalNavi ul .localNaviRt .naviBg_info01 a {
	color:#FFF;
	background:url(../img/ico/linkarrow_white01.gif) no-repeat left center;
	display:block;
	padding:5px 5px 5px 10px;
}
#headerArea #headerContent #globalNavi ul .naviBg_cmn01 { background-color:#143E7B !important; }
#headerArea #headerContent #globalNavi ul .naviBg_rr01 { background-color:#834984 !important; }
#headerArea #headerContent #globalNavi ul .naviBg_cr01 { background-color:#263E62 !important; }
#headerArea #headerContent #globalNavi ul .naviBg_bas01 { background-color:#265962 !important; }
#headerArea #headerContent #globalNavi ul .naviBg_info01 { background-color:#805207 !important; }

#headerArea #headerContent #globalNavi ul .localNavi .cmn01,
#headerArea #headerContent #globalNavi ul .localNavi .rr01,
#headerArea #headerContent #globalNavi ul .localNavi .cr01,
#headerArea #headerContent #globalNavi ul .localNavi .bas01,
#headerArea #headerContent #globalNavi ul .localNavi .info01,
#headerArea #headerContent #globalNavi ul .localNaviRt .cmn01,
#headerArea #headerContent #globalNavi ul .localNaviRt .rr01,
#headerArea #headerContent #globalNavi ul .localNaviRt .cr01,
#headerArea #headerContent #globalNavi ul .localNaviRt .bas01,
#headerArea #headerContent #globalNavi ul .localNaviRt .info01 {
	float:left;
	display:block;
	clear:none;
	width:auto;
	/width:250px; /*forIE7*/
	/padding-left:10px; /*forIE7*/
	/text-indent:-10px; /*forIE7*/
	padding-bottom:7px;
}
#headerArea #headerContent #globalNavi ul .cmn01 a {
	background:url(../img/ico/linkarrow_cmn02.gif) no-repeat left center;
	padding-left:10px;
	/padding-bottom:5px; /*forIE7*/
}
#headerArea #headerContent #globalNavi ul .rr01 a {
	background:url(../img/ico/linkarrow_rr02.gif) no-repeat left center;
	padding-left:10px;
	/padding-bottom:5px; /*forIE7*/
}
#headerArea #headerContent #globalNavi ul .cr01 a {
	background:url(../img/ico/linkarrow_cr02.gif) no-repeat left center;
	padding-left:10px;
	/padding-bottom:5px; /*forIE7*/
}
#headerArea #headerContent #globalNavi ul .bas01 a {
	background:url(../img/ico/linkarrow_bas02.gif) no-repeat left center;
	padding-left:10px;
	/padding-bottom:5px; /*forIE7*/
}
#headerArea #headerContent #globalNavi ul .info01 a {
	background:url(../img/ico/linkarrow_info02.gif) no-repeat left center;
	padding-left:10px;
	/padding-bottom:5px; /*forIE7*/
}

#headerArea #headerContent #globalNavi ul .listDot03 {
	display:block !important;
	width:auto;
	padding:3px 0 7px;
	font-size:85%;
}
#headerArea #headerContent #globalNavi ul .listDot03 li,
#headerArea #headerContent #globalNavi ul .listDot03 li a {
	display:inline !important;
	float:none;
	padding:0 0 0 6px;
}
#headerArea #headerContent #globalNavi ul .listDot03 li {
	line-height:1.5;
}

#headerArea #headerContent #globalNavi ul .localNavi .cmn a,
#headerArea #headerContent #globalNavi ul .localNavi .cmn02 a,
#headerArea #headerContent #globalNavi ul .localNavi .cmn03 a,
#headerArea #headerContent #globalNavi ul .localNaviRt .cmn a,
#headerArea #headerContent #globalNavi ul .localNaviRt .cmn02 a,
#headerArea #headerContent #globalNavi ul .localNaviRt .cmn03 a { color:#143E7B; }
#headerArea #headerContent #globalNavi ul .localNavi .rr a,
#headerArea #headerContent #globalNavi ul .localNaviRt .rr a { color:#834984; }
#headerArea #headerContent #globalNavi ul .localNavi .cr a,
#headerArea #headerContent #globalNavi ul .localNaviRt .cr a { color:#263E62; }
#headerArea #headerContent #globalNavi ul .localNavi .bas a,
#headerArea #headerContent #globalNavi ul .localNaviRt .bas a { color:#265962; }
#headerArea #headerContent #globalNavi ul .localNavi .info a,
#headerArea #headerContent #globalNavi ul .localNaviRt .info a { color:#805207; }

/* Sub-Nav */
#localNavi {
	width: 100%;
	background-color: #E5E7EE;
}
#localNavi ul {
	width:990px;
	margin:0 auto;
	padding: 2px;
}
#localNavi ul li {
	display: block;
	white-space:nowrap;
	border:none;
	float:left;
	margin:3px 5px;
}
#localNavi ul a{
	background:url(../img/ico/arrow01.gif) no-repeat left 0.3em;
	padding-left:10px;
}
#localNavi ul a,
#localNavi ul a:link,
#localNavi ul a:visited {
	color: #0066CC;
}
#localNavi ul a:hover, #localNavi ul a:active {
	text-decoration:underline;
}
/*---------------------------------------
コンテンツ
----------------------------------------*/
#contentsArea{
	background:url(../img/bg/header.gif) repeat-x left top;
	padding-top:20px;
}
#contentsArea #contents{
	width:990px;
	margin:0 auto;
	text-align:left;
}
#contentsArea #contents #mainArea{
	width:690px;
	float:left;
}
#contentsArea #contents .oneColumn{
	float:none !important;
	margin:0 auto;
}
/*ぱんくず*/
#breadCrumbArea{
	/*font-size:14px;*/
	width:990px;
	margin:0 auto;
}
#breadCrumb{
	width:690px;
	display:block;
	float:left;
}
#breadCrumb li{
	float:left;
	background:url(../img/ico/breadcrumb.gif) no-repeat right 0.3em;
	padding-right:15px;
	margin-left:8px;
	margin-bottom:10px;
	}
#breadCrumb li.here{ font-weight:bold; background:none;}
/*---------------------------------------
スライダー
----------------------------------------*/
#newsSliderarea{
	position: relative;
	border:#002B6D 2px solid;
	border-radius:10px;
	background:#FFF;
}
.newsSlider{
	position:relative;
	max-width: 690px;
	overflow:hidden; 
	height:140px;
	}

.newsSlider li {
	float:left;
	margin:0 8px;
	padding:2px 0;
	width:80px;
	text-align:center;
	height:140px;
}
.newsSlider li .txt{
	display:block;
	width:80px;
	text-align:left;
	font-size:84.6%;
	line-height:1.1;
	margin-top:3px;
}
.newsSlider li .txt img{
	display:block;
	margin-bottom:3px;
}
*+html .newsSlider li#lastchild{
	margin:0 100px 0 0;
}
.newsSlider li img{
}
.newsSlider ul { width:100%; }
#newsSliderarea{
	position: relative;
	border: 1px solid #CBD0D1;
}
#newsSliderarea #prev{
	position:absolute;
	top:65px;
	left:-15px;
}
#newsSliderarea #next{
	position:absolute;
	top:65px;
	right:-15px;
}
#newsSliderarea h3{
	padding:3px 0;
	margin-bottom:5px;
}

/*----------------------
clearfix
-----------------------*/
.newsSlider ul:after
{
	content: ".";
	display: block;
	visibility: hidden;
	height:auto;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html .newsSlider ul
{
	display: inline-block;
	height: 1%;
}
.newsSlider ul{ zoom:1; }
/*---------------------------------------
フッター
----------------------------------------*/
#footArea{
	background:#20447F;
	margin-top:45px;
	color:#FFF;
	font-size:93%;
	line-height:125%;
	text-align:left;
	min-width:990px;
}
#footArea a{
	color:#FFF;
}
#footArea #footContents{
	width:990px;
	margin:0 auto;
	padding:20px 0;
}
#footArea #footContents .footLink01 li{
	display:block;
	float:left;
	width:160px;
	margin-right:5px;
	padding-bottom:10px;
}
#footArea #footContents .footLink01 li:last-child{
	margin-right:0;
}
#footArea #footContents .footLink01 li em{
	display:block;
	border-bottom:#FFF 1px solid;
	margin-bottom:5px;
	padding:3px;
	font-weight:bold;
}
#footArea #footContents .footLink01 li ul li{
	background:url(../img/ico/footlink02.gif) no-repeat left 0.4em;
	padding:0 0 0 8px;
	margin:3px 10px 0 3px;
	border:none;
}
#footArea #copyRight{
	background:#0F3675;
	border-top:#FFF 1px solid;
	padding:10px 0;
	text-align:center;
	font-size:77%;
}
/*--------------------------------------------------------------------------------
ローディングダイアログ
--------------------------------------------------------------------------------*/
.prgmodal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.4;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}
.loading {
    font-size:1.13em;
    display: none;
    position: fixed;
    background-color: #FAFAFA;
    z-index: 999;
    padding:20px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}
.loading img {
    margin:10px;
}
/*---------------------------------------
clearfix
----------------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height:auto;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* WinIE4-6用*/
* html .clearfix {
	display: inline-block;
	height: 1%;
}

.clearfix{ zoom:1; }



/*header*/
#logoArea:after,
#headerArea #headerContent #logoArea .headBtn:after,
#headInquiry:after,
.headInner:after,
#headerArea #headerContent #headInquiry ul:after,
#globalNavi ul:after,
#headerArea #headerContent #globalNavi ul .localNavi:after,
#headerArea #headerContent #globalNavi ul .localNaviRt:after,
#localNavi ul:after,
/**/
h4:after,
#contentsArea #contents:after,
#breadCrumbArea:after,
#breadCrumb:after,
.inner:after,
.pager01:after,
/**/
#contentsArea #contents #subArea .tabMenu:after,
/*footer*/
#footArea #footContents:after,
#footArea #footContents .footLink01:after,
#footArea #footContents .footLink02 li ul:after,
/*other*/
#contents #mainArea .socialbutton-container:after,
#contents #mainArea .socialbuttons:after,
#mvArea #mvSearchArea .socialbuttons:after
{
	content: ".";
	display: block;
	visibility: hidden;
	height:auto;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* WinIE4-6用*/
/*header*/
* html #logoArea,
* html #headerArea #headerContent #logoArea .headBtn,
* html #headInquiry,
* html .headInner,
* html #globalNavi ul,
* html #headerArea #headerContent #globalNavi ul .localNavi,
* html #headerArea #headerContent #globalNavi ul .localNaviRt,
* html #localNavi ul,
/**/
* html h4,
* html #contentsArea #contents,
* html #breadCrumbArea,
* html #breadCrumb,
* html .inner,
* html .pager01,
/**/
* html #contentsArea #contents #subArea .tabMenu,
/**/
* html #footArea #footContents,
* html #footArea #footContents .footLink01,
* html #footArea #footContents .footLink02 li ul,
/*other*/
* html #headerArea #headerContent .socialbuttons {
	display: inline-block;
	height: 1%;

}

/*header*/
#logoArea,
#headerArea #headerContent #logoArea .headBtn,
#headInquiry,
.headInner,
#globalNavi ul,
#headerArea #headerContent #globalNavi ul .localNavi,
#headerArea #headerContent #globalNavi ul .localNaviRt,
#localNavi ul,
/**/
h4,
#contentsArea #contents,
#breadCrumbArea,
#breadCrumb,
.inner,
.pager01,
/**/
#contentsArea #contents #subArea .tabMenu,
/**/
#footArea #footContents,
#footArea #footContents .footLink01,
#footArea #footContents .footLink02 li ul,
#headerArea #headerContent .socialbuttons { zoom:1; }

/* -----------------------------------------------------------
    Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}
 
.field-validation-valid {
    display: none;
}
 
.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
 
.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
    border: 1px solid #ffcccc;
    background-color: #ffeeee;
    margin-top: -10px;
    margin-bottom: 20px;
    padding:6px;
}
 
.validation-summary-valid {
    display: none;
}
/* ↓imageLightBox用↓ */
#imagelightbox
{
cursor: pointer;
position: fixed;
z-index: 10000;

-ms-touch-action: none;
touch-action: none;

/*-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
-moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );*/
background:url(../img/btn/arrow_r01.png) no-repeat right 48%,url(../img/btn/arrow_l01.png) no-repeat left 48%;
padding:30px;
}
body.noArrow #imagelightbox{
	padding:0!important;
}
#imagelightbox-overlay
{
background-color: #fff;
background-color: rgba( 255, 255, 255, .9 );
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
}
/* WITH "CLOSE" BUTTON */

#imagelightbox-close
{
	width: 105px;
	height: 18px;
	text-align: left;
	text-indent: -9999px;
	position: fixed;
	z-index: 10002;
	background:url(../img/btn/close01.gif) no-repeat center center;
	background-size:100%;

}

/* WITH NAVIGATION */

#imagelightbox-nav
{
background:url(../img/bg/alpha_b.png) repeat;
position: fixed;
z-index: 10001;
left: 50%;
bottom: 3.75em; /* 60 */
padding: 0.313em; /* 5 */

-webkit-transform: translateX( -50% );
-moz-transform: translateX( -50% );
-ms-transform: translateX( -50% );
-o-transform: translateX( -50% );
transform: translateX( -50% );

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#imagelightbox-nav a
{
display: inline-block;
*display: inline;
*zoom: 1;
width: 15px;
height: 15px;
border-radius: 10px;
background: #999;
box-shadow: 0px 1px 2px #555 inset;
margin: 0 5px;
cursor: pointer;
}
#imagelightbox-nav a.active
{
	background-color: #fff;
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav
{
-webkit-animation: fade-in .25s linear;
-moz-animation: fade-in .25s linear;
-o-animation: fade-in .25s linear;
animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in
{
from	{ opacity: 0; }
to		{ opacity: 1; }
}
@-moz-keyframes fade-in
{
from	{ opacity: 0; }
to		{ opacity: 1; }
}
@-o-keyframes fade-in
{
from	{ opacity: 0; }
to		{ opacity: 1; }
}
@keyframes fade-in
{
from	{ opacity: 0; }
to		{ opacity: 1; }
}

@media only screen and (max-width: 41.250em) /* 660 */
{
#container
{
width: 100%;
}
#imagelightbox-close
{
top: 1.25em; /* 20 */
right: 1.25em; /* 20 */
}
#imagelightbox-nav
{
bottom: 1.25em; /* 20 */
}
}
/* ↑imageLightBox用↑ */
/* -----------------------------------------------------------
    Styles for external link
-----------------------------------------------------------*/
a.ex_link {
    background: url("../img/ico/ex_link.png") no-repeat right 0;
    background-position-y:25%;
    padding-right: 18px;
}
/* -----------------------------------------------------------
    Styles for autocomplete helpers
-----------------------------------------------------------*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; text-align:left; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #58ACFA; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }
/*
input { font-size: 28px; padding: 10px; border: 1px solid #CCC; display: block; margin: 20px 0; }
    */
/* -----------------------------------------------------------
    Styles for YouTube Embeded
-----------------------------------------------------------*/
iframe.youtube {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */