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

@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/* zocial */
[class*="fontawesome-"]:before {
  font-family: 'fontawesome', sans-serif;
  margin:0 5px 0 0;
  font-weight:normal;
}


/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}


body {
	width:100%;height:100%;
	margin: 0;
	background-color:#f6f6f6;	
	line-height: 1.4;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.1em;
	text-align:left;
	color:#4c4c4c;
	font-size:14px;
}






/* #STYLE
================================================== */

::selection {
background: #cccccc; /* Safari */
}

::-moz-selection {
background: #cccccc; /* Firefox */
}

a{
color:#000000;
text-decoration:none;
}


a:hover{
color:#e50612;	
text-decoration:none;
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
}

/* #header
================================================== */

header{
width:100%;
height:170px;
margin:0 auto;
padding:0;
text-align:center;
overflow:hidden;
background-color: #ffffff;
border-top: 7px solid #000000;
border-bottom: 1px solid #dddddd;
}

#global-header{
width:1056px;
height:auto;
margin:0px auto 0 auto;
padding:0;
text-align:center;
overflow:hidden;
}

h1#logo{
width:65px;
height:83px;	
margin:40px 18px 0px 40px;
padding:0px;
background:url(/images/global-header-logo.png) no-repeat;
float:left;
}

h1{
margin:0px;
padding:0px;
}

h1 span{visibility:hidden;}

div#logo-caption{
width:auto;
height:auto;
margin:48px 0 0 0;
padding:0;
text-align:left;
float:left;
}

h2{
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
color:#000000;
font-size:16px;	
font-weight:bold;
}

ul#logo-address{
width:auto;
height:auto;
margin:15px 0 0 0;
padding:0;
font-size:12px;
color:#676767;	
}

ul#logo-address li{
width:auto;
height:auto;
margin:0 0 2px 0;
padding:0;
text-align:left;	
}

.header-small{
font-size:9px;	
font-family: 'Lato', sans-serif;
}

/* #nav
================================================== */

header nav {
text-align:left;
width:800px;
height:auto;
margin:-30px 0 0 330px;
padding:0;
overflow:hidden;
float:left;
}
header nav ul {
width:auto;
height:auto;	
margin: 0;
padding:0;
list-style-type: none;
}
header nav ul li {
display: inline;
margin:0 35px 0 0;
}

header nav ul li.sns{
display: inline;
margin:0;
padding:0;
font-size:22px;
}

header nav ul li a{
color:#7f7f7f;	
}

header nav ul li.current a{
color:#e50612;	
font-weight:bold;
}

header nav ul li.sns a{
color:#4865b0!important;
}



/* #maincontents
================================================== */

#contents-wrapper{
width:100%;
height:auto;
margin:0px auto 0 auto;
padding:0 0 45px 0;
overflow:hidden;
background-color:#ffffff;
}

#index-visual-wrapper{
width:100%;
height:379px;
margin:40px auto 0 auto;
padding:0;
text-align:center;
overflow:hidden;
border-bottom: 1px solid #dddddd;
}

#main-contents{
width:940px;
height:auto;
margin:40px auto 0 auto;
padding:0;
text-align:center;
overflow:hidden;
}

#contents-wrapper-ttl{
width:100%;
height:auto;
margin:0px auto 0 auto;
padding:30px 0;
text-align:center;
overflow:hidden;
border-bottom: 1px solid #dddddd;	
}

#contents-wrapper-ttl h3{
width:940px;
height:auto;
margin:0px auto 0 auto;
padding:0;
text-align:left;
color:#000000;
font-size:26px;
}


/* #footer
================================================== */

div#sponsor-banner{
border-top: 1px solid #dddddd;
width:100%;
height:auto;
margin:0px auto;
padding:80px 0;
text-align:center;	
overflow:hidden;
background-color:#ffffff;	
}

ul#sponsor-banner-list{
width:940px;
height:auto;
margin:0 auto;
text-align:center;
overflow:hidden;	
}

ul#sponsor-banner-list li{
width:auto;
height:auto;
margin:0 20px;
text-align:center;
overflow:hidden;
display:inline;
}

ul#sponsor-banner-list img{
padding:10px;
border: 1px solid #dddddd;
}

ul#sponsor-banner-list img:hover{
padding:10px;
border: 1px solid #dddddd;
}

footer{
width:100%;
height:160px;
margin:0;
padding:0;	
overflow:hidden;
background-color:#f6f6f6;	
}

#footer-contents{
width:950px;
height:auto;
margin:0 auto;
padding:0;
text-align:center;	
overflow:hidden;
}

div#footer-contents-left{
width:725px;
height:auto;
margin:40px 0 0 0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
}

.footer-contents-left-img{
width:46px;
height:auto;
margin:0 17px 0 0;
padding:0;
text-align:left;
float:left;	
}

.footer-contents-left-img a img{opacity:1;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */
zoom:1;}

.footer-contents-left-img a:hover img{
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
zoom:1;
}


h6{
width:auto;
height:auto;
margin:0 0 13px 0;
padding:0;
text-align:left;
font-weight:normal;
}


ul.footer-contents-left-list{
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
}

ul.footer-contents-left-list li{
width:auto;
height:auto;
margin:0 0 5px 0;
padding:0;
text-align:left;	
font-family: 'Lato', sans-serif;
}


div#footer-contents-right{
width:auto;
height:auto;
margin:40px 0 0 0;
padding:0;
text-align:right;
overflow:hidden;
float:right;	
}


ul.footer-contents-right-links{
width:auto;
height:auto;
margin:0;
padding:0;
text-align:right;
overflow:hidden;	
}

ul.footer-contents-right-links li{
width:auto;
height:auto;
margin:0;
padding:0;
text-align:right;
overflow:hidden;	
font-size:12px;
}



div.copyright{
width:auto;
height:auto;
margin:40px 0 0 0;
padding:0;
text-align:right;
overflow:hidden;
font-size:11px;
font-family: 'Lato', sans-serif;
}


/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	position: fixed;
	right: 0;
	bottom:0px;
	z-index: 99;
	width:50px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 10px 15px 10px 15px;
	padding-left:17px;
	border-right: 0;
	text-decoration: none;
}

.page-top a:link,
.page-top a:visited{
	background-color:#000000;
	color: #ffffff;
}

.page-top a:hover,
.page-top a:active{
	background-color:#e50612;
	color: #ffffff!important;
}


@media only screen and (min-device-width : 320px)
and (max-device-width : 768px) {
	
	
/* #header
================================================== */

header{
width:100%;
height:120px;
margin:0 auto;
padding:0;
text-align:center;
overflow:hidden;
background-color: #ffffff;
border-top: 7px solid #000000;
border-bottom: 1px solid #dddddd;
}

#global-header{
width:300px;
height:auto;
margin:0px 0 0 15px;
padding:0;
text-align:left;
overflow:hidden;
}

h1#logo{
width:65px;
height:83px;	
margin:20px 18px 0px 0px;
padding:0px;
background:url(/images/global-header-logo.png) no-repeat;
float:left;
}

h1{
margin:0px;
padding:0px;
}

h1 span{visibility:hidden;}

div#logo-caption{
width:auto;
height:auto;
margin:28px 0 0 0;
padding:0;
text-align:left;
float:left;
}

h2{
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
color:#000000;
font-size:20px;	
font-weight:normal;
}

ul#logo-address{
width:auto;
height:auto;
margin:3px 0 0 0;
padding:0;
font-size:16px;
color:#000000;	
}

ul#logo-address li{
width:auto;
height:auto;
margin:0 0 2px 0;
padding:0;
text-align:left;	
}

.header-small{
font-size:9px;	
font-family: 'Lato', sans-serif;
}

/* #nav
================================================== */

header nav {
text-align:left;
width:auto;
height:auto;
margin:-30px 0 0 0px;
padding:0;
overflow:hidden;
float:left;
}
header nav ul {
width:auto;
height:auto;	
margin: 0;
padding:0;
list-style-type: none;
}
header nav ul li {
display: inline;
margin:0 40px 0 0;
}

header nav ul li.sns{
display: inline;
margin:0;
padding:0;
font-size:40px!important;
}

header nav ul li a{
color:#7f7f7f;	
}

header nav ul li.current a{
color:#e50612;	
font-weight:bold;
}

header nav ul li.sns a{
color:#4865b0!important;
}



/* #maincontents
================================================== */

#contents-wrapper{
width:100%;
height:auto;
margin:0px auto 0 auto;
padding:0 0 27px 0;
overflow:hidden;
background-color:#ffffff;
}

#index-visual-wrapper{
width:100%;
height:auto;
margin:20px auto 0px auto;
padding:0;
text-align:center;
overflow:hidden;
border-bottom: 1px solid #dddddd;
}

#index-visual-wrapper img{
width:150%;	
margin:0 0 -5px -130px;
}


#main-contents{
width:auto;
height:auto;
margin:20px auto 0 auto;
padding:0 15px;
text-align:center;
overflow:hidden;
}

#contents-wrapper-ttl{
width:100%;
height:auto;
margin:0px auto 0 auto;
padding:15px 0;
text-align:center;
overflow:hidden;
border-bottom: 1px solid #dddddd;	
}

#contents-wrapper-ttl h3{
width:auto;
height:auto;
margin:0px 0 0 15px;
padding:0;
text-align:left;
color:#000000;
font-size:18px;
}


/* #footer
================================================== */

div#sponsor-banner{
border-top: 1px solid #dddddd;
width:100%;
height:auto;
margin:0px auto;
padding:20px 0 10px 0;
text-align:center;	
overflow:hidden;
background-color:#ffffff;	
}

ul#sponsor-banner-list{
width:auto;
height:auto;
margin:0 auto;
text-align:center;
overflow:hidden;	
}

ul#sponsor-banner-list li{
width:auto;
height:auto;
margin:0 20px;
padding:0 0 10px 0;
text-align:center;
overflow:hidden;
display:inherit;
}

ul#sponsor-banner-list img{
padding:10px;
border: 1px solid #dddddd;
}

ul#sponsor-banner-list img:hover{
padding:10px;
border: 1px solid #dddddd;
}

footer{
width:100%;
height:190px;
margin:0;
padding:0;	
overflow:hidden;
background-color:#f6f6f6;	
}

#footer-contents{
width:300px;
height:auto;
margin:0 auto;
padding:0;
text-align:center;	
overflow:hidden;
}

div#footer-contents-left{
width:300px;
height:auto;
margin:20px 0 0 15px;
padding:0;
text-align:center;
overflow:hidden;
float:none;	
}

.footer-contents-left-img{
width:46px;
height:auto;
margin:0 17px 0 0;
padding:0;
text-align:left;
float:left;	
}

.footer-contents-left-img a img{opacity:1;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */
zoom:1;}

.footer-contents-left-img a:hover img{
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
zoom:1;
}


h6{
width:auto;
height:auto;
margin:0 0 13px 0;
padding:0;
text-align:left;
font-weight:normal;
}


ul.footer-contents-left-list{
width:200px;
height:auto;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
}

ul.footer-contents-left-list li{
width:auto;
height:auto;
margin:0 0 5px 0;
padding:0;
text-align:left;	
font-family: 'Lato', sans-serif;
}


div#footer-contents-right{
width:auto;
height:auto;
margin:10px 0 0 15px;
padding:0;
text-align:left;
overflow:hidden;
float:none;	
}


ul.footer-contents-right-links{
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;
overflow:hidden;	
}

ul.footer-contents-right-links li{
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;
overflow:hidden;	
font-size:12px;
}



div.copyright{
width:auto;
height:auto;
margin:10px 0 0 0;
padding:0;
text-align:left;
overflow:hidden;
font-size:11px;
font-family: 'Lato', sans-serif;
}


/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	position:relative;
	right: 0;
	bottom:0px;
	z-index: 99;
	width:50px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 7px 15px 7px 15px;
	padding-left:17px;
	border-right: 0;
	text-decoration: none;
}

.page-top a:link,
.page-top a:visited{
	background-color:#000000;
	color: #ffffff;
}

.page-top a:hover,
.page-top a:active{
	background-color:#e50612;
	color: #ffffff!important;
}
	

/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	right: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.page-top a{
	display: block;
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.page-top a:link,
.page-top a:visited,
.page-top a:hover,
.page-top a:active{
	background: url(./images/common/bg-pagetop.png) 14px center no-repeat #000000;
	color: #ffffff;
}

.page-top:not(\*|*){ position: static; }/* Opera9以下 */

	
}