@charset "Shift_JIS";

body {
	background-color: #ffffff;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	 line-height:100%;
}

* + html body {  
    font-family: "メイリオ","Meiryo";  
}  

*{
	margin: 0px;
	padding: 0px;
	border:none;
	vertical-align:text-top;
}


h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
	color:#ff6633;
	text-align:center;
	line-height:140%;
}

address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
	}
address	{
	font-size:x-small;
	}

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

html {
	overflow-y:scroll;
}

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

img {  
    border: 0;  
} 

.red_txt {  
    color:#cc0000;
} 

.red_txt_s {  
    color:#cc0000;
     font-size: 80%;
} 

.red_txt_ms {  
    color:#cc0000;
     font-size: 90%;
} 

.red_txt_nom {  
    color:#cc0000;
     font-size: 100%;
     line-height:140%;
} 

.red_txt_nomb {  
    color:#cc0000;
     font-size: 100%;
     line-height:140%;
     font-weight:bold;
} 

.green_txt_s {  
    color:#006511;
}

.gre_txt {  
    color:#333333;
} 

.midashitex_s {  
color:#666666;
    font-size: 110%;
    line-height:140%;
} 

.gre_naka_txt_s {  
    color:#333333;
     font-size: 90%;
} 

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

.text_centeryose {
text-align:center;
color:#f08300;
}



/* 廃判品
---------------------------------------------------- */
.haiban {
    color:#ee0000;
    font-weight:bold;
}

/* 出力の実績と傾向
---------------------------------------------------- */

#mytable_keiko{
	width: 670px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: 1px #000000 solid;
	border-collapse: collapse;
	font-size: 80%;
}

#mytable_keiko td {
	margin: 0px 0px 0px 0px;
	padding: 5px;
	border: 1px #000000 solid;
}

#nakatext_keiko { color:#333333; line-height:120%; } 

#nakatext_keiko h2 { font-size:150%; border-bottom: solid 1px black;
/*線の種類（実線） 太さ 色*/ } 

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

#mytable {
	width: 670px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: 1px #000000 solid;
	border-collapse: collapse;
	font-size: 80%;
}

#mytable td {
width: 60px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	border: 1px #000000 solid;
	text-align:center;
	vertical-align:middle;
}

#mytable td.hida {
width: 70px;
}

.hedcol {
background-color: #cccccc;
}

.hedcolni {
background-color: #eeeeee;
}

.kamimei_t {
padding: 10px 0px 5px 0px;
}

.yen{
	width: 670px;
	text-align:right;
	font-size: 70%;
	}

/* リンク
---------------------------------------------------- */
  a:link {font-size:small; line-height:100%; color:#333333; text-decoration:none;}
  a:visited {font-size:small; line-height:100%; color:#333333; text-decoration:none;}
  a:hover {font-size:small;  line-height:100%; color:#333333; text-decoration:underline;}
  a:active {font-size:small;  line-height:100%; color:#333333; text-decoration:none;}

  a.pagetop:link {font-size:x-small; line-height:100%; color:#333333; text-decoration:none;}
  a.pagetop:visited {font-size:x-small; line-height:100%; color:#333333; text-decoration:none;}
  a.pagetop:hover {font-size:x-small;  line-height:100%; color:#333333; text-decoration:underline;}
  a.pagetop:active {font-size:x-small;  line-height:100%; color:#333333; text-decoration:none;}

  a.pankzu:link {font-size:small; line-height:100%; color:#333333; text-decoration:underline;}
  a.pankzu:visited {font-size:small; line-height:100%; color:#333333; text-decoration:underline;}
  a.pankzu:hover {font-size:small;  line-height:100%; color:#333333; text-decoration:none;}
  a.pankzu:active {font-size:small;  line-height:100%; color:#333333; text-decoration:none;}

  a.chu:link {font-size:100%; line-height:120%; color:#0066ff; text-decoration:none;}
  a.chu:visited {font-size:100%; line-height:120%; color:#0066ff; text-decoration:none;}
  a.chu:hover {font-size:100%;  line-height:120%; color:#990000; text-decoration:underline;}
  a.chu:active {font-size:100%;  line-height:120%; color:#0066ff; text-decoration:none;}

  a.nakadai:link {font-size:130%; line-height:100%; color:#0066ff; text-decoration:none;}
  a.nakadai:visited {font-size:130%; line-height:100%; color:#0066ff; text-decoration:none;}
  a.nakadai:hover {font-size:130%;  line-height:100%; color:#990000; text-decoration:underline;}
  a.nakadai:active {font-size:130%;  line-height:100%; color:#0066ff; text-decoration:none;}

  a.chu_kin:link {font-size:100%; line-height:120%; color:#333333; text-decoration:none;}
  a.chu_kin:visited {font-size:100%; line-height:120%; color:#333333; text-decoration:none;}
  a.chu_kin:hover {font-size:100%;  line-height:120%; color:#886300; text-decoration:underline;}
  a.chu_kin:active {font-size:100%;  line-height:120%; color:#333333; text-decoration:none;}


/* 全体
---------------------------------------------------- */
#wrapper_topmain {
  padding: 13px 0px 0px 0px;
}

#wrapper {
  padding: 0px 0px 0px 0px;
}

#contents_back {
  clear:both;
  background: url(../../img/con_back.jpg) repeat-x;
  height:180px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#contents {
    clear:both;
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}
#contents_lef {
	width: 670px;
	margin: 0px;
	padding: 40px 0px 0px 0px;
	text-align:left;
	float:right;
}

#contents_rig {
	width: 310px;
	margin: 0px;
	padding: 20px 0px 10px 0px;
	text-align:left;
	float:left;
}

.red_kyo {
    color:#cc0000;
	line-height:120%;
	font-size:small;
}

#maingazjou_t {
	width: 980px;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}


/* ページ小タイトル帯
---------------------------------------------------- */
h3 {
border-bottom: solid 1px black;
/*線の種類（実線） 太さ 色*/
}


/* パンクズ
---------------------------------------------------- */
#panku {
    clear:both;
	width: 980px;
	padding: 15px 0px 0px 0px;
	margin: 0px;
	font-size:small;
    color:#333333;
}

#panku strong {
	padding: 0px;
	margin: 0px;
	font-size:small;
    color:#333333;
	line-height:110%;
}

/* 左ナビゲーション
---------------------------------------------------- */
#r_navi ul {
  margin: 0px;
  padding: 0px 0px 8px 0px;
  list-style: none;
}
#r_navi li {
  margin: 0;
  padding: 0px 0px 10px 0px;
  width: 192px;
}


.cds-navi,
.cds-navi ul { list-style-type: none; }

.cds-navi { margin: 0 0 2em; padding: 0; }

.cds-navi ul { margin: 1px 0 0; padding: 0; }

.cds-navi li { display: inline; }

.cds-navi li a,
.cds-navi ul li a {
font-size: 90%;
  text-align: center;
  margin-bottom: 0px;
  padding: 20px 0;
  width: 240px;
  display: block;
  text-decoration: none;
}

.cds-navi a {
  background-color: #000000;
  color: #000000;
}

.cds-navi a.gre1 {
  background-color: #E7D0B4;
}

.cds-navi a.gre2 {
  background-color: #EBD8C1;
}
.cds-navi a.gre3 {
  background-color: #F0E0CE;
}
.cds-navi a.gre4 {
  background-color: #F4E8DA;
}
.cds-navi a.gre5 {
  background-color: #F8F0E7;
}

.cds-navi a:hover,
.cds-navi ul a:hover {
  background-color: #E0C19B;
  color: #660000;
  text-decoration: underline;
}



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



marquee {
clear:both;
  margin: 0;
  padding: 4px 0px 4px 0px;
  font-size:small;
  color:#be007b;
  background-color: #ffffff;
  border-width: 1px; 
  border-bottom-style: solid; 
  border-color: #cccccc;
}


#header {
	width: 870px;
	height:110px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

#header_kensaku {
	margin: 0px;
	width: 200px;
	padding: 0px 0px 0px 5px;
	float:right;
}



#header_zyo {
clear:both;
	margin: 0px;
	width: 980px;
	padding: 0px 0px 0px 5px;
}

#header_toiri {
	margin: 0px;
	width: 500px;
	padding: 10px 0px 3px 0px;
	
}
#header_zyo h1 {
	font-size:small;
	padding: 10px 15px 5px 0px;
	color:#333333;
	text-align:left;
}

#logo {
	text-align:left;
}

#header_zyo p {
	font-size:x-small;
	color:#333333;
	width: 525px;
	float:left;
}

#header_zyo p.ricd {
	font-size:x-small;
	color:#333333;
	text-align:right;
	width: 220px;
	padding: 10px 0px 0px 0px;
	float:left;
}

#header_zyo p.ricdus {
	font-size:x-small;
	color:#333333;
	text-align:right;
	padding: 3px 0px 0px 0px;
}


/* ナビゲーション
---------------------------------------------------- */

#navigation_back {
  clear:both;
  background: url(../../img/header_navi_back.gif) repeat-x;
  height:15px;
  margin: 0px;
  padding: 0px;
}

#navigation {
  clear:both;
  margin: 0 auto;
  width: 980px;
  padding: 4px 0px 0px 0px;
}
#navigation ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align:left;
}
#navigation li {
  margin: 0;
  padding: 0px 0px 0px 0px;
  width: 145px;
  height: 28px;
  text-indent: -9999px;
  overflow:hidden;
  text-align:left;
  float:left;
}
#navigation li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 145px;
  height: 28px;
  text-align:left;
  float:left;
}


/* ナビゲーション　元
---------------------------------------------------- */
#navigation li#home {
  background: url(../../img/b_home.gif) no-repeat;
}
#navigation li#nagare {
  background: url(../../img/b_nagare.gif) no-repeat;
}
#navigation li#ryokin {
  background: url(../../img/b_ryokin.gif) no-repeat;
}
#navigation li#qa {
  background: url(../../img/b_qa.gif) no-repeat;
}
#navigation li#toi {
  background: url(../../img/b_toi.gif) no-repeat;
}
#navigation li#pay {
  background: url(../../img/b_payment.gif) no-repeat;
}

/* ナビゲーション　ロールオーバー
---------------------------------------------------- */
#navigation li#home a:hover {
  background: url(../../img/b_home_on.gif) no-repeat;
}
#navigation li#nagare a:hover {
  background: url(../../img/b_nagare_on.gif) no-repeat;
}
#navigation li#ryokin a:hover {
  background: url(../../img/b_ryokin_on.gif) no-repeat;
}
#navigation li#qa a:hover {
  background: url(../../img/b_qa_on.gif) no-repeat;
}
#navigation li#toi a:hover {
  background: url(../../img/b_toi_on.gif) no-repeat;
}
#navigation li#pay a:hover {
  background: url(../../img/b_payment_on.gif) no-repeat;
}



/* トップ
---------------------------------------------------- */

#top_zen {
    clear:both;
	width: 870px;
	padding: 10px 0px 0px 0px;
	margin: 0 auto;
}

#top_zen h2 {
	padding: 0px;
	margin: 10px 0px 5px 0px;
}

#top_zen h4 {
	padding: 0px;
	margin: 0px 0px 50px 0px;
}


.top_waku {
    clear:both;
	width: 870px;
	padding: 0px;
	margin: 0px 0px 30px 0px;
}


.top_wari {
	width: 270px;
	margin: 0px;
	padding: 0px;
	float:left;
}

.top_wari h3 {
	width: 270px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.top_wari p {
    font-size:small;
    color:#333333;
	width: 260px;
	line-height:150%;
	margin: 0px;
	padding: 5px 0px 0px 5px;
	text-align:left;
	border-width: 4px; 
    border-left-style: solid; 
    border-color: #BE007B;
}

.top_wari p.catacol {
    border-color: #F38F0B;
}

.top_wari p.fliercol {
    border-color: #8ABA1A;
}

.top_wari p.directcol {
    border-color: #1ABA57;
}

.top_wari p.poscol {
    border-color: #018EC2;
}
.top_wari p.corpcol {
    border-color: #014EC2;
}
.top_wari p.greetcol {
    border-color: #6E27A1;
}

.top_wari p.envelcol {
    border-color: #A12932;
}

.top_wari_naka {
	width: 270px;
	margin: 0px 30px 30px 30px;
	padding: 0px;
	float:left;
}

.top_wari_naka h3 {
	width: 270px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.top_wari_naka p {
    font-size:small;
    color:#333333;
	width: 260px;
	line-height:150%;
	margin: 0px;
	padding: 5px 0px 0px 5px;
	text-align:left;
	border-width: 4px; 
    border-left-style: solid; 
    border-color: #B200BE;
}

.top_wari_naka p.leafcol {
    border-color: #E9B200;
}


.top_wari_naka p.inhousecol {
    border-color: #3827CB;
}

.top_wari_naka p.homecol {
    border-color: #BE5A00;
}

.top_wari_naka p.directcol {
    border-color: #1ABA57;
}


.top_wari p.namecol {
    border-color: #01C2B4;
}

.top_wari_other {
	width: 860px;
	margin: 0px;
	padding: 5px 0px 10px 0px;
}
.top_wari_other h3 {
	display:block;
}

.top_mukku_waku_t{
padding: 0px 0px 0px 0px;
}

.top_mukku_waku{
width: 650px;
font-size:small;
color:#ffffff;
background-color:#000000;
border:0px #000000 double;
line-height:130%;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}



.page_top {
clear:both;
  width:980px;
margin: 0 auto;
  padding:20px 0px 10px 0px;
  text-align:right;
}

/* お支払と発送方法
---------------------------------------------------- */

.hyo_middle {
	vertical-align: middle;
}


/* ロゴマーク
---------------------------------------------------- */
#logo_waku {
	width: 670px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

#logo_waku h2 {
	padding: 0px;
	margin: 0px 0px 25px 0px;
}

#logo_waku h3 {
    font-size:large;
    color:#333333;
	line-height:150%;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#logo_waku h3.kin {
	margin: 18px 0px 18px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}
#logo_waku p {
    font-size:small;
    color:#333333;
	line-height:150%;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

.shitasp {
	padding:0px 0px 30px 0px;
}

.uesp {
	padding:20px 0px 50px 0px;
}

.lindai {
	padding:20px 0px 20px 0px;
}


/* 用紙を選ぶ
---------------------------------------------------- */
#youshi_kamiti {
height:40px;
}

#youshi_kamiti h1 {
font-size:160%;
	line-height:120%;
}


#youshi_kout {
background-color:#555555;
padding: 8px 10px 0px 10px;
}
#youshi_kout h4 {
font-size:120%;
    color:#ffffff;
	line-height:120%;
}



#youshi_kout_gou { font-size:140%; color:#333333; } 
#youshi_kout_gou p { 
margin: 0px 0px 0px 0px; 
padding:0px 0px 10px 0px; 
text-align:center; 
line-height:100%; } 

#youshi_kout_gou h5 { border-bottom: dotted 1px black;
border-color:#333333;
border-left: dotted 1px black;
border-color:#333333;
padding: 0px 0px 0px 10px;
/*線の種類（実線） 太さ 色*/ } 

.osusume{
border-color:#FFD6CC;
}

.youshi_kout_gou_t_shi {
	padding:20px 0px 0px 0px;
}

.midashi03{   
    border:#ccc solid 1px;   
    display:block;
}   
.midashi03{   
    border-left:#ccc solid 6px;   
    padding:2px 0px 0px 5px;
    margin: 20px 0px 4px 0px;
}


.youshi_mitsu_bu {
  width:670px;
margin: 0px;
  padding:30px 0px 10px 0px;
  text-align:center; 
}


/* よくあるご質問
---------------------------------------------------- */
#nakatext { color:#333333; line-height:140%; } 

#nakatext h2 { font-size:150%; border-bottom: solid 1px black;
/*線の種類（実線） 太さ 色*/ } 

#nakatext a:link {font-size:100%; line-height:140%; color:#0066ff; text-decoration:none;}
#nakatext a:visited {font-size:100%; line-height:140%; color:#0066ff; text-decoration:none;}
#nakatext a:hover {font-size:100%;  line-height:140%; color:#990000; text-decoration:underline;}
#nakatext a:active {font-size:100%;  line-height:140%; color:#0066ff; text-decoration:none;}

#nakatext ul { padding:15px 0px 0px 20px; } 
#nakatext li { padding:0px 0px 10px 0px; font-size:110%;} 
#midashi02 li{list-style: square outside; color:#000000;list-style-image:none;}  
#midashi02 li span{color:#333333;} 


/* 見本帳枠
---------------------------------------------------- */
.mihonwaku {
	margin: 0px 0px 0px 0px;
	padding: 5px 8px 8px 8px;
	border: 2px #808080 solid; }

/* フォームテーブル
---------------------------------------------------- */

#mytableform {
	width: 670px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px #000000 solid;
	border-collapse: collapse;
	font-size: 100%;
}

#mytableform td {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	border: 1px #666666 solid;
}

.hida {
width: 170px;
background-color:#ece6dd;

}

.formbuto{
border:1px #000000 double;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}

.formbuto_iro{
border:1px #000000 double;
background-color:#ff9933;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}

.cencen {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
	text-align:center;
}

select,textarea {
width: 365px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #999 !important;
}

input[type="text"] {
  font-family: Arial, sans-serif;
  font-size: 16px;
  padding: 4px;
  border: 1px solid #999;
}

  label {
    display: flex;
    align-items: center; /* 縦中央揃え */
    gap: 10px;
    line-height: 1.4;
  }

  label input {
    margin: 0; /* 余白リセット */
  }

/* フッター
---------------------------------------------------- */
#footer {
clear:both;
  background: url(../../img/footer_back.gif) repeat-x;
  margin:0px;
  padding:5px 0px 0px 0px;
  border-width: 1px; 
  border-top-style: solid; 
  border-color: #999999; 
  text-align:center;
}

.footer_wi {
  width:920px;
  margin: 0 auto;
  padding:10px 0px 10px 0px;
  text-align:center;
}

.footer_wari_s {
	width: 170px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float:left;
}
.footer_wari {
	width: 200px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float:left;
}

.footer_wari p {
	width: 182px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
  font-size:small;
  font-weight:bold;
  color:#333333;
}

.footer_wari_s p {
	width: 82px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
  font-size:small;
  font-weight:bold;
  color:#333333;
}

.footer_wari_shi {
	width: 152px;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	text-align:left;
	float:left;
}


.footer_wari_bi {
	width: 170px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float:left;
}


.footer_wari_bi p {
	width: 182px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
  font-size:small;
  font-weight:bold;
  color:#333333;
}

#footer ul {
  margin: 0px;
  padding: 0px 0px 0px 8px;
  list-style: none;
  text-align:left;
}

/* IE6 only \*/
* html #footer ul  {
	padding: 0px 0px 0px 2px;
}

#footer li {
  background: url(../../img/footer_yazi.gif) no-repeat;
  margin: 0px;
  padding: 0px 0px 0px 12px;
  width: 160px;
  float:left;
}

#footer li.home {
  width: 120px;
}
#footer li.seisaku {
  width: 182px;
}
#footer li.othsp {
width: 160px;
  padding: 0px 0px 10px 12px;
}

.footeryazi {
background: url(../../img/footer_yazi.gif) no-repeat;
font-size:small;
line-height: 140%;
margin-top: 5px
}

#footer_wi_shi {
clear:both;
  width:870px;
  margin: 0 auto;
  padding:10px 0px 10px 0px;
  text-align:right;
  font-size:small;
  color:#333333;
}