@charset "utf-8";
@import "../../css/common.css";

/*==================================================================*/

/* trivia css */

/*==================================================================*/
/* h1：タイトル */
h1{
	width:645px;
	margin:-10px auto 1.6em;
	padding:0;
}

/* -------------------------------------------- */
/* サブメニュー */
/* -------------------------------------------- */
#sub-menu *{margin:0;padding:0;}

#sub-menu{
	width:620px;
	margin:0 auto 2em;
}

#sub-menu ul{}

/* clear hack */
#sub-menu ul{zoom:1;}
#sub-menu ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#sub-menu li{
	margin:0 0 0.6em 0;
	float:left;
	width:200px;
	vertical-align:bottom;
	list-style:none;
	letter-spacing:0;
}

#sub-menu li a{
	margin:0 6px;
	padding:3px 0 3px 18px;
	border:1px #e2e2e2;
	border-style:none solid solid none;
	display:block;
	height:100%;
	background:url('../image/arr_trivia.gif') no-repeat 3px 6px #fff;
}

/* link */
#sub-menu li a					{color:#555;text-decoration:none;}
#sub-menu li a:hover		{color:#f94040;text-decoration:underline;background-color:#dff5fd;}

/* ---------------------------------------------------------------------- */
/* シールの構造について(index.html) */
/* ---------------------------------------------------------------------- */
/* リセット */
#structural *{margin:0;padding:0;}
#structural{margin:0 auto 3em;}

/* リード文 */
#structural p.read{margin:0 20px 2em;}

#structural p.text-c{margin:0 0 2em;text-align:center;}

#structural .explain-area{
	width:630px;
	margin:0 auto;
}

/* clear hack */
#structural .explain-area{zoom:1;}
#structural .explain-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#structural .explain-area .left{
	float:left;
	width:476px;
}

#structural .explain-area .right{
	float:right;
	width:154px;
	padding:60px 0 0;
}

#structural .explain-area .left .middle{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#eee;
}

#structural dl{
	width:450px;
	margin:0 auto;
	padding:8px 0;
	background:url('../image/structural_line.gif') repeat-x left bottom;
}

#structural dl dt{margin:0 0 0.4em;}
#structural dl dd{margin:0 0 0 8px;}

/* ---------------------------------------------------------------------- */
/* 色について(color.html) */
/* ---------------------------------------------------------------------- */
/* リセット */
#color *{margin:0;padding:0;}
#color{margin:0 auto 3em;}

/* h2 */
#color h2{
	width:620px;
	margin:0 auto 1.2em;
}

#color .sikisu{
	width:590px;
	margin:0 auto 3em;
}

/* clear hack */
#color .sikisu{zoom:1;}
#color .sikisu:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#color .sikisu .left{
	width:260px;
	float:left;
	padding:10px 0 0;
}

#color .sikisu .right{
	width:310px;
	float:right;
}

#color .sikisu .left ul{padding:0 0 0 14px;}
#color .sikisu .left ul li{margin:0 0 1em;}

/* テキスト */
#color p.text01{
	width:600px;
	margin:0 auto 0.8em;
}

#color p.text02{
	width:600px;
	margin:0 auto 2em;
}

#color p.text-c{
	margin:0 auto 1.6em;
	text-align:center;
}

#color .cmyk{
	width:580px;
	margin:0 auto 0.6em;
	padding:10px 0;
	background-color:#eee;
	border:1px solid #ccc;
	font-weight:bold;
	text-align:center;
}

/* ---------------------------------------------------------------------- */
/* 糊の種類について (nori.html) */
/* ---------------------------------------------------------------------- */
/* リセット */
#nori *{margin:0;padding:0;}
#nori{margin:0 auto 3em;}

/* h2 */
#privacy h2{}
#privacy h2 span{
	margin:0 0 0 28px;
	padding:9px 0 8px;
	display:block;
}

/* top-arera */
/* ------------------------------------------ */
#nori .top-area{
	_zoom: 1;
	overflow: hidden;
	margin-bottom:1em;
	padding:0 20px 0 0;
}

#nori .top-area p.image{
	float:right;
	margin-left:20px;
}

/* テキスト */
#nori .top-area p.text{padding:18px 0 0;margin:0 0 0 20px;}

/* 星 */
#nori .top-area p.text span{color:#f99902;}

/* dl */
#nori dl{
	width:620px;
	margin:0 auto 2.2em;
}

/* dt */
#nori dl dt{
	margin:0 auto 0.6em;
	padding:10px 0 10px 30px;
	font-weight:bold;
	font-size:1.2em;
	background:url('../image/subt_back.gif') no-repeat 0 0;
}

/* 星 */
#nori dl dt span{margin:0 0 0 10px;color:#f99902;}

/* dd */
#nori dl dd{
	margin:0 12px;
	padding:10px;
	background-color:#eaf7fd;
}

#nori p.text-c{
	width:620px;
	margin:0 auto 1em;
	padding:8px 0;
	font-weight:bold;
	font-size:1.2em;
	color:red;
	border:1px solid red;
	text-align:center;
}

/* h2 */
#nori h2{
	margin:0 0 1.2em;
	padding:5px 0 5px 10px;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	border:1px solid #ccc;
	background-color:#79b718;
}

/* table */
#nori table,
#nori table th,
#nori table td{
	margin:0 auto 2.8em;
	border:1px solid #c1c1c1;
	border-collapse:collapse;
}

#nori table{width:630px;}

/* th */
#nori table th{
	padding:4px 0;
	font-weight:normal;
	line-height:1.2;
	vertical-align:top;
	color:#333;
	background:#ddfeaa;
	border-bottom:3px double #ccc;
}

/* td */
#nori table td{
	width:60px;
	padding:2px 0;
	text-align:center;
}

#nori table td.num{
	width:20px;
	background-color:#eee;
	text-align:center;
}

#nori table td.paper{
	width:120px;
	text-align:left;
	padding:0 0 0 4px;
	background:#eeffd4;
	color:#333;
}

/* ---------------------------------------------------------------------- */
/* 仕上がり形態について(shiagari.html) */
/* ---------------------------------------------------------------------- */
/* リセット */
#shiagari *{margin:0;padding:0;}
#shiagari{margin:0 auto 3em;}

/* リード文 */
#shiagari p.read{margin:0 16px 2em;}

/* 星 */
#shiagari p.read span{color:#f99902;}

/* dl */
#shiagari dl{	margin:0 auto 1em;}

/* dt */
#shiagari dl dt{
	margin:0 0 1.2em;
	padding:5px 0 5px 10px;
	font-size:1.2em;
	font-weight:bold;
	border-top:3px solid #2eb2ee;
	border-bottom:1px solid #ccc;
	background-color:#eaf7fd;
}

/* dd */
#shiagari dl dd{margin:0 0 0 5px;}

/* 星 */
#shiagari dl dt span{margin:0 0 0 10px;color:#f99902;}

/* block */
#shiagari .block{
	width:630px;
	margin:0 auto 2em;
	padding:0 0 18px;
	background:url('../../common_img/dotline.gif') repeat-x left bottom;
}

/* clear hack */
#shiagari .block{zoom:1;}
#shiagari .block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* リスト */
#shiagari .block ul{margin:0 0 0.6em 0;}
#shiagari .block ul li{
	margin:0 0 0.2em;
	padding:0 0 0 18px;
	list-style:none;
	background:url('../image/ic_maru.gif') no-repeat 0 6px;
}

/* left */
#shiagari .block .left{
	float:left;
	width:360px;
}

/* right */
#shiagari .block .right{
	float:right;
	width:250px;
}

#shiagari .block .right img{border:1px solid #ccc;}

/* ---------------------------------------------------------------------- */
/* 版と型とサイズについて(size.html) */
/* ---------------------------------------------------------------------- */
/* リセット */
#size *{margin:0;padding:0;}
#size{margin:0 auto 3em;}

/* h2 */
#size h2{
	width:620px;
	margin:0 auto 1.2em;
}

/* リード文 */
#size p.text{
	width:600px;
	margin:0 auto 2em;
}

/* photo-area */
#size .photo-area{margin:0 0 1.6em 14px;}

/* clear hack */
#size .photo-area{zoom:1;}
#size .photo-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* dl */
#size .photo-area dl{
	float:left;
	width:210px;
	margin:0 0 1.2em;
	text-align:center;
}

/* dt */
#size .photo-area dt{
	width:180px;
	margin:0 auto 0.2em;
	text-align:right;
}

#size .photo-area dt img{border:1px solid #ccc;}

/* dd */
#size .photo-area dd{
	width:180px;
	margin:0 auto;
	padding:3px 0;
	font-size:1em;
	line-height:1.2;
}

#size .kata{
	width:600px;
	margin:0 auto 2em;
}

/* clear hack */
#size .kata{zoom:1;}
#size .kata:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* left */
#size .kata .left{
	width:380px;
	float:left;
}

/* right */
#size .kata .right{
	width:210px;
	float:right;
}

/* dl */
#size .kata .right dl{}

/* dt */
#size .kata .right dt{
	margin:0 auto 0.2em;
	text-align:right;
}

#size .kata .right dt img{border:1px solid #ccc;}

/* dd */
#size .kata .right dd{
	width:210px;
	margin:0 auto;
	padding:3px 0;
	font-size:1em;
	line-height:1.2;
	text-align:center;
}

/*==================================================================*/