@charset "shift_jis";
/* CSS Document */
/* ************************************************/
/* お名前シール印刷 *******************************/
/* ************************************************/



/**************************************************
 * お名前シール共通スタイル
 **************************************************/
.maincontainer {
	font-size: 14px !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.conFrame { border-color: #FBD7B6 !important;}
.h1sub {
	font-size: 24px !important;
	text-align: center !important;
	line-height: 60px !important;
}
.h2sub {
	font-size: 16px !important;
	line-height: 60px !important;
}

/* 3種類のタイプカラー */
.standard-fcolor { color: #00a95f;}
.standard-border { border-color: #00a95f;}
.standard-bgcolor { background-color: #00a95f;}

.largefull-fcolor { color: #eb6567;}
.largefull-border { border-color: #eb6567;}
.largefull-bgcolor { background-color: #eb6567;}

.smalltight-fcolor { color: #187fc4;}
.smalltight-border { border-color: #187fc4;}
.smalltight-bgcolor { background-color: #187fc4;}

/* ページタブ（下部配置） */
dl.pageTab {
	text-align: center !important;
	margin: 0;
	padding: 80px 0 0;
}
dl dd.sealnameTab {
	width: 736px;
	margin: 0px;
}
dl dd.sealnameTab a {
	color:#999;
	font-size: 12px !important;
	width: 20%;
	padding:8px 12px;
	display:inline-block;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-ms-border-radius: 6px 6px 0px 0px;
	-o-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	border-collapse: collapse;
	border: 1px solid #999;
	border-bottom: none;
}
dl dd.sealnameTab a.ownpage {
	color: #000;
	background-image: url(/img/category_page/parts/sealname/introback-yellowgradient.gif);
	background-repeat: repeat-x;
}
dl dd.sealnameTab a:hover { }


/**************************************************
 * <h1>ページタイトルバー画像
 **************************************************/
.titlebar-sealname { background-image: url(/img/category_page/parts/sealname/endbarTitle-sealname.gif) !important;}
.titlebar-sealname-type { background-image: url(/img/category_page/parts/sealname/endbarTitle-sealname-type.gif) !important;}
.titlebar-sealname-design { background-image: url(/img/category_page/parts/sealname/endbarTitle-sealname-design.gif) !important;}
.titlebar-sealname-layout { background-image: url(/img/category_page/parts/sealname/endbarTitle-sealname-layout.gif) !important;}
.titlebar-sealname-spec { background-image: url(/img/category_page/parts/sealname/endbarTitle-sealname-spec.gif) !important;}
.titlebar-sealname-font { background-image: url(/img/category_page/parts/sealname/endbarTitle-sealname-font.gif) !important;}
.titlebar-sealname-pack { background-image: url(/img/category_page/parts/sealname/endbarTitle-sealname-pack.gif) !important;}


/**************************************************
 * お名前シール印刷　od_sealname.html
 **************************************************/
.eigyobicol { margin-bottom: 0.5em !important;}
.titlesubbar-cherryribon {
	background-image: url(/img/category_page/parts/sealname/endbarTitleSub-cherryribon.gif) !important;
	border-bottom: none !important;
}

.lstFootprint {
	background-image: url(/img/icon_gif/icon-afootprint-m.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	padding-left: 2.5em;
	margin: 1.5em 0 !important;
}
.lstFootprint span.koumoku {
	line-height: 20px;
	display: inline-block;
	width: 8em;
}
.lstFootprint ul.liststyle-image li {
	font-size: 14px !important;
	list-style-type: disc !important;
}
.lstFootprint ul.liststyle-image li span { display: inline-block; width: 9em;}
div.introduction { text-align: center;}
div.introduction dl {
	display: inline-block;
	width: 205px;
	margin: 0 7px;
}
div.introduction dl:first-child { margin-left: 0 !important;}
div.introduction dl:last-child { margin-right: 0 !important;}
div.introduction dl dt {
	border-radius: 13px 13px 0 0;
	border-bottom: none;
	line-height: 48px;
	font-size: 20px;
	font-weight: bolder;
	text-shadow: /*1px  1px 1px #FFF,*/2px  2px 1px #FFF,
				/*-1px  1px 1px #FFF,*/-2px  2px 1px #FFF,
				/*1px -1px 1px #FFF,*/2px  -2px 1px #FFF,
				/*-1px -1px 1px #FFF,*/-2px  -2px 1px #FFF,
				/*1px  0px 1px #FFF,*/2px  0px 1px #FFF,
				/*0px  1px 1px #FFF,*/0px  2px 1px #FFF,
				/*-1px  0px 1px #FFF,*/-2px  0px 1px #FFF,
				/*0px -1px 1px #FFF;*/0px  -2px 1px #FFF;
	margin: 0 !important;
}
div.introduction dl dt img { margin: 0;}
div.introduction dl dt.type {
	color: #E60012;
	background-image:url(/img/category_page/parts/sealname/introback-type.gif);
}
div.introduction dl dt.safety {
	color: #E85298;
	background-image:url(/img/category_page/parts/sealname/introback-safety.gif);
}
div.introduction dl dt.layout {
	color: #187FC4;
	background-image:url(/img/category_page/parts/sealname/introback-layout.gif);
}
div.introduction dl dt.design {
	color: #00A95F;
	background-image:url(/img/category_page/parts/sealname/introback-design.gif);
}
div.introduction dl dt.quarity {
	color: #EA5532;
	background-image:url(/img/category_page/parts/sealname/introback-quarity.gif);
}
div.introduction dl dt.font {
	color: #A64A97;
	background-image:url(/img/category_page/parts/sealname/introback-font.gif);
}
div.introduction dl dd.comment {
	border-top: none;
	border-bottom: none;
	padding: 1em;
	margin-bottom: 0;
	text-align: left;
	height: 7em;
}
div.introduction dl dd.link {
	background-image: url(/img/category_page/parts/sealname/introback-yellowgradient.gif);
	background-repeat: no-repeat;
	border-top: none;
	margin-bottom: 0;
}
div.introduction dl dd.link a {
	display: block;
	line-height: 36px;
}
div.introduction dl dd.link img { display: inline-block;}


/**************************************************
 * サイズと枚数　od_sealname_type.html
 **************************************************/
dl.type-endBar { margin-bottom: 2em;}
dl.type-endBar dd.endBarL div {
	line-height: 1.5em;
	margin: 0;
	padding: 14px 180px 0 180px;
}
dl.type-endBar dd img{ position: relative;}
.endbar-usagi{ }
.endbar-momotaro { left: 70px; bottom: -12px;}
.endbar-penguin { }
.titlesubbar-type-standard {
	background-image: url(/img/category_page/parts/sealname/endbarTitleSub-type-standard.gif) !important;
	border-bottom: none !important;
	height: 60px;
}
.titlesubbar-type-largefull {
	background-image: url(/img/category_page/parts/sealname/endbarTitleSub-type-largefull.gif) !important;
	border-bottom: none !important;
	height: 60px;
}
.titlesubbar-type-smalltight {
	background-image: url(/img/category_page/parts/sealname/endbarTitleSub-type-smalltight.gif) !important;
	border-bottom: none !important;
	height: 60px;
}




/**************************************************
 * イラスト一覧　od_sealname_design.html
 **************************************************/
table.illust-index {
	margin: 0 auto; 
	border-collapse: collapse;
}
table.illust-index td {
	border-bottom-style: dotted;
	border-bottom-width: 4px;
	border-right-style: dotted;
	border-right-width: 4px;
}
table.illust-index td.dotDO { border-color: #EA5532;}
table.illust-index td.dotMS { border-color: #00ADA9;}
table.illust-index td.dotHA { border-color: #AACF52;}
table.illust-index td.dotOK { border-color: #E85298;}
table.illust-index td.dotNO { border-color: #187FC4;}
table.illust-index td.dotSN { border-color: #F6AD3C;}
table.illust-index td.dotJI { border-color: #00A95F;}
table.illust-index td.dotWA { border-color: #E60012;}
table.illust-index td.dotGA { border-color: #A64A97;}
table.list-category {
	margin: 0;
	width: 100%;
}
table.list-category td { padding: 0;}
div.illust-list { margin: 0 auto; text-align: left;}
div.illust-list dl {
	margin: 12px 5px;
	display: inline-block;
	width: 208px;
}
div.illust-list dl dd { margin: 0; text-align: center;}
div.illust-list dl dd:first-child { background-color: #FFF; margin: 4px 0 !important;}
div.illust-list dl dd span { font-size: 10px !important; line-height: 14px !important;}
div.illust-list dl dd img { border-radius: 4px; border: 1px solid #000;}


/**************************************************
 * お名前のバリエーション　od_sealname_layout.html
 **************************************************/
.titlesubbar-tatsunootosigo {
	background-image: url(/img/category_page/parts/sealname/endbarTitleSub-tatsunootosigo.gif) !important;
	border-bottom: none !important;
}
.titlesubbar-tatsunootosigo h2 {
	color: #FFF !important;
	font-size: 14px !important;
}
.titlesubbar-bikkurisankaku {
	background-image: url(/img/category_page/parts/sealname/endbarTitleSub-bikkurisankaku.gif) !important;
	border-bottom: none !important;
}
.titlesubbar-bikkurisankaku h2 {
	color: #FFF !important;
	font-size: 14px !important;
}

dl.circlepoint { margin: 0;}
dl.circlepoint dt { float: left; clear: both;}
dl.circlepoint dt div {
	width: 44px;
	height: 44px;
	border-radius: 22px;
}
dl.circlepoint dt div p {
	text-align: center;
	line-height: 1em;
	padding-top: 0.8em;
}
dl.circlepoint dt div p span {
	color: #FFF;
	font-weight:bold;
	display: block;
}
dl.circlepoint dt div p span:first-child { font-size: 12px;}
dl.circlepoint dt div p span:last-child { font-size: 16px; line-height: 20px;}
dl.circlepoint dd { margin: 1em 0 0 5em; line-height: 44px;}

/*
dl.circlepoint { margin: 1em 0;}
dl.circlepoint dt {
	background-image: url(/img/category_page/parts/sealname/layout-redcirclepoint.gif);
	background-repeat: no-repeat;
	float: left;
	width: 46px;
	height: 46px;
}
dl.circlepoint dt p {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	margin-top: 22px;
}
dl.circlepoint dd {
	line-height: 46px;
	margin: 0 5em 1em;
}
*/
p.fukidasi-katatsumuri {
	background-image: url(/img/category_page/parts/sealname/layout-katatsumuri.gif);
	background-repeat: no-repeat;
	line-height: 50px;
	text-indent: 2em;
}
.whitestarBar {
	background-image: url(/img/icon_gif/icon-whitestar-s.gif);
	background-repeat: no-repeat;
	background-position: 6px;
	padding: 4px !important;
	text-indent: 2em;
}
.gaijikanji {
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
}
.gaijikanji th { font-size: 12px; font-weight: normal;}
.gaijikanji td {
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.gaijikanji td:first-child { border-left: 1px solid #ccc;}
.gaijikanji td:last-child { padding: 1em; width: 20em;}


/**************************************************
 * シールの仕様　od_sealname_spec.html
 **************************************************/
.specPoint { padding: 6px; text-align: center;}
.specPoint dl {
	margin: 12px 12px 6px 12px;
	padding: 12px 24px;
	width: 257px;
	display: inline-block;
	vertical-align: top;
}
.specPoint dl:last-child {margin-bottom: 12px !important;}
.specPoint dl.specPointL { margin-right: 6px !important;}
.specPoint dl.specPointR { margin-left: 6px !important;}
.specPoint dl dt,.specPoint dl dd { margin: 0;}
.specPoint dl dt {
	margin-bottom: 1em !important;
	float: left;
}
.specPoint dl dd.pointTitle {
	margin: 0 0 1em 46px !important;
	background-image: url(/img/category_page/parts/sealname/spec-titleback-onpu.gif);
	background-repeat: no-repeat;
	line-height: 46px;
	width: 210px;
	text-align: center;
	font-size:16px;
	font-weight: bold;
}
.specPoint dl dd.pointImage {
	clear: both;
	margin-bottom: 1em !important;
}
.specPoint dl dd.pointComment { height: 9em; text-align: left;}
.specPoint dl dd.pointComment p { margin: 0;}




/**************************************************
 * 学参フォントとは　od_sealname_font.html
 **************************************************/
.discussion { margin-top: 6em !important;}
.discussion dd:first-child { text-align: center;}
.discussion dd:last-child { vertical-align: top;}
.discussion dd img { position: relative;}



/**************************************************
 * 梱包のイメージ　od_sealname_pack.html
 **************************************************/
div.tapememoblue,
div.tapememogreen,
div.tapememored,
div.tapememoyellow {
	width: 502px;
	height: 370px;
	background-repeat: no-repeat;
	margin: 0 auto 6em;
}
div.tapememoblue { background-image: url(/img/category_page/parts/sealname/pack-tapememo-blue.gif);}
div.tapememogreen { background-image: url(/img/category_page/parts/sealname/pack-tapememo-green.gif);}
div.tapememored { background-image: url(/img/category_page/parts/sealname/pack-tapememo-red.gif);}
div.tapememoyellow { background-image: url(/img/category_page/parts/sealname/pack-tapememo-yellow.gif);}
dl.tapememo {
	padding-top: 90px;
	clear: both;
}
dl.tapememo dt { margin-top: 8px;}
dl.tapememo dd { padding: 2px 0 0 22px;}
dl.tapememo dd p { margin: 8px 32px 0 0; line-height: 32px;}