@charset "UTF-8";


/* 基本レイアウト用（原則追加変更不可） */




/* 基本タグの初期化
--------------------------------------------------------------*/
html {
	margin: 0;
	text-align: center;
}

body {
	/*background-color:#e1daca;*/
	background: #6fd335 url(/solution/refills/gachasuke/images/widgets/background.png) repeat;
	width: 770px;
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

h1,
h2,
h3,
h4,
form {
	margin: 0;
	padding: 0;
}

p {
	margin-top: 0px;
	line-height: 1.45em;
}

hr {
	height: 1px;
	border-top: 1px solid #CCC;
	border-bottom: none;
}

img {
	border: 0;
}


/* リンクカラー
--------------------------------------------------------------*/
a,
a:link {
	color: #03C;
	text-decoration: underline;
}

a:visited {
	color: #60C;
	text-decoration: underline;
}

a:active,
a:hover {
	color: #F60;
	text-decoration: none;
}


/* 全てのページに共通する定義（原則追加変更不可）
------------------------------------------------------------------------------------------*/
/* ソース全体の幅規定とセンタリング */
#CABINET {
	width: 776px;
	margin: 0;
	padding: 0 4px 0 2px;
	text-align: left;
	/*background: url(/solution/refills/images/widgets/cabinet_background.gif) repeat-y 0 0;*/
}

#CABINET div {}


/* パンくず
------------------------------------------------------------------------------------------*/
#CONTENTPATH {
	font-size: 85%;
	color: #888;
	margin: 14px 10px 30px 0;
}

#CONTENTPATH span {
	padding: 0 7px;
}

#CONTENTPATH a,
#CONTENTPATH a:link {
	color: #96C;
}


/* MAIN
------------------------------------------------------------------------------------------*/
#MAINBG {
	/*background:#FFF url(/solution/refills/images/widgets/main_background.png) no-repeat 0 0;*/
	background: #FFF;
	width: 770px;
	margin: 0;
	padding: 0;
	min-height: 450px;
}


/* CONTENTS
------------------------------------------------------------------------------------------*/
#CONTENTS {
	width: 550px;
	margin: 0;
	padding: 0 14px 0px 0;
	color: #494949;
	text-align: left;
	float: right;
}

#CONTENTS li,
#CONTENTS dd,
#CONTENTS dt,
#CONTENTS tr,
#CONTENTS td {
	line-height: 1.3em;
}




/* 見出し・強調
------------------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4 {
	font-weight: bold;
	line-height: 1.2em;
	font-family: "MS PGOTHIC", Osaka, sans-serif;
	color: #000;
}

h1 {
	margin: 0 0 1.2em 0;
	padding: 0px 0 4px 0;
	font-size: 208%;
	line-height: 1.15em;
	font-weight: normal;
}

h1 span.sub {
	font-size: 50%;
	font-weight: normal;
	display: block;
	line-height: 80%;
	color: #444;
}

h2 {
	background: url(/solution/refills/gachasuke/images/widgets/h2.jpg) no-repeat left bottom;
	height: 34px;
	padding-top: 6px;
	padding-left: 45px;
	margin: 20px 0px 0px 0px;
	color: #FFF;
	font-size: 24px;
	clear: both;
}

h2 span.sub {
	font-size: 75%;
	font-weight: normal;
	display: block;
	line-height: 105%;
}

h3 {
	background: url(/solution/refills/gachasuke/images/widgets/h3.jpg) no-repeat left bottom;
	height: 28px;
	padding-top: 7px;
	padding-left: 32px;
	margin: 2em 0 1.2em 0;
	font-size: 17px;
	color: #555;
}

h4 {
	margin: 1em 0 0.5em 0;
	font-size: 130%;
}




/* リスト定義
--------------------------------------------------------------*/
#CONTENTS ol,
#CONTENTS ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#CONTENTS li {
	margin-bottom: 0.6em;
}

ul.alpha {
	list-style-type: lower-alpha;
}

#CONTENTS dl {
	margin-top: 0.5em;
}

#CONTENTS dt {
	margin-bottom: 0.4em;
}

#CONTENTS dd {
	margin-bottom: 1.2em;
}

.no {
	list-style-type: none !important;
	margin-left: 15px;
	padding: 0px;

}

/* tableタグ
--------------------------------------------------------------*/
/* .tblテーブル内通常テーブル */
table.tbl table {
	margin: 0;
	border-collapse: separate;
	empty-cells: hide;
	border-width: 0px;
}

table.tbl table th,
table.tbl table td {
	padding: 2px 5px 2px 0;
	border: 0px;
	color: #494949;
}

table.tbl table th,
table.tbl table thead th,
table.tbl table thead td {
	font-weight: bold;
	background-color: #fff;
	color: #494949;
}

/* .tblテーブル */
table.tbl,
td table.tbl {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	empty-cells: show;
	margin: 5px 0;
}

table.tbl thead th,
table.tbl thead td,
td table.tbl thead th,
td table.tbl thead td {
	background-color: #CCC;
	color: #000;
	font-weight: normal;
}

table.tbl thead td,
td table.tbl thead td {
	background-color: #DDD;
}

table.tbl th,
table.tbl td,
td table.tbl th,
td table.tbl td {
	padding: 2px 5px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

table.tbl th,
td table.tbl th {
	color: #222;
	background-color: #EEE;
	text-align: left;
	font-weight: normal;
}

table.tbl td,
td table.tbl td {
	font-weight: normal;
}






/* 横線tableタグ
--------------------------------------------------------------*/
/* .hrテーブル内通常テーブル */
table.hr table {
	border: 0;
	margin: 0;
	border-collapse: separate;
	empty-cells: hide;
	background-image: none;
}

table.hr table th,
table.hr table td {
	padding: 2px 5px 2px 0;
	background-image: none;
	border-collapse: separate;
	color: #494949;
}

table.hr table th {
	font-weight: bold;
	background: #fff;
	border-collapse: separate;
}

/* 横線のみのテーブル */
table.hr,
td table.hr {
	margin: 5px 0;
	border-collapse: collapse;
	empty-cells: show;
	background: transparent url(/solution/refills/images/widgets/hr_01.gif) repeat-x 0px bottom;
}

table.hr td,
table.hr th,
td table.hr td,
td table.hr th {
	padding: 9px 5px 8px 5px;
	text-align: left;
	background: transparent url(/solution/refills/images/widgets/hr_01.gif) repeat-x 0px 0px;
}

table.hr th,
td table.hr th {
	font-weight: bold;
	color: #333;
}

table.hr td,
td table.hr td {
	font-weight: normal;
}



/* .tblテーブル ホンの少しだけ文字（90％）を小さく セミナー日程で使用*/
table.tblsmall,
td table.tblsmall {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	empty-cells: show;
	margin: 5px 0;
	line-height: 1.4em;
}

table.tblsmall thead th,
table.tblsmall thead td,
td table.tblsmall thead th,
td table.tblsmall thead td {
	background-color: #CCC;
	color: #000;
	font-weight: bold;
}

table.tblsmall thead td,
td table.tblsmall thead td {
	background-color: #DDD;
}

table.tblsmall th,
table.tblsmall td,
td table.tblsmall th,
td table.tblsmall td {
	padding: 2px 4px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 90%;
}

table.tblsmall th,
td table.tblsmall th {
	color: #222;
	background-color: #EEE;
	text-align: left;
	font-weight: normal;
	font-size: 90%;
}

table.tblsmall td,
td table.tblsmall td {
	font-weight: normal;
	font-size: 90%;
}



/* アイコン
--------------------------------------------------------------*/

/* アイコンのUL共通 */
ul.arrow,
ul.pdf,
ul.download,
ul.file,
ul.form,
ul.mail,
ul.window {
	list-style-type: none;
	padding-left: 20px;
	margin-left: 0;
}

ul.arrow li,
ul.pdf li,
ul.download li,
ul.file li,
ul.form li,
ul.mail li,
ul.window li {
	padding-left: 21px;
}


ul.arrow li.none,
ul.pdf li.none,
ul.download li.none,
ul.file li.none,
ul.mail li.none,
ul.window li.none {
	background-image: none !important;
}

ul.none {
	list-style-type: none;
	padding-left: 20px;
	margin-left: 0;
}

/* ※マーク黒 */
ul.kome {
	list-style-type: none;
	padding-left: 20px;
	margin-left: 0;
}

ul.kome li {
	background: transparent url(/solution/refills/images/widgets/icon_kome.gif) no-repeat 1px 3px !important;
	padding-left: 20px !important;
}

/* ※マーク赤 */
ul.kome_red {
	list-style-type: none;
	padding-left: 20px;
	margin-left: 0;
}

ul.kome_red li {
	background: transparent url(/solution/refills/images/widgets/icon_kome_red.gif) no-repeat 1px 3px !important;
	padding-left: 20px !important;
}



/* リンク */
.arrow a,
a.arrow {
	padding: 1px 3px 1px 18px;
	background: transparent url(/solution/refills/gachasuke/images/widgets/arrow.gif) no-repeat 3px 3px;
}

ul.arrow li {
	background: transparent url(/solution/refills/gachasuke/images/widgets/arrow.gif) no-repeat 3px 3px;
}

dl.arrow dt {}

/* PDF */
.pdf a,
a.pdf {
	padding: 1px 3px 1px 18px;
	background: transparent url(/solution/refills/images/widgets/icon_pdf.gif) no-repeat 0px 1px;
}

ul.pdf li {
	background: transparent url(/solution/refills/images/widgets/icon_pdf.gif) no-repeat 0px 1px;
}

dl.pdf dt {}


/* ダウンロード */
.download a,
a.download {
	padding: 1px 3px 1px 18px;
	background: transparent url(/solution/refills/images/widgets/icon_download.gif) no-repeat 1px 0px;
}

ul.download li {
	background: transparent url(/solution/refills/images/widgets/icon_download.gif) no-repeat 1px 0px;
}

dl.download dt {}


/* ファイル */
.file a,
a.file {
	padding: 1px 3px 1px 18px;
	background: transparent url(/solution/refills/images/widgets/icon_file.gif) no-repeat 0px 1px;
}

ul.file li {
	background: transparent url(/solution/refills/images/widgets/icon_file.gif) no-repeat 0px 1px;
}

dl.file dt {}



/* フォーム */
.form a,
a.form {
	padding: 1px 3px 1px 18px;
	background: transparent url(/solution/refills/images/widgets/icon_form.gif) no-repeat 0px 1px;
}

ul.form li {
	background: transparent url(/solution/refills/images/widgets/icon_form.gif) no-repeat 0px 1px;
}

dl.form dt {}


/* メール */
.mail a,
a.mail {
	padding: 1px 3px 1px 18px;
	background: transparent url(/solution/refills/images/widgets/icon_mail.gif) no-repeat 1px 3px;
}

ul.mail li {
	background: transparent url(/solution/refills/images/widgets/icon_mail.gif) no-repeat 1px 3px;
}

dl.mail dt {}


/* 別ウィンドウ */
.window a,
a.window {
	padding: 1px 3px 1px 18px;
	background: transparent url(/solution/refills/images/widgets/icon_window.gif) no-repeat 0px 1px;
}

ul.window li {
	background: transparent url(/solution/refills/images/widgets/icon_window.gif) no-repeat 0px 1px;
}

dl.window dt {}



/* リンク（ボタン風） */
a.a-button {
	background: #FF9;
	padding: 7px;
	display: block;
	text-align: center;
	margin: 3px 0;
	width: 50%;
	font-size: 120%;
	font-weight: bold;
	border: 2px solid #ccc;
}

a.a-button:link,
a.a-button:visited {
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
	color: #000;
}

a.a-button:hover,
a.a-button:active {
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-top: 2px solid #444;
	border-left: 2px solid #444;
	color: #000;
	padding: 8px 6px 6px 8px;
	background-color: #FF9933;
}


/* 画像回り込み
--------------------------------------------------------------*/
/* 左画像、回り込み */
img.imgL {
	float: left;
	margin-right: 12px;
	margin-bottom: 1em;
}

/* 右画像、回り込み */
img.imgR {
	float: right;
	margin-left: 12px;
	margin-bottom: 1em;
}


/* 左画像、回り込み、画像コメント有り */
div.imgL {
	text-align: center;
	color: #666;
	float: left;
	margin-right: 12px;
	margin-bottom: 1em;
}

div.imgL img {
	margin-bottom: 3px;
}

/* 右画像、回り込み、画像コメント有り */
div.imgR {
	text-align: center;
	color: #666;
	float: right;
	margin-left: 12px;
	margin-bottom: 1em;
}

div.imgR img {
	margin-bottom: 3px;
}

/* 画像、画像の下にコメント有り */
div.imgC,
p.imgC {
	text-align: center;
	color: #666;
}

div.imgC img,
p.imgC img {
	margin-bottom: 3px;
}


/* 囲い線 */
.rect {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #999;
}


/* 囲い背景イエロー */
.rect-y {
	margin: 0px 0 10px 0;
	padding: 10px;
	background-color: #FDFBCE;
	border: #999 1px solid;
}

.rect-yn {
	margin: 0px 0 10px 0;
	padding: 10px;
	background-color: #FDFBCE;

}

/* 囲い背景ブルー */
.rect-b {
	margin: 0px 0 10px 0 !important;
	padding: 10px;
	background-color: #EAF7FF;
	/*	border:#999 1px solid;*/
}


/* 背景グレー */
.rect-g {
	margin: 0px 0 10px 0;
	padding: 10px;
	background-color: #F7F7F7;
	/*	border:#999 1px solid;*/
}

/* 囲い線レッド */
.rect-r {
	margin: 0px 0 10px 0;
	padding: 10px;
	background-color: #fff;
	border: #CC0000 1px solid;
}


.r-sub {
	background-color: #CC0000;
	padding: 2px 10px 2px 10px;
	margin: 0px 0 0px 0px !important;
	color: #fff;
	display: inline;
	font-size: 88%;
	letter-spacing: 0.2em;
	line-height: 1.2em;
}

.g-sub {
	background-color: #666;
	padding: 2px 10px 2px 10px;
	margin: 0px 0 0px 0px !important;
	color: #fff;
	display: inline;
	font-size: 86%;
	letter-spacing: 0.2em;
	line-height: 1.2em;
}

/*　関連パーツ
-----------------------------------------*/
.kanrentitle {
	background: transparent url(/solution/refills/images/widgets/kanren.jpg) no-repeat;
	padding: 1px 0 0px 18px;
	color: #fff;
	margin: 20px 0 0 200px;
	line-height: 1.75em !important;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}



.kanren {


	padding: 15px 15px;
	margin: 0 0 0 200px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.kanren ul {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

.kanren li {
	margin: 0 0 0 20px !important;
	padding: 0 0 0 0 !important;
}


/* オブジェクトマージン：上方向（汎用）
--------------------------------------------------------------*/
.mt0 {
	margin-top: 0px !important;
}

.mt2 {
	margin-top: 2px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt7 {
	margin-top: 7px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt1em {
	margin-top: 1em !important;
}

.mt2em {
	margin-top: 2em !important;
}

.mt3em {
	margin-top: 2em !important;
}

/* オブジェクトマージン：左方向（汎用）
--------------------------------------------------------------*/
.ml0 {
	margin-left: 10px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml30 {
	margin-left: 30px !important;
}

/* オブジェクトマージン：右方向（汎用）
--------------------------------------------------------------*/
.mr0 {
	margin-right: 10px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px !important;
}

/* オブジェクトマージン：下方向（汎用）
--------------------------------------------------------------*/
.mb0 {
	margin-bottom: 10px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb1em {
	margin-bottom: 1em !important;
}

.mb2em {
	margin-bottom: 2em !important;
}

.mb3em {
	margin-bottom: 2em !important;
}


/* 行揃え（汎用）
--------------------------------------------------------------*/
.taRight {
	text-align: right !important;
}

.taCenter {
	text-align: center !important;
}

.taLeft {
	text-align: left !important;
}

.vam {
	vertical-align: middle !important;
}

.vat {
	vertical-align: top !important;
}


/* 回り込み（汎用）
--------------------------------------------------------------*/
.floLeft {
	float: left;
}

.floRight {
	float: right;
}

/* クリア
----------------*/
.floatClear {
	display: block;
	clear: both;
	width: auto;
	height: 1px;
	overflow: hidden;
	margin: 0 0 -1px 0;
	padding: 0;
	font-size: 1px;
	background: transparent;
}

/* クリア
----------------*/
.both {
	clear: both;
}



/* 文字装飾用
--------------------------------------------------------------*/
/* 赤字 */
.red {
	color: #C00 !important;
}

/* デフォルト文字カラー */
.color-d {
	color: #4a6b84 !important;
}

/* 小さい文字 */
.small {
	font-size: 85% !important;
}

/* 補足文 */
.weak {
	color: #777 !important;
}

.b {
	font-weight: bold;
}

/* コマンド・ソース */
pre.source {
	background-color: #EEE;
	padding: 10px 5px;
	border: 1px solid #CCC;
	width: 535px;
	overflow: scroll;
}


/* 横線 */
.hr {
	background: url(/solution/refills/images/widgets/hr_01.gif) repeat-x 0 0;
	padding-top: 10px;
}


/* 背景色
--------------------------------------------------------------*/
span.backcolor1,
span.backcolor2,
span.backcolor3 {
	padding: 2px 2px 2px 2px;
}

.backcolor1 {
	background-color: #608098 !important;
	color: #FFF !important;
}

.backcolor2 {
	background-color: #e1daca !important;
}

.backcolor3 {
	background-color: #f6f4ed !important;
}