/* ↓最小768px PC・タブレットのみ*/

#wrapper,
#navigation,
#footer-wrap{
//overflow: hidden;
}

#wrapper td,
#wrapper p,
#navigation td,
#navigation p,
#footer-wrap td,
#footer-wrap p{
  font-family: 'meiryo','メイリオ','ms pgothic','ms pゴシック',osaka,sans-serif;
  font-size: 14px;
  line-height: 1.7;
}

#wrapper a,
#navigation a,
#footer-wrap a{
color: #1d3994;
text-decoration: none;
}

#wrapper a:hover,
#navigation a:hover,
#footer-wrap a:hover{
	text-decoration: underline;
}

#wrapper a:hover img,
#navigation a:hover img,
#footer-wrap a:hover img{
opacity: 0.8;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: “alpha(opacity=80)”; /* IE 8 */
}

#wrapper a img,
#navigation a img,
#footer-wrap a img{
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}

#wrapper ul,
#navigation ul,
#footer-wrap ul{ margin:0 0 0 20px}
:focus { outline: 0 }
#wrapper table,
#footer-wrap table{ border-collapse: collapse; border-spacing: 0; }
 
.container .row, .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.row { margin-bottom: 1.5em }

.col { display: block; float: left; width: 100%; }
.col:first-child { margin-left: 0 }
.row:after, .col:after, .clr:after, .group:after { display: block; height: 0; clear: both; content: ""; visibility: hidden; }

/* grid */
.col { margin-left: 4.1% }
.span_1 { width: 6.5% }
.span_2 { width: 15.0% }
.span_3 { width: 25.5% }
.span_4 { width: 30.0% }
.span_5 { width: 40.5% }
.span_6 { width: 49.0% }
.span_7 { width: 57.5% }
.span_8 { width: 66.0% }
.span_9 { width: 70.4% }
.span_10 { width: 83.0% }
.span_11 { width: 91.5% }
.span_12 { width: 100% }

}
#wrapper{ padding:0 10px!important;}
#header-wrap {
	padding: 0px!important;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/newpackage/0540009/img/header_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	/*max-width:960px; */
	padding: 0;
	position: relative;
	background-image: url(/newpackage/0540009/img/wr_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* Typography */
#header_v2 h1,
h1 {
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	float: right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#wrapper p,
#footer-wrap p{ margin: 0; }

#wrapper a,
#footer-wrap a{ outline: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease}
#wrapper a:hover,
#footer-wrap a:hover{
text-decoration: underline;
}
#wrapper p a,
#wrapper p a,
#footer-wrap p a,
#footer-wrap p a:visited { line-height: inherit }

/* Header  */
#header-wrap {
  height: auto;
  padding: 3px 0 10px;
}
#header-wrap .row { margin-bottom: 0 }
#logo { display:inline-block; margin:0 0 10px 0;}
#logo img { max-height:70px; display:block; width:auto;}
#logo a{color:#58C0E6 ;text-shadow: 1px 1px 1px #303030;line-height:60px; font-size:60px; font-family:'Joti One',Arial, Helvetica, sans-serif; text-align:left; text-decoration:none; font-weight:bold}
#site-description {color:#000; text-shadow: 0 -1px 0 #cfcfcf; font-size:12px;letter-spacing:1px; font-weight:normal; text-transform: uppercase}
#top {}
#top a {text-decoration:underline}
#top h1,#top h2,#top h3,#top h4 {font-size:15px; padding:0; margin:0;}
#social { display:block; float:right}
#social a.social-icon {display: inline-block; margin-left: 2px;  padding: 0;width:32px; height:32px;}
#social a.social_1 { background:url(/newpackage/0540009/img/social/facebook.png) 0 0 no-repeat; }
#social a.social_2 { background:url(/newpackage/0540009/img/social/twitter.png) 0 0 no-repeat; }
#social a.social_3 { background:url(/newpackage/0540009/img/social/google.png) 0 0 no-repeat; }
#social a.social_4 { background:url(/newpackage/0540009/img/social/youtube.png) 0 0 no-repeat; }
#social a.social_5 { background:url(/newpackage/0540009/img/social/dribbble.png) 0 0 no-repeat; }
#social a.social_6 { background:url(/newpackage/0540009/img/social/flickr.png) 0 0 no-repeat; }
#social a.social_7 { background:url(/newpackage/0540009/img/social/pinterest.png) 0 0 no-repeat; }
#social a.social_8 { background:url(/newpackage/0540009/img/social/picasa.png) 0 0 no-repeat; }
#social a.social_9 { background:url(/newpackage/0540009/img/social/linkedin.png) 0 0 no-repeat; }
#social a.social_10 { background:url(/newpackage/0540009/img/social/reddit.png) 0 0 no-repeat; }
/* Navigation */
#navbar-wrap {
	background-image: url(/newpackage/0540009/img/navi_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0; /* min-width: 960px;*/
}
#navbar {
	position: relative;
	width: 960px;
	margin-right: auto;
	margin-left: auto;/*height: 55px;*/
}
#navbar.row { margin-bottom: 0 }
#navigation { /*padding:0 10px;*/}
#navigation .menu {
  clear: both;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

#navigation .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px; }
#navigation .menu > li { display: block; float: left;  }
#navigation .menu > li ul {
  padding: 0;
}
#navigation .menu ul { position: absolute; left: 0; top: 100%; margin: 10px 0 0 0; /*IE6 only*/ _margin: 0; nowhitespace: afterproperty; opacity: 0; transition: all .2s ease-in-out; visibility: hidden; z-index: 99; }
#navigation .menu ul ul { left: 100%; top: 0; }
#navigation .menu ul ul li { width: 100% }
#navigation .menu li { position: relative; list-style:none}
#navigation .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; }
#navigation .menu a { display: block; position: relative; }
/* current item */
#navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover { color: #58C0E6;}
#navigation .menu > .active > a, #navigation li.active > a { font-weight: bold; color: #58C0E6 }
#navigation .menu > li { 
/*margin-right: 20px; 
padding:0 10px;*/ }
#navigation .menu a { 
color: #fff; 
text-align: left; 
text-decoration: none; 
cursor: pointer; 
padding: 10px 13px;
font-size:16px; 
}

#navigation .menu li > span.separator {
  //cursor: pointer;
    cursor: default;
}


#navigation .menu li > span {
  color: #fff;
  display: block;
  padding: 10px 13px;
  font-size:16px; 
}

/* 画像メニューのスタイル */

#navigation ul#img-menu{}

#navigation ul#img-menu li{}

#navigation ul#img-menu > li > a {
  padding: 0;
}
#navigation ul#img-menu li > span{padding: 0;}

#navigation ul#img-menu li a a span.menutitle{}

#navigation ul#img-menu li a a span.menudesc{}



/* drop-down styles */
#navigation .menu ul { border-top: none; background: #363636; border: 1px solid #222; min-width:200px;}
#navigation .menu li:hover ul { margin-top: 0; }
#navigation .menu ul ul.sub-menu { margin-top: -1px; margin-left: 1px; }
#navigation .menu ul li { border-bottom: 1px solid #222 }
#navigation .menu ul li:first-child { }
#navigation .menu ul li:last-child { border: 0 }
#navigation .menu ul li > a:hover { color: #58C0E6}
#navigation .menu ul a { display: block; height: auto; margin: 0px; padding: 8px 15px; text-transform: none; border: 0px; line-height: 20px; }
#navigation .selector { display: none }
#navigation ul.sub-menu .icon-angle-down:before {content:"\f105"!important;}
#navigation ul.sub-menu a { font-size:12px;}
#navigation i { text-align:right}
#menu-icon {display: none;}
#slide-wrap a:hover{ color:#fff}
/* Module Classes */
.module .menu .icon-angle-down:before {content:""!important}

/* User 2 */
#footer {
	clear: both;
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

.footer_copy{	clear: both;
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;}
#footer .module{margin:0px}
#footer .inner{ padding:0 10px;}
#footer .module-title{display: block; font-size: 16px; line-height: 32px;letter-spacing:1px; text-transform:uppercase;}
#footer h3.module-title{margin-bottom:0; padding-bottom:0;} 
#footer .module-body {}
#footer a { }
#footer a:hover{}
#footer ul {margin:0; padding:0;}
#footer ul li{list-style:none; border-bottom:1px dotted #ced8df}
#footer ul li:hover{}
#footer ul li a{ display:block;margin:0; padding:5px 0 5px 25px; background:url(/newpackage/0540009/img/sidebar-li1.png) 5px 50% no-repeat; text-decoration:none; color: #999; font-size:12px; line-height:15px; text-transform:uppercase}
#footer ul li a:hover{  background:url(/newpackage/0540009/img/sidebar-li2.png) 5px 50% no-repeat;text-decoration:none;color:#58C0E6;}
#footer-content {
  width: 100%;
}
#footer-content td{
vertical-align: top;
}

/* Footer */
#footer-wrap {
  background-color: #1c61b7;
  margin: 0 auto;
  padding: 10px 0 0;
  position: relative;
}


#footer-wrap p{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #FFF;
}
#footer-wrap .login {
	color: #FFF;
	float: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#footer-wrap .login a{
color: #fff;
font-size: 10px;
line-height: 1;
}

.copyright { margin:0 auto; padding:0 0 5px 0;}
.copyright a {}
.copy a:hover {}
.business{margin:0 -480px 0 0; padding:0; font-size:10px; color:#ccc; text-align:right; text-shadow:none; bottom:0; right:50%; line-height:10px; height:10px; position:absolute;}
.business a,.business a:hover { text-decoration:none; font-size:10px;color:#ccc}
.dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 40px;}
.dl-horizontal dd { margin-left: 50px;}

.w60{
width: 60%;
}
.w50{
width: 50%;
}
.w40{
width: 40%;
}
.w30{
width: 30%;
}
.w20{
width: 20%;
}
.w10{
width: 10%;
}
.w-auto{
width: auto;
}

fieldset {
  border: medium none;
  margin: 0;
  padding: 0;
}

.nav-tabs{
padding: 0;}

.btn-toolbar {
  margin: 5px 0;
}

.btn-group{
display: inline;
}

#header-table{width: 100%;}

#header-table td:last-child{text-align: right;}

/*shadowbox*/
.pchidden{
display:none;
}

#footer .switchBtn{
  margin: 20px 0;
  text-align: center;
}

#footer .switchBtn a{
  border: 1px solid #b5b3b3;
  border-radius: 4px;
  color: #494949;
  display: inline-block;
  padding: 8px 30px;
  background-color: #fff;
}
#footer .switchBtn a.btnAcv{
display:none;
background-color: #C4C4C4;
background-image: none;
}

.switchBtn a:first-child{
margin-right: 10px;
}