@charset "UTF-8";
/* コンテンツ大枠
--------------------------------------------*/
#container {
  width: 1100px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 15px 0px;
  /* background-color: #EEEEFF; */
}

/* メニュー
--------------------------------------------*/
#pMenu {
  text-align: center;
  margin: 0 0 32px 0;
}

#pMenu ul {
  margin: 20px auto 10px;
  padding: 0 0 0 135px;
}

#pMenu ul li {
  float: left;
  height: 49px;
  margin: 0 20px 0 0;
}

#pMenu ul li a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  /* IE6/7 */
  -ms-filter: "alpha(opacity=100)";
  /* IE8 */
}

#pMenu ul li#m1b {
  width: 160px;
}

#pMenu ul li#m2b {
  width: 169px;
}

#pMenu ul li#m3b {
  width: 256px;
}

#pMenu ul li#m4b {
  width: 149px;
}

#pMenu ul li#m5b {
  width: 169px;
}

#pMenu p {
  text-align: center;
}

/*カテゴリ表示上部*/
div#cateList {
  margin: 0 0 45px 0;
}

div#cateList .bg {
  position: relative;
}

div#cateList .bg .top_area {
  padding: 10px 0 0 0;
}

div#cateList .bg .menu_close_btn {
  position: absolute;
  top: 5px;
  right: 30px;
}

div#cateList .bg .menu_close_btn a img {
  opacity: 1;
}

div#cateList ul {
  margin: 0 auto;
  padding: 0 0 0 30px;
  background: url(/static/images/paperm/print/cate_bg_middle.png) left top repeat-y;
  zoom: 1;
  /* for IE6 */
  width: 986px;
}

div#cateList ul li {
  float: left;
  width: 215px;
  height: 40px;
  margin: 0 15px 19px 0;
  text-align: left;
}

div#cateList ul li + li {
  /*margin-left:20px;*/
}

div#cateList ul li a {
  color: #592C27;
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: underline;
}

div#cateList ul li a img {
  margin: 0 5px -7px 0;
  vertical-align: bottom;
}

/*カテゴリ表示下部*/
div#cateListbottom {
  margin: 20px 0 0 0;
  text-align: center;
}

div#cateListbottom ul {
  margin: 20px 0 0 50px;
  padding: 0;
}

div#cateListbottom ul li {
  float: left;
  height: 40px;
  width: 227px;
  margin: 0 19px 19px 0;
  padding: 6px 0 9px 10px;
  background-image: url(/static/images/paperm/print/btn_cate_yaji.png), url(/static/images/paperm/print/btn_cate_bg.png);
  background-repeat: no-repeat,no-repeat;
  background-position: 215px center,left top;
  text-align: left;
}

/*div#cateListbottom ul li + li {
	margin:0 0 19px 19px;
}*/
div#cateListbottom ul li a {
  display: block;
  height: 40px;
  width: 227px;
  color: #592C27;
  font-weight: bold;
  font-size: 0.9em;
  text-align: left;
  text-decoration: underline;
}

div#cateListbottom ul li a img {
  margin: 0 5px -7px 0;
  vertical-align: bottom;
}

/* 用紙パッケージインクルード
（クラフト TOP・各カテゴリTOPページ用）
--------------------------------------*/
#osusume-craft-area {
  margin: 20px 0px 30px 0px;
}

#osusume-craft-area img {
  border: none;
}

#osusume-craft-area .list {
  margin: 0px 0px 0px 0px;
  padding: 0px 23px 0px 23px;
  background: url(/static/images/paperm/craft/osusume_waku_middle.gif) left top repeat-y;
  zoom: 1;
  /* for IE6 */
}

#osusume-craft-area table {
  width: 100%;
  border-collapse: collapse;
}

#osusume-craft-area .pk-title {
  padding: 12px 0px 18px 0px;
}

#osusume-craft-area .pk-photo {
  padding: 0px 0px 6px 0px;
  text-align: center;
  vertical-align: bottom;
}

#osusume-craft-area .pk-detail {
  padding: 0px 0px 18px 35px;
  vertical-align: top;
}

#osusume-craft-area .pk-detail dl {
  width: 175px;
  margin: 0px auto 0px 0px;
}

#osusume-craft-area .pk-detail dt {
  font-size: 0.8em;
  line-height: 1.3;
}

#osusume-craft-area .pk-detail .hinban {
  font-size: 0.8em;
  line-height: 1.2;
}

#osusume-craft-area .pk-detail .price {
  color: #D4504E;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  lien-height: 1.2;
}

#osusume-craft-area .pk-detail .price .icon {
  margin: 0px 0px 0px 5px;
  vertical-align: 0px;
}

#osusume-craft-area .pk-detail .tanka {
  font-weight: bold;
  font-size: 0.8em;
  line-height: 1.2;
  white-space: nowrap;
}

#osusume-craft-area .pk-detail .tanka span {
  padding: 0px 0px 0px 3px;
  color: #D4504E;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.2em;
}

#osusume-craft-area .waku-bottom img {
  vertical-align: top;
}

#osusume-craft-area .list-link {
  margin: 5px 0px 0px 0px;
  font-weight: bold;
  font-size: 0.7em;
  line-height: 1.3;
  text-align: right;
}

/* 用紙パッケージインクルード
（クラフト ダウンロードページ用）
--------------------------------------------*/
#osusume-pk-area {
  width: 568px;
  margin: 0px 0px 0px 0px;
}

#osusume-pk-area img {
  border: none;
}

#osusume-pk-area .list {
  padding: 0px 19px 0px 19px;
  background: url(/static/images/paperm/p_link/osusume_middle.gif) left top repeat-y;
  zoom: 1;
  /* for IE6 */
}

#osusume-pk-area table {
  width: 100%;
  border-collapse: collapse;
  padding: 0px 0px 0px 0px;
}

#osusume-pk-area table td {
  padding: 0px 0px 0px 0px;
}

#osusume-pk-area .pk-title {
  padding: 12px 0px 18px 0px;
}

#osusume-pk-area .pk-photo {
  padding: 0px 0px 8px 0px;
  text-align: left;
  vertical-align: bottom;
}

#osusume-pk-area .pk-detail {
  padding: 0px 0px 12px 0px;
  vertical-align: top;
}

#osusume-pk-area .pk-detail dl {
  margin: 0px auto 0px 0px;
}

#osusume-pk-area .pk-detail dt {
  margin: 0px 0px 2px 0px;
  padding: 0px 20px 0px 0px;
  font-size: 0.8em;
  line-height: 1.1;
}

#osusume-pk-area .pk-detail .hinban {
  margin: 0px 0px 1px 0px;
  color: #333333;
  font-size: 0.8em;
  line-height: 1.1;
}

#osusume-pk-area .pk-detail .price {
  color: #D4504E;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  lien-height: 1.1;
}

#osusume-pk-area .pk-detail .price .icon {
  margin: 0px 0px 0px 5px;
  vertical-align: 0px;
}

#osusume-pk-area .pk-detail .tanka {
  font-weight: bold;
  font-size: 0.7em;
  line-height: 1.1;
  white-space: nowrap;
}

#osusume-pk-area .pk-detail .tanka span {
  padding: 0px 0px 0px 3px;
  color: #D4504E;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.2em;
}

#osusume-pk-area .list-link {
  margin: 5px 0px 0px 0px;
  font-weight: bold;
  font-size: 0.7em;
  line-height: 1.3;
  text-align: right;
}

div#contents div.osusume-area {
  margin: 0;
  width: 550px;
}

div#contents div.osusume-area div.list {
  background: url(/static/images/paperm/p_link/osusume_paper_middle.gif) left top repeat-y;
  padding: 10px 10px 0 30px;
  zoom: 1;
  /* for IE6 */
}

/* 用紙パッケージインクルード
（用途別テンプレート用）
----------------------------------------------------*/
.template-pk-area {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  background: url(/static/images/paperm/p_link/waku.gif) left top no-repeat;
  width: 720px;
}

.template-pk-area .rt {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  background: url(/static/images/paperm/p_link/waku.gif) right top no-repeat;
}

.template-pk-area .rb {
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 0px;
  background: url(/static/images/paperm/p_link/waku.gif) right bottom no-repeat;
}

.template-pk-area .lb {
  margin: 0px 0px 0px -10px;
  padding: 0px 0px 10px 10px;
  background: url(/static/images/paperm/p_link/waku.gif) left bottom no-repeat;
}

.template-pk-area .osusume-title {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 3px 0px;
  background: url(/static/images/paperm/p_link/pk_craft_dotline.gif) left bottom repeat-x;
}

.template-pk-area .osusume-title .text {
  display: block;
  float: left;
  width: 180px;
  margin: 0px 0px 0px 0px;
  padding: 6px 0px 4px 25px;
  background: url(/static/images/paperm/p_link/p_icon.gif) left center no-repeat;
  font-size: 0.9em;
  font-weight: bold;
  color: #555555;
}

.template-pk-area .osusume-title .link {
  display: block;
  margin: 0px 0px 0px 180px;
  padding: 6px 10px 0px 0px;
  font-size: 0.8em;
  text-align: right;
}

.template-pk-area .osusume-title .link a {
  padding: 0px 10px 0px 0px;
  background: url(/static/images/paperm/p_link/pk_craft_arrow.gif) right 2px no-repeat;
}

.template-pk-area table {
  clear: both;
  margin: 0px 0px 0px 20px;
}

.template-pk-area tr.pk-images td {
  vertical-align: bottom;
}

.template-pk-area tr.pk-images td img {
  margin: 0px 8px 1px 0px;
  padding: 0px 0px 0px 0px;
}

.template-pk-area tr.pk-hinban td {
  padding: 0px 0px 10px 0px;
  font-size: 0.75em;
  vertical-align: top;
}

/*---------------------------
テンプレートダウンロードボタン
---------------------------*/
.btn-dl {
  width: 396px;
  height: 54px;
  background-color: #F9F6ED;
  margin: 25px 0px 10px 18px;
  padding: 21px 0px 0px 165px;
}

.ttl_clr {
  color: #5B2E1B;
  font-weight: bold;
  padding: 7px 0px 10px;
}

/*---------------------------
更新日付のフォントサイズ設定
---------------------------*/
.ttl_clr span.update {
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 3px;
  vertical-align: 2px;
}

/*---------------------------
使える用紙インクルード_renew
---------------------------*/
.item-paper dl {
  background: url(/static/images/paperm/print/youshi_title.png) no-repeat left top;
  border: 1px solid #CDCDCD;
  line-height: 1.5em;
  padding: 40px 0 7px 7px;
  width: 570px;
}

.item-paper dl dt {
  display: none;
}

div.item div.item-paper {
  display: block;
  float: left;
  font-size: 0.8em;
  line-height: 1.3em;
  margin: 0;
  padding: 10px 0 0 14px;
  width: 500px;
}

.item-paper-direct dl {
  border: 1px solid #cdcdcd;
  line-height: 1.5em;
  padding: 0 0 7px 0;
  width: 570px;
}

.item-paper-direct dl dt {
  display: block;
}

div.item div.item-paper-direct {
  display: block;
  float: left;
  font-size: 0.8em;
  line-height: 1.3em;
  margin: 0;
  padding: 10px 0 0 14px;
  width: 500px;
}

/* リンク色
---------------------------------------*/
#container a {
  color: #023eff;
}

#container a:hover {
  color: #ff4444;
}

/* リンク先半透明
---------------------------------------*/
a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* IE6/7 */
  -ms-filter: "alpha(opacity=50)";
  /* IE8 */
}

/*---------------------------
ヘッダー上お知らせ
---------------------------*/
#all_info {
  width: 100%;
  border: 1px solid #ff0000;
  padding: 8px 0;
  margin: 0 0 10px 0;
}

#all_info p {
  color: #ff0000;
  text-align: center;
  font-size: 0.8em;
}

#all_info p a {
  display: block;
  color: #ff0000;
  text-decoration: underline;
}

#pr_ads {
  clear: both;
  text-align: center;
  margin: 0 auto;
  padding: 5% 0 3%;
}

/*---------------------------
フロート解除
---------------------------*/
.c-both {
  clear: both;
}

/* for modern brouser */
.clfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* IE7,MacIE5 */
.clfx {
  display: inline-block;
}

/* WinIE6 below, Exclude MacIE5 \*/
* html .clfx {
  height: 1%;
}

.clfx {
  display: block;
}

/**/