﻿@charset "UTF-8";

/** 
セールスレター用 共通CSSライブラリ

@author   WisdomDesign Co., Ltd.  info@wisdomdesign.jp
@version  v1.10  2010/08/10
@history
  2009/11/26  ひとまず完成
  2010/08/10  インデント整理、font color、bgcolorに慣用名、line-height追加
              text-align、img.align、layout 追加
*/

/* ブロック要素、インライン要素　どちらも可 {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{ */

/* font-size { */
.f6 { font-size:6px; }
.f7 { font-size:7px; }
.f8 { font-size:8px; }
.f9 { font-size:9px; }
.f10 { font-size:10px; }
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f15 { font-size:15px; }
.f16 { font-size:16px; }
.f17 { font-size:17px; }
.f18 { font-size:18px; }
.f19 { font-size:19px; }
.f20 { font-size:20px; }
.f21 { font-size:21px; }
.f22 { font-size:22px; }
.f23 { font-size:23px; }
.f24 { font-size:24px; }
.f25 { font-size:25px; }
.f26 { font-size:26px; }
.f27 { font-size:27px; }
.f28 { font-size:28px; }
.f29 { font-size:29px; }
.f30 { font-size:30px; }
.f31 { font-size:31px; }
.f32 { font-size:32px; }
.f33 { font-size:33px; }
.f34 { font-size:34px; }
.f35 { font-size:35px; }
.f36 { font-size:36px; }
.f37 { font-size:37px; }
.f38 { font-size:38px; }
.f39 { font-size:39px; }
.f40 { font-size:40px; }
.f41 { font-size:41px; }
.f42 { font-size:42px; }
.f43 { font-size:43px; }
.f44 { font-size:44px; }
.f45 { font-size:45px; }
.f46 { font-size:46px; }
.f47 { font-size:47px; }
.f48 { font-size:48px; }
.f49 { font-size:49px; }
.f50 { font-size:50px; }
.f51 { font-size:51px; }
.f52 { font-size:52px; }
.f53 { font-size:53px; }
.f54 { font-size:54px; }
.f55 { font-size:55px; }
.f56 { font-size:56px; }
.f57 { font-size:57px; }
.f58 { font-size:58px; }
.f59 { font-size:59px; }
.f60 { font-size:60px; }
.f61 { font-size:61px; }
.f62 { font-size:62px; }
.f63 { font-size:63px; }
.f64 { font-size:64px; }
.f65 { font-size:65px; }
.f66 { font-size:66px; }
.f67 { font-size:67px; }
.f68 { font-size:68px; }
.f69 { font-size:69px; }
.f70 { font-size:70px; }
.f71 { font-size:71px; }
.f72 { font-size:72px; }
.f73 { font-size:73px; }
.f74 { font-size:74px; }
.f75 { font-size:75px; }
.f76 { font-size:76px; }
.f77 { font-size:77px; }
.f78 { font-size:78px; }
.f79 { font-size:79px; }
.f80 { font-size:80px; }
.f81 { font-size:81px; }
.f82 { font-size:82px; }
.f83 { font-size:83px; }
.f84 { font-size:84px; }
.f85 { font-size:85px; }
.f86 { font-size:86px; }
.f87 { font-size:87px; }
.f88 { font-size:88px; }
.f89 { font-size:89px; }
.f90 { font-size:90px; }
.f91 { font-size:91px; }
.f92 { font-size:92px; }
.f93 { font-size:93px; }
.f94 { font-size:94px; }
.f95 { font-size:95px; }
.f96 { font-size:96px; }
.f97 { font-size:97px; }
.f98 { font-size:98px; }
.f99 { font-size:99px; }
.f100 { font-size:100px; }
/* } font-size */



/* font-color {
   @see http://ameblo.jp/wisdomdesign/entry-10562810269.html
 */
.aliceblue { color:aliceblue; }
.antiquewhite { color:antiquewhite; }
.aqua { color:aqua; }
.aquamarine { color:aquamarine; }
.azure { color:azure; }
.beige { color:beige; }
.bisque { color:bisque; }
.black { color:black; }
.blanchedalmond { color:blanchedalmond; }
.blue { color:blue; }
.blueviolet { color:blueviolet; }
.brass { color:brass; }
.brown { color:brown; }
.burlywood { color:burlywood; }
.cadetblue { color:cadetblue; }
.chartreuse { color:chartreuse; }
.chocolate { color:chocolate; }
.coolcopper { color:coolcopper; }
.copper { color:copper; }
.coral { color:coral; }
.cornflower { color:cornflower; }
.cornflowerblue { color:cornflowerblue; }
.cornsilk { color:cornsilk; }
.crimson { color:crimson; }
.cyan { color:cyan; }
.darkblue { color:darkblue; }
.darkbrown { color:darkbrown; }
.darkcyan { color:darkcyan; }
.darkgoldenrod { color:darkgoldenrod; }
.darkgray { color:darkgray; }
.darkgreen { color:darkgreen; }
.darkkhaki { color:darkkhaki; }
.darkmagenta { color:darkmagenta; }
.darkolivegreen { color:darkolivegreen; }
.darkorange { color:darkorange; }
.darkorchid { color:darkorchid; }
.darkred { color:darkred; }
.darksalmon { color:darksalmon; }
.darkseagreen { color:darkseagreen; }
.darkslateblue { color:darkslateblue; }
.darkslategray { color:darkslategray; }
.darkturquoise { color:darkturquoise; }
.deeppink { color:deeppink; }
.deepskyblue { color:deepskyblue; }
.darkviolet { color:darkviolet; }
.dimgray { color:dimgray; }
.dodgerblue { color:dodgerblue; }
.feldsper { color:feldsper; }
.firebrick { color:firebrick; }
.floralwhite { color:floralwhite; }
.forestgreen { color:forestgreen; }
.fuchsia { color:fuchsia; }
.gainsboro { color:gainsboro; }
.ghostwhite { color:ghostwhite; }
.gold { color:gold; }
.goldenrod { color:goldenrod; }
.gray { color:gray; }
.green { color:green; }
.greenyellow { color:greenyellow; }
.honeydew { color:honeydew; }
.hotpink { color:hotpink; }
.indianred { color:indianred; }
.indigo { color:indigo; }
.ivory { color:ivory; }
.khaki { color:khaki; }
.lavender { color:lavender; }
.lavenderblush { color:lavenderblush; }
.lawngreen { color:lawngreen; }
.lemonchiffon { color:lemonchiffon; }
.lightblue { color:lightblue; }
.lightcoral { color:lightcoral; }
.lightcyan { color:lightcyan; }
.lightgoldenrodyellew { color:lightgoldenrodyellew; }
.lightgreen { color:lightgreen; }
.lightgrey { color:lightgrey; }
.lightpink { color:lightpink; }
.lightsalmon { color:lightsalmon; }
.lightseagreen { color:lightseagreen; }
.lightskyblue { color:lightskyblue; }
.lightslategray { color:lightslategray; }
.lightsteelblue { color:lightsteelblue; }
.lightyellow { color:lightyellow; }
.lime { color:lime; }
.limegreen { color:limegreen; }
.linen { color:linen; }
.magenta { color:magenta; }
.maroon { color:maroon; }
.mediumaquamarine { color:mediumaquamarine; }
.mediumblue { color:mediumblue; }
.mediumorchid { color:mediumorchid; }
.mediumpurple { color:mediumpurple; }
.mediumsateblue { color:mediumsateblue; }
.mediumseagreen { color:mediumseagreen; }
.mediumspringgreen { color:mediumspringgreen; }
.mediumturquoise { color:mediumturquoise; }
.mediumviolet { color:mediumviolet; }
.midnightblue { color:midnightblue; }
.mintcream { color:mintcream; }
.mistrose { color:mistrose; }
.moccasin { color:moccasin; }
.navy { color:navy; }
.oldlace { color:oldlace; }
.olive { color:olive; }
.olivedrab { color:olivedrab; }
.orange { color:orange; }
.orangered { color:orangered; }
.orchid { color:orchid; }
.palegoldenrod { color:palegoldenrod; }
.palegreen { color:palegreen; }
.paleturquoise { color:paleturquoise; }
.palevioletred { color:palevioletred; }
.papayawhip { color:papayawhip; }
.peachpuff { color:peachpuff; }
.peru { color:peru; }
.pink { color:pink; }
.plum { color:plum; }
.powderblue { color:powderblue; }
.purple { color:purple; }
.red { color:red; }
.richblue { color:richblue; }
.rosybrown { color:rosybrown; }
.royalblue { color:royalblue; }
.saddlebrown { color:saddlebrown; }
.salmon { color:salmon; }
.sandybrown { color:sandybrown; }
.seagreen { color:seagreen; }
.seashell { color:seashell; }
.sienna { color:sienna; }
.silver { color:silver; }
.skyblue { color:skyblue; }
.slateblue { color:slateblue; }
.slategray { color:slategray; }
.snow { color:snow; }
.springgreen { color:springgreen; }
.steelblue { color:steelblue; }
.tan { color:tan; }
.teal { color:teal; }
.thistle { color:thistle; }
.tomato { color:tomato; }
.turquoise { color:turquoise; }
.violet { color:violet; }
.wheat { color:wheat; }
.white { color:white; }
.whitesmoke { color:whitesmoke; }
.yellow { color:yellow; }
.yellowgreen { color:yellowgreen; }
/* } font-color */



/* background-color {
   @see http://ameblo.jp/wisdomdesign/entry-10562810269.html
 */
.bg_aliceblue { background-color:aliceblue; }
.bg_antiquewhite { background-color:antiquewhite; }
.bg_aqua { background-color:aqua; }
.bg_aquamarine { background-color:aquamarine; }
.bg_azure { background-color:azure; }
.bg_beige { background-color:beige; }
.bg_bisque { background-color:bisque; }
.bg_black { background-color:black; }
.bg_blanchedalmond { background-color:blanchedalmond; }
.bg_blue { background-color:blue; }
.bg_blueviolet { background-color:blueviolet; }
.bg_brass { background-color:brass; }
.bg_brown { background-color:brown; }
.bg_burlywood { background-color:burlywood; }
.bg_cadetblue { background-color:cadetblue; }
.bg_chartreuse { background-color:chartreuse; }
.bg_chocolate { background-color:chocolate; }
.bg_coolcopper { background-color:coolcopper; }
.bg_copper { background-color:copper; }
.bg_coral { background-color:coral; }
.bg_cornflower { background-color:cornflower; }
.bg_cornflowerblue { background-color:cornflowerblue; }
.bg_cornsilk { background-color:cornsilk; }
.bg_crimson { background-color:crimson; }
.bg_cyan { background-color:cyan; }
.bg_darkblue { background-color:darkblue; }
.bg_darkbrown { background-color:darkbrown; }
.bg_darkcyan { background-color:darkcyan; }
.bg_darkgoldenrod { background-color:darkgoldenrod; }
.bg_darkgray { background-color:darkgray; }
.bg_darkgreen { background-color:darkgreen; }
.bg_darkkhaki { background-color:darkkhaki; }
.bg_darkmagenta { background-color:darkmagenta; }
.bg_darkolivegreen { background-color:darkolivegreen; }
.bg_darkorange { background-color:darkorange; }
.bg_darkorchid { background-color:darkorchid; }
.bg_darkred { background-color:darkred; }
.bg_darksalmon { background-color:darksalmon; }
.bg_darkseagreen { background-color:darkseagreen; }
.bg_darkslateblue { background-color:darkslateblue; }
.bg_darkslategray { background-color:darkslategray; }
.bg_darkturquoise { background-color:darkturquoise; }
.bg_deeppink { background-color:deeppink; }
.bg_deepskyblue { background-color:deepskyblue; }
.bg_darkviolet { background-color:darkviolet; }
.bg_dimgray { background-color:dimgray; }
.bg_dodgerblue { background-color:dodgerblue; }
.bg_feldsper { background-color:feldsper; }
.bg_firebrick { background-color:firebrick; }
.bg_floralwhite { background-color:floralwhite; }
.bg_forestgreen { background-color:forestgreen; }
.bg_fuchsia { background-color:fuchsia; }
.bg_gainsboro { background-color:gainsboro; }
.bg_ghostwhite { background-color:ghostwhite; }
.bg_gold { background-color:gold; }
.bg_goldenrod { background-color:goldenrod; }
.bg_gray { background-color:gray; }
.bg_green { background-color:green; }
.bg_greenyellow { background-color:greenyellow; }
.bg_honeydew { background-color:honeydew; }
.bg_hotpink { background-color:hotpink; }
.bg_indianred { background-color:indianred; }
.bg_indigo { background-color:indigo; }
.bg_ivory { background-color:ivory; }
.bg_khaki { background-color:khaki; }
.bg_lavender { background-color:lavender; }
.bg_lavenderblush { background-color:lavenderblush; }
.bg_lawngreen { background-color:lawngreen; }
.bg_lemonchiffon { background-color:lemonchiffon; }
.bg_lightblue { background-color:lightblue; }
.bg_lightcoral { background-color:lightcoral; }
.bg_lightcyan { background-color:lightcyan; }
.bg_lightgoldenrodyellew { background-color:lightgoldenrodyellew; }
.bg_lightgreen { background-color:lightgreen; }
.bg_lightgrey { background-color:lightgrey; }
.bg_lightpink { background-color:lightpink; }
.bg_lightsalmon { background-color:lightsalmon; }
.bg_lightseagreen { background-color:lightseagreen; }
.bg_lightskyblue { background-color:lightskyblue; }
.bg_lightslategray { background-color:lightslategray; }
.bg_lightsteelblue { background-color:lightsteelblue; }
.bg_lightyellow { background-color:lightyellow; }
.bg_lime { background-color:lime; }
.bg_limegreen { background-color:limegreen; }
.bg_linen { background-color:linen; }
.bg_magenta { background-color:magenta; }
.bg_maroon { background-color:maroon; }
.bg_mediumaquamarine { background-color:mediumaquamarine; }
.bg_mediumblue { background-color:mediumblue; }
.bg_mediumorchid { background-color:mediumorchid; }
.bg_mediumpurple { background-color:mediumpurple; }
.bg_mediumsateblue { background-color:mediumsateblue; }
.bg_mediumseagreen { background-color:mediumseagreen; }
.bg_mediumspringgreen { background-color:mediumspringgreen; }
.bg_mediumturquoise { background-color:mediumturquoise; }
.bg_mediumviolet { background-color:mediumviolet; }
.bg_midnightblue { background-color:midnightblue; }
.bg_mintcream { background-color:mintcream; }
.bg_mistrose { background-color:mistrose; }
.bg_moccasin { background-color:moccasin; }
.bg_navy { background-color:navy; }
.bg_oldlace { background-color:oldlace; }
.bg_olive { background-color:olive; }
.bg_olivedrab { background-color:olivedrab; }
.bg_orange { background-color:orange; }
.bg_orangered { background-color:orangered; }
.bg_orchid { background-color:orchid; }
.bg_palegoldenrod { background-color:palegoldenrod; }
.bg_palegreen { background-color:palegreen; }
.bg_paleturquoise { background-color:paleturquoise; }
.bg_palevioletred { background-color:palevioletred; }
.bg_papayawhip { background-color:papayawhip; }
.bg_peachpuff { background-color:peachpuff; }
.bg_peru { background-color:peru; }
.bg_pink { background-color:pink; }
.bg_plum { background-color:plum; }
.bg_powderblue { background-color:powderblue; }
.bg_purple { background-color:purple; }
.bg_red { background-color:red; }
.bg_richblue { background-color:richblue; }
.bg_rosybrown { background-color:rosybrown; }
.bg_royalblue { background-color:royalblue; }
.bg_saddlebrown { background-color:saddlebrown; }
.bg_salmon { background-color:salmon; }
.bg_sandybrown { background-color:sandybrown; }
.bg_seagreen { background-color:seagreen; }
.bg_seashell { background-color:seashell; }
.bg_sienna { background-color:sienna; }
.bg_silver { background-color:silver; }
.bg_skyblue { background-color:skyblue; }
.bg_slateblue { background-color:slateblue; }
.bg_slategray { background-color:slategray; }
.bg_snow { background-color:snow; }
.bg_springgreen { background-color:springgreen; }
.bg_steelblue { background-color:steelblue; }
.bg_tan { background-color:tan; }
.bg_teal { background-color:teal; }
.bg_thistle { background-color:thistle; }
.bg_tomato { background-color:tomato; }
.bg_turquoise { background-color:turquoise; }
.bg_violet { background-color:violet; }
.bg_wheat { background-color:wheat; }
.bg_white { background-color:white; }
.bg_whitesmoke { background-color:whitesmoke; }
.bg_yellow { background-color:yellow; }
.bg_yellowgreen { background-color:yellowgreen; }

.bgYellow { /* legacy */
	background-color:#ff0;
}
/* } */



/* line-height { */
.lh10 { line-height:0.1; }
.lh20 { line-height:0.2; }
.lh30 { line-height:0.3; }
.lh40 { line-height:0.4; }
.lh50 { line-height:0.5; }
.lh60 { line-height:0.6; }
.lh70 { line-height:0.7; }
.lh80 { line-height:0.8; }
.lh90 { line-height:0.9; }
.lh100 { line-height:1; }
.lh110 { line-height:1.1; }
.lh120 { line-height:1.2; }
.lh130 { line-height:1.3; }
.lh140 { line-height:1.4; }
.lh150 { line-height:1.5; }
.lh160 { line-height:1.6; }
.lh170 { line-height:1.7; }
.lh180 { line-height:1.8; }
.lh190 { line-height:1.9; }
.lh200 { line-height:2; }
.lh210 { line-height:2.1; }
.lh220 { line-height:2.2; }
.lh230 { line-height:2.3; }
.lh240 { line-height:2.4; }
.lh250 { line-height:2.5; }
.lh260 { line-height:2.6; }
.lh270 { line-height:2.7; }
.lh280 { line-height:2.8; }
.lh290 { line-height:2.9; }
.lh300 { line-height:3; }
/* } line-height */



/* text decoration { */
.b { font-weight:bold; }
.normal { font-weight:normal; }
.u { text-decoration:underline; }
.s, .del { text-decoration:line-through; }
.blink { text-decoration:blink; }
.i { font-style:italic; }
/* } text decoration */



/* font-family { */
.gothic {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.mincho {
	font-family: "HGP明朝E","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro W6","ＭＳ Ｐ明朝";
}
.meiryo {
	font-family: "メイリオ", "Meiryo";
}
.ms_gothic {
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic";
}
.osaka {
	font-family: "Osaka";
}
/* } font-family */



.clear {
	clear:both;
}

/* } ブロック要素、インライン要素　どちらも可 {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{ */





/* ブロック要素のみ可 {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{ */

/* text-align { */
.al,
.alignleft,
.alignLeft {
	text-align:left;
}
.ac,
.aligncenter,
.alignCenter {
	text-align:center;
padding: 10px;
}
.ar,
.alignright,
.alignRight {
	text-align:right;
}
/* } text-align */



/* layout { */
.clearfix {
	overflow:hidden;
}
.fc {
	margin-top:0 !important;
}
.lc {
	margin-bottom:0 !important;
}
/* } layout */

/* } ブロック要素のみ可 }}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}} */




/* 指定タグ専用 {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{ */

/*
 list-style {
 @memo <ul> only
 */
ul.decimal {
	margin-left:2em;
}
ul.decimal li {
	list-style-type:decimal;
}
ul.disc {
	padding-left:40px;
}
ul.disc li {
	list-style-type:disc;
}
ul.circle li {
	list-style-type:circle;
}
ul.square li {
	list-style-type:square;
}
ul.lower-roman li {
	list-style-type:lower-roman;
}
ul.upper-roman li {
	list-style-type:upper-roman;
}
ul.lower-alpha li {
	list-style-type:lower-alpha;
}
ul.upper-alpha li {
	list-style-type:upper-alpha;
}
ul.decimal-leading-zero li {
	list-style-type:decimal-leading-zero;
}
ul.lower-greek li {
	list-style-type:lower-greek;
}
ul.upper-greek li {
	list-style-type:upper-greek;
}
ul.lower-latin li {
	list-style-type:lower-latin;
}
ul.upper-latin li {
	list-style-type:upper-latin;
}
ul.hebrew li {
	list-style-type:hebrew;
}
ul.katakana li {
	list-style-type:katakana;
}
ul.hiragana-iroha li {
	list-style-type:hiragana-iroha;
}
ul.katakana-iroha li {
	list-style-type:katakana-iroha;
}
/* } list-style */



/*
 img align {
 @memo <img> only
 */
img.al,
img.alignleft,
img.alignLeft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
img.ar,
img.alignright,
img.alignRight {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
/* } */

/* } 指定タグ専用 }}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}} */
