@charset "Shift_JIS";
@import url(/common/css/form.css);

/*--■■■■■officek共通スタイルシート■■■■■--*/

/*--■ブロック要素■--*/

/*--■非表示■--*/
.hidden, nocss, span.hidden, span.nocss{
	! important;
	display:none;
}

.noview{
	! important;
	visibility:hidden;
}

/*--form--*/
input.button{
	background-color:#996;
	background-image:url(/common/images/texture/hairline_996.gif);
}

select, textarea, input,
input.num, input.name, input.mail, input.url, input.short, input.shortmid, input.midshort, input.mid, input.midlong, input.long,
input.zipcode, input.tel
{
	border-color:#996;
}

/*--body--*/
body{
	margin:2%;
	background-color:#cc9;
	background-image:url(/common/images/texture/hairline_cc9.gif);
	text-decoration:none;
	font-weight:normal;
	font-size:100%;
	font-style:normal;
	line-height:1.5em;
}

/*marginとpadding*/
h1, h2, h3, h4, h5, h6,
div, pre, address{
	margin:0;
	padding:0;
}

p{
	margin-top:1em;
}

/*--◆全体のレイアウト◆--*/
div.main{
	float:left;
	width:75%;
}

div.sub{
	float:right;
	width:22%;
	padding-left:5px;
}

.right{ float:right; }

.left{ float:left; }

/*--clear--*/
hr, h2, h3, table, img, p.totop{
	clear:both;
}


/*--見出し--*/
h1{
	background-color:#663;
	background-image:url(/common/images/texture/hairline_663.gif);
	border:none;
	padding:7px;
	font-size:120%;
	font-weight:bold;
}

h2{
	background-color:#663;
	background-image:url(/common/images/texture/hairline_663.gif);
	border:none;
	margin-top:1em;
	padding:5px;
	font-size:100%;
	font-weight:bold;
}

h3{
	background-color:#996;
	background-image:url(/common/images/texture/hairline_996.gif);
	border:none;
	margin:0;
	padding:5px;
	font-weight:normal;
	font-size:100%;
}

h4{
	font-weight:bold;
	font-size:100%;
	padding-left:2px;
	border-left:1em solid #663;
}

h5{
	padding-left:2px;
	border-left:1em solid #996;
}

h5, h6{
	font-weight:bold;
	font-size:90%;
}

/* --引用-- */
blockquote{
	margin: 1em 3em 1em;
	background-color:#dda;
	background-image:url(/common/images/texture/hairline_dda.gif);
	border:2px #dda inset;
	padding:0.5em;
	font-style: normal;
}

/*--リスト--*/
ul, ol, dl{
	margin:0.5em 0;
	padding:0;
	padding-left:2em;
}

ul{
	list-style-image:url(http://www.officek.jp/parts/itemmark.gif);
}

ol{
	list-style-image:none;
}

dt{
	font-weight:bold;
}

/*--署名--*/
address{
	border:#996 solid 1px;
	margin-bottom:1em;
	padding:0.5em;
	text-align:right;
	font-weight:bold;
	font-style:normal;
	font-size:smaller;
	color:#333;
}

/*--テーブル--*/
table{
	margin:1em 0;
	border-width:1px 0 0 1px;
	border-color:#663;
	border-style:solid;
}

table p, table form{
	margin-top:0;
	margin-bottom:0;
}

tr{
	border:none;
	vertical-align:top;
}

th, td{
	background-color:#dda;
	background-image:url(/common/images/texture/hairline_dda.gif);
	border-width:0 1px 1px 0;
	border-color:#663;
	border-style:solid;
	padding:3px 5px;
	vertical-align:top;
}

th{
	background-color:#996;
	background-image:url(/common/images/texture/hairline_996.gif);
	text-align:center;
	font-weight:bold;
}

td.num{
	text-align:right;
	white-space:nowrap;
}

/*--画像--*/
img{
	border:#dda outset 3px;
}

img.normal{
	border:none;
}

img.center{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:2px;
}

.center{
	text-align:center;
}

img.right, img.left{
	margin:6px;
}


/*--■inlineレベル要素■--*/

/*--アンカー--*/
a{
	text-decoration: none;
	font-weight:bold;
}
a:link{color:#630;}
a:visited{color:#963;}
a:active{color:#fff;}
a:hover{background-color:#ccf;}

h2 a:link{ color:#000; }
h2 a:visited{ color:#000; }

/* --引用-- */
q{
	background-color:#dda;
	background-image:url(/common/images/texture/hairline_dda.gif);
}

/*--強調--*/
em, strong{
	font-weight:bold;
	font-style: normal;
	text-decoration:none;
}

em{
	color:#f00;
}

/*--■officek共通class■--*/

/*--サブタイトル--*/
.subtitle{
	border:solid 5px #cc9;
	border-width:0 0 0 5px;
	margin-left:0.5em;
	padding-left:0.5em;
	font-weight:normal;
}

/*--もどる--*/
/*.return（トップページへ）.totop（ページトップへ）*/
.return, .totop{
	margin-top:1px;
	margin-bottom:1px;
	text-align:right;
	font-size:smaller;
}

.totop{
	margin-bottom:-1em;
}

/*--ページ内目次--*/
.index{
	font-size:smaller;
}

p.index{
	margin-top:0;
	text-align:right;
}

ul.index{
	margin-left:0;
	margin-right:0;
}

ul.index li{
	display:inline;
	margin-left:0.5em;
}

div.index{
	margin-bottom:1em;
	width:35%;
	border:outset #dda 2px;
	background-color:#dda;
	background-image:url(/common/images/texture/hairline_dda.gif);
	float:right;
}

div.index h2{
	clear:none;
	margin:0;
	padding:0.5em 1em 0;
	border:none;
	background-color:transparent;
}

/*--注意--*/
.caption{
	margin-top:0;
	text-align:center;
	font-style: italic;
}

/*--最終更新日--*/
.lm{
	margin-top:0;
	margin-bottom:0;
	text-align:right;
	font-style:italic;
	font-size:smaller;
}

ul.lm{
	margin-top:0;
	margin-bottom:0;
	list-style-type:none;
	list-style-image:none;
	line-height:1em;
}

/*--要約--*/
div.summary{
	width:45%;
	margin-left:10%;
	margin-bottom:1em;
	padding:1em;
	background-color:#cc9;
	background-image:url(/common/images/texture/hairline_cc9.gif);
	border:1px #996 dashed;
	float:left;
}

/*--トピック--*/
div.topic{
	margin: 1em 10% 1em;
	background-color:#dda;
	background-image:url(/common/images/texture/hairline_dda.gif);
	border:2px #dda outset;
	padding:1em;
	font-style: normal;
}

/*--参照（amazon等）--*/
div.ref{
	margin: 1em 1em 1em 30%;
	background-color:#dda;
	background-image:url(/common/images/texture/hairline_dda.gif);
	border:2px #dda outset;
	padding:0 1em;
	font-style: normal;
	font-size:smaller;
	clear:both;
}

/*--コメント--*/
.comment{
	color:#333;
	font-weight:normal;
}

div.comment, div.memo{
	color:#000;
	margin-top:1em;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:1em;
	padding:1em;
	background-color:#cc9;
	background-image:url(/common/images/texture/hairline_cc9.gif);
	border:1px #996 dashed;
}

/*--cover--*/
div.cover{
float:right;
padding:8px;
width:155px;
text-align:center;
vertical-align:middle;
border:3px inset #cc9;
margin:1em 0 1em 1em;
background-color:#cc9;
background-image:url(/common/images/texture/hairline_cc9.gif);
}

/*--ラベル（“追記：”とか）--*/
.label{
	font-weight:bold;
}

/*--マネジメント--*/
.management{
	color:#333;
}

/*--officekシステムadmin--*/
div.adminform{
	text-align:right;
	color:#333;
	font-size:x-small;
}
div.adminform p{
	margin:0;
}

/*--■■■サブコラムの設定■■■--*/

div.sub{
	background-color:transparent;
	line-height:1.3em;
	font-size:smaller;
}

/*--見出し--*/
div.sub a{font-weight:normal;}

div.sub, div.sub ul{
	list-style-image:none;
}

div.sub h3{
	background-color:transparent;
	background-image:none;
	border-bottom:#663 0 solid;
	border-width:0 0 2px;
	margin-top:0.5em;
	margin-bottom:2px;
	padding:2px;
}

div.sub h4, div.sub h5, div.sub ul, div.sub ol{
	background-color:transparent;
	background-image:none;
	border-color:transparent;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

/*--■非改行■--*/
.nowrap{
	white-space:nowrap;
}