@import url(../../ss/default.css);
@import url(maruborder.css);
@charset "UTF-8";
body, td, th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
body  {
	background: #fff;
	text-align: center; /* ie5コンテナが中央揃え、textは#wrap設定-左揃え */
	font-size: 13px;
	line-height: 140%;
	color: #666;
	background-image: url(../../img/bg.gif);
}
#wrap { 
	width: 780px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left; /* bodyのtext-align:centerより優先 */
} 
#header { 
	padding-top: 10px;
} 
#contents {
	float: right;
	width: 510px;
	padding: 0 0 0 8px;
} 
#side {
	font-size: 12px;
	float: left;
	width: 240px; /* 標準準拠orIE標準モードでは、このdivの実際幅には、余白と境界線も含まれる */
}
#sign {
	width: 150px;
	margin: 0 0 20px 30px;
}
#navi {
	width: 100%;
	padding: 15px 3px 15px 3px;
	/*border: 1px solid #ccc;sidebar全体borderはキャンセル*/
}
#footer {
	clear:both;
	padding: 30px 10px 0 20px;
	text-align: center;
} 

/* common */
p { padding-top: 13px; }
.out {
	font-size: 90%;
	color: #F30;
}
em {
	font-size: 90%;
	color: #F33;
	font-style: italic;
}
.sml { font-size: 95%; }
.attn-b, .attn-b strong { color: #C63; }
p.l2t a {
	padding-left: 430px;
	font-size: 11px;
}
input.check {
	border:outset 1px #ccc;
	background:#999;
	color: #333;
	background: url(../ims/button_bg.gif) repeat-x left top;
	padding: 1px 2px 0;
	font-size: 12px;
	cursor: pointer;
}
.space { margin-top: 12px; }
.shortspace { margin-top: -7px; }
.info { font-size: 95%; } /*お知らせ用*/

/* index-footer */
#footer p {
	padding: 18px 0; /* エレメントの余白でマージンの相殺を回避。マージンと全く同様のスペースを設定 */
}
#footer input.text {
	padding: 0.2em;
	border: 1px solid #ccc;
	font-size: 95%;
	color: #666;
	width: 200px;
	margin-right: 10px;
}
#footer input.smit {
	border:outset 1px #ccc;
	background:#999;
	color: #333;
	padding: 3px 5px 0 5px;
	font-size: 12px;
	letter-spacing: 2px;
	cursor: pointer;
	background-image: url(../as/buttonbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* index-navi */
#navi h3 {
	font-size: 120%;
	font-weight: bold;
}
#navi ul { margin-left: 3px; }
#navi li {
	font-size: 12px;
	padding: 8px 0 0 6px;
}
#navi li.gap {
	font-size: 96%;
	line-height: 130%;
	margin-top: -7px;
}
.notify { /*臨時休暇等カレンダー特記用*/
	font-size: 92%;
	color: #963;
	margin-top: -5px;
}
#navi ul#gnavi { padding: 10px 0 10px 3px; } /*site navi*/
#gnavi li {
	padding: 3px 0 0 3px;
	list-style-position: inside;
	list-style-type: disc;
}

/* index-main */
.kago { margin-left: 390px; } /*table使用分*/
#topic { width: 100%; }
#topic ul {
	list-style-position: inside;
	padding: 18px 13px 15px 15px;
}
#topic ul li {
	font-size: 96%;
	list-style-position: inside;
	list-style-type: circle;
	padding-top: 5px;
}
#topic p {
	font-size: 96%;
	line-height: 120%;
	padding: 13px 13px 0 13px;
}
.prodwrap { margin-top: 13px; }
.pname {
	width: 60%;
	float: left;
}
.thumbnail {
	width: 30%;
	float: right;
	padding-top: 30px;
}
.pname h3 {
	font-size: 108%;
	font-weight: bold;
	padding: 18px 0 0 8px;
}
.pname h2 {
	font-size: 118%;
	font-weight: bold;
	padding: 15px 0 0 0;
	border-bottom: 1px dotted #ccc;
	color: #555;
}
.thumbnail img { padding: 5px; }
.pname li {
	padding: 3px 0 0 10px;
	list-style-type: none;
}
.pname ul { margin-top: 13px; }
h4 { /*tools使用*/
	font-size: 100%;
	font-weight: bold;
	padding: 13px 0 0 7px;
}
.prodwrap blockquote { padding: 26px 20px 20px; } /*tools使用*/

/* wigs-index */
#wigs {
	margin: 13px 0 0 10px;
	width: 100%;
}
#wigs h3 {
	padding: 13px 0 10px 26px;
	clear: both;
	font-size: 110%;
	color: #444
	font-weight: bold;
}
.itemwrap {
	margin: 0 10px 10px 0;
	float: left;
	width: 115px;
}
.pics {
	text-align: center;
	padding: 5px;
}
.color {
	padding: 5px;
	height: 30px;
}
.itemwrap p {
	font-size: 12px;
	line-height: 140%;
	padding: 0;
}
p.pages {
	clear: both;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0.1em;
}
p.pages-t {
	text-align: right;
	letter-spacing: 0.1em;
}
p.pages strong, p.pages-t strong {
	font-weight: bold;
	text-decoration: underline;
}
#wigs blockquote { padding: 26px 20px 20px; }
#chart {
	width: 410px;
	margin: 10px auto;
	text-align: center;
	font-size: 12px;
}
#chart img { padding-top: 3px; }
.itemwrap2 { /*ブラシ類向け*/
	margin: 0 10px 10px 0;
	width: 450px;
}
.pics2 {
	float: left;
	padding: 13px;
	width: 120px;
}

/* 1st-visit */
h3.first {
	font-size: 110%;
	font-weight: bold;
	padding: 20px 0 0 8px;
}
h2.first {
	font-size: 120%;
	font-weight: bold;
	padding: 40px 0 20px 8px;
}