@charset "EUC-JP";

/*
----------------------------------------------------
foundation style
author: HPG_ebina
version: Jul 17 2008
Do not edit this file foundation.css
---------------------------------------------------- */


/* 基本ページ　共通項目
---------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Verdana, sans-serif;
	font-size: small;
}

img, a {			/* winでのimg,a ボーダー解除 */
	border: 0;
}

.clear {			/* 回り込み(float)の解除用 */
	clear: both;
	text-indent: -9998px;
}

* {				/* 全ての margin, padding クリア */
	margin: 0;
	padding: 0;
}

/* float用コラム (基本左右48%)
---------------------------------------------------- */
.col_l {
	float: left;
	width: 48%;
}
.col_r {
	float: right;
	width: 48%;
}
.col_l2 {
	float: left;
	width: 58%;
		padding:10px 0 0 0;
}
.col_r2, .col_r2 .img {
	float: right;
	width: 38%;	
	padding:10px 0 0 0;
}

/* ブロックレベル要素内テキストの行揃え用
---------------------------------------------------- */
.center {
	text-align: center;
}
.center img, .center table {
	margin-left: auto;
	margin-right: auto;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

/* 文字装飾
---------------------------------------------------- */
p, span {
	line-height: 1.8;
}
.ind {		/* 段落の頭に1文字分空ける */
	text-indent: 1em;
}
span.ind {		/* 段落の頭に1文字分空ける（spanブロック化）*/
	display: block;
	text-indent: 1em;
}
.rev_ind {		/* 段落の頭 1文字分マイナス ※マーク使用時など */
	padding: 0 0 0 1em;
	text-indent: -1em;
}
span.rev_ind {		/* spanブロック化 */
	display: block;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.no_ind {		/* インデントなし */
	text-indent: 0;
}
.pad_r {
	padding-right: 1em;	/* [ ] 部分用（右にパディング）*/
}
.pad_l {
	padding-left: 1em;	/* [ ] 部分用（左にパディング）*/
}
.ver {
	font-family: Verdana;
}

/* フォントサイズ指定
---------------------------------------------------- */
.xxs {
	font-size: xx-small;	/* フォントサイズ xx-small */
}
.xs {
	font-size: x-small;	/* フォントサイズ x-small */
}
.s {
	font-size: small;	/* フォントサイズ small */
}
.m {
	font-size: medium;	/* フォントサイズ medium */
}
.l {
	font-size: large;	/* フォントサイズ large */
}
.xl {
	font-size: x-large;	/* フォントサイズ x-large */
}
.xxl {
	font-size: xx-large;	/* フォントサイズ xx-large */
}

/*** 以下 % 指定 ***/
.em06 {
	font-size: 60%;		/* フォントサイズ 60% */
}
.em07 {
	font-size: 70%;		/* フォントサイズ 70% */
}
.em08 {
	font-size: 80%;		/* フォントサイズ 80% */
}
.em09 {
	font-size: 90%;		/* フォントサイズ 90% */
}
.em10 {
	font-size: 100%;	/* フォントサイズ 100% */
}
.em11 {
	font-size: 110%;	/* フォントサイズ 110% */
}
.em12 {
	font-size: 120%;	/* フォントサイズ 120% */
}
.em13 {
	font-size: 130%;	/* フォントサイズ 130% */
}
.em14 {
	font-size: 140%;	/* フォントサイズ 140% */
}
.em15 {
	font-size: 150%;	/* フォントサイズ 150% */
}
.em16 {
	font-size: 160%;	/* フォントサイズ 160% */
}
.em17 {
	font-size: 170%;	/* フォントサイズ 170% */
}
.em18 {
	font-size: 180%;	/* フォントサイズ 180% */
}
.em19 {
	font-size: 190%;	/* フォントサイズ 190% */
}
.em20 {
	font-size: 200%;	/* フォントサイズ 200% */
}
.em21 {
	font-size: 210%;	/* フォントサイズ 210% */
}
.em22 {
	font-size: 220%;	/* フォントサイズ 220% */
}
.em23 {
	font-size: 230%;	/* フォントサイズ 230% */
}
.em24 {
	font-size: 240%;	/* フォントサイズ 240% */
}


/*** 以下 pixel 指定（使う時は最大限注意） ***/
.px10 {
	font-size: 10px;	/* フォントサイズ 10px */
}
.px11 {
	font-size: 11px;	/* フォントサイズ 11px */
}
.px12 {
	font-size: 12px;	/* フォントサイズ 12px */
}
.px13 {
	font-size: 13px;	/* フォントサイズ 13px */
}
.px14 {
	font-size: 14px;	/* フォントサイズ 14px */
}
.px15 {
	font-size: 15px;	/* フォントサイズ 15px */
}
.px16 {
	font-size: 16px;	/* フォントサイズ 16px */
}
.px17 {
	font-size: 17px;	/* フォントサイズ 17px */
}
.px18 {
	font-size: 18px;	/* フォントサイズ 18px */
}
.px19 {
	font-size: 19px;	/* フォントサイズ 19px */
}
.px20 {
	font-size: 20px;	/* フォントサイズ 20px */
}

/* フォント太さ（weight）
---------------------------------------------------- */
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}

/* カラー
---------------------------------------------------- */

.red, .red a { color: #dc143c; }		/* レッド系 */
.lightred, .lightred a { color: #ff4a72; }
.deepred, .deepred a { color: #980012; }

.blue, .blue a { color: #002288; }		/* ブルー系 */
.lightblue, .lightblue a { color: #4169e1; }
.deepblue, .deepblue a { color: #000044; }

.green, .green a { color: #27853A; }		/* グリーン系 */
.lightgreen, .lightgreen a { color: #53c201; }
.deepgreen, .deepgreen a { color: #006960; }

.orange, .orange a { color: #ff6600; }		/* オレンジ系 */
.lightorange, .lightorange a { color: #ff8811; }
.deeporange, .deeporange a { color: #f84c00; }

.black, .black a { color: #222222; }		/* ブラック系 */
.lightblack, .lightblack a { color: #333333; }
.deepblack, .deepblack a { color: #000000; }

.gray, .gray a { color: #aaaaaa; }		/* グレー系 */
.lightgray, .lightgray a { color: #cccccc; }
.deepgray, .deepgray a { color: #888888; }

.white, .white a { color: #ffffff; }		/* ホワイト系 */

.aplblue, .aplblue a { color: #08c }		/* APLブルー */
.aplred, .aplred a { color: #c21c40 }	/* APLレッド */


/* 蛍光マーカー風
---------------------------------------------------- */
.marker.yellow {
	padding:0.2em;
	background: linear-gradient(transparent 0%, #ffff66 0%);
}
.marker.yellow.thin {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

.marker.aqua {
	padding:0.2em;
background: linear-gradient(transparent 0%, #1abc9c 0%);
}
.marker.aqua.thin {
background: linear-gradient(transparent 60%, #1abc9c 60%);
}

.marker.blue {
	padding:0.2em;
background: linear-gradient(transparent 0%, #3498db 0%);
}
.marker.blue.thin {
background: linear-gradient(transparent 60%, #3498db 60%);
}

.marker.pink {
	padding:0.2em;
background: linear-gradient(transparent 0%, #FF637A 0%);
}
.marker.pink.thin {
background: linear-gradient(transparent 60%, #FF637A 60%);
}


/* 注釈
---------------------------------------------------- */
.sup {					/* 注釈 上付き */
	font-size: 80%;
	vertical-align: super;
}
.sub {					/* 注釈 下付き */
	font-size: 80%;
	vertical-align: sub;
}
.sup_r {				/* 注釈 red 上付き */
	color: #dc143c;
	font-size: 80%;
	vertical-align: super;
}
.sub_r {				/* 注釈 red 下付き */
	color: #dc143c;
	font-size: 80%;
	vertical-align: sub;
}

/* 注意書き
---------------------------------------------------- */
.note {
	border:solid #FFCCCC 1px;
	background-color: #FFF4F4;
	padding: 0.5em 1em;
	margin: 0.3em 0;
	color: #FF0054;
	font-weight: bold;
}

/* 縦位置揃え用
---------------------------------------------------- */
.vtop {
	vertical-align: top;
}
.vmid {
	vertical-align: middle;
}
.vbtm {
	vertical-align: bottom;
}

/* 改行禁止
---------------------------------------------------- */
.nobr {
	white-space: nowrap;
}

/* 非表示
---------------------------------------------------- */
.none {
	display: none;
}

/* フォーム入力欄用
---------------------------------------------------- */

input, textarea {
	padding: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Verdana, sans-serif;
	border: 1px solid #aaa;
}
input.imgbtnMicro, input.imgbtn {
	border: none;
}
input#ifr {
	padding: 0 1px;
	font-size: 11px;
}
* html input#ifr {
	padding: 1px;
	font-size: 12px;
}
input#hyt_sbmt {
	margin: 0;
	padding: 0;
	width: 32px;
	height: 20px;
}

/* icon
---------------------------------------------------- */
a.pdf {
	margin-right: 3px;
	padding: 6px 24px 0px 0;
	min-height:22px;
	_height: 22px;
	background: url(/c/images/pdficon_small2.gif) right center no-repeat;
	display: inline;
}

ul#ic_list a.pdf, ul.ic_list a.pdf , ul.topics a.pdf {
	margin-right: 3px;
	padding: 6px 24px 0px 0;
	min-height:22px;
	_height: 22px;
	background: url(/c/images/pdficon_small2.gif) right center no-repeat;
	display: inline;
}

a.excel {
	margin-right: 3px;
	padding: 6px 24px 0px 0;
	min-height:22px;
	_height: 22px;
	background: url(/c/images/icon/excel.png) right center no-repeat;
	display: inline;
}

a.word {
	margin-right: 3px;
	padding: 6px 24px 0px 0;
	min-height:22px;
	_height: 22px;
	background: url(/c/images/icon/word.png) right center no-repeat;
	display: inline;
}

a.mail {
	margin-right: 3px;
	padding: 5px 55px 2px 0;
	min-height:22px;
	_height: 22px;
	background: url(/c/images/icon/mail.png) right center no-repeat;
	display: inline;
}

a.radio {
	margin-right: 3px;
	padding: 1px 93px 2px 0;
	min-height:40px;
	_height: 40px;
	background: url(/c/images/icon/radio.png) right center no-repeat;
	display: inline;
}

a.booklet {
	margin-right: 3px;
	padding: 6px 24px 0px 0;
	min-height:22px;
	_height: 22px;
	background: url(/c/images/icon/onlinebooklet.gif) right center no-repeat;
	display: inline;
}

ul#ic_list a.booklet ,ul.ic_list a.booklet , ul.topics a.booklet {
	margin-right: 3px;
	padding: 6px 20px 0px 0;
	min-height:22px;
	_height: 22px;
	background: url(/c/images/icon/onlinebooklet.gif) right center no-repeat;
	display: inline;
}

/*
--------------------------------------------------
The Social Network
version: Jan 27 2011
--------------------------------------------------*/

#social_fb {
	margin: 1em 0 1.5em 0;
}

/*#social div.snbtn {
	display: inline;
	margin: 1em 0.5em 0 0;
	border: 1px solid;
}*/

div.snbtn {
	margin: 0.5em 0 0 0;
}


#social {
	margin: 0.5em 0 0 0;
	text-align: right;
	width:100%;
/*	border: 1px solid; */
}

div.snbtn {
	float: right;
	margin: 0.5em 5px 0 0;
	overflow: hidden;
	max-width: 120px;
}

/* 蛍光マーカー風
---------------------------------------------------- */
.marker.yellow {
	padding: 0.2em;
	background: linear-gradient(transparent 0%, #ffff66 0%);
}
.marker.yellow.thin {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

.marker.aqua {
	padding:0.2em;
background: linear-gradient(transparent 0%, #1abc9c 0%);
}
.marker.aqua.thin {
background: linear-gradient(transparent 60%, #1abc9c 60%);
}

.marker.blue {
	padding:0.2em;
background: linear-gradient(transparent 0%, #3498db 0%);
}
.marker.blue.thin {
background: linear-gradient(transparent 60%, #3498db 60%);
}

.marker.pink {
	padding:0.2em;
background: linear-gradient(transparent 0%, #FF637A 0%);
}
.marker.pink.thin {
background: linear-gradient(transparent 60%, #FF637A 60%);
}