@charset "EUC-JP";
/* CSS Document */

.seo_next_system{display:none;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}

 
.sm{display:none}

.fs8{font-size:8px;}
.fs9{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.fs23{font-size:23px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}
.fs27{font-size:27px;}
.fs28{font-size:28px;}
.fs29{font-size:29px;}
.fs30{font-size:30px;}
.fs31{font-size:31px;}
.fs32{font-size:32px;}
.fs33{font-size:33px;}
.fs34{font-size:34px;}
.fs35{font-size:35px;}
.fs36{font-size:36px;}
.fs37{font-size:37px;}

.fs70{font-size:70%;font-weight:normal}


a img:hover { opacity:0.8}

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix{display: inline-block;} 

iframe {
	width: 100% !important;
}

.bg009 { background-color:#009}
.bg39c { background-color:#39c}
.bg06f { background-color:#60f}
.bg090 { background-color:#090}
.bgc09 { background-color:#c09}

#head {
  width: auto;
  height: auto;
  background-image: none;
}
.navbar {
	display: none;
}
#con{
	width:auto;
	max-width:1000px;
	min-width:740px;
	height:auto;
	margin:auto;
}

#container{
	width:100%;
	height:auto;
	margin:auto;
}


.service{
	width:100%;
	height:100px;
	margin:0px 0px 0px 0px;
}

#topbanner02 {
  width: auto;
  height: auto;
  margin: 0;
  background-image: none;
}

#topbanner03{
	width:100%;
	min-height:0;
	height: auto;
	margin:0;
	background-image:none;
}
img {
	max-width: 100% !important;
	height: auto;
	border:none;
}

.img{
	border:0px;
	}

/*facebook*/

#fb {
	display: table;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
#fb .plugin {
	display:table-cell;
	/*float:right;*/
	width:63%;
}
#fb .fb_bnr {
	display:table-cell;
	vertical-align:middle;
	/*float: left;*/
	width: 36%;
	background:#405e9e;
}

/*--------------------テキスト関連-------------------------*/

table{
	border-top:#000 solid 1px;
}

th{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	border-left:#000 solid 1px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

td{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	text-align:center;
	border-left:#000 solid 1px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:inherit;
}


table.form {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.form th{
	text-align: left;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 10px;
}

.form td{
	text-align:left;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #CCCCCC;
	padding: 12px;
	min-width: 320px;
}

.form tr:nth-child(2n+1){
	background: #FFFCF4;
}

.form span {
	font-size: 12px;
	color: #666;
}

.form input[type="text"]{
	font-size: 16px;
	padding: 3px;
}

.input_long {
	width: 80%;
}

.input_mid {
	width: 60%;
}

.input_short {
	width: 40%;
}

input.btn_submit {
    padding: 10px 25px;
    font-size: 16px;
    background-color: #FF8600;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.68);
	cursor: pointer;
	border-radius: 3px;
	box-shadow: 0 0 1px #ccc;
}

input.btn_submit:hover {
	opacity: .8;
}

.media{
	width: auto;
	max-width:790px;
	height:auto;
	margin:10px 0px 0px 0px;
}

.media p{
	color:#03C;
	font-size:16px;
}
.media th{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	text-align:center;
	border-left:#000 solid 1px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:inherit;
}

.media td{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	text-align:center;
	border-left:#000 solid 1px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
}

dl{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	width: auto;
	max-width:300px;
	margin:0px auto 20px auto;
	}
dl dt{
	background:#ff9900;
	color:#FFF;
	border-bottom:1px solid #FFFFFF;
	cursor:pointer;
	margin:10px 0px 0px 0px;
	}
	
dl dd{
	border:0px solid #7CADB6;
	border-top:none;
	height: auto;
	min-height:120px;
	}
	
h1,
.header_ttl{
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	text-align:center;
	color:#FFF;
	background-color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	font-weight: bold;
	/*height:*/
}

h2,
.sub_ttl{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#ffffff;
	margin:5px 0px 0px 0px;
	padding:10px 0px 10px 10px;
	background-color:#0066B3;
	text-align: center;
}

h3,
.main_ttl{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	/*color:#000000;*/
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	background-color:#014029;
	text-align: left;
}

h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#ffffff;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	background-color:#660000;
}

h5{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#ffffff;
	border-left:#ffffff groove 10px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	background-color:#660000;
	border-bottom:#fff solid 1px;
}

h6{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#33C;
	border-left:20px #33C groove;
	padding:0px 0px 0px 10px;
	
	margin:5px 0px 0px 0px;
}

p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	color:#777777;
	margin:5px 0px 0px 10px;
}

a:visited{
	color:#339;
	text-decoration:underline;
		}
	
a:link{
	color:#339;
	text-decoration: underline;
}

a:hover{
	color:#999;
	text-decoration:none;
		}

/*--------------------トップナビバー-------------------------*/


/*#navibar_temp{
	width: auto;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

}
*/
#navibar_temp {
  width: 97.5%;
  height: auto;
  margin: 5px 0px 0px 0px;
  padding: 33px 0px 27px 2.5%;
  background-image: url(img/navibar_back_temp.gif);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
 }
.topnavi_bn01,
.topnavi_bn02,
.topnavi_bn03,
.topnavi_bn04,
.topnavi_bn05,
.topnavi_bn06,
.topnavi_bn07 {
	width: 13%;
	height:auto;
	margin:0;
	float: left;
}

/*--------------------左ナビ-------------------------*/

#left_container{
	width: 20%;
	max-width:200px;
	height:auto;
	float:left;
	margin:10px 0px 0px 0px;
	overflow:hidden;
}

.leftnaviback{
	
	width: auto;
	max-width:200px;
	height:auto;
	min-height:1100px;
	margin:1px 0px 0px 0px;
}


.navi_bn_box{
	width: auto;
	max-width:200px;
	height:auto;
	padding:0px 0px 0px 30px;
}

.navi_bn{
	width: auto;
	max-width:200px;
	height: auto;
	min-height:70px;
	margin:10px 0px 0px 0px;
}

.bn_space{
	width: auto;
	max-width:200px;
	height: auto;
	min-height:10px;
	margin:0px 0px 0px 0px;
}

#navibar_temp div a,
.rollover {
	display: block;
	background-size: contain;
}

#navibar_temp div a,
.rollover {
	display: block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
#navibar_temp .topnavi_bn01 a {background-image: url(img/top_bn01.gif)}
#navibar_temp .topnavi_bn02 a {background-image: url(img/top_bn02.gif)}
#navibar_temp .topnavi_bn03 a {background-image: url(img/top_bn03.gif)}
#navibar_temp .topnavi_bn04 a {background-image: url(img/top_bn04.gif)}
#navibar_temp .topnavi_bn05 a {background-image: url(img/top_bn05.gif)}
#navibar_temp .topnavi_bn06 a {background-image: url(img/top_bn06.gif)}
#navibar_temp .topnavi_bn07 a {background-image: url(img/top_bn07.gif)}
#navibar_temp .topnavi_bn01 a:hover {background-image: url(img/top_bn01over.gif)}
#navibar_temp .topnavi_bn02 a:hover {background-image: url(img/top_bn02over.gif)}
#navibar_temp .topnavi_bn03 a:hover {background-image: url(img/top_bn03over.gif)}
#navibar_temp .topnavi_bn04 a:hover {background-image: url(img/top_bn04over.gif)}
#navibar_temp .topnavi_bn05 a:hover {background-image: url(img/top_bn05over.gif)}
#navibar_temp .topnavi_bn06 a:hover {background-image: url(img/top_bn06over.gif)}
#navibar_temp .topnavi_bn07 a:hover {background-image: url(img/top_bn07over.gif)}
.btn_sample {background-image: url(img/sample_left.jpg)}
.btn_sample:hover {background-image: url(img/sample_left_over.jpg)}
.btn_template {background-image: url(img/temp_side.jpg)}
.btn_template:hover {background-image: url(img/temp_side_over.jpg)}

#navibar_temp div a img,
.rollover img {
	visibility: hidden;
}

/*--------------------メインコンテンツ-------------------------*/

#main_contents{
	width: 78%;
	max-width:790px;
	height:auto;
	float:right;
	margin:10px 0px 0px 10px;
}

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

#footer{
	background-color: rgb(0, 0, 153);
	height:auto;
	clear:both;
	margin:10px 0px 0px 0px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
}

#footer h2{
	background-color: rgb(0, 0, 153);
	font-size:16px;
	padding:20px 0;
	text-align:left;
}


#footer p{
	color:#FFF;
	font-size:16px;
	margin:0;
	padding:20px 0 10px;
}

.foot_bg{
	background-color: rgb(0, 0, 153);
	max-width:1000px;
	margin:0 auto;
	}

#foot_all{
	width:1000px;
	float: left;
}

.foot{
	width:250px;
	height:auto;
	float:left;
}


#footer #foot_all ul{
	list-style-type:none;
	margin:0;
	padding:0;
}


#footer #foot_all  li{
	list-style-type:none;
	font-size:10px;
	padding-bottom:5px;
}

#footer #foot_all  li a{
	    color: #fff;
    text-decoration: none;
}

#footer #foot_all  .copyright{
	text-align:center;
	font-size:10px;
	padding:30px;
}

/*--------------------価格表-------------------------*/
.price_title01{
	width: 48%;
	/*max-width:390px;*/
	height:auto;
	float:left;
	margin:0px 0px 10px 0px;
}

.price_title02{
	width: 51%;
	/*max-width:390px;*/
	height:auto;
	float:right;
	margin:0px 0px 10px 0px;
}

.cm001{
	clear:both;
	width: auto;
	max-width:790px;
	height:auto;
	margin:10px 0px 0px 0px;
}


.cm{
	position: relative;
	clear:both;
	width: auto;
	max-width:790px;
	height:auto;
	margin:10px 0px 0px 0px;
}

.cm2{
	clear:both;
	width: auto;
	max-width:790px;
	height:auto;
	margin:0px 0px 0px 0px;
}

.cm3{
	clear:both;
	width:auto;
	height:auto;
	margin:10px 0px 0px 0px;
}

.cm3_left{
	float:left;
	width: auto;
	max-width:395px;
	height:auto;
	min-height:150px;
	margin:0px 0px 0px 0px;
	background-image:url(img/a4_plus.gif);
}

.cm3_right{
	float:left;
	width: auto;
	max-width:395px;
	height:auto;
	min-height:150px;
	margin:0px 0px 0px 0px;
	background-image:url(img/ryoumen_plus.gif);
}

.cm_rank_right{
	float:left;
	width: auto;
	max-width:395px;
	height:auto;
	margin:0px 0px 0px 0px;
	
}

.cm_rank_left{
	float:left;
	width: auto;
	max-width:395px;
	height:auto;
	margin:0px 0px 0px 0px;
}




/*--------------------アイコン------------------------*/
.icon{
	width: 100%;
	max-width:390px;
	height:auto;
	min-height:30px;
	margin:0px 0px 10px 0px;
}

.icon_long{
	width: auto;
	max-width:790px;
	height:auto;
	min-height:30px;
	margin:10px 0px 10px 0px;
	clear:both;
	/*display: inline-block;*/
}

.icon_in{
	float:left;
	width: 16%;
	height:auto;
	margin:5px .2% 0 0;
}
.price_title02 .icon_in {
	width: 33%;
}

.icon_long:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

/*--------------------メールフォーム------------------------*/
.mail_box02{
	border-bottom:solid #333 1px;
	background-color:#FFC;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:75px;
	margin:0px 0px 0px 0px;
}

.mail_box01{
	border-bottom:solid #333 1px;
	background-color:#ffffff;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:75px;
	margin:0px 0px 0px 0px;
}

.mail_box03{
	background-color:#ffffff;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:100px;
	margin:0px 0px 0px 0px;
}

.mail_title{
	padding:5px 10px 0px 0px;
	text-align:right;
	float:left;
	width: auto;
	max-width:150px;
	height:auto;
	min-height:70px;
	margin:0px 0px 0px 0px;
}

.mail_anser{
	padding:5px 0px 0px 10px;
	float:left;
	width: auto;
	max-width:618px;
	height:auto;
	min-height:70px;
	margin:0px 0px 0px 0px;
	border-left:solid #CCC 1px;
}

.mail_title03{
	padding:5px 10px 0px 0px;
	text-align:right;
	float:left;
	width: auto;
	max-width:150px;
	height:auto;
	min-height:95px;
	margin:0px 0px 0px 0px;
	
}

.mail_anser03{
	padding:5px 0px 0px 10px;
	float:left;
	width: auto;
	max-width:500px;
	height:auto;
	min-height:95px;
	margin:0px 0px 0px 0px;
	border-left:solid #CCC 1px;
}


/*--------------------データ入稿------------------------*/
.deka{
	width: auto;
	max-width:790px;
	height:auto;
	min-height:300px;
	margin:0px 0px 0px 0px;
}
.deka_left {
  float: left;
  width: 38%;
  height: auto;
  margin: 20px 0 0;
}
.deka_right {
  float: right;
  width: 60.76%;
  height: auto;
  margin: 20px 0 0;
}	
	
/*--------------------インフォメーション------------------------*/
#info{
	width: auto;
	max-width:1000px;
	height:auto;
	min-height:30px;
}

#info02{
	width: auto;
	max-width:750px;
	height:auto;
	min-height:30px;
	margin:0px 0px 0px 175px;
}

#info_text{
	width: auto;
	max-width:710px;
	height:auto;
	min-height:23px;
	padding:3px 0px 0px 3px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}

#info_text ul{
	margin:0px;
}

#info_text ul{
	margin:0px;
}

/*--------------------データチェックページ------------------------*/
.data{
	margin:10px 0px 10px 0px;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:0;
	clear:both;
}

.datatitle{
	width: auto;
	max-width:790px;
	height:auto;
}

.databox{
	width: auto;
	max-width:790px;
	height:auto;
}

.datain_left{
	width: 54.4%;
	max-width:430px;
	height:auto;
	float:left;
}
.datain_right{
	width: 44.3%;
	max-width:350px;
	height:auto;
	float:right;
}


/*--------------------リンクページ------------------------*/
.link_box{
	width: auto;
	max-width:790px;
	height:auto;
	min-height:40px;
}
.link_box_in{
	width: auto;
	max-width:93px;
	height:auto;
	min-height:31px;
	float:left;	
}

/*--------------------スタッフページ------------------------*/
.staff{
	margin:10px 0px 0px 0px;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:300px;
}

.staff_right{
	width: auto;
	max-width:200px;
	height:auto;
	min-height:300px;
	float:left;
}

.staff_left{
	float:left;
	width: auto;
	max-width:580px;
	height:auto;
	min-height:300px;
}

.torikumi{
	clear:both;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:150px;
}

.torikumi_in{
	float:left;
	width: auto;
	max-width:195px;
	height:auto;
	min-height:150px;
}

.torikumi_in02{
	background-image:url(img/tempo.jpg);
	float:left;
	width: auto;
	max-width:390px;
	height:auto;
	min-height:150px;
}

/*--------------------メリット------------------------*/
.merritt{
	margin:10px 0px 0px 0px;
	width: auto;
	max-width:790px;
	height:auto;
	/*min-height:430px;*/
	background-image:none;
}
	
	
	/*--------------------俳句------------------------*/
.haiku{
	
	margin:10px 0px 0px 0px;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:450px;
	
}

.haiku_left{
	float:left;
	width: 100%;
	height:auto;
}

.haiku_center{
	float:left;
	width: 100%;
	height:auto;
}

.haiku_right{
	float:left;
	width: 100%;
	height:auto;
}



/*--------------------他社との比較------------------------*/
.hikaku{
	clear:both;
	margin:10px 0px 0px 0px;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:500px;
	background-image:url(img/hikaku.jpg);
}

/*--------------------送料マップページ------------------------*/
.map{
	width: auto;
	max-width:790px;
	height:auto;
	background-image:none;
}

/*--------------------シート幅説明------------------------*/
.seet{
	clear:both;
	margin:10px 0px 0px 0px;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:200px;
	background-image:url(img/seet.gif);
}

.seet_cut{
	clear:both;
	margin:10px 0px 0px 0px;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:200px;
	background-image:url(img/seet_cut.gif);
}

.topibox{
	background-color:#EEE;
	background-size: contain;
	border:2px solid #369;
	/*padding:10px 10px 10px 10px;*/
	margin-bottom:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}


.new_cm{
	margin:10px 0 20px;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:0;
}

.new_left{
	width: 33.3%;
	max-width:263px;
	height:auto;
	min-height:0;
	float:left;
}

.new_center{
	width: 33.3%;
	max-width:263px;
	height:auto;
	min-height:0;
	float:left;
}

.new_right{
	width: 33.3%;
	max-width:263px;
	height:auto;
	min-height:0;
	float:left;
}

.remis_box{
	width: auto;
	max-width:790px;
	height:auto;
	min-height:50px;
	background-color:#009;
	margin:10px 0px 0px 0px;
	padding:0px 0px 5px 10px;
}

.remis_box_left{
	float:left;
	width: auto;
	max-width:100px;
	height:auto;
	min-height:40px;
	margin:10px 0px 0px 10px;
}

.remis_box_right{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#FFF;
	float:left;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:40px;
	margin:10px 0px 0px 0px;
}


.kessai{
	padding:5px;
	border:#0066b3 3px solid;
	margin-bottom:10px;
	background-color:#FFF;
}


.hatome_link{
	width: auto;
	max-width:390px;
	height:auto;
	min-height:150px;
}

.hatome_link_left{
	float:left;
	width: auto;
	max-width:195px;
	height:auto;
	min-height:150px;
}
.hatome_link_right{
	float:left;
	width: auto;
	max-width:195px;
	height:auto;
	min-height:150px;
}

.link_box{
	width: auto;
	max-width:630px;
	height:auto;
	min-height:40px;
}
.link_box_in{
	width: auto;
	max-width:93px;
	height:auto;
	min-height:31px;
	float:left;	
}

.sign_box{
	clear:both;
	vertical-align:top;
	width: auto;
	max-width:600px;
	height:auto;
	min-height:300px;
}

.quest_box{
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:10px 10px 10px 10px;
	vertical-align:top;
	font-size:13px;
	width: auto;
	max-width:610px;
	height:auto;
	border:1px #F93 ridge;
	margin:10px 0px 0px 0px;
}

.sign_mini_box{
	text-align:center;
	float:left;
	padding:0px 0px 0px 0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	width: 23.9%;
	height:auto;
	min-height:290px;
	border:1px #006 solid;
	margin:5px 0px 3px 4px;
}

.sign_mini_box h3{
	padding:0px 0px 0px 0px;
	border:none;
	margin:0px 0px 5px 0px;
	font-size:12px;
	background-color:#039;
	color:#FFF;
}

.sign_mini_box h6{
	
	border:none;
	padding:0px 0px 0px 0px;
	font-size:12px;
	background-color:#000;
	color:#FFF;
}

.imgBox{
	padding:6px 3px 3px 3px;
	width: auto;
	max-width:170px;
	height:auto;
	min-height:155px;
	background:url(../img/loading.gif) 50% 50% no-repeat;
margin:0px;}


.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff; 
	width: auto;
	max-width:738px;
	height:auto;
min-height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
	width: auto;
	max-width:718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 


.price410box td{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#339;
	text-align:center;
	border-left:#000 solid 1px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}


.flowbox
{
	clear:both;
	width: auto;
	max-width:790px;
	height:auto;
	min-height:150px;
}

.flowbox_left
{
	width: 15.2%;
	max-width:120px;
	height:auto;
	min-height:150px;
	float:left;
}

.flowbox_right
{
	width: 84%;
	max-width:670px;
	height:auto ;
	float:left;
}


.slow_box{
	width: auto;
	max-width:790px;
	height:auto;
	}
	
.slow01{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float:left;
	width: auto;
	max-width:260px;
	height:auto;
	}
	.cs4{
	margin-top:10px;
	border:#F00 10px solid;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	color:#F00;
	background-color:#FF0;
}

/*------------------中野追加項目メンテナンス日時----------------------*/
.osirase 
{
	width: auto;
	max-width:790px;
	height:auto;
	font-size:11px;
	color:#F00;
}

.choose{
	width: auto;
	max-width:790px;
	height:auto;
	min-height:70px;
	float:left;
	
}
.choosebox{
	width: auto;
	max-width:790px;
	height:auto;
	margin:0px 0px 0px 0px;
}
.choosebox2{
	width: auto;
	max-width:790px;
	height:auto;
	height:auto;
	margin:0px 0px 0px 0px;
}
.chooseminibox{
	width: auto;
	max-width:250px;
	height:auto;
	min-height:120px;
	float:left;
}
.chooseminibox2{
	width: auto;
	max-width:250px;
	height:auto;
	min-height:120px;
	float:left;
	/*margin:5px 65px 5px 65px;*/
	
}

.hatomebigbox{
	width: auto;
	max-width:790px;
	height:auto;
	min-height:1050px;
}

.hatomebox{
	width: auto;
	max-width:300px;
	height:auto;
	min-height:400px;
	float:left;
	margin:0px 46px 0px 47px;
	
}
.hatomebox2{
	width: auto;
	max-width:300px;
	height:auto;
	float:left;
	margin:0px 46px 0px 47px;
}

.hatomebox3{
	width: auto;
	max-width:790px;
	height:auto;
	min-height:400px;
	float:left;
}

/*--------------------ついてくるバー------------------------*/
#tuitekuru{
	position:absolute;
	right:0;
	opacity:0;
}
  #tuitekuru {
	  z-index: 9998;
  }
  #tuitekuru a {
	  display: block;
  }

.title_l{
	width: 49.5%;
    float: left;
    height: auto;
    margin: 0px 0px 10px 0px;
    box-sizing: border-box;
	display:inline-block;
	}
	
.title_r{
	width: 49.5%;
    float: right;
    height: auto;
    margin: 0px 0px 10px 0px;
    box-sizing: border-box;
	display:inline-block;
	}
	
/*--------------------designテンプレ------------------------*/
.w50{
    width: 49%;
    float: left;
    margin-left: 1%;
}

.border {
    border-top: 1px solid black;
    margin-top: 3%;
}

/*--------------------top Banner------------------------*/
.top_banner{
	background:url(img/star_bg.png) no-repeat;
	background-size:780px auto;
	}
	
.box {
	width:24.3%;
	display:inline-block;
	box-sizing:border-box;
	background: none;

}

.boxContainer {
	overflow: hidden;
	background: none;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}

.boxContainer >a img:hover {
	opacity:1;
}


/*-----------------囲み枠----------------------*/

.blog_box1{
    padding: 0.5em 1em;
    margin: 0;
    font-weight: bold;
    border: solid 3px #00008B;
	display: block
}
.blog_box1 p {
    margin: 0;
    padding: 0;
}

.blog_box2 {
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    padding: 0.5em 1em;
	margin: 10px 0px;
    background: -moz-linear-gradient(#191970, #00008B);
    background: -webkit-linear-gradient(#191970, #00008B);
    background: linear-gradient(to top, #191970, #00008B);
    color: #FFF;
}
.blog_box2 p {
    margin: 0;
    padding: 0;
	color: #FFF;
	font-size:16px;
	font-weight:bold;
	 text-align: left;
}
.blog_box3 {
    padding: 0.5em 1em;
    margin: 1em 0;
    font-weight: bold;
    border: solid 3px #00008B;
	display:block;
}
.blog_box3 p {
    margin: 0;
    padding: 0;
}


.kaisetsu {
	border: solid 3px #DADADA;
	
}

.kaisetsu_contents {
	width: 49%;
	float:left;
}


/*-----------------実例リスト----------------------*/

ul.sekoubox_container {
	margin-block-start: 5px;
    margin-block-end: 0em;
	padding-inline-start: 0px;
}

.sekoubox_container li {
    float: left;
    width: 49%;
	min-height: 280px;
    padding: 10px 1% 20px 1%;
    margin: 0 0.5% 15px;
	border: solid 8px #00008B;
	border-radius: 20px 20px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	list-style:none;
	overflow:auto;
}

.sekoubox_container p {
	font-size:15px;
	font-weight: bold;
	margin: 5px 0px 0px 0px; 
}

.inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.sekoubox_container a {
	text-decoration:none;
}

.lp_button{
	width: 50%;
	height: 50%;
}
.pankuzu{font-size:1.5pt;}
@media (max-width: 767px) {
.pankuzu{font-size:12px; font-size:1.2rem;}
}