@charset "utf-8";

/*
全体のフォント設定
----------------------------------------------------------------------*/
html {
    /* height: 100%; */
}

body {
    /* background-color: #ECECEC; */
    background-color: white;
    /* height: 100%; */
    color: #666666;
    font-size: 14px; /* 14px or 12px */
    line-height: 1.3em; /* 行間（1.3em or 1.6em） */
    letter-spacing: 2px; /* 文字間（2px or 1px） */
    word-spacing: 0px; /* 半角スペースで区切られた単語と単語の間隔を指定 */
    font-family:
    "メイリオ",
    Meiryo,
    "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    "ＭＳ Ｐゴシック",
    "Lucida Grande",
    "Lucida Sans Unicode",
    Arial,
    Verdana,
    sans-serif;
    word-wrap: break-word;
}

/*
共通設定
----------------------------------------------------------- */
a { text-decoration: none; }
a:visited{ color: #666666; }

img{
    vertical-align: text-bottom;
    -ms-interpolation-mode: bicubic; /* IEで画像縮小時の劣化防止 */
}

#mask {
    background-image: url(../../work1/img/bg-pattern.png);
    background-repeat: repeat;
    height: 100%;
    opacity: 1; /* マスク画像に強弱つけたい場合に使用 */
    position: fixed; /* これがないとMaxImageと干渉する */
    width: 100%;
    z-index: -1;
    margin-top: -20px; /* Bootstrap customize.css の指定を調整 */
}

/*
レイアウト
----------------------------------------------------------- */
#container {
    margin: 0 auto;
    background-color: white;
    width: 990px;
    height: 100%;
    /* margin-top: -350px; */ /* 各レイアウトに base を敷く場合 */
}

#header {
    background-color: #D9D9D9;
    height: 40px; /* 高さ合計は50px */
    padding-top: 10px;
}

.header-wrapper {
    background-color: red;
    width: 930px;
    height: 30px;
}

header {
	color: #f6f6f6;
	background-color: #ffffff;
/*	background-image: url(../img/bg_header.jpg);
*/	padding: 5px 20px 25px;
	position: relative;
	height: 70px;
	width: 950px;
}

h1 {
   -webkit-text-stroke: 1px #879cb4;
   color: #f6f6f6;
   text-shadow:
       3px 3px 0 #879cb4,
     -1px -1px 0 #879cb4,  
      1px -1px 0 #879cb4,
      -1px 1px 0 #879cb4,
       1px 1px 0 #879cb4;
}

address {
	font-size: 0.75em;
	font-style: normal;
	line-height: 1.3em;
	position: absolute;
	right: 20px;
	top: 40px;
}

article {
	text-align: center;
	padding-top: 10px;
}

#titleArea h2 {
	color: #634739;
	background-color: #ffffff;
	text-align: left;
	margin-left: 45px;
}

#titleArea p {
	color: #634739;
	background-color: #ffffff;
	text-align: left;
	margin-left: 45px;
}

section {
	margin: 40px auto 0;
	width: 900px;
	text-align: center;
	font-size: 75%;
}

canvas {
	display: block;
}

#myAnimationArea {
	position: relative;
	margin-top: 25px;
	height: 600px;
	width: 800px;
	z-index: 0;
}

#myBgFrame {
	position: absolute;
	height: 600px;
	width: 800px;
	z-index: 1;
}

#myCanvasFrame{
	position: absolute;
	z-index: 5;
}

#myCanvas {
	z-index: 10;
}

#slider {
    background-color: #D9D9D9;
    width: 990px;
    height: 200px;
}

.slider-wrapper {
    background-color: red;
    width: 930px;
    height: 200px;
}

#control {
    background-color: #D9D9D9;
    width: 990px;
    height: 50px;
}

.control-wrapper {
    background-color: red;
    width: 930px;
    height: 50px;
}

#global-nav-base {
    background-color: #333333;
    height: 50px;
}

#global-nav {
    background-color: #333333;
    width: 990px;
    height: 50px;
}

.global-nav-wrapper {
    width: 100%;
}

#breadcrumbs {
    background-color: #D9D9D9;
    width: 990px;
    padding-top: 10px;
}

.breadcrumbs-wrapper {
    width: 930px;
    height: 30px;
}

#main {
    width: 990px;
    margin-top: 30px;
    margin-bottom: 30px;
    /* 子孫要素の pタグのマージンはこのマージンで相殺される */
}

.main-wrapper {
    width: 930px;
}

.contents-wrapper {
    
}

#local-nav {
    width: 200px;
}

#contents {
    margin-left: 230px; /* local-navの横幅分 + 間隔分 移動 */
}

.left	{float: left;}
.right	{float: right;}
.container {margin: 0 auto;}
.contentLeft {float: left; margin-right: 20px;}
.contentRight {float: right; margin-left: 20px;}


#footer {
    background-color: #333333;
    width: 990px;
    height: 40px; /* 高さ合計は50px */
    padding-top: 10px;
}

.footer-wrapper {
    background-color: red;
    width: 930px;
    height: 30px;
}

footer {
	color: #634739;
	background-color: #ffffff;
	margin-top: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
}

nav {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.footerNav {
	float: left;
	width: 230px;
	height: 240px;
	padding-left: 20px;
}

small {
	font-size: 0.75em;
	font-style: normal;
	margin-top: 25px;
	text-align: center;
	display: block;
}


/*
メニュー（li固定幅）
----------------------------------------------------------- */
.menu {
    margin-bottom: 10px;
}

.menu ul {
    list-style-type: none;
    padding: 0; /* 左にある空白削除 */
    margin: 0 auto; /* 上下の空白削除 + 左右中央 */
}

.menu.float ul {
    width: 400px; /* 指定すると左右中央配置になる */
    height: 50px; /* 必須 */
}

.menu.vertical ul {
    width: 200px; /* 必須、指定すると左右中央配置になる */
}

.menu li {
    width: 100px;
    height: 100%;
    margin: 0;
    text-align: center;
    line-height: 50px; /* 高さと同じ値を設定して縦位置中央にテキスト配置 */
}

.menu.float li {
    float: left;
}

.menu.vertical li {
    width: 100%; /* 指定ないと文字数依存になる */
}

.menu li a {
    display: block; /* リンク領域をすべてクリック可能にする（li の line-height指定が必要） */
    text-decoration: none;
    border-left: 1px #ABABAB solid; /* リンクエリアの左境界線（li要素に境界線を引くと境界線分横幅が広くなる） */
    box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset; /* 左borderの右に1pxの薄い白色の縦線を引く */
}

.menu.float li:last-child a {
    border-right: 1px #ABABAB solid;
    box-shadow: 1px 0px 0px rgba(225,225,225,0.3), 1px 0px 0px rgba(225,225,225,0.3) inset;
}

.menu.vertical a {
    border-top: 1px #ABABAB solid;
    border-right: 1px #ABABAB solid;
    box-shadow: 1px 0px 0px rgba(225,225,225,0.3), 1px 0px 0px rgba(225,225,225,0.3) inset;
}

.menu.vertical li:last-child a {
    border-bottom: 1px #ABABAB solid;
}

.menu a:hover {
    background: rgba(0,0,0,0.1);
}

/*
 Youtube動画のレスポンシブ対応（divを使う、spanでは動作しない、floatも出来ない）
 floatしたい場合は、以下のdiv要素をspanで囲んで幅指定してfloatとする、「.video-container」は100%指定にするとレスポンシブになる。
 http://no-delay.com/blog/?p=661
----------------------------------------------------------- */
div.video-container {
  width: 100%;
  height: auto;
} /* html 上で 別のサイズのwidth を指定する場合は、「.video-container」のついた要素に指定しなくては動作しない（親要素ではダメ） */

div.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

div.video iframe,
div.video object,
div.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
角丸
----------------------------------------------------------- */
.radius {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}
.radius01 {
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}
.radius02 {
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}
.radius03 {
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}
.radius04 {
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}

.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    behavior: url(../../work1/css/PIE.htc);
    /* 正円にするには要素が正方形のもので使う */
}

/*
フォトフレーム枠（floatした画像では不可、imgLiquid とは併用不可）
※IE7でも表示可能
※selectivizr.jsと併用不可
※width, height 共に-14pxすると本来の大きさにになる。
http://jsdo.it/No-Delay/j7nP
----------------------------------------------------------- */
.photo-flame-white {
  margin: 7px;
  -webkit-box-shadow: 8px;
  -moz-box-shadow: 8px;
  -ms-box-shadow: 8px;
  box-shadow: 8px;
  -webkit-box-shadow:
  0 0 0 6px #ffffff, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  -moz-box-shadow:
  0 0 0 6px #ffffff, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  -ms-box-shadow:
  0 0 0 6px #ffffff, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  box-shadow: 
  0 0 0 6px #ffffff, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  behavior: url(../../work1/css/PIE.htc);
}

/*
ダブル角丸枠（floatした画像では不可、imgLiquid とは併用不可）
※IE7でも表示可能
※selectivizr.jsと併用不可
※width, height 共に-14pxすると本来の大きさにになる。
http://jsdo.it/No-Delay/j7nP
----------------------------------------------------------- */
.double-radius-white {
  margin: 7px;
  -webkit-box-shadow: 8px;
  -moz-box-shadow: 8px;
  -ms-box-shadow: 8px;
  box-shadow: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow:
  0 0 0 6px #ffffff, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  -moz-box-shadow:
  0 0 0 6px #ffffff, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  -ms-box-shadow:
  0 0 0 6px #ffffff, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  box-shadow: 
  0 0 0 6px #ffffff, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  behavior: url(../../work1/css/PIE.htc);
}

.double-radius-gray {
  margin: 7px;
  -webkit-box-shadow: 8px;
  -moz-box-shadow: 8px;
  -ms-box-shadow: 8px;
  box-shadow: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow:
  0 0 0 6px #dddddd, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  -moz-box-shadow:
  0 0 0 6px #dddddd, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  -ms-box-shadow:
  0 0 0 6px #dddddd, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  box-shadow: 
  0 0 0 6px #dddddd, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #F0F0F0; /* 外枠（内枠より薄い色の方が立体的に） */
  behavior: url(../../work1/css/PIE.htc);
}

.double-radius-black {
  margin: 7px;
  -webkit-box-shadow: 8px;
  -moz-box-shadow: 8px;
  -ms-box-shadow: 8px;
  box-shadow: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow:
  0 0 0 6px #111111, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #333333; /* 外枠（内枠より薄い色の方が立体的に） */
  -moz-box-shadow:
  0 0 0 6px #111111, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #333333; /* 外枠（内枠より薄い色の方が立体的に） */
  -ms-box-shadow:
  0 0 0 6px #111111, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #333333; /* 外枠（内枠より薄い色の方が立体的に） */
  box-shadow: 
  0 0 0 6px #111111, /* 内枠（ボーダーの色になる） */
  0 0 0 7px #333333; /* 外枠（内枠より薄い色の方が立体的に） */
  behavior: url(../../work1/css/PIE.htc);
}

/*
画像を静寂的にする（画像の親要素で使用）
----------------------------------------------------------- */
.seijyaku {
    display: inline-block;
    position: relative;
}
.seijyaku:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5),
    	inset 0 0 100px rgba(0, 0, 0, 0.2);
    background: rgba(0, 255, 0, 0.1); /* カラーを重ねる */
}

/*
ボックスシャドウ
※IE8ではBOX内の色がないとシャドウの色が裏で見えてしまうので、ボックス自体に色は指定する
----------------------------------------------------------- */
.box-shadow01
{
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 0 6px rgba(0, 0, 0, .6);
    box-shadow: 0 0 6px rgba(0, 0, 0, .6);
    behavior: url(../../work1/css/PIE.htc);
    position:relative;
    z-index: 1;
}

.box-shadow02
{
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    behavior: url(../../work1/css/PIE.htc);
    position:relative;
    z-index: 1;
}

.box-shadow02-inset
{
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .6);
    -ms-box-shadow: inset 0 0 10px rgba(0, 0, 0, .6);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .6);
    behavior: url(../../work1/css/PIE.htc);
    position:relative;
    z-index: 1;
}

.box-shadow03
{
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    behavior: url(../../work1/css/PIE.htc);
    position:relative;
    z-index: 1;
}

/*
テキストシャドウ
----------------------------------------------------------- */
.text-shadow {
    color: #000000; /* 文字色 */
    -webkit-text-shadow: rgba(192, 192, 192, 0.4) 0px 1px 1px; /* 文字を少し立体的にする */
    -moz-text-shadow: rgba(192, 192, 192, 0.4) 0px 1px 1px;
    -ms-text-shadow: rgba(192, 192, 192, 0.4) 0px 1px 1px;
    text-shadow: rgba(192, 192, 192, 0.4) 0px 1px 1px;
    behavior: url(../../work1/css/PIE.htc);
}
.text-shadow-wihte {
    color: #FFFFFF; /* 文字色 */
    -webkit-text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 2px; /* 文字を少し立体的にする */
    -moz-text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 2px;
    -ms-text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 2px;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 2px;
    behavior: url(../../work1/css/PIE.htc);
}

.text-shadow-black {
    -webkit-text-shadow: rgba(255, 255, 255, 0.4) 0px -1px 2px; /* 文字を少し立体的にする */
    -moz-text-shadow: rgba(255, 255, 255, 0.4) 0px -1px 2px;
    -ms-text-shadow: rgba(255, 255, 255, 0.4) 0px -1px 2px;
    text-shadow: rgba(255, 255, 255, 0.4) 0px -1px 2px;
    behavior: url(../../work1/css/PIE.htc);
}

.text-shadow-white02 {
    color: #FFFFFF; /* 文字色 */
    -webkit-text-shadow: rgba(204, 204, 204, 1) 0px 0px 6px; /* 文字を少し立体的にする */
    -moz-text-shadow: rgba(204, 204, 204, 1) 0px 0px 6px;
    -ms-text-shadow: rgba(204, 204, 204, 1) 0px 0px 6px;
    text-shadow: rgba(204, 204, 204, 1) 0px 0px 6px;
    behavior: url(../../work1/css/PIE.htc);
}

.text-shadow-black02 {
    -webkit-text-shadow: rgba(204, 204, 204, 1) 0px 0px 6px; /* 文字を少し立体的にする */
    -moz-text-shadow: rgba(204, 204, 204, 1) 0px 0px 6px;
    -ms-text-shadow: rgba(204, 204, 204, 1) 0px 0px 6px;
    text-shadow: rgba(204, 204, 204, 1) 0px 0px 6px;
    behavior: url(../../work1/css/PIE.htc);
}

.text-shadow-white03 {
    color: #FFFFFF; /* 文字色 */
    -webkit-text-shadow: rgba(0, 0, 0, 1) 0px 0px 6px; /* 文字を少し立体的にする */
    -moz-text-shadow: rgba(0, 0, 0, 1) 0px 0px 6px;
    -ms-text-shadow: rgba(0, 0, 0, 1) 0px 0px 6px;
    text-shadow: rgba(0, 0, 0, 1) 0px 0px 6px;
    behavior: url(../../work1/css/PIE.htc);
}

.text-shadow-black03 {
    -webkit-text-shadow: rgba(0, 0, 0, 1) 0px 0px 6px; /* 文字を少し立体的にする */
    -moz-text-shadow: rgba(0, 0, 0, 1) 0px 0px 6px;
    -ms-text-shadow: rgba(0, 0, 0, 1) 0px 0px 6px;
    text-shadow: rgba(0, 0, 0, 1) 0px 0px 6px;
    behavior: url(../../work1/css/PIE.htc);
}

.text-shadow-white04 {
    color: #FFFFFF; /* 文字色 */
    -webkit-text-shadow: rgba(0, 0, 0, 1) 1px 1px 1px; /* 文字を少し立体的にする */
    -moz-text-shadow: rgba(0, 0, 0, 1) 1px 1px 1px;
    -ms-text-shadow: rgba(0, 0, 0, 1) 1px 1px 1px;
    text-shadow: rgba(0, 0, 0, 1) 1px 1px 1px;
    behavior: url(../../work1/css/PIE.htc);
}

.text-shadow-black04 {
    -webkit-text-shadow: rgba(255, 255, 255, 1) 1px 1px 1px; /* 文字を少し立体的にする */
    -moz-text-shadow: rgba(255, 255, 255, 1) 1px 1px 1px;
    -ms-text-shadow: rgba(255, 255, 255, 1) 1px 1px 1px;
    text-shadow: rgba(255, 255, 255, 1) 1px 1px 1px;
    behavior: url(../../work1/css/PIE.htc);
}

/*
グラデーション
http://www.colorzilla.com/gradient-editor/
※IE7では「PIE.htc」が必要
----------------------------------------------------------- */
.bgrad01 {
    background: rgb(237,195,80); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkYzM1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzg3MmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(237,195,80) 0%, rgb(188,135,45) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,195,80)), color-stop(100%,rgb(188,135,45))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(237,195,80) 0%,rgb(188,135,45) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(237,195,80) 0%,rgb(188,135,45) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(237,195,80) 0%,rgb(188,135,45) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(237,195,80) 0%,rgb(188,135,45) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc350', endColorstr='#bc872d',GradientType=0 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}

.bgrad02 {
    background: rgb(240,240,241); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmQxZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(240,240,241) 0%, rgb(207,209,213) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,240,241)), color-stop(100%,rgb(207,209,213))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(240,240,241) 0%,rgb(207,209,213) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(240,240,241) 0%,rgb(207,209,213) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(240,240,241) 0%,rgb(207,209,213) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(240,240,241) 0%,rgb(207,209,213) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f1', endColorstr='#cfd1d5',GradientType=0 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}

.bgrad03 {
    color: #FFFFFF;
    background: rgb(98,98,98); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyNjI2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTI1MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(98,98,98) 0%, rgb(37,37,37) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(98,98,98)), color-stop(100%,rgb(37,37,37))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(98,98,98) 0%,rgb(37,37,37) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(98,98,98) 0%,rgb(37,37,37) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(98,98,98) 0%,rgb(37,37,37) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(98,98,98) 0%,rgb(37,37,37) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#252525',GradientType=0 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}
.bgrad03 a:visited{ color: #FFFFFF; }

.bgrad04 {
    color: #FFFFFF;
    background: rgb(147,183,56); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzYjczOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MTg0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(147,183,56) 0%, rgb(97,132,36) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(147,183,56)), color-stop(100%,rgb(97,132,36))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(147,183,56) 0%,rgb(97,132,36) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(147,183,56) 0%,rgb(97,132,36) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(147,183,56) 0%,rgb(97,132,36) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(147,183,56) 0%,rgb(97,132,36) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93b738', endColorstr='#618424',GradientType=0 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}
.bgrad04 a:visited{ color: #FFFFFF; }

.bgrad05 {
    background: rgb(212,228,239); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZTRlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NmFlY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(212,228,239) 0%, rgb(134,174,204) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(212,228,239)), color-stop(100%,rgb(134,174,204))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(212,228,239) 0%,rgb(134,174,204) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(212,228,239) 0%,rgb(134,174,204) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(212,228,239) 0%,rgb(134,174,204) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(212,228,239) 0%,rgb(134,174,204) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}

.bgrad06off {
    color: #FFFFFF;
    background: rgb(0,113,180); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzFiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDMzN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(0,113,180) 0%, rgb(0,51,123) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,113,180)), color-stop(100%,rgb(0,51,123))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(0,113,180) 0%,rgb(0,51,123) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(0,113,180) 0%,rgb(0,51,123) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(0,113,180) 0%,rgb(0,51,123) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(0,113,180) 0%,rgb(0,51,123) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071b4', endColorstr='#00337b',GradientType=0 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}
.bgrad06off a:visited{ color: #FFFFFF; }

.bgrad06on {
    color: #FFFFFF;
    background: rgb(6,114,181); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2NzJiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTgyYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(6,114,181) 0%, rgb(74,130,189) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(6,114,181)), color-stop(100%,rgb(74,130,189))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(6,114,181) 0%,rgb(74,130,189) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(6,114,181) 0%,rgb(74,130,189) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(6,114,181) 0%,rgb(74,130,189) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(6,114,181) 0%,rgb(74,130,189) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0672b5', endColorstr='#4a82bd',GradientType=0 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}
.bgrad06on a:visited{ color: #FFFFFF; }

.bgrad07 {
    color: #FFFFFF;
    background: rgb(125,185,232); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(125,185,232) 0%, rgb(30,87,153) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(125,185,232)), color-stop(100%,rgb(30,87,153))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(125,185,232) 0%,rgb(30,87,153) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(125,185,232) 0%,rgb(30,87,153) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(125,185,232) 0%,rgb(30,87,153) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(125,185,232) 0%,rgb(30,87,153) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}
.bgrad07 a:visited{ color: #FFFFFF; }

.bgrad08 {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}

.bgrad09 {
    background: rgb(253,253,253); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgb(253,253,253) 0%, rgb(224,223,223) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(253,253,253)), color-stop(100%,rgb(224,223,223))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgb(253,253,253) 0%,rgb(224,223,223) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgb(253,253,253) 0%,rgb(224,223,223) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgb(253,253,253) 0%,rgb(224,223,223) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgb(253,253,253) 0%,rgb(224,223,223) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e0dfdf',GradientType=1 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}

.bgrad10 {
    background: rgb(253,253,253); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(253,253,253) 0%, rgb(224,223,223) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(253,253,253)), color-stop(100%,rgb(224,223,223))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(253,253,253) 0%,rgb(224,223,223) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(253,253,253) 0%,rgb(224,223,223) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(253,253,253) 0%,rgb(224,223,223) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(253,253,253) 0%,rgb(224,223,223) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e0dfdf',GradientType=0 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}

.bgrad11 {
    background: rgb(236,233,197); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZTljNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWI3ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(236,233,197) 0%, rgb(201,183,136) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(236,233,197)), color-stop(100%,rgb(201,183,136))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(236,233,197) 0%,rgb(201,183,136) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(236,233,197) 0%,rgb(201,183,136) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(236,233,197) 0%,rgb(201,183,136) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(236,233,197) 0%,rgb(201,183,136) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece9c5', endColorstr='#c9b788',GradientType=0 ); /* IE6-8 */
    behavior: url(../../work1/css/PIE.htc);
}

/*
テーブル
http://jsdo.it/No-Delay/doK4
----------------------------------------------------------- */
.table-white {
    width: 100%;
    table-layout: auto;
    *border-collapse: collapse; /* IE用 */
    border-spacing: 0;
    background: white;
}

.table-white tr:nth-child(even) {
    background: #F9F9F9;
}

.table-white tbody tr:hover {
    background: #FFFBEF;
}

.table-white th {
    background: #E7EFFF;
}

.table-white th, .table-white td {
    border: 1px #E3E3E3 solid;
    border-right: none; /* 重なって太くなる右ボーダー消去 */
    border-bottom: none; /* 重なって太くなる下ボーダー消去 */
    text-align: center;
    padding: 5px;
    white-space:normal;
}

.table-white th:last-child, .table-white td:last-child {
    border-right: 1px #E3E3E3 solid; /* 消えた右ボーダー復活 */
}

.table-white tfoot tr td {
    border-top: none; /* 重なって太くなる上ボーダー消去 */
    border-bottom: 1px #E3E3E3 solid; /* 消えた下ボーダー復活 */
}

.table-white tbody tr:last-child td {
    border-bottom: 1px #E3E3E3 solid; /* 消えた下ボーダー復活 */
}

/* 以下、角丸処理のみ */

.table-white.radius thead tr th:first-child {
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}

.table-white.radius thead tr th:last-child {
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}

.table-white.radius tfoot tr td:first-child {
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}

.table-white.radius tfoot tr td:last-child {
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}

/* ここから：tbody の四隅に角丸 */
.table-white.radius tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}

.table-white.radius tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}

.table-white.radius tbody tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}

.table-white.radius tbody tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    behavior: url(../../work1/css/PIE.htc);
}
/* ここまで */

/* ここから：だけど、theadに隣り合うtbodyの上二隅は角丸使わない */
.table-white.radius thead+tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    behavior: url(../../work1/css/PIE.htc);
}

.table-white.radius thead+tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    behavior: url(../../work1/css/PIE.htc);
}
/* ここまで */

/* ここから：さらに、tfootに隣り合うtbodyの上二隅は角丸使わない */
.table-white.radius tfoot+tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    behavior: url(../../work1/css/PIE.htc);
}

.table-white.radius tfoot+tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    behavior: url(../../work1/css/PIE.htc);
}
/* ここまで */

/* ここから：さらにまた、tfootに隣り合うtbodyの下二隅は角丸使わない */
.table-white.radius tfoot+tbody tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    behavior: url(../../work1/css/PIE.htc);
}

.table-white.radius tfoot+tbody tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    behavior: url(../../work1/css/PIE.htc);
}
/* ここまで */


tr.noradius td:first-child {
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-bottom-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    behavior: url(../../work1/css/PIE.htc);
}
tr.noradius td:last-child {
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-bottom-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    behavior: url(../../work1/css/PIE.htc);
}

.list th, .list td {
    padding: 10px;
    text-align: left;
}

/*
Bootstrap 風に簡単に見出しを装飾
http://no-delay.com/blog/?p=450
----------------------------------------------------------- */

/* 基礎罫線 */
.border {
    color: #333333;
    margin: 0 0 20px;
    padding: 13px 20px;
    background-color: #ffffff;
}

.gray {
    color: #333333;
    background-color: #ffffff;
    border-color: #dddddd;
}

.blue {
    color: #333333;
    background-color: #ffffff;
    border-color: #3B5998;
}

.green {
    color: #333333;
    background-color: #ffffff;
    border-color: #60792F;
}

.red {
    color: #333333;
    background-color: #ffffff;
    border-color: #E93832;
}

.brown {
    color: #333333;
    background-color: #ffffff;
    border-color: #BF594D;
}

.clearbrown {
    color: #9E7D5C;
    background-color: #ffffff;
    border-color: #F8F5ED;
}

.lightbrown {
    color: #9E7D5C;
    background-color: #ffffff;
    border-color: #9E7D5C;
}

.sand {
    color: #9E7D5C;
    background-color: #F8F5ED;
    border-color: #9E7D5C;
}

.orange {
    color: #FF7900;
    background-color: #ffffff;
    border-color: #FF7900;
}

.lightblue {
    color: #333333;
    background-color: #ffffff;
    border-color: #A2BCD5;
}

.facebook {
    color: #ffffff;
    background-color: #3B5998;
    border-color: #6D84B4;
}

.army {
    color: #60792F;
    background-color: #E4F0CC;
    border-color: #60792F;
}

.kazan {
    color: #333333;
    background-color: #FBE1E2;
    border-color: #BF594D;
}

.azuki {
    color: #6A4C4C;
    background-color: #EBE0DE;
    border-color: #B9A6AA;
}

.vivi {
    color: #ffffff;
    background-color: #553F41;
    border-color: #FF0101;
}

.water {
    color: #3B65C9;
    background-color: #E4E9EC;
    border-color: #3B65C9;
}

.voodoo {
    color: #ffffff;
    background-color: #474747;
    border-color: #76B900;
}

.wedgwood {
    color: #627997;
    background-color: #F0F2F2;
    border-color: #A2BCD5;
}

.onsen {
    color: #222250;
    background-color: #E6F2F8;
    border-color: #358FBC;
}

.lightblack {
    color: #ffffff;
    background-color: #474747;
    border-color: #818282;
}

.dark {
    color: #ffffff;
    background-color: #396178;
    border-color: #5BA1C9;
}

.lightorange {
    color: #333333;
    background-color: #ffffff;
    border-top-color: #FFCC66;
    border-bottom-color: #FFCC66;
    border-right-color: #FF9933;
    border-left-color: #FF9933;
}

.gold {
    color: #333333;
    background-color: #ffffff;
    border-color: #AF903F;
}

.goldrash {
    color: #ffffff;
    background-color: #AF903F;
    border-color: #B9A6AA;
}

.cleargreen {
    color: #8CC220;
    background-color: #ffffff;
    border-color: #EDF5DC;
}

.lightgreen {
    color: #8CC220;
    background-color: #ffffff;
    border-color: #8CC220;
}

.osaka {
    color: #8CC220;
    background-color: #EDF5DC;
    border-color: #8CC220;
}

.modern {
    color: #333333;
    background-color: #E4E9EC;
    border-color: #cccccc;
}

/* 上線 */
.topline {
    border-top-width: 1px;
    border-top-style: solid;
}
.topline1 {
    border-top-width: 1px;
    border-top-style: solid;
}
.topline2 {
    border-top-width: 2px;
    border-top-style: solid;
}
.topline3 {
    border-top-width: 3px;
    border-top-style: solid;
}
.topline4 {
    border-top-width: 4px;
    border-top-style: solid;
}
.topline5 {
    border-top-width: 5px;
    border-top-style: solid;
}
.topline6 {
    border-top-width: 6px;
    border-top-style: solid;
}
.topline7 {
    border-top-width: 7px;
    border-top-style: solid;
}
.topline-solid {
    border-top-width: 1px;
    border-top-style: solid;
}
.topline1-solid {
    border-top-width: 1px;
    border-top-style: solid;
}
.topline2-solid {
    border-top-width: 2px;
    border-top-style: solid;
}
.topline3-solid {
    border-top-width: 3px;
    border-top-style: solid;
}
.topline4-solid {
    border-top-width: 4px;
    border-top-style: solid;
}
.topline5-solid {
    border-top-width: 5px;
    border-top-style: solid;
}
.topline6-solid {
    border-top-width: 6px;
    border-top-style: solid;
}
.topline7-solid {
    border-top-width: 7px;
    border-top-style: solid;
}
.topline-dashed {
    border-top-width: 1px;
    border-top-style: dashed;
}
.topline1-dashed {
    border-top-width: 1px;
    border-top-style: dashed;
}
.topline2-dashed {
    border-top-width: 2px;
    border-top-style: dashed;
}
.topline3-dashed {
    border-top-width: 3px;
    border-top-style: dashed;
}
.topline4-dashed {
    border-top-width: 4px;
    border-top-style: dashed;
}
.topline5-dashed {
    border-top-width: 5px;
    border-top-style: dashed;
}
.topline6-dashed {
    border-top-width: 6px;
    border-top-style: dashed;
}
.topline7-dashed {
    border-top-width: 7px;
    border-top-style: dashed;
}
.topline-dotted {
    border-top-width: 1px;
    border-top-style: dotted;
}
.topline1-dotted {
    border-top-width: 1px;
    border-top-style: dotted;
}
.topline2-dotted {
    border-top-width: 2px;
    border-top-style: dotted;
}
.topline3-dotted {
    border-top-width: 3px;
    border-top-style: dotted;
}
.topline4-dotted {
    border-top-width: 4px;
    border-top-style: dotted;
}
.topline5-dotted {
    border-top-width: 5px;
    border-top-style: dotted;
}
.topline6-dotted {
    border-top-width: 6px;
    border-top-style: dotted;
}
.topline7-dotted {
    border-top-width: 7px;
    border-top-style: dotted;
}

/* 下線 */
.bottomline {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.bottomline1 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.bottomline2 {
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
.bottomline3 {
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
.bottomline4 {
    border-bottom-width: 4px;
    border-bottom-style: solid;
}
.bottomline5 {
    border-bottom-width: 5px;
    border-bottom-style: solid;
}
.bottomline6 {
    border-bottom-width: 6px;
    border-bottom-style: solid;
}
.bottomline7 {
    border-bottom-width: 7px;
    border-bottom-style: solid;
}
.bottomline-solid {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.bottomline1-solid {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.bottomline2-solid {
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
.bottomline3-solid {
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
.bottomline4-solid {
    border-bottom-width: 4px;
    border-bottom-style: solid;
}
.bottomline5-solid {
    border-bottom-width: 5px;
    border-bottom-style: solid;
}
.bottomline6-solid {
    border-bottom-width: 6px;
    border-bottom-style: solid;
}
.bottomline7-solid {
    border-bottom-width: 7px;
    border-bottom-style: solid;
}
.bottomline-dashed {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}
.bottomline1-dashed {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}
.bottomline2-dashed {
    border-bottom-width: 2px;
    border-bottom-style: dashed;
}
.bottomline3-dashed {
    border-bottom-width: 3px;
    border-bottom-style: dashed;
}
.bottomline4-dashed {
    border-bottom-width: 4px;
    border-bottom-style: dashed;
}
.bottomline5-dashed {
    border-bottom-width: 5px;
    border-bottom-style: dashed;
}
.bottomline6-dashed {
    border-bottom-width: 6px;
    border-bottom-style: dashed;
}
.bottomline7-dashed {
    border-bottom-width: 7px;
    border-bottom-style: dashed;
}
.bottomline-dotted {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}
.bottomline1-dotted {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}
.bottomline2-dotted {
    border-bottom-width: 2px;
    border-bottom-style: dotted;
}
.bottomline3-dotted {
    border-top-width: 3px;
    border-bottom-style: dotted;
}
.bottomline4-dotted {
    border-bottom-width: 4px;
    border-bottom-style: dotted;
}
.bottomline5-dotted {
    border-bottom-width: 5px;
    border-bottom-style: dotted;
}
.bottomline6-dotted {
    border-bottom-width: 6px;
    border-bottom-style: dotted;
}
.bottomline7-dotted {
    border-bottom-width: 7px;
    border-bottom-style: dotted;
}

/* 左線 */
.leftline {
    border-left-width: 1px;
    border-left-style: solid;
}
.leftline1 {
    border-left-width: 1px;
    border-left-style: solid;
}
.leftline2 {
    border-left-width: 2px;
    border-left-style: solid;
}
.leftline3 {
    border-left-width: 3px;
    border-left-style: solid;
}
.leftline4 {
    border-left-width: 4px;
    border-left-style: solid;
}
.leftline5 {
    border-left-width: 5px;
    border-left-style: solid;
}
.leftline6 {
    border-left-width: 6px;
    border-left-style: solid;
}
.leftline7 {
    border-left-width: 7px;
    border-left-style: solid;
}
.leftline-solid {
    border-left-width: 1px;
    border-left-style: solid;
}
.leftline1-solid {
    border-left-width: 1px;
    border-left-style: solid;
}
.leftline2-solid {
    border-left-width: 2px;
    border-left-style: solid;
}
.leftline3-solid {
    border-left-width: 3px;
    border-left-style: solid;
}
.leftline4-solid {
    border-left-width: 4px;
    border-left-style: solid;
}
.leftline5-solid {
    border-left-width: 5px;
    border-left-style: solid;
}
.leftline6-solid {
    border-left-width: 6px;
    border-left-style: solid;
}
.leftline7-solid {
    border-left-width: 7px;
    border-left-style: solid;
}
.leftline-dashed {
    border-left-width: 1px;
    border-left-style: dashed;
}
.leftline1-dashed {
    border-left-width: 1px;
    border-left-style: dashed;
}
.leftline2-dashed {
    border-left-width: 2px;
    border-left-style: dashed;
}
.leftline3-dashed {
    border-left-width: 3px;
    border-left-style: dashed;
}
.leftline4-dashed {
    border-left-width: 4px;
    border-left-style: dashed;
}
.leftline5-dashed {
    border-left-width: 5px;
    border-left-style: dashed;
}
.leftline6-dashed {
    border-left-width: 6px;
    border-left-style: dashed;
}
.leftline7-dashed {
    border-left-width: 7px;
    border-left-style: dashed;
}
.leftline-dotted {
    border-left-width: 1px;
    border-left-style: dotted;
}
.leftline1-dotted {
    border-left-width: 1px;
    border-left-style: dotted;
}
.leftline2-dotted {
    border-left-width: 2px;
    border-left-style: dotted;
}
.leftline3-dotted {
    border-left-width: 3px;
    border-left-style: dotted;
}
.leftline4-dotted {
    border-left-width: 4px;
    border-left-style: dotted;
}
.leftline5-dotted {
    border-left-width: 5px;
    border-left-style: dotted;
}
.leftline6-dotted {
    border-left-width: 6px;
    border-left-style: dotted;
}
.leftline7-dotted {
    border-left-width: 7px;
    border-left-style: dotted;
}

/* 右線 */
.rightline {
    border-right-width: 1px;
    border-right-style: solid;
}
.rightline1 {
    border-right-width: 1px;
    border-right-style: solid;
}
.rightline2 {
    border-right-width: 2px;
    border-right-style: solid;
}
.rightline3 {
    border-right-width: 3px;
    border-right-style: solid;
}
.rightline4 {
    border-right-width: 4px;
    border-right-style: solid;
}
.rightline5 {
    border-right-width: 5px;
    border-right-style: solid;
}
.rightline6 {
    border-right-width: 6px;
    border-right-style: solid;
}
.rightline7 {
    border-right-width: 7px;
    border-right-style: solid;
}
.rightline-solid {
    border-right-width: 1px;
    border-right-style: solid;
}
.rightline1-solid {
    border-right-width: 1px;
    border-right-style: solid;
}
.rightline2-solid {
    border-right-width: 2px;
    border-right-style: solid;
}
.rightline3-solid {
    border-right-width: 3px;
    border-right-style: solid;
}
.rightline4-solid {
    border-right-width: 4px;
    border-right-style: solid;
}
.rightline5-solid {
    border-right-width: 5px;
    border-right-style: solid;
}
.rightline6-solid {
    border-right-width: 6px;
    border-right-style: solid;
}
.rightline7-solid {
    border-right-width: 7px;
    border-right-style: solid;
}
.rightline-dashed {
    border-right-width: 1px;
    border-right-style: dashed;
}
.rightline1-dashed {
    border-right-width: 1px;
    border-right-style: dashed;
}
.rightline2-dashed {
    border-right-width: 2px;
    border-right-style: dashed;
}
.rightline3-dashed {
    border-right-width: 3px;
    border-right-style: dashed;
}
.rightline4-dashed {
    border-right-width: 4px;
    border-right-style: dashed;
}
.rightline5-dashed {
    border-right-width: 5px;
    border-right-style: dashed;
}
.rightline6-dashed {
    border-right-width: 6px;
    border-right-style: dashed;
}
.rightline7-dashed {
    border-right-width: 7px;
    border-right-style: dashed;
}
.rightline-dotted {
    border-right-width: 1px;
    border-right-style: dotted;
}
.rightline1-dotted {
    border-right-width: 1px;
    border-right-style: dotted;
}
.rightline2-dotted {
    border-right-width: 2px;
    border-right-style: dotted;
}
.rightline3-dotted {
    border-right-width: 3px;
    border-right-style: dotted;
}
.rightline4-dotted {
    border-right-width: 4px;
    border-right-style: dotted;
}
.rightline5-dotted {
    border-right-width: 5px;
    border-right-style: dotted;
}
.rightline6-dotted {
    border-right-width: 6px;
    border-right-style: dotted;
}
.rightline7-dotted {
    border-right-width: 7px;
    border-right-style: dotted;
}