@charset "utf-8";

/*!
 * フォント関連CSS
 */

/* フォント・見出し　基本
------------------------------------------------------------ */
@media screen and (min-width: 100px){ /* フォントサイズ(PC) */
	body {
		line-height: 1.6;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo/*,'ＭＳ Ｐゴシック','MS PGothic'*/,sans-serif;
		font-size: 14px;
		*font-size: small;
		color: #666666;
	}
em { /* 強調 */
	font-style: normal;
}
.smaller { /* 小さく */
	font-size: 85%;
}
.larger { /* 大きく */
	font-size: 108%;
}
.larger2 { /* 大きく */
	font-size: 123.1%;
}
.bold	{
	font-weight: 700;
}

/* アイコンフォント読込み
 * CONDENSEicon
 * http://icon.condense-c.com/
------------------------------------------------------------ */
@font-face {
	font-family: 'CONDENSEicon';
	src: url('../fonts/CONDENSEicon.eot');
	src: url('../fonts/CONDENSEicon.otf') format('opentype'),
	url('../fonts/CONDENSEicon.woff') format('woff'),
	url('../fonts/CONDENSEicon.ttf') format('truetype');
}
.CDSic {
	font-family: 'CONDENSEicon';
	font-style: normal;
	font-weight: lighter;
	margin: 0em;
	margin-right: 0.2em;
}
.CDSic-home:before { /* ホーム */
	content: "A";
}
.CDSic-pencil:before { /* 鉛筆 */
	content: "B";
}
.CDSic-pen:before { /* ペン */
	content: "D";
}
.CDSic-filebooks:before { /* ファイル本(複数) */
	content: "M";
}
.CDSic-people3:before { /* 人(3人) */
	content: "¸";
}
.CDSic-man:before { /* 人(男性1人) */
	content: "˘";
}
.CDSic-filebox:before { /* ファイルボックス */
	content: "O";
}
.CDSic-tweet:before { /* つぶやき */
	content: "f";
}
.CDSic-clipboad:before { /* クリップボード */
	content: "J";
}
.CDSic-clock:before { /* 時計 */
	content: "!";
}
.CDSic-steering:before { /* ステアリング */
	content: "m";
}
.CDSic-speakerOn:before { /* スピーカー(オン) */
	content: "Ä";
}
.CDSic-arrowR:before { /* ＞ */
	content: "ú";
}
.CDSic-arrowL:before { /* ＜ */
	content: "ù";
}
.CDSic-arrowB:before { /* ∨ */
	content: "û";
}
.CDSic-arrowT:before { /* ∧ */
	content: "ü";
}
.CDSic-hamburger:before { /* ハンバーガー */
	content: "ˇ";
}
.CDSic-tel:before { /* 固定電話機 */
	content: ";";
}
.CDSic-mail:before { /* 手紙 */
	content: "F";
}
.CDSic-close:before { /* 閉じる×印 */
	content: "ò";
}
.CDSic-catalog:before { /* カタログ */
	content: "I";
}
.CDSic-star:before { /* ★ */
	content: "–";
}
.CDSic-download:before { /* ダウンロード */
	content: "í";
}
.CDSic-pushon:before { /* 電源オン */
	content: "{";
}
.CDSic-change:before { /* チェンジ */
	content: "}";
}
.CDSic-info:before { /* お知らせ */
	content: "¯";
}
.CDSic-cart:before { /* ショッピングカート */
	content: "0";
}
.CDSic-others:before { /* その他へ */
	content: "ì";
}
.CDSic-eye:before { /* アイ(眼) */
	content: "^";
}
.CDSic-magglass:before { /* 虫眼鏡 */
	content: "[";
}
.CDSic-textpen:before { /* テキストとペン */
	content: "G";
}

/* フォントカラー設定
 * 参考：原色大辞典
 * http://www.colordic.org/
 * 予め指定してある要素も上書きできる様に
 * アスタリスクを入れてある
------------------------------------------------------------ */
#home-contents, #sub-contents *.black {color: #000000;}
#home-contents, #sub-contents *.dimgray {color: #696969;}
#home-contents, #sub-contents *.gray {color: #808080;}
#home-contents, #sub-contents *.darkgray {color: #a9a9a9;}
#home-contents, #sub-contents *.silver {color: #c0c0c0;}
#home-contents, #sub-contents *.lightgrey {color: #d3d3d3;}
#home-contents, #sub-contents *.gainsboro {color: #dcdcdc;}
#home-contents, #sub-contents *.whitesmoke {color: #f5f5f5;}
#home-contents, #sub-contents *.white {color: #ffffff;}
#home-contents, #sub-contents *.snow {color: #fffafa;}
#home-contents, #sub-contents *.ghostwhite {color: #f8f8ff;}
#home-contents, #sub-contents *.floralwhite {color: #fffaf0;}
#home-contents, #sub-contents *.linen {color: #faf0e6;}
#home-contents, #sub-contents *.antiquewhite {color: #faebd7;}
#home-contents, #sub-contents *.papayawhip {color: #ffefd5;}
#home-contents, #sub-contents *.blanchedalmond {color: #ffebcd;}
#home-contents, #sub-contents *.bisque {color: #ffe4c4;}
#home-contents, #sub-contents *.moccasin {color: #ffe4b5;}
#home-contents, #sub-contents *.navajowhite {color: #ffdead;}
#home-contents, #sub-contents *.peachpuff {color: #ffdab9;}
#home-contents, #sub-contents *.mistyrose {color: #ffe4e1;}
#home-contents, #sub-contents *.lavenderblush {color: #fff0f5;}
#home-contents, #sub-contents *.seashell {color: #fff5ee;}
#home-contents, #sub-contents *.oldlace {color: #fdf5e6;}
#home-contents, #sub-contents *.ivory {color: #fffff0;}
#home-contents, #sub-contents *.honeydew {color: #f0fff0;}
#home-contents, #sub-contents *.mintcream {color: #f5fffa;}
#home-contents, #sub-contents *.azure {color: #f0ffff;}
#home-contents, #sub-contents *.aliceblue {color: #f0f8ff;}
#home-contents, #sub-contents *.lavender {color: #e6e6fa;}
#home-contents, #sub-contents *.lightsteelblue {color: #b0c4de;}
#home-contents, #sub-contents *.lightslategray {color: #778899;}
#home-contents, #sub-contents *.slategray {color: #708090;}
#home-contents, #sub-contents *.steelblue {color: #4682b4;}
#home-contents, #sub-contents *.royalblue {color: #4169e1;}
#home-contents, #sub-contents *.midnightblue {color: #191970;}
#home-contents, #sub-contents *.navy {color: #000080;}
#home-contents, #sub-contents *.darkblue {color: #00008b;}
#home-contents, #sub-contents *.mediumblue {color: #0000cd;}
#home-contents, #sub-contents *.blue {color: #0000ff;}
#home-contents, #sub-contents *.dodgerblue {color: #1e90ff;}
#home-contents, #sub-contents *.cornflowerblue {color: #6495ed;}
#home-contents, #sub-contents *.deepskyblue {color: #00bfff;}
#home-contents, #sub-contents *.lightskyblue {color: #87cefa;}
#home-contents, #sub-contents *.skyblue {color: #87ceeb;}
#home-contents, #sub-contents *.lightblue {color: #add8e6;}
#home-contents, #sub-contents *.powderblue {color: #b0e0e6;}
#home-contents, #sub-contents *.paleturquoise {color: #afeeee;}
#home-contents, #sub-contents *.lightcyan {color: #e0ffff;}
#home-contents, #sub-contents *.cyan {color: #00ffff;}
#home-contents, #sub-contents *.aqua {color: #00ffff;}
#home-contents, #sub-contents *.turquoise {color: #40e0d0;}
#home-contents, #sub-contents *.mediumturquoise {color: #48d1cc;}
#home-contents, #sub-contents *.darkturquoise {color: #00ced1;}
#home-contents, #sub-contents *.lightseagreen {color: #20b2aa;}
#home-contents, #sub-contents *.cadetblue {color: #5f9ea0;}
#home-contents, #sub-contents *.darkcyan {color: #008b8b;}
#home-contents, #sub-contents *.teal {color: #008080;}
#home-contents, #sub-contents *.darkslategray {color: #2f4f4f;}
#home-contents, #sub-contents *.darkgreen {color: #006400;}
#home-contents, #sub-contents *.green {color: #008000;}
#home-contents, #sub-contents *.forestgreen {color: #228b22;}
#home-contents, #sub-contents *.seagreen {color: #2e8b57;}
#home-contents, #sub-contents *.mediumseagreen {color: #3cb371;}
#home-contents, #sub-contents *.mediumaquamarine {color: #66cdaa;}
#home-contents, #sub-contents *.darkseagreen {color: #8fbc8f;}
#home-contents, #sub-contents *.aquamarine {color: #7fffd4;}
#home-contents, #sub-contents *.palegreen {color: #98fb98;}
#home-contents, #sub-contents *.lightgreen {color: #90ee90;}
#home-contents, #sub-contents *.springgreen {color: #00ff7f;}
#home-contents, #sub-contents *.mediumspringgreen {color: #00fa9a;}
#home-contents, #sub-contents *.lawngreen {color: #7cfc00;}
#home-contents, #sub-contents *.chartreuse {color: #7fff00;}
#home-contents, #sub-contents *.greenyellow {color: #adff2f;}
#home-contents, #sub-contents *.lime {color: #00ff00;}
#home-contents, #sub-contents *.limegreen {color: #32cd32;}
#home-contents, #sub-contents *.yellowgreen {color: #9acd32;}
#home-contents, #sub-contents *.darkolivegreen {color: #556b2f;}
#home-contents, #sub-contents *.olivedrab {color: #6b8e23;}
#home-contents, #sub-contents *.olive {color: #808000;}
#home-contents, #sub-contents *.darkkhaki {color: #bdb76b;}
#home-contents, #sub-contents *.palegoldenrod {color: #eee8aa;}
#home-contents, #sub-contents *.cornsilk {color: #fff8dc;}
#home-contents, #sub-contents *.beige {color: #f5f5dc;}
#home-contents, #sub-contents *.lightyellow {color: #ffffe0;}
#home-contents, #sub-contents *.lightgoldenrodyellow {color: #fafad2;}
#home-contents, #sub-contents *.lemonchiffon {color: #fffacd;}
#home-contents, #sub-contents *.wheat {color: #f5deb3;}
#home-contents, #sub-contents *.burlywood {color: #deb887;}
#home-contents, #sub-contents *.tan {color: #d2b48c;}
#home-contents, #sub-contents *.khaki {color: #f0e68c;}
#home-contents, #sub-contents *.yellow {color: #ffff00;}
#home-contents, #sub-contents *.gold {color: #ffd700;}
#home-contents, #sub-contents *.orange {color: #ffa500;}
#home-contents, #sub-contents *.sandybrown {color: #f4a460;}
#home-contents, #sub-contents *.darkorange {color: #ff8c00;}
#home-contents, #sub-contents *.goldenrod {color: #daa520;}
#home-contents, #sub-contents *.peru {color: #cd853f;}
#home-contents, #sub-contents *.darkgoldenrod {color: #b8860b;}
#home-contents, #sub-contents *.chocolate {color: #d2691e;}
#home-contents, #sub-contents *.sienna {color: #a0522d;}
#home-contents, #sub-contents *.saddlebrown {color: #8b4513;}
#home-contents, #sub-contents *.maroon {color: #800000;}
#home-contents, #sub-contents *.darkred {color: #8b0000;}
#home-contents, #sub-contents *.brown {color: #a52a2a;}
#home-contents, #sub-contents *.firebrick {color: #b22222;}
#home-contents, #sub-contents *.indianred {color: #cd5c5c;}
#home-contents, #sub-contents *.rosybrown {color: #bc8f8f;}
#home-contents, #sub-contents *.darksalmon {color: #e9967a;}
#home-contents, #sub-contents *.lightcoral {color: #f08080;}
#home-contents, #sub-contents *.salmon {color: #fa8072;}
#home-contents, #sub-contents *.lightsalmon {color: #ffa07a;}
#home-contents, #sub-contents *.coral {color: #ff7f50;}
#home-contents, #sub-contents *.tomato {color: #ff6347;}
#home-contents, #sub-contents *.orangered {color: #ff4500;}
#home-contents, #sub-contents *.red {color: #ff0000;}
#home-contents, #sub-contents *.crimson {color: #dc143c;}
#home-contents, #sub-contents *.mediumvioletred {color: #c71585;}
#home-contents, #sub-contents *.deeppink {color: #ff1493;}
#home-contents, #sub-contents *.hotpink {color: #ff69b4;}
#home-contents, #sub-contents *.palevioletred {color: #db7093;}
#home-contents, #sub-contents *.pink {color: #ffc0cb;}
#home-contents, #sub-contents *.lightpink {color: #ffb6c1;}
#home-contents, #sub-contents *.thistle {color: #d8bfd8;}
#home-contents, #sub-contents *.magenta {color: #ff00ff;}
#home-contents, #sub-contents *.fuchsia {color: #ff00ff;}
#home-contents, #sub-contents *.violet {color: #ee82ee;}
#home-contents, #sub-contents *.plum {color: #dda0dd;}
#home-contents, #sub-contents *.orchid {color: #da70d6;}
#home-contents, #sub-contents *.mediumorchid {color: #ba55d3;}
#home-contents, #sub-contents *.darkorchid {color: #9932cc;}
#home-contents, #sub-contents *.darkviolet {color: #9400d3;}
#home-contents, #sub-contents *.darkmagenta {color: #8b008b;}
#home-contents, #sub-contents *.purple {color: #800080;}
#home-contents, #sub-contents *.indigo {color: #4b0082;}
#home-contents, #sub-contents *.darkslateblue {color: #483d8b;}
#home-contents, #sub-contents *.blueviolet {color: #8a2be2;}
#home-contents, #sub-contents *.mediumpurple {color: #9370db;}
#home-contents, #sub-contents *.slateblue {color: #6a5acd;}
#home-contents, #sub-contents *.mediumslateblue {color: #7b68ee;}

/* 行間
------------------------------------------------------------ */
.line-height1 { /* 行間1(行間無し) */
	line-height: 1;
}

/* 文字間隔調整
 * 主に文字の幅を揃える時に使用する
 * 使い方
 * 以下の記述では文字間が半角空く
 * <span class="mojikan1ex">あいう</span>え
 * 注意：全部を囲むと最後の後にも空白が入る
------------------------------------------------------------ */
.mojikan1ex { /* 半角空け */
	display: inline-block;
	letter-spacing: 1ex;
	margin-right: -1ex;
}
.mojikan1em { /* 全角空け */
	display: inline-block;
	letter-spacing: 1em;
	margin-right: -1em;
}
.mojikan2em { /* 全角２つ空け */
	display: inline-block;
	letter-spacing: 2em;
	margin-right: -2em;
}