@charset "utf-8";



@media screen and (min-width: 668px) {

.pc-no{display:none;}/*ＰＣのみ非表示*/

.pc-only{display:block;}/*ＰＣのみ表示*/

.sm-no{display: inline-block;}

.sm-only{display:none;}/*スマホのみ表示*/
  
}

@media screen and (max-width: 667px) {

.pc-no{display:block;}

.pc-only{display:none;}

.sm-no{display:none;}

.sm-only{display:block;}
	
}




html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, font, dl, dt, dd, ol, ul, li, table.table, tr, th, td 
	{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	}


html{
    height:100%;
	}

body {
    margin: 0;
    padding: 0;
    color: #333;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-size: 14px;
    display: block;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

@media print{
	
body{
    width: 1280px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
}
	
}



/* ----------------------------------------------------------------------------------------------------------------------------------------------　基本設定 */



/* リンク設定
------------------------------------------------------------*/
a{color:#0033cc;}
a:hover{color:#0033cc; text-decoration:underline;}
a:active, a:focus {outline:0;}





ul {list-style: none;}

table.table {border-collapse: separate;border-spacing: 0;}

a img{border: 0;}

ol{ margin-left: 1em}

ol li{margin-bottom: 0.5em}

.fl{float:left;}


.image_waku{
	border: 1px solid  #A3A3A3;
}


.center{text-align:center;}

.alignleft{
	float:left;
	margin:0px;
	padding:0px;
	}

.alignright{
	float:right;
	margin:0px;
	padding:0px;
	}


.alignleft50{
	float:left;
	margin:0px;
	padding:0px;
	width:50%;
	}

.alignright50{
	float:right;
	margin:0px;
	padding:0px;
	width:50%;
	}



.clear{clear:both;}



.m-auto{margin-left:auto;margin-right:auto;}
	
.mt05{margin-top:5px;}

.mt10{margin-top:10px;}

.mt15{margin-top:15px;}

.mt20{margin-top:20px;}

.mt30{margin-top:30px;}

.mt35{margin-top:35px;}

.mt50{margin-top:50px;}

.mt1em{margin-top: 1em;}

.mt05em{margin-top: 0.5em;}



.ml15{margin-left:15px;}

.mr5{margin-right:5px;}

.mr10{margin-right:10px;}

.mr15{margin-right:15px;}

.mr20{margin-right:20px;}




.mb5{margin-bottom:5px;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb20{margin-bottom:20px;}

.mb30{margin-bottom:30px;}

.mb50{margin-bottom:50px;}

.mb1em{margin-bottom:1em;}

.mb2em{margin-bottom:2em;}

.p10{padding:10px;}


.mlb15{
	margin-left:15px;
	margin-bottom:15px;}

.ptb10{padding:10px 0px 10px 0px;}

.pb10{padding-bottom:10px;}


.p15{padding:0px 15px 15px 15px;}

.p1em{padding: 1em;}

.p05em{padding: 0.5em;}

.pb05em{padding-bottom: 0.5em;}



.p20{padding:20px 20px 20px 20px;}


.px14red{color:#F00;}


.px16red{color:#F00;font-size:16px;}

.red, .red_nomal{color:#F00;}

.red_bold{color:#F00;font-weight:bold;}

.blue{color:#3768C4;}

.blue2{ color:#00F;}

.white{color:#FFF;}

.px10{font-size:10px;}

.px12{font-size:12px;}

.px13{font-size:13px;}

.px14{font-size:14px;}

.px16{font-size:16px;}

.px18{font-size:18px;}

.px20{font-size:20px;}

.px22{font-size:22px;}

.px24{font-size:24px;}

.px26{font-size:26px;}

.px28{font-size:28px;}

.px30{font-size:30px;}


.borb{
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:7px;
}

.bob{border-bottom:1px solid #999;
	padding:7px;}

.bor{border-right:1px solid #999;
	padding:7px;}

.disblock{display: block; overflow: hidden; clear: both;}


.wf-mplus1p { font-family: "Mplus 1p"; }

.meiryo{font-family:verdana,"メイリオ","Meiryo","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

.lh120{line-height:120%!important;}

.bold{font-weight:bold;}

.waku1{border:1px solid #999;}


.kihon ul{
	margin-left:0px;
	padding-bottom:0px;}	

.kihon li{
	margin-left:30px;
	list-style-type:square;
	list-style:outside;
	margin-bottom:5px;}	

.kihonsp20{
	margin-left:15px;
	margin-bottom:20px;
	margin-right:15px;
	}

.kihonsp50{
	margin-left:15px;
	margin-bottom:50px;
	margin-right:15px;
	}

.kugiri{
	margin-bottom:50px;
	border:1px solid #ccc;
	}

.kugiri2{
	border:1px solid #ccc;
	}

.outline {
	font-size: 14px;
	margin-bottom: 30px;
	margin-top: 15px;
	text-align: center;
}


a:hover img{
/*モダンブラウザ用*/
opacity:0.7;
/*IE7以下用*/
filter:alpha(opacity=70);
/*IE8用*/
-ms-filter:"alpha(opacity=70)";
}

.middle{vertical-align:middle;}














/* ヘッダー
------------------------------------------------------------*/

.header{
    display: block;
    overflow: hidden;
    background:linear-gradient(#3997d7, #09235b);
    z-index: 1;
}

	
.headerinner{
    display: block;
    overflow: hidden;
	width:1060px;
    margin:0 auto;
    background: url("images/base/header2.png");
    background-repeat: no-repeat;
    z-index: 10;
	}



.headerinner .left{float: left;color:#FFF;} 

.headerinner .right{float: right;color:#FFF;text-align:right;}    
    
.leftimg{margin-top: 1em;}

.catch{margin-top: 1em;}

.rightimg{margin:1em 0; }

.headerinner .left h1{
	padding:0.5em 0 0 0;
	margin:0;
	font-size:14px;
	font-weight:normal;
	}
    
.headerinner .left .fake1{
	padding:0.5em 0 0 0;
	margin:0;
	font-size:14px;
	font-weight:normal;
	} 
    
    

.headerinner .left h2{
	font-weight:lighter;
    color:#fff;
	}	
    
.headerinner .left .fake2{
	font-weight:lighter;
    color:#fff;
	}	

.headerinner h1 a{
	color:#fff;
	text-decoration:none;
	}
    
.headerinner .fake1 a{
	color:#fff;
	text-decoration:none;
	}    
	
.headerinner h1 a:hover{
	color:#fff;
	text-decoration:none;
	}
    
.headerinner .fake1 a:hover{
	color:#fff;
	text-decoration:none;
	}    
	
    

.tel{
	text-align:right;
	}

.unei{
    margin-top: 0.5em;
	background:#030a19;
    color:#FFF;
	font-size:14px;
	padding:3px 13px 3px 13px;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    display: inline-block;
	}

.sister{font-size: 12px;}
	


@media screen and (max-width: 667px) {


.headerinner{
	width:auto;
    background-image: url("images/base/header2-2.png");
    background-position: 50% 0%;
    background-repeat: no-repeat;
	}

.headerinner .left{float: none; display: block; } 

.headerinner .right{float: none; display: block;} 

.headerinner .left h1{font-size:10px; margin-left: 0.5em}

.headerinner .left .fake1{font-size:10px; margin-left: 0.5em}

.headerinner .left h2{font-size:10px; margin-left: 0.5em}

.headerinner .left .fake2{font-size:10px; margin-left: 0.5em}

.leftimg{margin: 0.25em;}

.leftimg img{ max-width: 100%; height: auto; }

.rightimg{margin: 0.5em;}

.rightimg img{ max-width: 100%; height: auto;}

.catch{font-size:10px; margin-left: 0.5em; margin-top: 0; }

.tel{display: none;}

.unei{display: none;}

.sister{display: none;}

}










	
	
    
    
    
    
    
    
    
    
    



  
  
  
  
  
  
    
    
    
    
    
    


/* 上部メニュー
------------------------------------------------------------*/

#mainnav{
    display: block;
	overflow:hidden;
	background:#082159;
	border-top:1px solid #2c406a;
	font-weight: normal;
    padding: 0.5em 0;
	}
	
#mainnavinner{
	width:1060px;
	margin:0 auto;
	padding:0px;
	font-weight: normal;
	}

#mainnavinner ul{
    display: block;
	overflow:hidden;
}

#mainnavinner ul li{
	float: left;
	border-right:1px solid #434a5a;
    width:12.5%;
    text-align: center;
    box-sizing: border-box;
	}

#mainnavinner ul li:last-child{border-right:none;}


#mainnavinner ul li a{
	display: block;
	font-size:15px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
    padding: 0.5em 0;
	}
	
#mainnavinner ul li a:hover{background: #434a5a; }

#mainnavinner ul li a span,divdiv#mainnavinner ul li a strong{
	display:block;
	}



a#menu{display:none;}

#mainnavinner li.active a,
#mainnavinner li a:hover{color:#fff;}




@media screen and (max-width: 667px) {

#mainnav{
    padding: 0;
	}

#mainnavinner{
	width:100%;
	}
    
#mainnavinner ul li{
	border:1px solid #434a5a;
    width:25%;
	}
    
#mainnavinner ul li:last-child{border-right:1px solid #434a5a;}    

#mainnavinner ul li a{
	
	font-size:10px;
	}


}








/* サイドバー
------------------------------------------------------------*/

body > #sidebar{
    height:auto;
}


#sidebar{
	float:left;
	width:210px;
	padding:10px 17px 35px 23px;
	margin:0px;
    z-index: 100;
	
	}

#sidebar h2{
	margin:0;
	padding:5px 0 5px 0;
	}

#sidebar h3{
	margin:0;
	padding:0;
	}

#sidebar ul li a{color:#fff;text-decoration:none;}
#sidebar ul li a:hover{color:#fff; background-color: #4b85b7;}
#sidebar ul li a:active, a:focus {outline:0;}



#sidebar ul{
margin-bottom:1em;
padding:0;}


#sidebar li{
list-style:none;
margin:0 0 1px 0;
font-size:14px;
}


#sidebar li a:after{
content:" \f0da"; 
font-family: "Font Awesome 5 Free";
font-weight: 900;
}


#sidebar li a{
display:block;
background-color: #082159;
padding: 0.25em 0.5em;
}



@media screen and (max-width: 667px) {

#sidebar{
	width:96% !important;
	padding:2%;
    margin-bottom: 60px;
	}
    
    
#sidebar li{
margin:0 auto 0.25em auto;
width: 80%;
}    

#sidebar img{text-align:center; margin-left:auto; margin-right:auto; display:block;}

#sidebar iframe{margin-left:auto; margin-right:auto; display:block;}
	
.leftclose a{ display:block; font-size:16px}
	
	
#mbmenu	{
	display:none;
	width:96% !important;
	padding:2%}
	
#mbmenu img{text-align:center; margin-left:auto; margin-right:auto; display:block;}

#mbmenu iframe{margin-left:auto; margin-right:auto; display:block;}
		
}



/* ----------------------------------------------------------------------------------------------------------------------------------------------　メイン */
/* main
------------------------------------------------------------*/

#wrapper{
	overflow:hidden;
	background:#ffffff;
	
}


#wrapperinner{
	margin:20px auto;
	padding:0px;
	width:1060px;
	overflow:hidden;
	padding-bottom:20px;
	background:#fff;
	
}

@media screen and (max-width: 667px) {

#wrapper{overflow:hidden;}

#wrapperinner {
	width: 100% !important;
	padding-right: 0px;
	padding-left: 0px;
	display:block;
	overflow:hidden;
	}	

#wrapperinner img{max-width:100%; 
	height:auto;
	vertical-align: top; 
	border:none;}

}


.inner{
margin:0 auto;
width:100%;
}


#main{
	float:right;
	width:739px;
	text-align:left;
	padding:10px 35px 0px 36px;
	background:#FFF;
    overflow:hidden;
    
	}

@media screen and (max-width: 667px) {
	
#main {
	width: 96% !important;
	padding:2%;
	float:none;
	display:block;
	overflow:hidden;
	margin-left: 0px;
}
	
}

	
#main h1{
	background:#3768c4;
	font-weight:normal;
	color:#FFF;
	font-size:26px;
	letter-spacing:1px;
    padding: 0.5em;
    line-height: 29px;
	}	
	
	
	
#main h2{
	background:#42413e;
	font-weight:normal;
	padding:10px;
	font-size:20px;
	line-height:24px;
	margin-bottom:20px;
	color:#fff;
	clear:both;
}
	

#main h3{
	background-image:url(images/base/h4.gif);
	background-repeat: no-repeat;
	background-position:0px -4px;
	font-size:16px;
	font-weight:bold;
	line-height:19px;
	text-indent:22px;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-top:10px;
	color:#3768C4;}
	
	
.poptitle{
	background:#dfdcd7;
	padding:10px;
	font-size:18px;
	line-height:22px;
	margin-bottom:20px;
	color:#333;
	font-weight:bold;
	clear:both;
	}	

	
.mainmidasi {
	font-size: 20px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #C9CACA;
	padding: 3px 10px;
	text-decoration: none;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(18%, #fefefe), color-stop(100%, #e4e4e4) );
	background: -moz-linear-gradient( center top, #fefefe 18%, #e4e4e4 87% );
	background: -ms-linear-gradient( top, #fefefe 18%, #e4e4e4 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e4e4e4');
	background-color: #fefefe;
	color: #FF0000;
	text-align: center;
}
	
.mainmidasi_black{
	font-size: 20px;
	font-weight: bold;
	color:#000;
}	


.back_waku_orange{
    background-color: #fffbdf;
	border: 2px solid #F93;
    border-radius: 10px;
    padding: 10px;
}


/* ------------------------------------------------------------------------------------*/
/**************************
/* ぱんくづ
**************************/	



ol.topicPath {
margin: 0px 0px 10px 0px;
padding: 0px;
list-style-type: none;
font-size: 90%;
}


ol.topicPath li {
display: inline;
}


ol.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(images/base/topic_path.gif) no-repeat right; /* 区切りの記号 */
}	



/* ------------------------------------------------------------------------------------*/
/**************************
/* 小メニュー
**************************/

#smenu{
	background:#efefef;
	padding:0px 0px 0px 10px;
	margin:0px 0px 30px 0px;
	border:1px solid #3768C4;
    display: block;
    overflow: hidden;
}

	
#arrow{
    display: block;
	overflow:hidden;
	width:100%;
	padding:10px 0px 0px 0px;	
}

#arrow li a{
	display:block;
	float:left;
	margin:0 10px 10px 0px;
	padding:0.25em 0.5em;
	background-color:#3768C4;
	color:#FFF;
	
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
	text-decoration:none;
	font-size:14px;
	
}

#arrow li a:after{
content:" \f0d7"; 
font-family: "Font Awesome 5 Free";
font-weight: 900;
}


#arrow li a:hover{background-color:#000;}



@media screen and (max-width: 667px) {

#arrow li a{font-size:12px;}

}





#smenu2{
	padding:0px 0px 0px 10px;
	border-bottom:1px solid #d2d2d2;
	margin:0px 0px 30px 0px;
}

	
#arrow2{
	overflow:hidden;
	width:90%;
	padding:10px 0px 0px 0px;	
}

#arrow2 li{
	display:inline;
	float:left;
	margin:0 0 5px -18px;
	padding:0 36px 5px 30px;
	border-left:1px solid #A0A0A0;
	background:url(images/base/arrow3.gif) no-repeat 17px 6px;
	white-space:nowrap;
	line-height:1.2;
}

#arrow2 li a{
	color:#444;
	text-decoration:none;
}

#arrow2 li a:hover{
	color:#0169AF;
	text-decoration:underline;
	
}


@media screen and (max-width: 667px) {

#arrow2 li{border-left:none;}

}





	
	
.smenu{
	padding:0px 0px 0px 0px;
	margin:0px 0px 30px 0px;
}

	
.arrow{
	overflow:hidden;
	width:100%;
	padding:10px 0px 0px 0px;	
}


.arrow li a{
	display:block;
	float:left;
	margin:0 10px 5px 0px;
	padding:0 10px 0px 25px;
	background:url(images/base/arrow.gif) no-repeat 10px 10px;
	
	background-color:#3768C4;
	line-height:25px;
	
	color:#FFF;
	
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
	text-decoration:none;
	font-size:14px;
	
}

.arrow li a:hover{
	display:block;
	float:left;
	margin:0 10px 5px 0px;
	padding:0 10px 0px 25px;
	background:url(images/base/arrow2.gif) no-repeat 10px 10px;
	
	color:#FFF;
	
	background-color:#000;
	line-height:25px;
}
	
	
    
@media screen and (max-width: 667px) {

.arrow li a{font-size:12px;}

}    
    
    

/* ------------------------------------------------------------------------------------*/
/**********************************************
/* トップページのキャッチ画像　index.html
**********************************************/

#catch{
    background-color: #082159;
}

#catch img{
	margin-bottom:10px;
}


/* ------------------------------------------------------------------------------------*/
/**************************
/* 商品一覧　index.html
**************************/

#ind{
	float:right;
	width:739px;
	text-align:left;
	padding:10px 35px 0px 36px;
	background:#FFF;
	margin:0;
	}
    
@media screen and (max-width: 667px) {

#ind {
	width: 96% !important;
	padding:2%;
	float:none;
	display:block;
	overflow:hidden;
	margin-left: 0px;
}

}

.ind {
display: block;
overflow: hidden;
}

.ind h2{margin-top:35px;
}




.syohinwrapper{
    display: block;
    overflow: hidden;
	width:100%;
	margin:10px 0px 0px 0px;
	
	}
	
.syohinwrapper{
	overflow: hidden;
	}

.gride{
	float:left;
	width:31%;
	margin-bottom:20px;
    box-sizing: border-box;
    margin: 1.16%;
    
	}




.box {
	width: 100%;
	position: relative;
    margin:0px;
	padding:0px;
    text-align: center;
	border:1px solid #000;
    box-sizing: border-box;
}

.box img{width: 100%;}

@media screen and (max-width: 667px) {

.gride{width:47%;}

.box img{
width: 100%;
height: auto;
vertical-align: top; 
border:none;
}

}



.box h2{
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	margin: 0;
	width: 100%;
	background: #000;
	filter: Alpha(opacity=80);
	opacity: 0.8;
    font-size:18px;
    padding: 0.2em 0;
	display: block;
	font-weight:inherit;
	letter-spacing:1px;
   
}

.box a:hover h2{
	text-decoration: none;
	color:#fffff;
	display: block;
	background:#3997d7;
	}


@media screen and (max-width: 667px) {

.box h2{font-size:14px;}

.box a p{font-size:14px;}

.box a p span{display: none;}

.box a:hover p span{display: none;}

}




.box p{
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	margin: 0;
	width: 100%;
	background: #000;
	filter: Alpha(opacity=80);
	opacity: 0.8;
    padding: 0.2em 0;
	display: block;
	font-weight:inherit;
	text-align:center;
	padding-bottom:5px;
	letter-spacing:1px;
    font-size:18px;
    
}

.box a:hover p{
	text-decoration: none;
	color:#fffff;
	display: block;
	background-color:#3997d7;
	padding-bottom:5px;
	}



.box span{
	display: block;
	font-weight:inherit;
	text-align:center;
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	}

.box a:hover span{
	text-decoration: none;
	color:#fffff;
	display: block;
	font-size:12px;
}

	
		
	

.box h2, 
.box p{text-align:center;}

.box h2 a{
	color:#FFF;
	text-decoration:none;
	display: block;
	}

.box h2 a:active, a:focus {outline:0;}







/**************************
/* 仕様一覧　index.html
**************************/

.spec{
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    }


.spec ul{
    display: block;
    overflow: hidden;
    }

.spec ul li{
    float: left;
    width: 18%;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin: 1%;
    }

.spec ul li span {display: block;}

.spec ul li a {
text-decoration: none;
display: block;
padding-bottom: 1em;
height: 220px;
}

.spec ul li a:hover{
background: #eee;
}



@media screen and (max-width: 667px) {

.spec{

    padding: 0;
    }

.spec ul li img{ width: 50px; height: auto;}


.spec ul li{
    width: 50%;
    box-sizing: border-box;
    margin: 0%;
    }

.spec ul li a {
height: auto;
}


}








/* ------------------------------------------------------------------------------------*/
/******************************
/* 学会印刷特徴　index.html
*******************************/

.twaku1{
	float:left;
	width:361px;
	margin-bottom:30px;
	}


.t1{
	background:#efefef;
	border:1px solid #898482;
	border-top:none;
	width:329px;
	font-size:12px;
	padding:5px 15px 15px 15px;
	height:105px;
}


.twaku2{
	margin-top:15px;
	margin-bottom:30px;
	background:#efefef;
	border:1px solid #898482;
	font-size:12px;
	padding:10px 13px 13px 13px;
}







/* ------------------------------------------------------------------------------------*/
/**********************************
/* お客様の声　index.html
***********************************/



.voicewaku{
	padding: 1em;
	background-color: #eff0fc;
	border: 1px solid #898482;
    display: block;
    overflow: hidden;
}

.koe{
	padding: 1em;
    border-bottom:1px dotted #000;
    
}

.ogoe{
	font-size:18px;
	color:blue;
    border-bottom:1px dotted #000;
}





/* ------------------------------------------------------------------------------------*/
/**********************************
/* ショッピングガイド　index.html
***********************************/



.guidewakuleft .btnbase a,
.guidewakuright .btnbase a
{
    font-size:14px;
    font-weight:normal;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    padding:5px 10px;
    text-decoration:none;

    background-color:#00589c;
	color:#fff;
}

.guidewakuleft .btnbase a:hover,
.guidewakuright .btnbase a:hover
{
    text-decoration:none;
    background:#000;
    color:#fff;
    }


.guidewakuleft{
	
	float:left;
	width:50%;
	padding-right:20px;
	margin-bottom:30px;
	font-size:13px;
    box-sizing: border-box
}


.guidewakuright{
	
	float:left;
	width:50%;
	padding-left:20px;
	padding-bottom:30px;
	margin-bottom:30px;
	border-left:1px solid #c7c6c4;
	font-size:13px;
    box-sizing: border-box
}


@media screen and (max-width: 667px) {

.guidewakuleft{
	float:none;
    display: block;
	width:auto;
    padding-right:0px;
}


.guidewakuright{
	border-left:none;
	float:none;
    display: block;
	width:auto;
    padding-left:0px;
}

}


.guidewakuleft h3{margin-top:30px; margin-bottom:15px;}

.guidewakuright h3{margin-top:30px; margin-bottom:15px;}


.guidewakuleft table{
	padding:0px;
	margin:opx;}


.guidewakuleft td{
	padding:5px;
	margin:0px;
	border:none;}





/* ----------------------------------------------------------------------------------------------------------------　テーブル */
/*************
テーブル
*************/


table{
	border-collapse: collapse;
	margin: 0px auto 15px auto;
	float: none;
	border-style: none;
}

table td{
	border-collapse: collapse;
	padding: 10px;
}

table th{
padding:10px;
white-space:nowrap;
}

.lefttable table{
	border-collapse: collapse;
	margin: 0;
	border-style: none;
}

.lefttable table td{
	border-collapse: collapse;
	padding: 0px;
}

.lefttable table th{
	border-collapse: collapse;
	padding:0px;
}

/* ------------------------------------------------------ */

.base1 table{
	border-collapse: collapse;
	margin: 0px auto 15px auto;
}

.base1 table td{
border-collapse:collapse;
padding:5px;
border:1px solid #abacbb;
}

.base1 table th{
padding:5px;
white-space:nowrap;
font-weight:bold;
border:1px solid #abacbb;
}



/* ------------------------------------------------------ */


.base2 table{
border-collapse:collapse;
margin:0px auto 0px auto;
}

.base2 table td{
border-collapse:collapse;
padding:5px 20px 5px 20px;
}

.base2 table th{
background-color:#E7E7E7;
padding:5px;
white-space:nowrap;
font-weight:bold;
text-align:left;
}



.br{border-right:1px solid #abacbb;
padding-left:20px;}

.bb{border-bottom:1px solid #abacbb;
padding-bottom:20px;}

.brb{border-right:1px solid #abacbb;
border-bottom:1px solid #abacbb;
padding-left:20px;
padding-bottom:20px;}


/* ------------------------------------------------------ */


.base3 table{
border-collapse:collapse;
margin:0px;
}

.base3 table td{
border-collapse:collapse;
padding:0px;
}

.base3 table th{
padding:0px;
}


/* ------------------------------------------------------ */

.base4 table{
	border-collapse: collapse;
	margin: 0px auto 15px auto;
}

.base4 table td{
border-collapse:collapse;
padding:5px;
border:1px solid #abacbb;
}

.base4 table th{
padding:5px;
white-space:nowrap;
font-weight:bold;
border:1px solid #abacbb;
}




/* -------------------------------------------------　価格表 */
/*************
価格表
*************/


div.active{
        display:block;
		
}
div.inactive{
        display:none;
}



/*価格表ページ------------------------------ */	


#kakaku table{padding:0px;
	margin:0px;}


#kakaku table td{
	padding:0px;
	margin:0px;}


#kakaku{display:table; margin:5px auto;}


#kakaku #kakaku1{
	border:2px solid #86D3CD;
	padding:15px 15px 15px 15px;
	margin:0 5px 0 0;
	text-align:left;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;}

@media screen and (max-width: 667px) {

#kakaku #kakaku1{margin:0 0 1em 0;}

#kakaku #kakaku2{margin:0 0 0 0;}

}


#kakaku #kakaku2{
	border:2px solid #F6B417;
	padding:15px 15px 15px 15px;
	margin:0 0 0 5px;
	text-align:left;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;}
	
#kakaku #kakaku3{
	border:2px solid #A8D854;
	padding:15px 15px 15px 15px;
	margin:0 5px 10px 0;
	text-align:left;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;}	
	
@media screen and (max-width: 667px) {

#kakaku #kakaku3{margin:0 0px 10px 0;}

}
    
	
#kakaku #kakaku4{
	border:2px solid #E15E40;
	padding:15px 15px 15px 15px;
	margin:0 0 10px 5px;
	text-align:left;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;}		
	
	
@media screen and (max-width: 667px) {

#kakaku #kakaku4{margin:0 0 10px 0px;}

}    
    
#table_kakaku2 p{padding:0px 0px 10px 0px;margin:0px;}


#kakaku #table_kakaku2 td{
	padding:10px 10px 10px 10px;
	margin:3px 0px 3px 0px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	text-align:left;}
	
#kakaku #table_kakaku2 td a{text-decoration:none;}	


.table_kakaku2 p{padding:0px 0px 10px 0px;margin:0px;}


#kakaku .table_kakaku2 td{
	padding:10px 10px 10px 10px;
	margin:3px 0px 3px 0px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	text-align:left;
    }
	
#kakaku .table_kakaku2 td a{text-decoration:none;}	




#SW1,#SW2,#SW3,#SW4,#SW5{
	padding:10px;
	margin:0px;
	}

#SW6,#SW7,#SW8,#SW9,#SW10{
	padding:10px;
	margin:0px;}




.table_kakaku {
	width: 100%;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.table_kakaku td {
	padding: 6px;
	border: 1px solid #999999;
    text-align: center;
	vertical-align: middle;
}
.table_kakaku table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

.kakaku_glay {
	background-color: #DBDBDB;
}
.kakaku_yellow {
	background-color: #fdfadb;
}


.kakaku_glay2 {
	background-color: #DBDBDB;
}
.kakaku_yellow2 {
	background-color: #daf2f0;
}

.kakaku_white {
	background-color: #FFFFff;
}

.kakaku_blue {
	color:#ffffff;
	background-color: #0000ff;
	line-height:150%;
}
.kakaku_blue2 {
	color:#ffffff;
	background-color: #3768c4;
	line-height:150%;
}

.kakaku_green {
	background-color: #daf2f0;
}


.kakaku_green2 {
	background-color: #F6F9E4;
}

.kakaku_pink {
	background-color: #FCEEEC;
}


.table_order {
	width: 100%;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.table_order td {
	padding: 6px;
	border: 1px solid #999999;
	vertical-align: top;
	vertical-align: middle;
}
.table_order table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.left50 {
	float: left;
	width: 50%;
	text-align: center;
}
.right50 {
	float: right;
	width: 50%;
	text-align: center;
}




/* -----------------------------　無線綴じ切り替えボタン */

.musen ul {
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
	
}
.musen li {
	text-align: center;
	line-height: 25px;
	display: inline;
}
.musen li a {
	background-color:#FFF;
	width: 32%;
	display: block;
	float: left;
	border: 1px solid #000;
	margin-bottom:15px;
	margin-right:7px;

	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	text-decoration: none;
}


.musen li a:hover{
	background:#000;
	color:#fff;
	text-decoration: none;
}






/*----------------------------------------　ボタン */
  


.btn a {
	font-size:14px;
    font-weight:normal;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #7eb9d0;
    padding:7px 20px;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #a7cfdf), color-stop(87%, #23538A) );
    background:-moz-linear-gradient( center top, #a7cfdf 18%, #23538A 87% );
    background:-ms-linear-gradient( top, #a7cfdf 18%, #23538A 87% );
	
	color: #FFFFFF;
	
    background-color:#a7cfdf;

	 
}



.btn a:hover {
    font-size:14px;
    font-weight:normal;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #7eb9d0;
	padding:7px 20px;
	
	
	text-decoration: none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #82bbd1), color-stop(87%, #193b61) );
    background:-moz-linear-gradient( center top, #82bbd1 18%, #193b61 87% );
    background:-ms-linear-gradient( top, #82bbd1 18%, #193b61 87% );
    background-color:#82bbd1;
	color:#FFF;

	}

.btn:active {
    position:relative;
    top:1px;
}






/*------------------------------ 30ボタン 中綴じ・無線綴じ価格表ボタン   */
.btn2 a {
	font-size:14px;
    line-height: 17px;
    font-weight:normal;
    display: inline-block;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #a4a4a4;
    padding:0.25em 1em;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #f6f6f6), color-stop(100%, #dddddd) );
    background:-moz-linear-gradient( center top, #f6f6f6 18%, #dddddd 87% );
    background:-ms-linear-gradient( top, #f6f6f6 18%, #dddddd 87% );
	
    color:#000000;
    }

.btn2 a:hover {
	
    border:1px solid #000000;
    text-decoration:none;
    color:#ffffff;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #000000), color-stop(100%, #000000) );
    background:-moz-linear-gradient( center top, #000000 18%, #000000 87% );
    background:-ms-linear-gradient( top, #000000 18%, #000000 87% );
	
	
}







.btn-g a {
	font-size:14px;
    font-weight:normal;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #a4a4a4;
    padding:7px 7px;
    text-decoration:none;
    
    background: lightgray;
    color:#000000; 
    display: inline-block;
    }



.btn-g a:hover {

    border:1px solid #000;
    text-decoration:none;	
    background: #000;
    color:#fff;
	
}




/*------------------------------ 10ボタン  */	
.btn10 a {
	font-size:14px;
    font-weight:normal;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #a4a4a4;
    padding:7px 10px;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #f6f6f6), color-stop(100%, #dddddd) );
    background:-moz-linear-gradient( center top, #f6f6f6 18%, #dddddd 87% );
    background:-ms-linear-gradient( top, #f6f6f6 18%, #dddddd 87% );
	
    background-color:#ffffff;
    color:#000000;

	 
}



.btn10 a:hover {
    font-size:14px;
    font-weight:normal;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:2px solid #000000;
    padding:7px 9px;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #f6f6f6), color-stop(100%, #dddddd) );
    background:-moz-linear-gradient( center top, #f6f6f6 18%, #dddddd 87% );
    background:-ms-linear-gradient( top, #f6f6f6 18%, #dddddd 87% );
	
    background-color:#D9DDDD;
    color:#000000;
	
}.btn10:active {
    position:relative;
    top:1px;
	text-decoration: none;
}





/*------------------------------ 10ボタン ポスター  */	

.btn10pos a {
	font-size:14px;
    font-weight:normal;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #a4a4a4;
    padding:5px 10px;
	margin-top:10px;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #f6f6f6), color-stop(100%, #dddddd) );
    background:-moz-linear-gradient( center top, #f6f6f6 18%, #dddddd 87% );
    background:-ms-linear-gradient( top, #f6f6f6 18%, #dddddd 87% );
	
    background-color:#ffffff;
    color:#000000;
}


.btn10pos a:hover {
    font-size:14px;
    font-weight:normal;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:2px solid #000000;
    padding:5px 9px;
	margin-top:10px;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #f6f6f6), color-stop(100%, #dddddd) );
    background:-moz-linear-gradient( center top, #f6f6f6 18%, #dddddd 87% );
    background:-ms-linear-gradient( top, #f6f6f6 18%, #dddddd 87% );
	
    background-color:#D9DDDD;
    color:#000000;
	
}.btn10pos:active {
    position:relative;
    top:1px;
	text-decoration: none;
}




.tukuriwaku{
	border:1px solid #CCC;
	padding:0px 0px 0px 0px;
	margin-bottom:50px;
}



/*------------------------------ ボタン 封筒 グリーン  */	

.btn10huto a {
	font-size:14px;
    font-weight:normal;
    line-height: 17px;
    display: inline-block;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #a4a4a4;
    padding:0.25em 1em;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #f6f6f6), color-stop(100%, #a8d854) );
    background:-moz-linear-gradient( center top, #f6f6f6 18%, #a8d854 87% );
    background:-ms-linear-gradient( top, #f6f6f6 18%, #a8d854 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#a8d854');
	
    background-color:#ffffff;
    color:#000000;
}


.btn10huto a:hover {

    border:1px solid #000000;

    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #000000), color-stop(100%, #000000) );
    background:-moz-linear-gradient( center top, #000000 18%, #000000 87% );
    background:-ms-linear-gradient( top, #000000 18%, #000000 87% );

    color:#ffffff;
	
}




.tukuriwaku{
	border:1px solid #CCC;
	padding:0px 0px 0px 0px;
	margin-bottom:50px;
}





/*------------------------------ ボタン チラシ　グリーン  */
.btn2f a {
	font-size:14px;
    font-weight:normal;
    line-height: 1px;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #a4a4a4;
    padding:0.25em 1em;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #f6f6f6), color-stop(100%, #a8d854) );
    background:-moz-linear-gradient( center top, #f6f6f6 18%, #a8d854 87% );
    background:-ms-linear-gradient( top, #f6f6f6 18%, #a8d854 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#a8d854');

    color:#000000;

	 
}

.btn2f a:hover {
	border:1px solid #000000;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #000000), color-stop(100%, #000000) );
    background:-moz-linear-gradient( center top, #000000 18%, #000000 87% );
    background:-ms-linear-gradient( top, #000000 18%, #000000 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000');
	
    color:#ffffff;
	
}





/*------------------------------ ボタン リーフレット　ピンク  */
.btn2l a {
	font-size:14px;
    font-weight:normal;
    line-height: 17px;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #a4a4a4;
    padding:0.25em 1em;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #ffffff), color-stop(100%, #E15E40) );
    background:-moz-linear-gradient( center top, #ffffff 18%, #E15E40 87% );
    background:-ms-linear-gradient( top, #ffffff 18%, #E15E40 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E15E40');

    color:#000000;	 
}



.btn2l a:hover {
	border:1px solid #000000;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #000000), color-stop(100%, #000000) );
    background:-moz-linear-gradient( center top, #000000 18%, #000000 87% );
    background:-ms-linear-gradient( top, #000000 18%, #000000 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000');
	
    color:#ffffff;

	
}















/*------------------------------ ボタン 中綴じ　ブルー  */

.btn2n a {
	font-size:14px;
    line-height: 17px;
    font-weight:normal;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    padding:0.25em 1em;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #ffffff), color-stop(100%, #86D3CD) );
    background:-moz-linear-gradient( center top, #ffffff 18%, #86D3CD 87% );
    background:-ms-linear-gradient( top, #ffffff 18%, #86D3CD 87% );
	
    color:#000000;
    
    border:1px solid #a4a4a4;
 
}


.btn2n a:hover {

	color:#ffffff;
    border:1px solid #000000;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #000000), color-stop(100%, #000000) );
    background:-moz-linear-gradient( center top, #000000 18%, #000000 87% );
    background:-ms-linear-gradient( top, #000000 18%, #000000 87% );

	
}







/*------------------------------ ボタン 無線綴じ　オレンジ  */
.btn2m a {
	font-size:14px;
    line-height: 17px;
    font-weight:normal;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #a4a4a4;
    padding:0.25em 1em;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #ffffff), color-stop(100%, #F6B417) );
    background:-moz-linear-gradient( center top, #ffffff 18%, #F6B417 87% );
    background:-ms-linear-gradient( top, #ffffff 18%, #F6B417 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F6B417');
	
    color:#000000;
    }



.btn2m a:hover {
	
    border:1px solid #000000;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #000000), color-stop(100%, #000000) );
    background:-moz-linear-gradient( center top, #000000 18%, #000000 87% );
    background:-ms-linear-gradient( top, #000000 18%, #000000 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000');

    color:#ffffff;
    }







.sbtnbase a
{
    font-size:14px;
    line-height: 17px;
    font-weight:normal;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    padding:10px;
    text-decoration:none;

    background-color:#00589c;
	color:#fff;
    display: inline-block;
}

.sbtnbase a:hover
{
    text-decoration:none;
    background:#000;
    color:#fff;
    }






.btnbase a {
    font-size:14px;
    line-height: 17px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    padding:10px;
    text-decoration:none;

    background-color:#00589c;
	color:#fff;
    display: block;
}

.btnbase a:hover {
    text-decoration:none;
    background:#000;
    color:#fff;
    }
    
    
    
    
    



.btnbase2 a {
    font-size:12px;
    font-weight:normal;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #C9CACA;
    padding:1px 10px;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #fefefe), color-stop(100%, #e4e4e4) );
    background:-moz-linear-gradient( center top, #fefefe 18%, #e4e4e4 87% );
    background:-ms-linear-gradient( top, #fefefe 18%, #e4e4e4 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e4e4e4');
	
    background-color:#fefefe;
	color:#0062f4;

	 
}

@media screen and (max-width: 667px) {

.btnbase2 { white-space: nowrap;}

}


.btnbase2 a:hover {


    border:1px solid #00589c;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #00589c), color-stop(87%, #00589c) );
    background:-moz-linear-gradient( center top, #00589c 18%, #00589c 87% );
    background:-ms-linear-gradient( top, #00589c 18%, #00589c 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00589c', endColorstr='#00589c');
    
    color:#ffffff;
}



.btnbase3 a:hover {
	font-size:18px;
    font-weight:bold;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #C9CACA;
    padding:3px 10px;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #e4e4e4), color-stop(87%, #fefefe) );
    background:-moz-linear-gradient( center top, #e4e4e4 18%, #fefefe 87% );
    background:-ms-linear-gradient( top, #e4e4e4 18%, #fefefe 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#fefefe');
	
    background-color:#e4e4e4;
    color:#3E3A39;}


.btnbase3 a {
    font-size:18px;
    font-weight:bold;
	
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #C9CACA;
    padding:3px 10px;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #fefefe), color-stop(100%, #e4e4e4) );
    background:-moz-linear-gradient( center top, #fefefe 18%, #e4e4e4 87% );
    background:-ms-linear-gradient( top, #fefefe 18%, #e4e4e4 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e4e4e4');
	
    background-color:#fefefe;
	color:#3768c4;
}



.btnbase4 {
    font-size:18px;
    font-weight:bold;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #C9CACA;
    padding:3px 10px;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #fefefe), color-stop(100%, #e4e4e4) );
    background:-moz-linear-gradient( center top, #fefefe 18%, #e4e4e4 87% );
    background:-ms-linear-gradient( top, #fefefe 18%, #e4e4e4 87% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e4e4e4');
	
    background-color:#fefefe;
	color:#3768c4;
}


/* ----------------------------------------------------------------------------------------------------------------　フッター */
/*フッター
------------------------------------------------------------*/



#page-top{
  font-size:12px;
  margin-top:-40px;

  /* 追加した部分 */
  position:fixed;
  right:16px;
  bottom:16px;
  display:none;
  /* ここまで */

}
 
#page-top p{
  margin:0;
  padding:20px 10px 20px 10px;
  text-align:center;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
	border-radius:5px;
  transition:all 0.3s;
  background:#000;
}
 
#page-top p:hover{
  background:#000;
}
 
#page-top p a{
  color:#fff;
  line-height:30px;
  text-decoration:none;
  display:block;
  cursor:pointer;
}


#page-top p a:hover{
  color:#3997d7;
  line-height:30px;
  text-decoration:none;
  display:block;
  cursor:pointer;
}


@media screen and (max-width: 667px) {

#page-top{
  font-size:12px;
  position:fixed;
  right:0;
  bottom:0;
}

#page-top p{
  padding:0.5em 0.75em;

  -moz-border-radius:0px;
  -webkit-border-radius:0px;
	border-radius:0px;
}

}

@media print{

#page-top p{display: none;}

}















#footer{
clear:both;
display: block;
overflow:hidden;
padding:2em 0px 50px 0px;
background:#082159;
color:#ffffff;


}

#footer .inner{
	width:1020px;
	padding:0;
	margin:0 auto;
	}
    
@media screen and (max-width: 667px) {

#footer{padding:1em 1em 60px 1em;}

#footer .inner{
	width:100%;
	}

}
    

* html #footer{height:1%;}


#footerleft{
	clear:both;
	float:left;
	width:680px;
	}

#footeright{float:right;}


@media screen and (max-width: 667px) {

#footerleft{
	float:none;
    display:block;
    width: auto;
    margin-bottom: 2em;
	}

#footeright{
    float:none;
    display:block;
    width: auto;
}

}

#footer #footerlef #footeright{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}



#footer #footerlef #footeright{
font-size:13px;
color:#fff;
}



#footer a{color:#fff;}
#footer a:hover{color:#54a5ff;}




/*---------------- hotmail --------------*/





#hotmail img{
	width:auto;
}



#hotmail .attention{
	background-color: #FFFFDF;
	border: 2px solid #F93;
	font-size: 1.2em;
	margin:20px 0px 20px 0px;
	padding:10px;
}


/*---------------リピート割引---------------*/

.repeat img{
	max-width:100%;
	height:auto;
}

.repeat table{
    border-collapse: collapse;
    text-align: center;
    font-size: 16px;
    table-layout: fixed;
}

.repeat td{
	border: 1px solid #CCC;
    height: 2em;
}

.repeat thead{
	background-color: #DBDBDB;
    font-weight: bolder;
}

.repeat .info{
    background-color: #fffbdf;
	border: 2px solid #F93;
    border-radius: 10px;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 15px;
}

.repeat .info p{
    margin: 10px;
    color: #FF0000;
    font-size: 16px;
}



/*---------------- 連休のお知らせ --------------*/

#renkyu{
	width:auto;
	margin-top: auto;
	margin-right: 30px;
	margin-bottom: auto;
	margin-left: 30px;
}
#renkyu p{
	font-size:14px;
	line-height:160%;
	margin:0;
}
#renkyu .red{
	color:#F00;
}
#renkyu .redbold{
	color:#F00;
	font-size: 1.3em;
	font-weight: bold;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#renkyu .attention{
	background-color: #FFFFDF;
	border: 2px solid #F93;
	font-size: 1.2em;
	margin:20px 0px 20px 0px;
	padding:10px;
}





/*２行目から1文字空ける*/
.att {
  padding-left: 1em;
  text-indent: -1em;
}



/* RWDテーブル　調節用 */

.box50{ width:50%}

.box33{ width:33%}

.box25{ width:25%}

.mod-tbl table{width:100%}

.mod-tbl2 table{width:100%}

@media screen and (max-width: 667px) {

.block{display:block;}

.box50{ width:auto;display:block;}
	
.box33{ width:auto;display:block;}  

.box25{ width:auto;display:block;}  

.mod-tbl table{
    overflow: auto !important;
	white-space: nowrap !important;
	display:block !important;
	width:auto !important;}
	
.mod-tbl table tbody {
	width: 100% !important;
	display:table !important;
}


.mod-tbl2 table{
    overflow: auto !important;
	display:block !important;
	width:auto !important;}
	
.mod-tbl2 table tbody {
	width: 800px !important;
	display: table !important;
}



}




/* RWD　調節用 */

div.scroll_div { overflow: auto; }

.widauto{width: 100%; height: auto;}

.widauto2{width: auto; height: auto;}  

@media screen and (max-width: 667px) {
    
.widauto{width: auto; height: auto;} 

.widauto2{width: 100%; height: auto;}
    
}











.nav-wrap.open {display: block;}

.nav-wrap.close {display: none;}

@media screen and (min-width: 668px) {

  .nav-wrap {display: block !important;}
  
}


@media screen and (max-width: 667px) {
  .nav-button {
    display: block;
    cursor: pointer;
  }
  
  .nav-wrap {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 11;
    background-color: rgba(255,255,255,1.00);
    width: 100%;
    height: 100%;
	overflow:auto;
  }
  
  }
    
    
    






/*メニューボタンのエフェクト*/




  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  
  .nav-button {
    z-index: 20;
    position: relative;
    width: 28px;
    height: 28px;
  }
  
  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
  }
  
  .nav-button span:nth-of-type(1) {
    top: 0;
  }
  
  .nav-button span:nth-of-type(2) {
    top: 9px;
  }
  
  .nav-button span:nth-of-type(3) {
    bottom: 6px;
  }
  
  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
  }
  
  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }
  
  
  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-14px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg);
  } 

  
  
  
  
  
 
 
 
.nav-button::after {
  position: absolute;
  left: 0;
  bottom: -8px;
  content: 'MENU';
  display: block;
  width: 100%;
  color: #000;
  font-size: 8px;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  transition: all .4s;
}
.nav-button.active::after {
  content: 'CLOSE';
  bottom: -8px;
}

  
  
  
  
  
  
  
  
/*------------------------------ ダウンロードボタン   */
.btn-d a {
	font-size:20px;
    line-height: 23px;
    font-weight:normal;
	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
    border:1px solid #a4a4a4;
    padding:0.5em 1em;
    text-decoration:none;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #f6f6f6), color-stop(100%, #dddddd) );
    background:-moz-linear-gradient( center top, #f6f6f6 18%, #dddddd 87% );
    background:-ms-linear-gradient( top, #f6f6f6 18%, #dddddd 87% );
	
    color:#000000;
    }

.btn-d  a:hover {
	
    border:1px solid #000000;
    text-decoration:none;
    color:#ffffff;
	
    background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #000000), color-stop(100%, #000000) );
    background:-moz-linear-gradient( center top, #000000 18%, #000000 87% );
    background:-ms-linear-gradient( top, #000000 18%, #000000 87% );
	
	
}  




.basetable table{
	border-top:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
}

.basetable th{ border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;}

.basetable td{ border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;}

.basetable tr:nth-child(even){ background:#f4f2f2;}



.bordernotable table{
	border:none;
}

.bordernotable th{ border:none;}

.bordernotable td{ border:none;}







.fixmenu{ display:none;}

@media screen and (max-width: 667px) {

  .fixmenu{
	display:inline-block;
	position:fixed;
	top:0;
	right:0;
	z-index:9999;
	padding:0.5em;
	margin:0;
    background: rgba(255,255,255,0.60)
}
  
  }
  
  
  
  
  
  
.payment .haisou1{ margin: 0.5em; background-color: #0e6eb8; display: inline-block; padding: 0.5em 1em; color: white; font-weight: bold;font-size: 1.5em;}

.payment .haisou2{ margin: 0.5em; background-color: #009380; display: inline-block; padding: 0.5em 1em; color: #fccf00; font-weight: bold;font-size: 1.5em;}

.paymenttable{border:none;}

.paymenttable table{ border-top:1px solid #ccc; border-left:1px solid #ccc;border-collapse: separate;border-spacing: 0 0; }

.paymenttable table td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px 10px; line-height: 1.5;}

.paymenttable table th{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px 10px;  font-weight:normal; text-align:left;}



.paymentgrid2{overflow:hidden;display: block;}

.paymentgrid2 table{width: 100%; box-sizing: border-box;border-collapse: separate; border-spacing: 15px;}

.paymentgrid2 td{ vertical-align: top; width:48%;  box-sizing:border-box;border:1px solid #ccc; background-color: #eee;}	
   


@media screen and (max-width: 600px) {

.paymentgrid2 td{ display:block; width:100%;}	
   
}




#breadcrumbs ol{
list-style: none;
	padding: 0;
	margin: 0;
}

#breadcrumbs ol li{
	display: inline-block;
padding-left: 10px;}


#breadcrumbs ol li:first-child{padding-left: 0px;}






  
  
  
  
  
  
  
  
  
.price{}
  
.price table{ 
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-collapse: collapse;
    }
    
.price th{ 
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    text-align: center;
    background-color: #DBDBDB;
    padding: 0.5em 0.25em;
    }    
    
.price td{ 
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    text-align: center;
    padding: 0.5em 0.25em;
    }    
  
.price tr:nth-child(even){background-color: #fdfadb;}
  
.price tr:nth-child(odd){background-color: #fff;}


.naka table{width: 100%;}


@media screen and (max-width: 667px) {

.naka table{width: auto;}

.naka table td{white-space: nowrap}

.musen table td{white-space: nowrap}

}







.price2{}
  
.price2 table{ 
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-collapse: collapse;
    }
    
.price2 th{ 
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    text-align: center;
    background-color: #DBDBDB;
    padding: 0.25em;
    }    
    
.price2 td{ 
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    text-align: center;
    padding: 0 ;
    }    
  
.price2 tr:nth-child(even){background-color: #fdfadb;}
  
.price2 tr:nth-child(odd){background-color: #fff;}