/* common
----------------------------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	font-size:87.5%;
	font-family:'Osaka','MS PGothic','Hiragino Kaku Gothic Pro',Arial,sans-serif;
	line-height:1.8;
	color:##3C2E25;
	vertical-align:top;
	background-color:#ffffff;
	-webkit-text-size-adjust:100%;
}

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

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

/* 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;}
.pt40 {padding-top:40px!important;}
.pt50 {padding-top:50px!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;}
.pb40 {padding-bottom:40px!important;}
.pb50 {padding-bottom:50px!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;}

.align-l{text-align:left!important;}
.align-r{text-align:right!important;}
.align-c{text-align:center!important;}

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

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

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


/* structure
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
#contents{
	margin:20px 10px 50px;
}
}

@media only print, only screen and (min-width: 641px){
#contents{
	width:960px;
	margin:30px auto 60px;
}
}



/* header
----------------------------------------------------------------------------------*/
#header-wrap{
	padding:10px;
	background:#ececec;
}
#sns-btn span {
    display: inline-block;
    *display:inline;
    overflow: hidden;
    line-height: 1;
    vertical-align:top;
    zoom:1;
}
#sns-btn span img{
	height:20px;
}
#sns-btn span#btn_facebook {
    width: 100px;
}
#sns-btn span#btn_twitter {
    width: 86px;
}
#sns-btn span#btn_line {
    width: 88px;
}
@media screen and (max-width: 640px){
#header-wrap #description{display:none;}
#header #logo p{
	overflow:hidden;
}
#header #logo p a{
	float:left;
	display:block;
	width:80%;
}
#header #logo p a.menu-btn{
	float:right;
	width:13.333%;
	max-width:40px;
}
#sns-btn {
	clear:both;
	margin:10px 0 0;
	text-align:center;
}
}

@media only print, only screen and (min-width: 641px){
#header-wrap{
	min-width:960px;
	padding:10px 0 0;
}
#header{
	width:960px;
	margin:0 auto;
}
#header-wrap #description{
	padding:0 0 10px;
	font-size:85.714%;
	text-align:center;
}
.bg01{background:url(../img/bg-header01.gif) no-repeat right 0;}
.bg02{background:url(../img/bg-header02.gif) no-repeat right 0;}
.bg03{background:url(../img/bg-header03.gif) no-repeat right 0;}

#header #logo{
	min-height:100px;
	padding:5px 0 0 95px;
	background:url(../img/bg-logo.gif) no-repeat 0 0;
}

#sns-btn {
	margin:10px 0 0;
	text-align:left;
}
}



/* gnavi
----------------------------------------------------------------------------------*/
#gnavi-wrap{
	background:#00d2fd;
}
@media screen and (max-width: 640px){
#gnavi-wrap{
	display:none;
}
#gnavi-wrap ul li a{
	display:block;
	padding:8px 10px;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
}
}

@media only print, only screen and (min-width: 641px){
#gnavi-wrap{
	min-width:960px;
}
#gnavi{
	width:960px;
	margin:0 auto;
}
#gnavi li{
	position:relative;
	float:left;
	text-align:center;
}
#gnavi li.nav01{text-align:left;}
#gnavi li.nav06{text-align:right;}
#gnavi li.nav01{width:196px;}
#gnavi li.nav02{width:102px;}
#gnavi li.nav03{width:181px;}
#gnavi li.nav04{width:153px;}
#gnavi li.nav05{width:209px;}
#gnavi li.nav06{width:119px;}
#gnavi li a{
	display:block;
	padding:17px 0;
	line-height:1;
}

#gnavi li ul{
	display:none;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-90px;
	padding:10px 0 0;
	z-index:1000;
}
#gnavi li.nav01 ul{
	left:0;
	margin:0;
}
#gnavi li ul li{
	float:none;
	width:180px!important;
	margin:0 0 5px;
	text-align:center!important;
	border:1px solid #b2f1fe;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:url(../img/bg-menu.png) repeat 0 0;
}
#gnavi li ul li a{
	color:#ffffff;
	padding:10px;
}
}


/* sidenavi
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
#sidenavi{display:none;}
}
@media only print, only screen and (min-width: 641px){
#sidenavi{position:fixed;top:50px;left:0;z-index:1000;}
#sidenavi li{margin:0 0 10px;}
}




/* pagetitle
----------------------------------------------------------------------------------*/
#pttl{
	margin:25px 0 0;
	background:#00d2fd;
}
.mttl{
	margin:50px 0 10px;
	padding:20px 10px;
	color:#ffffff;
	font-size:128.571%;
	font-weight:bold;
	line-height:1.5;
	background:#00d2fd;
}
.sttl{
	padding:15px 0;
	color:#00d2fd;
	font-size:128.571%;
	font-weight:bold;
	line-height:1;
}

.mttl .btn{
	display:inline-block;
	*display:inline;
	float:right;
	min-width:200px;
	margin:-12px 10px 0 0;
	padding:10px 20px;
	font-size:77.777%;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#ffffff;
	zoom:1;
}
.mttl .btn:hover{
	color:#ffffff;
	background:#ff9600;
}
@media screen and (max-width: 640px){
#pttl h1{
	padding:30px 10px;
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
}
.mttl{
	padding:10px;
	line-height:1.5;
}
}
@media only print, only screen and (min-width: 641px){
#pttl h1{
	width:960px;
	margin:0 auto;
	padding:50px 0;
}
}


/* pager
----------------------------------------------------------------------------------*/
#pager{
    clear: both;
    margin: 30px 0 0;
	font-size:85.7%;
}
#pager li{
    display: inline-block;
    *display: inline;
	zoom:1;
}
#pager a{
    display: inline-block;
    *display: inline;
    line-height: 1.5;
	margin:0 2px;
    padding: 7px 11px;
	color:#ffffff;
    text-align: center;
	vertical-align:top;
    border: 1px solid #00d2fd;
    background:#00d2fd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	zoom:1;
}
#pager span{
    display: inline-block;
    *display: inline;
	vertical-align:top;
	zoom:1;
}
#pager a:hover {
    border: 1px solid #ff9600;
	background:#ff9600;
}
#pager .prev a,
#pager .next a,
#pager .list a{
	padding:7px 20px 7px 40px;
	color:#ffffff;
    border: 1px solid #00d2fd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	zoom:1;
}
#pager .prev a,
#pager .next a,
#pager .list a{background:url(../img/arrow-r-w.png) no-repeat 15px center #00d2fd;}

#pager .prev a:hover,
#pager .next a:hover,
#pager .list a:hover{
	text-decoration:none;
    border: 1px solid #ff9600;
}
#pager .prev a:hover,
#pager .next a:hover,
#pager .list a:hover{background:url(../img/arrow-r-w.png) no-repeat 15px center #ff9600;}

#pager span.current_page {
	margin:0 2px;
    padding: 7px 11px;
    line-height: 1.5;
    border: 1px solid #00d2fd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.pager-page{
	padding:20px!important;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#f0f0f0;
	overflow:hidden;
	zoom:1;
}

.blog-pager{
	padding:30px 0 0;
	border-top:1px solid #c8c8c8;
}

@media screen and (max-width: 640px){
#pager .prev,
#pager .next,
#pager .list{
	display:block;
	margin:0 0 10px;
	text-align:center;
}
#pager .prev a,
#pager .next a,
#pager .list a{
	width:100%;
	padding:7px 20px;
}
}
@media only print, only screen and (min-width: 641px){
.pager-page .list{
	float:right;
}
}



/* footer
----------------------------------------------------------------------------------*/
#footer-wrap #pTop{
	display:block;
	padding:95px 0 0;
	background:url(../img/pagetop.png) no-repeat center top;
}
@media screen and (max-width: 640px){
#footer .footer-grid,
#footer #linkbanner,
#footer #footer-navi ul{display:none;}
#footer-wrap{text-align:center;}
#footer-wrap #pTop{
	margin:30px 0 10px;
	text-align:center;
}
#footer-navi #copyright{
	padding:10px 0;
	text-align:center;
	border-top:1px solid #dcd9d8;
	background:#f3f3f3;
}
}
@media only print, only screen and (min-width: 641px){
#footer-wrap{
	position:relative;
	clear:both;
	min-width:960px;
	padding:70px 0 95px;
	font-size:85.714%;
	border-top:1px solid #dcd9d8;
	background:#f3f3f3;
}
#footer-wrap #pTop{
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:1000;
}
#footer-wrap #pTop:hover{
    opacity:0.50;
    filter: alpha(opacity=50);
}
#footer{
	width:960px;
	margin:0 auto;
}
#footer .footer-grid{
	float:left;
	width:245px;
	margin:0 10px;
}
#footer .footer-grid h2{
	padding:0 0 20px;
	font-size:142.857%;
}
#footer .footer-grid .list li{
	margin:0 0 10px;
}
#footer #linkbanner{
	margin:0 0 20px;
	overflow:hidden;
	zoom:1;
}
#footer #linkbanner li.bnr01{float:left;}
#footer #linkbanner li.bnr02{float:right;}
#footer #footer-logo{
	width:165px;
	margin:0;
}
#footer #footer-logo #ssl{
	margin:30px 0 0;
	text-align:center;
}

#footer-navi{
	margin:20px 0 0;
	padding:20px 0 0;
	border-top:1px solid #dcd9d8;
	overflow:hidden;
	zoom:1;
}
#footer-navi ul li {
    float:left;
    height:10px;
    line-height:10px;
    list-style:none outside none;
}
#footer-navi ul li a{
	display:block;
    margin:0 0 0 10px;
    padding:0 0 0 10px;
    border-left:1px solid #DCD9D8;

}
#footer-navi ul li:first-child a{
    border:none !important;
    margin:0;
    padding:0;
}
#footer-navi #copyright{
	float:right;
}
}