@charset "utf-8";


/*hr デザイン*/
.hr1 {
border: 1px dashed #ccc;
margin-left: 50px;
margin-right: 50px;
}






/*回り込み　解除*/
div.clear{clear: both;}

/*リストマーク*/
.list01 ul { list-style-image: url(http://www.rakuten.ne.jp/gold/kagiyasan/img/item/common/list/01.gif); }
/*リストマーク レ点チェック水色*/
.list02 ul { list-style-image: url(http://www.rakuten.ne.jp/gold/kagiyasan/img/item/common/list/03.gif); }


/*リスト　フォント・行間*/
.item ul {font-size:18px; line-height:1.5em; list-style-type: disc;}
.item li {margin-left:20px;}

/*リンクボタンON*/
a.buttonAEGIS-GATEON{font-size:18px;font-weight:bold;display:block;padding-top:10px;padding-bottom:10px;padding-left:50px;background:#223A70;border-radius:5px;color:#f3f3f3;}

/*リンクボタンOFF*/
a.buttonAEGIS-GATEOFF{font-size:18px;font-weight:bold;display:block;padding-top:10px;padding-bottom:10px;padding-left:50px;background:#F7FCFE;border-radius:5px;color:#223A70;}
a.buttonAEGIS-GATEOFF:hover{background:#BBC8E6;color:#223A70;}

a.buttonBBee1OFF{font-size:18px;font-weight:bold;display:block;padding-top:10px;padding-bottom:10px;padding-left:20px;background:#1A097A;border-radius:5px;color:#F7FCFE; margin-bottom:20px;}
a.buttonBBee1OFF:hover{background:#F7FCFE;color:#1A097A;}


/*ふきだし*/
.balloon-left {position: relative;display: inline-block;padding: 15px 15px;width: auto;min-width: 115px;color: #000000;font-weight:bold;font-size:1.1em;line-height: 1.5em;text-align: left;background: #F3F3F2;z-index: 0;}
.balloon-left:after {content: "";position: absolute;top: 50%; left: -10px;margin-top: -10px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 10px 10px 10px 0;border-color: transparent #F3F3F2 transparent transparent;}


/*リンクボタン赤*/
a.button01{font-size:18px;font-weight:bold;display:block;width:100%;padding-top:10px;padding-bottom:10px;text-align:center;background:#bf0000;border-radius:5px;color:#FFFFFF;}
a.button01:hover{background:#FCCFD3;color:#bf0000;}

/*リンクボタン青*/
a.button02{font-size:18px;font-weight:bold;display:block;width:100%;padding-top:10px;padding-bottom:10px;text-align:center;background:#1853B5;border-radius:5px;color:#FFFFFF;}
a.button02:hover{background:#CFDFF8;color:#1853B5;}

/*リンクボタン緑*/
a.button03{font-size:18px;font-weight:bold;display:block;width:100%;padding-top:10px;padding-bottom:10px;text-align:center;background:#028760;border-radius:5px;color:#FFFFFF;}
a.button03:hover{background:#D9F9D2;color:#028760;}

/*リンクボタンピンク（小さめ）*/
a.button14{font-size:14px;font-weight:bold;display:block;width:100%;padding-top:10px;padding-bottom:10px;text-align:center;background:#FCCFD3;border-radius:5px;color:#bf0000;}
a.button14:hover{background:#bf0000;color:#FCCFD3;}

/*リンクボタン背景カラーが左右に分かれていく 赤W300px　H30px*/
.button21 {display: inline-block;width: 300px;height: 60px;text-align: left; padding-left:10px;text-decoration: none;line-height: 20px;outline: none; padding-top:8px;}
.button21 {position: relative;z-index: 2;background-color: #333;border: 2px solid #333;line-height: 20px;color: #fff;}
.button21:hover {background-color: #fff;border-color: #bf0000;color: #bf0000;}
.button21::before,
.button21::after {top: 0;width: 50%;height: 100%;background-color: #333;}
.button21::before {right: 0;}
.button21::after {left: 0;}
.button21:hover::before,
.button21:hover::after {width: 0;background-color: #bf0000;}
.button21::before,
.button21::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button21,
.button21::before,
.button21::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*リンクボタン背景・ボーダー・文字カラーをふわっと変更する 赤*/
.button22 {display: inline-block;width: 130px;height: 54px;text-align: center;text-decoration: none;line-height: 54px;outline: none;}
.button22::before,
.button22::after {position: absolute;z-index: -1;display: block;content: '';}
.button22,
.button22::before,
.button22::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.button22 {background-color: #333;border: 2px solid #333;color: #fff;line-height: 50px;}
.button22:hover {background-color: #fff;border-color: #bf0000;color: #bf0000;}



/*メーカー別 刻印*/
.heading_miwa{position:relative;padding:9px;padding-left:15px;font-weight: bold;font-size: 18px;background-color: #05aa66;color: #fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.heading_showa{position:relative;padding:9px;padding-left:15px;font-weight: bold;font-size: 18px;background-color: #FF9900;color: #fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.heading_goal{position:relative;padding:9px;padding-left:15px;font-weight: bold;font-size: 18px;background-color: #00a0e9;color: #fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.kokuintext{font-size:1.1em;font-weight:bold;line-height:1.5em;margin:30px 30px;}
.heading_alpha{position:relative;padding:9px;padding-left:15px;font-weight: bold;font-size: 18px;background-color: #0a489d;color: #fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}





/*作業工程*/
.processtitle {width:720px;padding:20px;}
.processtitle h2 {background: url(http://image.rakuten.co.jp/kagiyasan/cabinet/04160300/imgrc0063031745.gif) repeat-x bottom left;padding-bottom: 15px;	color:  #BF0000; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;}
.process {width:720px;padding:20px;	border-bottom:#999999 dashed 1px;}
.box01 {float: left;width:40px;margin-right:20px;}
.box02 {float: left;width:350px;margin-right:20px;}
.box03 {float: left;width:290px;font-size:14px;line-height:1.5em;}
.process {overflow: hidden;}
/* clearfix */
.process:before,
.process:after {
    content: "";
    display: table;
}
.process:after {clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.process {
    zoom: 1;
}






/*****　TOSTEMページ作成用 *****/

/*TOSTEM bg*/
.tostem_bg{background-image:url(https://kagi.itembox.design/item/img/item/category/tostem/common/tostem_bg.jpg);background-repeat:no-repeat;background-position:bottom;}

/*TOSTEM BOAD*/
.tostem_boad{background-image:url(https://kagi.itembox.design/item/img/item/category/tostem/common/bg_board.jpg);background-repeat:no-repeat;height:503px;width:720px;}

/*TOSTEM シール文字*/
.seal {font-size:36px;font-weight:bold;line-height:46px;}


table.tostem-a{background-image: url(https://image.rakuten.co.jp/kagiyasan/cabinet/manual/tos/tostem_temp1.gif);}
table.tostem-a_2{background-image: url(https://image.rakuten.co.jp/kagiyasan/cabinet/manual/tos/tostem_temp1_a.gif);}
table.tostem-b{background-image: url(https://image.rakuten.co.jp/kagiyasan/cabinet/manual/tos/tostem_temp2.gif);}
table.tostem-c{background-image: url(https://image.rakuten.co.jp/kagiyasan/cabinet/manual/tos/tostem_temp3.gif);}
table.tostem-d{background-image: url(https://image.rakuten.co.jp/kagiyasan/cabinet/manual/tos/tostem_temp4_a.gif);}
table.tostem-e{background-image: url(https://image.rakuten.co.jp/kagiyasan/cabinet/manual/tos/tostem_temp5_a.gif);}
table.tostem-k{background-image: url(https://image.rakuten.co.jp/kagiyasan/cabinet/manual/tos/kakunin.gif);}
table.tostem-g{background-image: url(https://image.rakuten.co.jp/kagiyasan/cabinet/manual/tos/tostem_temp5_b.gif);}
.title-u{border: double 3px #ffffff;background-color:#FF8C00;color:#FFFFFF;padding:5px 10px;}

　


/*****　交換方法　一覧表（みだし） *****/
h2 .koukanlist_midasi{margin: 1.5em 0;padding: 0.5em 0 0.3em 1em;background: #F5F5F5;border-bottom:5px solid #00008B;font-size: 130%;font-weight: bold;color: #808080;}

/*****　交換方法　一覧表（上部メニュー） *****/
.section {width:80%;margin:0 auto 50px auto;}
.menu {padding:3px;background:#FCFCFC;}
.menu h2 {
   margin:0;
   padding:2px 5px 0px 5px;
   font-size:12px;
   color:#ccc;
   line-height:3.0;
   background:#3C3C3C;
}
.menu ul{
   margin:1px 0 0 0;
   padding:0;
   list-style:none;
   border-top:1px solid #fff;
}
.menu li{
   font-size:12px;
   line-height:2.0;
   border-bottom:1px solid #fff;
}
.menu a {
   display:block;
   padding:5px 0 5px 15px;
   color:#333;
   text-decoration:none;
   font-size:16px;
}
.menu a.current {
   background:#E5E4E6;
}
.menu a:hover {
   background:#E5E4E6;
}

/*****　交換方法　一覧表 *****/

/* --- リストエリア --- */
.koukanlist ul.thumbnail {
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}

/* --- リスト項目 --- */
.koukanlist ul.thumbnail li {
list-style:none;
padding: 20px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
.koukanlist ul.thumbnail dl {
width: 100%;
margin: 0;
font-size: 16px;
}

/* --- 写真エリア --- */
.koukanlist ul.thumbnail dt {
width: 120px; /* 写真エリアの幅 */
float: left;
}
.koukanlist ul.thumbnail dt img {
border: 1px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
.koukanlist ul.thumbnail dd {
margin: 0 0 0 120px; /* キャプションエリアのマージン（上右下左） */
line-height: 150%;
}

/* --- clearfix --- */
.koukanlist .clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.koukanlist .clearFix {
min-height: 1px;
}

/* --- 困ったときはお気軽にご相談ください --- */
.advice {
    color: #fff;
    background: #40AAEF;
    padding: 20px;
    border: 2px dashed rgba(255,255,255,0.5);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 0 5px #40AAEF, 0 2px 3px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 0 5px #40AAEF, 0 2px 3px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 0 5px #40AAEF, 0 2px 3px 5px rgba(0,0,0,0.5);
}
.advice td {color: #fff;}
.advice img {border: 5px #ffffff solid;}
.advice a:link    { text-decoration:     none; color:#2040EF; }
.advice a:visited { text-decoration:     none; color:#2040EF; }
.advice a:active  { text-decoration:     none; color:#2111EF; }
.advice a:hover   { text-decoration:underline; color:#ca0000; }

/* --- ヘッダーナビ --- */
#item-list-mainnavi {
  padding:5px 5px 0 5px;
  margin-bottom:20px;
  font-size:10px;
  margin : 0 auto;
}

#item-list-mainnavi ul{
  margin-left:-5px;/１カラムのpadding分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}

#item-list-mainnavi ul li {
  list-style-type:none;
  float:left; /*floatで横並びに*/
  padding-left:5px;/*カラム間のガター*/
  margin-bottom:10px;
  text-align:left;
}

#item-list-mainnavi a:link {
	color:#FFF;
}

#item-list-mainnavi a:visited {
	color:#FFF;
}

#item-list-mainnavi a:hover {
	color:#FFF;
}