@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: sakushin-univ web site
	Author: Yamazen Communications co.,ltd.
	Comment: common style
	Since2014
----------------------------------------------------------- */
	
/*Index
	01.common
	02.structure
	03.header
	04.global navi
	05.side
	06.pagetitle
	07.topicspath
	08.footer
	09.each page
----------------------------------------------------------- */

/* 01.common
-------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	font-size:14px;
	font-family:"Osaka","¥á¥¤¥ê¥ª","£Í£Ó £Ð¥´¥·¥Ã¥¯",Verdana,Arial,sans-serif;
	line-height:1.8;
	color:#323232;
	vertical-align:top;
	background-color:#ffffff;
	-webkit-text-size-adjust:100%;
}

a:link   {color:#0063c6;text-decoration:underline;}
a:visited{color:#0063c6;text-decoration:none;}
a:hover  {color:#ff6400;text-decoration:none;}
a:active {color:#0063c6;text-decoration:none;}

a:hover img{
    opacity:0.50;
    filter: alpha(opacity=50);
}
img{max-width:100%;height:auto;}

span.new{
	display:inline-block!important;
	margin-left:5px;
	padding: 4px;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:1;
	border-radius: 3px;        /* CSS3²Ý°¸ */  
    -webkit-border-radius: 3px;    /* Safari,Google ChromeÓÃ */  
    -moz-border-radius: 3px;   /* FirefoxÓÃ */  
	background-color:#ff6464;
}

/* margin */
.mt0  {margin-top:0px!important;}
.mt5  {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}

.mb0  {margin-bottom:0px!important;}
.mb5  {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}

.mr0  {margin-right:0px!important;}
.mr5  {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}

.ml0  {margin-left:0px!important;}
.ml5  {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml25 {margin-left:25px!important;}
.ml30 {margin-left:30px!important;}

/* padding */
.pt0  {padding-top:0px!important;}
.pt5  {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}

.pb0  {padding-bottom:0px!important;}
.pb5  {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb25 {padding-bottom:25px!important;}
.pb30 {padding-bottom:30px!important;}

.pr0  {padding-right:0px!important;}
.pr5  {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr25 {padding-right:25px!important;}
.pr30 {padding-right:30px!important;}

.pl0  {padding-left:0px!important;}
.pl5  {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}

.tL{text-align:left!important;}
.tR{text-align:right!important;}
.tC{text-align:center!important;}

.fR{float:right!important;}
.fL{float:left!important;}

.clear{clear:both!important;}
.wrap{overflow:hidden;zoom:1;}

.photo-wrap{
	position: relative;
}
.photo-wrap .fancybox{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

@media only screen and (max-width: 640px){
.pc{display:none!important;}
}
@media only print, only screen and (min-width: 641px){
.sp{display:none!important;}
}

.errmsg{
	margin-bottom:10px;
	padding:10px 10px 5px;
	color: #ff0000;
	font-size:114.2857%;
	font-weight:bold;
	border: 1px solid #ff0000;
	background-color: #ffffff;
}

/* 02.structure
-------------------------------------------------------------*/
@media only screen and (max-width: 640px){
	#container{margin: 30px 0 0;padding: 10px 10px 100px;}
}
@media only print, only screen and (min-width: 641px){
	#container{
		width: 1000px;
		margin: 30px auto 150px;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:100% auto;
	}
	#sjc #container{width: 1000px;margin: 30px auto 150px;}
	#contents{float: left;width: 700px; overflow:hidden;}
	#side{float: right;width:250px;}
}
@media only screen and (max-width: 500px){
	div#container{
		background-size:auto 100px!important;
	}
}






/* 03.header
-------------------------------------------------------------*/
#switchBtn{
	display:none;
	width:100%;
	margin:10px 0 0;
	text-align:center;
}
#switchBtn p{
	margin:0 auto;
	color:#646464!important;
	font-size:16px;
	text-decoration:none!important;
	text-shadow: 0 1px 0 #fff;
	font-family: "webFont";
	-webkit-text-stroke: 0.2px #646464;
	text-align: center;
	padding:10px 20px;
	border:none;
	border-radius: 10px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
	background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	box-shadow: 0 1px 5px rgba(0,0,0,0.75);
	cursor:pointer;
}
#switchBtn #btnSP{display:none;}
#header #logo   {float:left;}
#header #h-tools{text-align: right;}

/* logo */
#header #logo{
	width:285px;
	height:94px;
	margin:15px 0 -60px 40px;
	padding:15px 10px 0 80px;
	text-align:center;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:url(/common/img/mark2.png) no-repeat top left,url(/common/img/bk_white.png) repeat top left;
}

#header #logo a{
	display:block;
}
#header #logo a:hover{
    opacity:0.50;
    filter: alpha(opacity=50);
}

#header #logo a#university{
	width:195px;
	height:31px;
	background:url(/common/img/logo_univ2.png) no-repeat;
}
#header #logo a#j_college{
	width:195px;
	height:21px;
	margin-top:10px;
	background:url(/common/img/logo_jc2.png) no-repeat;
}
#sjc #header #logo a#university{
	margin-top:10px;
}
#sjc #header #logo a#j_college{
	margin-top:0;
}
#header #logo a span{
	margin-left:-1000px;
}

#h-btnnavi table,
#h-btnnavi th,
#h-btnnavi td{border: none;margin: 0;padding: 0;}
#h-btnnavi #gsc-iw-id1{margin-right: 5px;}
.cse .gsc-control-cse, .gsc-control-cse {padding: 0!important;background: none!important;}
.gsc-input-box,
.gsc-iw-id1{height: 34px!important;font-size: 14px!important;}
#gs_id50,
.gsc-search-button,
#gsc-i-id1{height: 32px!important;}
#gs_tti50{ vertical-align: top!important;}
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2{width: auto!important;}
.gsc-control-cse,
.gsc-control-cse-j,
#gs_tti50{padding: 0 5px!important;}
table.gsc-search-box,
form.gsc-search-box{margin: 0!important;}
.cse .gsc-control-cse, .gsc-control-cse{border: none!important;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{margin: 0!important;}
.gsst_b{font-size: 14px!important;}
#header #h-btnnavi li .gsst_b a{padding: 0 6px!important;font:27px/1 arial,sans-serif!important;}

@media only screen and (max-width: 640px){
#header{
	padding: 0 10px;
}
#header #h-tools{text-align:right;}
#header #logo{
	float:left;
	margin:10px 0;
	width:250px;
	height:74px;
	padding:0 0 0 70px;
	-webkit-background-size: 60px auto;
	background-size: 60px auto;
	background-position: left center;
}
#header #logo a#university{
	width:170px;
	height:27px;
	margin: 7px 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#header #logo a#j_college{
	width:170px;
	height:18px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#header #h-navi,
#header #h-btnnavi,
#header #h-btnnavi li{display: none;}
#header #h-btnnavi li.request{
	margin:15px 0 10px;
	text-align:right;
}
#header p#btn-menu{
	float: right;
	width: 40px;
	margin: 25px 0 10px 0px;
}
}
@media only print, only screen and (min-width: 641px){
#header{min-width: 1140px;}

/* header fanction */
#header #h-tools{
	/*position: relative;*/
	margin:10px 40px 5px 0;
	/*z-index:20;*/
}
#header #description{font-size: 12px;text-align: right;}
#header #h-navi{
	margin:0 0 10px;
	padding: 0 40px 3px;
	text-align: right;
	/*background:url(/common/img/bg-white.png) repeat 0 0;*/
}
#header #h-navi li{
	display: inline-block;
	margin: 0 5px;
	padding-left:10px;
	font-size: 12px;
	background:url(/common/img/arrow05.png) no-repeat left 0.5em;
}
#header #h-btnnavi{
	text-align: right;
}
#header #h-btnnavi li{
	display: inline-block;
	margin-left: 10px;
	vertical-align:middle;
}
#sjc #header #h-btnnavi li img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#header #h-btnnavi li.word{width: 250px;}
#header #h-btnnavi li:first-child{margin:0;}
#header #h-btnnavi li.visitor a{
	display: block;
	padding: 9px 10px;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #1b3c5f;
	-webkit-box-shadow: 5px 5px 8px -4px #333;
	box-shadow: 5px 5px 8px -4px #333;
}
#header #h-btnnavi li.visitor ul li a{
	-webkit-box-shadow: none;
	box-shadow: none;
}
#sjc #header #h-btnnavi li.visitor a{background: #dc82a0;}
#header #h-btnnavi li.multi a{
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 8px -4px #333;
	box-shadow: 5px 5px 8px -4px #333;	
}
#header #h-btnnavi li.request{
	position: relative;
}
#header #h-btnnavi li.request .pamphlet{
	position: absolute;
	right: 3px;
	top: 0.4em;
}
#header #h-btnnavi li.request a{
	padding:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#sjc #header #h-btnnavi li.request a{background: none;}

#header #h-btnnavi .visitor{position: relative;}
#header #h-btnnavi .visitor ul{
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -80px;
	width:160px;
	border:1px #cccccc solid;
	background: #fff;
	z-index: 1000;
}
#header #h-btnnavi .visitor ul li{
	display:block;
	margin: 0!important;
}
#header #h-btnnavi .visitor ul li a{
	padding:5px 10px 5px 35px;
	color: #0063c6;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: url(/common/img/arrow01.png) no-repeat 10px 8px;
}
#sjc #header #h-btnnavi .visitor ul li a{
	background: url(/common/img_sjc/arrow01.png) no-repeat 10px 8px;
}
#header #h-btnnavi .visitor ul li a:hover{
	color:white;
	background:#ff6400 url(/common/img/arrow04.png) no-repeat 10px 8px;
}
#sjc #header #h-btnnavi .visitor ul li a:hover{
	color:white;
	background:#ff6400 url(/common/img_sjc/arrow02.png) no-repeat 10px 8px;
}

}





/* 04.globalnavi
-------------------------------------------------------------*/
.gnavi{
	clear: both;
	padding: 3px 0;
	background:url(/common/img/bk_gnavi.png) repeat 0 0;
}
.gnavi li{
	padding-top:2px;
}
#sjc .gnavi{background:url(/common/img_sjc/bg-gnavi.png) repeat 0 0;}
.gnavi li ul,
.gnavi li ul ul{
	display: none;
	background: #fff;
}
@media only screen and (max-width: 640px){
.gnavi{display: none;}
.gnavi{
	margin: 20px -10px;
}
.gnavi li a{
	display: block;
	padding: 15px 10px;
	text-align: center;
	border-bottom: 1px solid #1b3c5f;
}
.gnavi li a{color: #fff;border-bottom: 1px solid #ffffff;}
.gnavi li ul li a{color: #0063c6;border-bottom: 1px dotted #1b3c5f;}
.gnavi li ul ul{background: #f0f0f0;}
}
@media only print, only screen and (min-width: 641px){
#header .gnavi{
	/*position: relative;
	top: -122px;
	z-index: 10;*/
	display: block!important;
	padding-right:40px;
	text-align:right;
}
.gnavi{
	min-width: 1024px;
	padding-right: 30px;
	text-align: right;
	letter-spacing: -0.4em;
}
.gnavi li{
	position: relative;
	display: inline-block;
	letter-spacing: normal;
}
.gnavi li a{
	display: block;
	padding: 5px 10px;
	color: #fff;
	font-size:14px;
	border-left: 1px solid #fff;
}
.gnavi li:first-child a{border: none;}
.gnavi li a:hover{color:#1b3c5f;background:#fff;}
#sjc .gnavi li a:hover{color:#dc82a0;background:#fff;}


.gnavi li ul{
	position: absolute;
	left: 50%;
	margin-left: -100px;
	width:300px;
	border:1px #cccccc solid;
	z-index: 1000;
}
#footer .gnavi li ul{bottom:32px;}
.gnavi li ul li{
	display:block;
}
.gnavi li ul li a{
	padding:5px 10px 5px 35px;
	color: #0063c6;
	background: url(/common/img/arrow01.png) no-repeat 10px 8px;
}
#sjc .gnavi li ul li a{
	background: url(/common/img_sjc/arrow01.png) no-repeat 10px 8px;
}
.gnavi li ul li a:hover{
	color:white;
	background:#ff6400 url(/common/img/arrow04.png) no-repeat 10px 8px;
}
#sjc .gnavi li ul li a:hover{
	color:white;
	background:#ff6400 url(/common/img_sjc/arrow02.png) no-repeat 10px 8px;
}


.gnavi li ul ul{
	left: inherit;
	top: -1px;
	right: -301px;
	margin: 0;
	background: #fff;
}
.gnavi li.sl ul ul{right: inherit;left: -301px;}
#footer .gnavi li ul ul{top:inherit;bottom:-1px;}

}
@media only screen and (min-width: 1200px){
.gnavi{text-align: center;}
}






/* 05.side
-------------------------------------------------------------*/
#side-navi h1{
	padding:0 15px 10px;
}
#sjc #side-navi h1{
	padding:0 15px 10px;
	text-align:center;
}
#side-navi ul li{
	border-top: 1px solid #c8c8c8;
}
#side-navi ul li a{
	display: block;
	padding: 5px 10px 5px 40px;
	background: url(/common/img/arrow01.png) no-repeat 15px 8px;
}
#sjc #side-navi ul li a{
	background: url(/common/img_sjc/arrow01.png) no-repeat 15px 8px;
}
#side-navi li a.active{color: #fff;background:  url(/common/img/arrow03.png) no-repeat 15px 8px #1b3c5f;}
#sjc #side-navi li a.active{color: #fff;background:  url(/common/img_sjc/arrow02.png) no-repeat 15px 8px #dc82a0;}
#side-navi li a:hover {color: #fff;background:  url(/common/img/arrow04.png) no-repeat 15px 8px #ff6400;}
#sjc #side-navi li a:hover {color: #fff;background:  url(/common/img_sjc/arrow02.png) no-repeat 15px 8px #ff6400;}
#side-navi ul li ul{
	display:none;
	background: #f0f0e6;
}
#side-navi ul li ul li{
	border-top: 1px solid #ffffff;
}
#side-navi ul li ul li a,
#sjc #side-navi ul li ul li a{
	padding: 5px 10px 5px 50px;
	background: url(/common/img/arrow05.png) no-repeat 40px 12px;
}
#side-navi ul li ul li a.active,
#side-navi ul li ul li a:hover, 
#sjc #side-navi ul li ul li a.active,
#sjc #side-navi ul li ul li a:hover {color: #fff;background:  url(/common/img/arrow07.png) no-repeat 40px 12px #ff6400;}

div#top_twitter{
	margin: 0 0 25px;
	padding: 10px;
	text-align: center;
	border: 1px solid #325073;
	background: #fafafa;
}
div#top_twitter img{
	display:block;
	margin: 0 auto;
	vertical-align: top;
}


/*#side-request */
#side-request{
	margin: 0 auto 30px;
}
#sjc #side-request{
	position: relative;
}
#sjc #side-request .icon{
	position: absolute;
	top: -25px;
	right: -5px;
}
#side-request ul#dp h1{
	margin:0 auto 5px;
}
#side-request ul#dp li{
	margin:0 auto 10px;
}
#side-request ul#dp li a{
	display:block;
	padding: 15px 0 13px;
	color: #fff;
	text-align: center;
	background:url(/common/img/side/bg-request.gif) repeat 0 0;
}
#side-request ul#dp li:nth-child(5) a,
#side-request ul#dp li:nth-child(6) a,
#sjc #side-request ul#dp li a{
	background: url(/common/img_sjc/side/bg-request.gif) repeat 0 0!important;
}
#sjc #side-request ul#dp li a{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#side-request ul#dp li img{
	display:block;
	margin:0 auto;
}

@media only screen and (max-width: 640px){
	#side-request{
		display:block;
		width:95%;
		margin-bottom:30px;
	}
}


/* side-navi*/
@media only screen and (max-width: 640px){
	#side{
		margin:0 auto;
	}
	#side-navi{display: none;}
	
	ul#side-bnr{
		letter-spacing:-0.4em;
	}
	ul#side-bnr li{
		width:50%;
		display:inline-block;
		*display:inline;
		margin:0 auto 10px;
		text-align:center;
		vertical-align:top;
		letter-spacing:normal;
		zoom:1;
	}
	ul#side-bnr li img{
		padding:0 10px;
	}
}


@media only print, only screen and (min-width: 641px){
	#side-navi{
		display: block!important;
		margin-bottom:30px;
	}
	#side-bnr li{
		margin: 0 auto 15px;
		text-align:center;
	}
}




/* 06.pagetitle
-------------------------------------------------------------*/
#cttl      {background: #1b3c5f;}
#sjc #cttl {background: #dc82a0;}
#cttl-inner{
	color:#fff;
	background-repeat:no-repeat;
	background-position:right center;
}

@media only screen and (max-width: 640px){
#cttl{
	padding:0 0 0 10px;}
#cttl-inner{
	padding:20px 0;
	background-position: right -200px bottom;
	}
#cttl-inner h1{padding: 0 85px 10px 0;}
#cttl-inner h2{padding: 0 85px 0 0;font-size: 16px;}
}
@media only print, only screen and (min-width: 641px){
#cttl{
    min-width:1024px;
	/*margin: -123px 0 0;*/
	background: url(/common/img/bg-stripe.gif) repeat 0 0;
}
#sjc #cttl{
	background: url(/sjc/common/img/bg-stripe.gif) repeat 0 0;
}
#cttl-inner{
	width:1000px;
	height:150px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:right center;
	background-size:560px auto;
}
#cttl-inner span{
	display:block;
	height:150px;
	background: url(/common/img/cttl_grade.png) repeat-y 440px 0;
}
#sjc #cttl-inner span{
	background: url(/common/img_sjc/cttl_grade.png) repeat-y 440px 0;
}
#cttl-inner h1{
	padding: 40px 0 10px;
}
#cttl-inner h2{font-size: 18px;}
/*
#cttl .bg1 {background: url(/common/img/cttl/bg1.png) no-repeat right 0;}
#cttl .bg2 {background: url(/common/img/cttl/bg2.png) no-repeat right 0;}
#cttl .bg3 {background: url(/common/img/cttl/bg3.png) no-repeat right 0;}
#cttl .bg4 {background: url(/common/img/cttl/bg4.png) no-repeat right 0;}
#cttl .bg5 {background: url(/common/img/cttl/bg5.png) no-repeat right 0;}
#cttl .bg6 {background: url(/common/img/cttl/bg6.png) no-repeat right 0;}
#cttl .bg7 {background: url(/common/img/cttl/bg7.png) no-repeat right 0;}
#cttl .bg8 {background: url(/common/img/cttl/bg8.png) no-repeat right 0;}
#cttl .bg9 {background: url(/common/img/cttl/bg9.png) no-repeat right 0;}
#cttl .bg10{background: url(/common/img/cttl/bg10.png) no-repeat right 0;}
*/
}
@media only screen and (max-width: 510px){
	#cttl-inner{
		background-position: right -250px bottom;
	}
}
@media only screen and (max-width: 350px){
	#cttl-inner{
		background-position: right -300px bottom;
	}
}


/* 07.topicpath
-------------------------------------------------------------*/
@media only screen and (max-width: 640px){
#topicpath{display: none;}
}
@media only print, only screen and (min-width: 641px){
#topicpath{
	width: 1000px;
	margin: 10px auto;
	padding-left:110px;
	background: url(/common/img/topicpath.gif) no-repeat 0 0;
}
#topicpath li{
	display: inline-block;
	margin-left: 5px;
	padding:8px 0 5px 25px;
	font-size: 12px;
	background: url(/common/img/arrow01.png) no-repeat 0 8px;
}
#sjc #topicpath li{
	background: url(/common/img_sjc/arrow01.png) no-repeat 0 8px;
}
#topicpath li:first-child{margin:0;}
}



/* 08.footer
-------------------------------------------------------------*/
#footer{font-size: 12px;}
#footer p{text-align: center;}
#footer #p-Top{margin: 0 0 20px;}
#sns-btn{margin: 0 0 20px;text-align: center;}
#sns-btn span {
    display: inline-block;
    *display:inline;
    vertical-align:middle;
    overflow: hidden;
    zoom:1;
}
#sns-btn span img{
    max-width:100%;
    height:auto;
}
#sns-btn span iframe{
    vertical-align:middle;
}
#sns-btn span#btn_facebook {
    width: 100px;
}
#sns-btn span#btn_twitter {
    width: 90px;
}
#sns-btn span#btn_line {
    width: 88px;
}
#footer #f-navi li{font-size: 14px;}
#footer #f-logo{margin: 0 0 15px;}


#footer #f-bnr{
	margin: 0 0 50px;
	text-align: center;
}
#footer #f-bnr li{
	display: inline-block;
	margin: 10px 5px 0;
}

#footer #f-request{
	margin: 20px 0;
	text-align: center;
}

#footer #f-request{
	position: relative;
	max-width: 960px;
	margin: -62px auto 62px;
	text-align: right;
}
#footer #f-request .pamphlet{
	position: absolute;
	right: 5px;
	top: 10px;
}
@media only screen and (max-width: 640px){
	#footer{
		padding:0 10px;
		font-size: 10px;
	}
	#footer .gnavi{
		display:none;
	}
	#footer #f-navi{
		margin: 20px -10px;
		border-top: 1px solid #1b3c5f;
	}
	#sjc #footer #f-navi{
		border-top: 1px solid #dc82a0;
	}
	#footer #f-navi li a{
		display: block;
		padding: 15px 10px;
		text-align: center;
		border-bottom: 1px solid #1b3c5f;
	}
	#sjc #footer #f-navi li a{
		border-bottom: 1px solid #dc82a0;
	}
	#footer #f-request{
		display:none;
		max-width:250px;
		margin: 20px auto ;
	}
	#sjc #footer #f-request{
		max-width:300px;
	}
	#footer p#pTop,
	#sjc #footer p#pTop{
		margin-bottom:20px;
	}
}

@media only print, only screen and (min-width: 641px){
	#footer{
		/*min-width: 1024px;*/
		margin: 0 auto;
	}
	#footer ul.gnavi{
		min-width: 95%;
		padding-left:25px;
		text-align:center;
	}
	#footer #f-navi{
		margin: 20px 0;
		text-align: center;
	}
	#footer #f-navi li{
		display: inline-block;
		margin: 0 5px;
		padding-left:10px;
		background:url(/common/img/arrow05.png) no-repeat left 0.5em;
	}
	#footer #f-request{
		display:block;
	}
}



/* 09.each pages
----------------------------------------------------------- */
body#kokoro div#cttl-inner,
body.kokoro div#cttl-inner{background:none!important;}
body#kokoro div#side-request,
body.kokoro div#side-request{display:none;}