@charset "UTF-8";
@import url("iro.css");
html{
	-webkit-overflow-scrolling: touch;
}
body{
	font-size:16px;
	line-height:32px;
	text-align:center;
	margin:0;
	padding:0 20px;
	color:#444;
	background-color:#FFF;
	background-image:url(../img/top/lineA.png);
	background-size:5px auto;
	background-repeat:repeat-y;
	background-position:left top;
	font-family:sans-serif, monospace;
	-webkit-text-size-adjust:100%;
	overflow-wrap:break-word;
	word-wrap:break-word;
	/*font-feature-settings:"palt"; letter-spacing:0;*/
}
a{color:#0033CC;}
a:link{text-decoration:underline;}
a:hover{color:#CC3300; text-decoration:underline; position:relative; top:1px; left:1px;}
h1{font-size:34px; line-height:38px; margin:20px 0 15px 0; padding:0; text-align:center;}
h2{font-size:30px; line-height:36px; margin:20px 0; color:#666;}
h3{
	font-size:22px;
	line-height:25px;
	text-align:center;        /* 文字位置指定 */
	position:  relative;        /* 位置調整 */
	margin:115px 0 65px 0;
	padding:2px;
	background-color:#fff;    /* 背景色指定 */
}
h3:before{
	content:'';                /* 空の要素を作る */
	width: 75px;               /* 幅指定 */
	height: 75px;              /* 高さ指定 */
    border:  solid 1px #666;    /* 枠線指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left:  0;                   /* 位置調整 */
    right:  0;                  /* 位置調整 */
    top: 0;                     /* 位置調整 */
    bottom:  0;                 /* 位置調整 */
    margin:  auto;              /* 位置調整 */
    z-index: -1;                /* 重なり調整 */
}

h4{font-size:20px; line-height:24px; margin:36px 0 18px 0; padding:0 0 0 12px; border-left:solid 10px #999;}
p{margin:32px 0;}
strong{background:linear-gradient(transparent 60%, yellow 60%);}

hr{height:1px; width:100%; border-top:1px dotted #999; border-right:0px solid #999; border-bottom:0px solid #999; border-left:0px solid #999; margin:10px 0; padding:0;}
.reset{float:none; clear:both;}
.migi{float:right; margin-left:5px;}
.hidari{float:left; margin-right:5px;}

input[type="submit"],select{
	cursor:pointer;
	border:1px solid #666;
	background-color:#fff;
	color:#333;
}
input:focus, textarea:focus, input[type="text"]:focus{
	outline:none;
	background-color:#fcfcfc;
}
input[type="text"]{
	margin:3px 0 1px 0;
	-webkit-appearance: none;
	border-radius: 0;
	border:#666 1px solid;
	background-color:#f0f0f0;
}

/* ヘッダ */
/*******************************************************************************************************************/
div.head{
	text-align:center;
	margin:15px auto 15px auto;
	padding:0;
}
/* 全体枠 */
/*******************************************************************************************************************/
div.waku_read{
	text-align:left;
	margin:auto;
	padding:0;
	width:728px;
}
div.waku{
	text-align:left;
	margin:auto;
	padding:0;
	width:1000px;/*background-color:#333;*/
}
div.main_design_read{
	text-align:left;
	float:none;
	margin:0 auto;
	padding:0;
	width:620px;
}
div.main_design{
	text-align:left;
	float:left;
	margin:0;
	padding:0;
	width:620px;
}
div.main_design_in{
	margin:0 0;
	padding:0 0 20px 0;
	width:620px;
	border:0 solid #efefef;
}
div.main_design_in img{max-width:620px; height:auto; border:0; vertical-align:bottom;}
.kei{
	margin:30px 0 15px 0;
	padding:16px 24px;
	background-color:#fcfcfc;
	border:2px solid #ddd;
}
ul.article_list{
	margin:18px auto;
	padding:0;
	text-align:left;
	border-top:1px dotted #CCC;
}
ul.article_list li{
	margin:0;
	padding:6px 0 7px 0;
	list-style-type:none;
	border-bottom:1px dotted #CCC;
}
div.footer{margin:25px auto 15px auto; padding:0; text-align:center; float:none; clear:both; font-size:14px; color:#999;}
/* サイド */
/*******************************************************************************************************************/
div.side_design{
	font-size:14px;
	line-height:21px;
	text-align:left;
	float:right;
	margin:0;
	padding:0;
	width:300px;
	position:relative; top:0; right:0; z-index:1;
}
div.side_design_read{
	font-size:14px;
	line-height:21px;
	text-align:left;
	float:none;
	margin:0 auto;
	padding:0;
	width:620px;
	position:relative; top:0; right:0; z-index:1;
}

div.side_design img,div.side_design_read img{max-width:300px; height:auto; border:0; vertical-align:bottom;}
div.side_design a,div.side_design_read a{color:#666; text-decoration:underline;}
div.side_design a:link,div.side_design_read a:link{text-decoration:underline;}
div.side_design a:hover,div.side_design_read a:hover{color:#CC3300; text-decoration:underline; position:relative; top:1px; left:1px;}

/*ul.contents_tag a,ul.contents_tag a:link{font-size:80%; color:#333; text-decoration:none; border:1px solid #ccc; padding:10px 11px 10px 11px; margin:0 -10px 0 0; display:inline-block;}*/
ul.contents_tag a,ul.contents_tag a:link{text-decoration:none;}

/* カラー講座 about-color */
/*******************************************************************************************************************/
.emphasis{
	text-align:center;
	margin:18px 0;
	padding:14px 24px;
	border:1px solid #dce6e6;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	box-shadow:1px 2px 1px #d4d9dc;
	background-image:-moz-linear-gradient(top, #ffffff 0%, #fafcfc 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafcfc));
	font-weight:bold;
}
.emphasis a,.emphasis a:link,.emphasis a:hover{text-decoration:none; font-weight:bold;}

/* advertisement *********************************/
.claima{}
.claima a,.claima a:link,.claima a:hover{
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
.claima a{
	color:#008800;
	margin:25px auto 60px auto;
	padding:26px 15px 27px 15px;
	border:1px solid #dce6e6;
	border-radius:7px;
	-webkit-border-radius:7px; 
	-moz-border-radius:7px;
	box-shadow:1px 2px 1px #d4d9dc;
	background-image:-moz-linear-gradient(top, #ffffff 0%, #fafcfc 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafcfc));
	display:block;
}
blockquote{
	line-height:26px;
	position:relative;
	margin:25px 0;
	padding:15px 25px 15px 40px;
	box-sizing:border-box;
	background:#fff;
	border:dotted 1px #ccc;
}
blockquote:before{
	display:inline-block;
	position:absolute;
	top:-4px;
	left:-15px;
	vertical-align:middle;
	content:"“";
	color:#cfcfcf;
	font-size:100px;
	font-style:italic;
	line-height:1;
}
blockquote p {
	padding:0;
	margin:2px 0;
}
blockquote a,blockquote a:link,blockquote a:hover{
	font-size:16px;
	line-height:22px;
	margin-top:15px;
	padding:0 28px 0 0;
	display:block;
	text-align:right;
	background-image:url(img/arrow-smt.png);
	background-size:18px auto;
	background-repeat:no-repeat;
	background-position:right center;
	text-decoration:none;
}
blockquote cite{
	color:#AAA;
	font-size:80%;
	display:block;
	text-align:right;
}

/* fukidashi *********************************/
.balloon {
	width: 100%;
	margin: 1.5em 0;
	overflow: hidden;
}
.balloon .faceicon {
	float: left;
	margin-right:-70px;   margin-top:5px;
	width:60px;
	height:60px;
}
.balloon .faceicon img{
	width:100%;
	height:auto;
	/*border: solid 3px #d7ebfe;*/
	/*border-radius: 50%;*/
}
.balloon .chatting {
	width: 100%;
}
.says {
	display: inline-block;
	position: relative; 
	margin: 5px 0 0 85px;
	padding: 17px 18px;
	border-radius: 12px;
	background: #d7ebfe;
}
.says:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px; 
	left: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #d7ebfe;
}
.says p {
	margin: 0;
	padding: 0;
}



.balloon2 {
	width: 100%;
	margin: 1.5em 0;
	overflow: hidden;
}
.balloon2 .faceicon2 {
	float: right;
	margin-left:-70px;   margin-top:5px;
	width:60px;
	height:60px;
}
.balloon2 .faceicon2 img{
	width:100%;
	height:auto;
	/*border: solid 3px #d7ebfe;*/
	/*border-radius: 50%;*/
}
.balloon2 .chatting2 {
	width: 100%; 
}
.says2 {
	display: block;
	position: relative; 
	margin: 5px 85px 0 85px;
	padding: 17px 18px;
	border-radius: 12px;
	background: #eee;
}
.says2:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px; 
	right: -24px;
	border: 12px solid transparent;
	border-left: 12px solid #eee;
}
.says2 p {
	margin: 0;
	padding: 0;
}



/***********************************************/
#to_ct{
	display:block;
	padding-top:130px;
	margin-top:-130px;
}



h3.about{font-size:20px; line-height:24px; margin:33px 3px 18px 3px; padding:10px; color:#666; background-color:#fcfcfc; box-shadow:0 0 0 3px #ccc; border:dashed 2px #ccc; text-align:center;}
h3.about:before {content:none;}



table{
	width:100%;
	margin:10px 0;
	padding:0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #FFF;
	table-layout:fixed;
}
tr{}
th,td{
	font-size:12px;
	line-height:14px;
	padding:2px;
	overflow-wrap:break-word;
	word-wrap:break-word;
	border-spacing:1px;
	border:solid 1px #FFF;
}
th{vertical-align:middle; text-align:center;}
td{vertical-align:top;}
td p{margin:1px 0;}
td img{margin:0;}
img{border:0; vertical-align:bottom;}
img.pic_chip{width:150px; height:auto;}
img.pic25{}
img.pic50{}
img.pic100{}
img.pic_tone{}

ul.book_list{
	margin:18px auto;
	padding:0;
	text-align:left;
	border-top:1px dotted #CCC;
}
ul.book_list li{
	margin:0;
	padding:6px 0 7px 0;
	list-style-type:none;
	border-bottom:1px dotted #CCC;
}
ul.book_list a,ul.book_list a:link,ul.book_list a:hover{
	padding:0 15px 0 0;
	display:inline-block;
	background-image:url(img/arrow-smt.png);
	background-size:18px auto;
	background-repeat:no-repeat;
	background-position:right center;
	width:603px;
	text-decoration:none;
}
ul.book_list a:hover{
	text-decoration:underline;
}

.quest_side_r{
	float:right;
	margin:0 0 10px 0;
	padding:0;
	width:140px;
}
.quest_side_r a{margin:16px 0 0 0; display:block;}
.quest_side_l{
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:140px;
}
.quest_side_l a{margin:16px 0; display:block;}

ul.pic_cbx{margin:0 -10px 0 0; padding:0;}
ul.pic_cbx li{
	margin:0 7px 10px 3px;
	padding:0;
	float:left;
	list-style-type:none;
}
img.pic_cbx{}

div.head{
	text-align:center;
	margin:15px auto;
	padding:0;
}
ul.head{margin:3px auto; padding:0; width:742px; float:none; clear:both;}
ul.head li{
	margin:5px;
	padding:0;
	font-size:17px;
	line-height:21px;
	text-align:center;
	float:left;
	list-style-type:none;
	width:91px;
	height:88px;
	background-color:#FFFFFF;
	background-image:url(img/hd/munubg.png);
	border:2px solid #DCDDDD;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	font-feature-settings:"palt"; letter-spacing:0;
}
ul.head a,ul.head a:link{color:#333333; text-decoration:none; font-weight:bold;}
ul.head a:hover{
	color:#E60012;
	position:relative;
	font-weight:bold;
	background-color:#FFF100;
	text-decoration:none;
	left:0; top:0;
	padding:3px 0 1px 0;
}

ul.contents_tag{
	margin:18px 0;
	padding:0;
}
ul.contents_tag li{
	margin:0 20px 10px 0;
	padding:0;
	list-style-type:none;
	float:left;
	line-height:130%;
	font-feature-settings:"palt"; letter-spacing:0;
}

ul.contents_tag a,ul.contents_tag a:link{font-size:80%;	line-height:130%; color:#333; text-decoration:none; border:1px solid #ccc; padding:10px 11px 11px 11px; margin:0 -10px 0 0; display:inline-block;}
ul.contents_tag a:hover{
	color:#333;
	text-decoration:none;
}

/* 色数値の表組み */
/*******************************************************************************************************************/
table.numericalvalue{
	background-color:#CCC;
	margin:0 0 10px 0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCC;
	table-layout:fixed;
}
table.numericalvalue tr{background-color:#FFF;}
table.numericalvalue th,table.numericalvalue td{
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCCCCC;
}
table.numericalvalue th{
	background-color:#FFFCDB;
	text-align:center;
	padding:6px 5px;
	font-size:14px;
	line-height:16px;
}
table.numericalvalue td{
	text-align:right;
	vertical-align:middle;
	padding:3px 5px;
	font-size:14px;
	line-height:16px;
	height:30px;
}
/* プロセスカラーの表*********************************/
table.colortable{
	margin:0 0 10px 0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #FFF;
	table-layout:auto;
}
table.colortable tr{
	text-align:center;
	vertical-align:middle;
}
table.colortable th{
	font-size:10px;
	background-color:#FFFCDB;
	padding:3px 0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #FFF;
}
table.colortable td{
	text-align:center;
	vertical-align:middle;
	font-size:10px;
	line-height:12px;
	padding:3% 0;
	word-wrap:break-word;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #FFF;
}
/* colorchart/cmyk *********************************/
table.singlecmyk{
	margin:20px 0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCC;
}
table.singlecmyk tr{
	text-align:left;
	vertical-align:top;
}
table.singlecmyk td{
	font-size:14px;
	line-height:16px;
	padding:6px 12px;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCC;
}
table.singlecmyk p{
	margin:9px 0;
}
table.singlecmyk a{display:block; text-decoration:none;}
table.singlecmyk a:link{text-decoration:none;}
table.singlecmyk a:hover{text-decoration:none;}

ul.cmykname{
	margin:10px 0;
	padding:0;
}
ul.cmykname li{
	list-style-type:none;
	float:left;
	width:116px;
	text-align:right;
	font-size:14px;
	line-height:16px;
	margin:0 8px 10px 0;
	padding:0;
}
ul.cmykname a{display:block; text-decoration:none;}
ul.cmykname a:link{text-decoration:none;}
ul.cmykname a:hover{text-decoration:none;}

/* ranking */
/*******************************************************************************************************************/
table.ranking_tb,table.likes_tb{
	background-color:#CCC;
	margin:0 0 20px 0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCC;
	table-layout:auto;
}
table.ranking_tb tr,table.likes_tb tr{background-color:#FFF;}
table.ranking_tb th,table.ranking_tb td,table.likes_tb th,table.likes_tb td{
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCCCCC;
}
table.ranking_tb th,table.likes_tb th{
	background-color:#FFFCDB;
	text-align:center;
	padding:8px 1px;
	font-size:13px;
	line-height:16px;
}
table.ranking_tb td{
	text-align:left;
	vertical-align:middle;
	padding:6px 4px;
	font-size:13px;
	line-height:16px;
}
table.likes_tb td{
	text-align:center;
	vertical-align:middle;
	padding:3px 4px;
	font-size:13px;
	line-height:16px;
}
table.likes_tb p{
	margin:3px 0;
}




.re{
    transform: scale(-1, 1);
}


/* スマホ */
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
@media screen and (max-width:330px){
html{
	-webkit-overflow-scrolling: touch;
}
body{
	font-size:14px;
	line-height:28px;
	text-align:center;
	margin:0;
	padding:0;
	color:#444;
	background-color:#FFF;
	

	background-image:url(img/top/lineA.png);
	background-size:2px auto;
	background-repeat:repeat-y;
	background-position:left top;
	/*

	background-image:url(img/top/lineA.png),url(img/top/lineA.png);
	background-size:2px auto;
	background-repeat:repeat-y,repeat-y;
	background-position:left top,right top;
	*/
	font-family:sans-serif, monospace;
	-webkit-text-size-adjust:100%;
	overflow-wrap:break-word;
	word-wrap:break-word;

}
a{color:#0033CC;}
a:link{text-decoration:underline;}
a:hover{color:#CC3300; text-decoration:underline; position:relative; top:1px; left:1px;}
h1{font-size:24px; line-height:34px; margin:15px 0 5px 0; padding:10px 0; text-align:center;}
h2{font-size:22px; line-height:28px; margin:10px auto; color:#666;}
h3{
	font-size:17px;
	line-height:19px;
	text-align:center;        /* 文字位置指定 */
	position:  relative;        /* 位置調整 */
	margin:50px 0 45px 0;
	padding:2px;
	background-color:#fff;    /* 背景色指定 */
}
h3:before {
	content:'';                /* 空の要素を作る */
	width: 50px;               /* 幅指定 */
	height: 50px;              /* 高さ指定 */
    border:  solid 1px #666;    /* 枠線指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left:  0;                   /* 位置調整 */
    right:  0;                  /* 位置調整 */
    top: 0;                     /* 位置調整 */
    bottom:  0;                 /* 位置調整 */
    margin:  auto;              /* 位置調整 */
    z-index: -1;                /* 重なり調整 */
}
h4{font-size:17px; line-height:21px; margin:12px 0; padding:0 0 0 6px; border-left:solid 7px #666;}
p{margin:28px 0;}

hr{height:1px; width:100%; border-top:1px dotted #999; border-right:0px solid #999; border-bottom:0px solid #999; border-left:0px solid #999; margin:10px 0; padding:0;}
.reset{float:none; clear:both;}
.migi{float:right; margin-left:5px;}
.hidari{float:left; margin-right:5px;}

input:focus, textarea:focus, input[type="text"]:focus{/*select:focus, */
	outline:none;
	background-color:#fcfcfc;
}
input[type="text"]{
	margin:3px 0 1px 0;
	-webkit-appearance: none;
	border-radius: 0;
	border:#666 1px solid;
	background-color:#f0f0f0;
}
/* ヘッダ */
/*******************************************************************************************************************/
div.head{
	text-align:center; background-color:#fff;
	margin:10px auto;
	padding:0;
		
	width:300px;
}
/* 全体枠 */
/*******************************************************************************************************************/
div.waku,div.waku_read{
	text-align:left;
	margin:auto;
	padding:0;
	width:300px;
}
div.main_design,div.main_design_read{
	text-align:left;
	float:none;
	margin:auto;
	padding:0;
	width:300px;

}
div.main_design_in{
	margin:10px 0;
	padding:0;
	width:300px;
	border:0 solid #efefef;

}
div.main_design_in img{max-width:300px; height:auto; border:0; vertical-align:bottom;}
.kei{
	margin:25px 0 15px 0;
	padding:10px 16px;
	background-color:#fcfcfc;
	border:2px solid #ddd;
}
div.kei img{max-width:270px; height:auto; border:0; vertical-align:bottom;}
div.footer{
	text-align:center;
	margin:15px auto;
	padding:0;
	font-size:12px;
	line-height:16px;
	float:none; clear:both;
	width:300px;
}
/* サイド */
/*******************************************************************************************************************/
div.side_design,div.side_design_read{
	font-size:14px;
	line-height:21px;
	text-align:left;
	float:none;
	margin:20px 0;
	padding:0;
	width:300px;
	position:relative; top:0; right:0; z-index:1;
}
div.side_design img,div.side_design_read img{max-width:300px; height:auto; border:0; vertical-align:bottom;}
div.side_design a,div.side_design_read a{color:#666; text-decoration:none;}
div.side_design a:link,div.side_design_read a:link{text-decoration:none;}
div.side_design a:hover,div.side_design_read a:hover{color:#CC3300; text-decoration:underline; position:relative; top:1px; left:1px;}

/* カラー講座 about-color */
/*******************************************************************************************************************/
.emphasis{
	margin:10px 0;
	padding:9px 13px;
	border:1px solid #dce6e6;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	box-shadow:1px 1px 1px #d4d9dc;
	background-image:-moz-linear-gradient(top, #ffffff 0%, #fafcfc 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafcfc));
}
.emphasis a,.emphasis a:link,.emphasis a:hover{text-decoration:none;}

/* advertisement *********************************/
.claima{}
.claima a,.claima a:link,.claima a:hover{
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
.claima a{
	color:#008800;
	margin:25px auto 60px auto;
	padding:26px 15px 27px 15px;
	border:1px solid #dce6e6;
	border-radius:7px;
	-webkit-border-radius:7px; 
	-moz-border-radius:7px;
	box-shadow:1px 2px 1px #d4d9dc;
	background-image:-moz-linear-gradient(top, #ffffff 0%, #fafcfc 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafcfc));
	display:block;
}

blockquote {
	font-size:14px;
	line-height:18px;
	position:relative;
	margin:25px 0;
	padding:9px 9px 9px 30px;
	box-sizing:border-box;
	background:#fff;
	border:dotted 1px #ccc;
}
blockquote:before{
	display:inline-block;
	position:absolute;
	top:-4px;
	left:-12px;
	vertical-align:middle;
	content:"“";
	color:#cfcfcf;
	font-size:75px;
	font-style:italic;
	line-height:1;
}
blockquote p {
	padding:0;
	margin:2px 0;
}
blockquote a,blockquote a:link,blockquote a:hover{
	font-size:11px;
	line-height:13px;
	margin-top:8px;
	padding:0 18px 0 0;
	display:block;
	text-align:right;
	background-image:url(img/arrow-smt.png);
	background-size:14px auto;
	background-repeat:no-repeat;
	background-position:right center;
	text-decoration:none;
}
blockquote cite{
	color:#AAA;
	font-size:80%;
	display:block;
	text-align:right;
}




.says2 {
	display: block;
	position: relative; 
	margin: 5px 85px 0 0;
	padding: 17px 18px;
	border-radius: 12px;
	background: #eee;
}


#to_ct{
	display:block;
	padding-top:130px;
	margin-top:-130px;
}

h3.about{font-size:17px; line-height:19px; margin:25px 2px 12px 2px; padding:8px 3px 7px 3px; color:#666; background-color:#fcfcfc; box-shadow:0 0 0 2px #ccc; border:dashed 2px #ccc; text-align:center;}
h3.about:before {content:none;}



table{
	width:100%;
	margin:10px 0;
	padding:0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #FFF;
	table-layout:fixed;
}
tr{}
th,td{
	font-size:9px;
	line-height:10px;
	padding:1px;
	overflow-wrap:break-word;
	word-wrap:break-word;
	border-spacing:1px;
	border:solid 1px #FFF;
}
th{vertical-align:middle; text-align:center;}
td{vertical-align:top;}
td p{margin:1px 0;}
td img{margin:0;}
img{max-width:300px; height:auto; border:0; vertical-align:bottom;}
img.pic_chip{width:72px; height:auto;}
img.pic25{width:25px; height:auto;}
img.pic50{width:50px; height:auto;}
img.pic100{width:100px; height:auto;}
img.pic_tone{width: 135px; height:auto;}

ul.book_list{
	margin:12px auto;
	padding:0;
	text-align:left;
	border-top:1px dotted #CCC;
}
ul.book_list li{
	margin:0;
	padding:6px 0 7px 0;
	list-style-type:none;
	border-bottom:1px dotted #CCC;
}
ul.book_list a,ul.book_list a:link,ul.book_list a:hover{
	padding:0 12px 0 0;
	display:inline-block;
	background-image:url(img/arrow-smt.png);
	background-size:16px auto;
	background-repeat:no-repeat;
	background-position:right center;
	width:286px;
	text-decoration:none;
}
ul.book_list a:hover{
	text-decoration:underline;
}

.quest_side_r{
	float:none;
	margin:0 auto 10px auto;
	padding:0;
	width:140px;
}
.quest_side_r a{margin:16px 0 0 0; display:block;}
.quest_side_l{
	float:none;
	margin:0 auto 10px auto;
	padding:0;
	width:140px;
}
.quest_side_l a{margin:16px 0; display:block;}

ul.pic_cbx{margin:0; padding:0;}
ul.pic_cbx li{
	float:left;
	list-style-type:none;
}
img.pic_cbx{width:35px; height:auto; margin:0 1px 7px 1px; padding:0;}

div.head{
	text-align:center; background-color:#fff;
	margin:10px auto;
	padding:0;
}
ul.head{margin:5px -10px 0 0; padding:0; width:310px; float:none; clear:both;}
ul.head li{
	margin:0 4px 4px 0;
	padding:0;
	font-size:11px;
	line-height:15px;
	text-align:center;
	float:left;
	list-style-type:none;
	width:53px;
	height:53px;
	background-color:#FFFFFF;
	background-image:url(img/hd/munubg.png);
	border:2px solid #DCDDDD;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	font-feature-settings:"palt"; letter-spacing:0;
}
ul.head a,ul.head a:link{color:#333333; text-decoration:none; font-weight:bold;}
ul.head a:hover{
	color:#E60012;
	position:relative;
	font-weight:bold;
	background-color:#FFF100;
	text-decoration:none;
	left:0; top:0;
	padding:3px 0 1px 0;
}

ul.contents_tag{
	margin:18px 0;
	padding:0;
}
ul.contents_tag li{
	list-style-type:none;
	float:left;
	margin:0 15px 10px 0;
	padding:0;
	line-height:130%;
}

ul.contents_tag a,ul.contents_tag a:link{font-size:80%;	line-height:130%; color:#333; text-decoration:none; border:1px solid #ccc; padding:10px 11px 10px 11px; margin:0 -9px -4px 0; display:inline-block;}
ul.contents_tag a:hover{
	color:#333;
	text-decoration:none;
}
/* 色数値の表組み */
/*******************************************************************************************************************/
table.numericalvalue{
	background-color:#CCC;
	margin:0 0 10px 0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCC;
	table-layout:fixed;
}
table.numericalvalue tr{background-color:#FFF;}
table.numericalvalue th,table.numericalvalue td{
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCCCCC;
}
table.numericalvalue th{
	background-color:#FFFCDB;
	text-align:center;
	padding:5px 3px;
	font-size:12px;
	line-height:14px;
}
table.numericalvalue td{
	text-align:right;
	vertical-align:middle;
	padding:3px 3px;
	font-size:12px;
	line-height:14px;
	height:auto;
}

/* プロセスカラーの表*********************************/
table.colortable{
	margin:0 0 10px 0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #FFF;
	table-layout:auto;
}
table.colortable tr{
	text-align:center;
	vertical-align:middle;
}
table.colortable th{
	font-size:5px;
	background-color:#FFFCDB;
	padding:3px 0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #FFF;
}
table.colortable td{
	text-align:center;
	vertical-align:middle;
	font-size:5px;
	line-height:6px;
	padding:3.5% 0;
	word-wrap:break-word;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #FFF;
}
/* colorchart/cmyk *********************************/
table.singlecmyk{
	margin:10px 0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCC;
}
table.singlecmyk tr{
	text-align:left;
	vertical-align:top;
}
table.singlecmyk td{
	font-size:8px;
	line-height:12px;
	padding:1px 3px;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCC;
}
table.singlecmyk p{
	margin:6px 0;
}
table.singlecmyk a{display:block; text-decoration:none;}
table.singlecmyk a:link{text-decoration:none;}
table.singlecmyk a:hover{text-decoration:none;}

ul.cmykname{
	margin:10px 0;
	padding:0;
}
ul.cmykname li{
	list-style-type:none;
	float:left;
	width:70px;
	text-align:right;
	font-size:8px;
	line-height:12px;
	margin:0 5px 5px 0;
	padding:0;
}
ul.cmykname a{display:block; text-decoration:none;}
ul.cmykname a:link{text-decoration:none;}
ul.cmykname a:hover{text-decoration:none;}

/* ranking */
/*******************************************************************************************************************/
table.ranking_tb,table.
{
	background-color:#CCC;
	margin:0 0 10px 0;
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCC;
	table-layout:auto;
}
table.ranking_tb tr,table.likes_tb tr{background-color:#FFF;}
table.ranking_tb th,ranking_tb td,table.likes_tb th,likes_tb td{
	border-collapse:collapse;
	border-spacing:1px;
	border:solid 1px #CCCCCC;
}
table.ranking_tb th,table.likes_tb th{
	background-color:#FFFCDB;
	text-align:center;
	padding:5px 3px;
	font-size:10px;
	line-height:11px;
}
table.ranking_tb td{
	text-align:left;
	vertical-align:middle;
	padding:3px;
	font-size:11px;
	line-height:12px;
	height:auto;
}
table.likes_tb td{
	text-align:center;
	vertical-align:middle;
	padding:3px 1px;
	font-size:8px;
	line-height:10px;
	height:auto;
}
table.likes_tb p{
	margin:3px 0;
}

}