/* ------------ common ------------ */


/* ----------------------------------------------------------------  */
/* --------------------  全ページ共通項目 -------------------------  */
/* ----------------------------------------------------------------  */


/* ---------- 基本設定---------- */
/* ※font-sizeは個々に設定 */

body {
	text-align: left;
	background-position: center;
	background-color:#ffffcc;
}

body,div {
	color: #4b3415;
	margin: auto;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}


/* ---------- アンカー---------- */

#top {
	display:none;
	border: 0;
}




/* ---------- アウトライン---------- */

#continer {
	width:780px;
	margin-top: 10px;
	background-image:url(../images/bg-mid.gif);
	background-repeat:repeat-y;
	background-position:left;
}

/* ---------- ヘッダー---------- */

#header {
	width: 780px;
	height: 161px;
	text-align:left;
	background: url(../images/bg-header.gif) no-repeat;
	background-position:right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#logo {
	float:left;
	background:url(../images/logo-huanying.gif) no-repeat;
	width: 216px;
	height: 161px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: -9999px;
	border: 0;
}




/* ---------- コンテンツ枠---------- */
#content {
	color:#333;
	width: 780px;
	overflow:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/bg-top.gif);
	background-repeat:no-repeat;
	background-position:top;
}





/* ---------- TOP-RIGHT枠---------- */
#t-right {
	float:right;
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	font-size: 95%;
	line-height: 140%;
}

#t-right-inner {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ---------- TOP & 汎用PAGE-LEFT枠---------- */
#left {
	float:left;
	width: 175px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 95%;
	line-height: 140%;
}

#left-inner {
	margin: 100px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* ---------- 汎用PAGE-RIGHT枠---------- */
#p-right {
	float:right;
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	font-size: 95%;
	line-height: 140%;
}

#p-right-inner {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
}







 /* --- エントリー --- */
 
.entry{
	margin: 0;
	padding: 0 0 5px 0;
}


 /* --- エントリータイトル --- */

.entry-tit h2 {
	padding: 0px;
	margin: 10px 0 5px 0;
	color:#a4270a;
	line-height:2 !important;
}


.entry-tit a:link { }
.entry-tit a:hover { }























/* ------------ ページの先頭へ  ------------  */
#pagetop {
	font-size:  85%;
	line-height: 100%;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 15px 0px;
}



/* ------------ フッター  ------------  */

#footer{
	clear:both;
	width: 778px;
	text-align:center;
	margin: auto;
	padding: 0px 0px 0px 0px;
	background-color: #FFCC66;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* フッターテキスト */
.b-menu {
	font-size:  80%;
	line-height: 135%;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 10px 0px;
}


#copy {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.copyright p {
	color: #fff;
	font-size: 75%;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 15px 0px;
}








/* ----------------------------------------------------------------  */
/* ------------------------  パーツ類 -----------------------------  */
/* ----------------------------------------------------------------  */



/* ---------- 画像関連 ---------- */

.ImgFrame01 {
margin-top : 15px;
margin-bottom : 15px;
padding : 15px;
border : 1px solid #000;
background : #fff;}

.border-none {
	border-style:none !important;
}


/* ---------- フォームラベル：ホバー ---------- */

/* label:hover {
   background-color: #ffcccc;
   cursor : pointer;
}
 */

/* ---------- ホバー指先 ---------- */

.hover-pointer {
   cursor : pointer;
}

 


/* ---------- アイキャッチ関連 ---------- */


.ec-new {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	color: #FF0033;
	font-size:65%;
}


.ec-01 {
	margin: 0px 0px 20px 0px;
	padding: 5px 10px 5px 10px;
	border-bottom: double #000066;
	border-top: double #000066;
	background-image:url(../images/bg-stripe03.gif);	
	color: #000066;
}
.ec-02 {
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 5px 0px;
	border-bottom: 2px solid #95aff1;
	color:#1845b7;
	background-position:bottom;
}
.ec-03 {
	clear:both;
	margin: 20px 0px 10px 0px;
	padding: 8px 5px 5px 10px;
	border-left: 5px solid #FF9900;
	border-bottom: 3px solid #ccc;
}

.ec-under-line {
	clear:both;
	margin: 20px 0px 10px 0px;
	padding: 8px 5px 5px 0px;
	border-bottom: 1px solid #ccc;
}

.ec-sitemap {
	clear:both;
	margin: 20px 0px 10px 0px;
	padding: 8px 5px 5px 0px;
	background-image:url(../images/line-dot.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

.ec-qanda {
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 10px;
	border-left: 6px solid #ff9e50;
	background-color:#fffbe5;
	margin:0px 0px 10px 0px;
}


.ec-or-line {
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 3px 0px;
	border-bottom: 2px dotted #FF6600;
	margin:0px 0px 10px 0px;
}

.u-line-dot {
	padding:10px;
	padding-bottom:5px;
	border-bottom: 1px dotted #999;
}


.ec-mark01 {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image:url(../images/ec-mark01.gif);
	background-position:left;
	background-repeat:no-repeat;
}



/* ---------- フレーム枠---------- */

.fra-01 {
	border: 1px solid #eee;
	margin:20px 0px 20px 20px;
	padding:20px;
	background-color:#f7f6f0;
}

.fra-02 {
	border-left: 5px solid #ccc;
	margin:20px 0px 20px 20px;
	padding:20px;
}

.fra-03 {
	border-left: 5px solid #FFCC66;
	margin:20px 0px 20px 20px;
	padding:20px;
	background-color:#fffdf2;
}

.fra-04 {
	border-top: 1px solid #ccc;
	border-left: 1px solid #bbb;
	border-bottom: 5px solid #ccc;
	border-right: 5px solid #ccc;
	margin:20px 0px 20px 20px;
	padding:20px;
	background-color:#fffdf2;
}


.fra-youtube {
	border: 1px solid #eee;
	margin:20px 0px 20px 0px;
	padding:20px;
	background-color:#f7f6f0;
}


/* ---------- キャプション枠---------- */

.cap-01 {
	border-bottom: 0px solid #999;
	margin:10px;
	padding:10px;
	font-size: 75%;
	background-color:#f7f6f0;
}




/* ---------- 角丸 5px 本体#e2f0fb 背景#ffffff ---------- */

.roundedcornr_box_lb {
   background: #e2f0fb;
}
.roundedcornr_top_lb div {
   background: url(../images/roundedcornr_lb_tl.png) no-repeat top left;
}
.roundedcornr_top_lb {
   background: url(../images/roundedcornr_lb_tr.png) no-repeat top right;
}
.roundedcornr_bottom_lb div {
   background: url(../images/roundedcornr_lb_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_lb {
   background: url(../images/roundedcornr_lb_br.png) no-repeat bottom right;
}

.roundedcornr_top_lb div, .roundedcornr_top_lb, 
.roundedcornr_bottom_lb div, .roundedcornr_bottom_lb {
   width: 100%;
   height: 5px;
   font-size: 1px;
}
.roundedcornr_content_lb { margin: 0 5px; padding:10px; }




/* ---------- 分割ライン---------- */

.line-dot {
	clear:both;
	margin: 0;
	margin: 0px 0px 5px 0px;
	width: 100%;
	height: 1px;
	font-size:0;
	border-bottom: 1px dotted #ccc;
}


.line-sol {
	clear:both;
	margin: 0;
	margin: 0px 0px 20px 0px;
	width: 100%;
	font-size:0;
	border-bottom: 1px solid #ccc;
}


.line-sol-gr {
	clear:both;
	margin: 10px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	height: 10px;
	font-size:0;
	background-image:url(../images/border-gr-01.gif);
	background-position:top;
	background-repeat:repeat-x;
}



.bor-dot {
	display:block;
	background-image:url(../images/line-dot.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:1px;
	border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.bor-sol-bot {
	display:block;
	height: 2em;
	border-bottom: 1px solid;
}

.bor-dot-bot {
	display:block;
	height: 5px;
	border-bottom: 1px dotted;
}



/* ---------- テキスト関連---------- */

/*  1文字目拡大 */
.f-letter:first-letter {
font-size:2em;
line-height:1.3em;
padding: 0em 0em 0.1em 0.2em;
}


/* 1文字目字下げ */
.t-indent{
text-indent: 1em; 
}

/* 文字太さ */
.font-weight-nomal{
	font-weight:normal;
}
.font-weight-bold{
	font-weight:bold;
}

/* アライン */
.text-ali-right{
	text-align:right;
}
.text-ali-left{
	text-align:left;
}
.text-ali-center{
	text-align:center;
}

/* ---------- フレーム枠---------- */

#fra-headline {
	width: 559px;
	height: 109px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	font-size: 85%;
	line-height: 140%;
	background-image:url(../images/bg-headline.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	clear:both;
}
#fra-headline-inner {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 5px 20px;
}
#fra-headline p {
	margin: 5px 0px 0px 0px;	
}

#fra-info {
	width: 520px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	background-color:#fff1f7;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	clear:both;
}
#fra-info-inner {
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
}

#fra-info h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#fra-info p.mar10 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 10px;
}


.fra01 {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 20px 20px 20px 20px;
	margin:10px;
	background-color:#fff6c2;
	clear:both;
}
.fra02 {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 20px 20px 20px 20px;
	margin:10px;
	background-color:#ffe;
	clear:both;
}

/* ---------- 表題リード関連 ---------- */

.lead-gray-blue {
	clear:both;
	font-size:  100%;
	line-height: 140%;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 5px;
	border-bottom: 2px dotted #6699FF;
	background-color:#fff;
	color: #003399;
}


/* ---------- アイキャッチ関連 ---------- */

.ec-qanda {
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 10px;
	border-left: 6px solid #ff9e50;
	background-color:#fffbe5;
	margin:0px 0px 10px 0px;
}


.ec-or-line {
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 3px 0px;
	border-bottom: 2px dotted #FF6600;
	margin:0px 0px 10px 0px;
}

.ec-pink-line {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 15px;
	border-left: 10px solid #FF99CC;
	border-bottom: 2px solid #FF99CC;
}


.u-line-dot {
	padding:10px;
	padding-bottom:5px;
	border-bottom: 1px dotted #999;
}


/* ---------- 分割ライン---------- */

.line-dot {
	clear:both;
	margin: 10px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px dotted #ccc;
}

.line-sol {
	clear:both;
	margin: 10px 0px 20px 0px;
	padding: 0px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}



/* ---------- テキスト飾り---------- */

/* MacIE5 除く \*/
.f-letter:first-letter {
font-size:2em;
line-height:1.3em;
padding: 0em 0em 0.1em 0.2em;
}
/* end */


.cap{
	font-weight:bold;
	margin: 15px 0px -8px 0px;
	
}





 /* --- page-nation（no plugin） --- */

.wp-pagenavi {
	clear:both;
	font-size:11px;
	padding:10px 0;
}
.wp-pagenavi a {
	margin:0 2px;
	padding:2px 10px;
}
.wp-pagenavi .pages {
	color:#888;
	margin:0 4px;
	padding:2px 0;
}
.wp-pagenavi .current {
	background:#DDD;
	font-weight:bold;
	margin:0 2px;
	padding:2px 10px;
}
.wp-pagenavi .extend {
	background:#F9F9F9;
	border:0;
	color:#555;
	padding:0;
}
.wp-pagenavi .extend {
	margin:0 0 0 2px;
}
.wp-pagenavi .page {
	margin:0 0 0 4px;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	padding:2px 5px;
}



.wp-pagenavi .current,
.wp-pagenavi a {
	border:solid 1px #CCC;
	color:#888;
	text-decoration:none;
}
.page_navigation a:hover,
.wp-pagenavi a:hover {
	border:solid 1px #999;
	color:#888;
	text-decoration:none;
}




/* ---------- プレビューNEXT枠---------- */

#tab-01 {
	clear:both;
	margin: 20px 0px 30px 0px;
	padding: 0px 0px 44px 0px;
	white-space:nowrap;
	background-image:url(../images/bg-tablline.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:#fff;
}

#tab-01 ul { 
	margin: 0; 
	padding :0; 
	list-style-type : none; 
}
#tab-01 li { 
	display : inline; 
	padding :0; 
	margin: 0px 5px 0px 0px; 
	float:left;
	font-size:110%;
	font-weight:bold;
}

#tab-01 .no-link {
	display:block; 
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:2px solid #fff;
	color: #333;
	background-color: #fff;
	margin: 0px 5px 0px 0px; 
	padding:10px 10px 10px 10px;
	text-align:center;
}

#tab-01 a {
	display:block; 
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-image:url(../images/bg-tab-off.jpg);
	color: #448;
	text-decoration: none;
	margin: 0px 0px 0px 0px; 
	padding:10px 10px 10px 10px;
	text-align:center;
}
#tab-01 a:hover {
	display:block; 
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-image:url(../images/bg-tab-on.jpg);
	margin: 0px 0px 0px 0px; 
	padding:10px 10px 10px 10px;
	text-align:center;
}


/* ---------- 縦並びメニュー用枠---------- */

#tab-02 {
	clear:both;
	font-size: 120%;
	white-space:nowrap;
	text-align:center;
}

#tab-02 ul { 
	list-style-type : none; 
}
#tab-02 li { 
	display : inline; 
}

#tab-02 a {
	display:block; 
	color: #000000;
	width: 80%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#f7f6f0;
	margin: 10px 0px 10px 10px; 
	padding:20px 10px 20px 10px;
}
#tab-02 a:hover {
	display:block; 
	width: 80%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#ffe349;
	margin: 10px 0px 10px 10px;  
	padding:20px 10px 20px 10px;
}


/* ---------- テーブル処理 ---------- */

#table-01 {
	margin: 10px 0px 20px 20px;
	width:95%;
	border:solid 1px #ccc;
	border-collapse:collapse;
	background:#fff;
}

#table-01 tr.f7f{
	background:#f7f6f0;
}

#table-01 td.f7f{
	background:#f7f6f0;
}

#table-01 th.f7f{
	background:#f7f6f0;
}

#table-01 tr th {
	padding:10px;
	border:solid 1px #ccc;
	white-space:nowrap;
}
#table-01 tr td{
	padding:10px;
	border:solid 1px #ccc;
}
.nowrap{
	white-space:nowrap;
}


/* ---------- テーブル grey ---------- */

#table-grey
{
	font-size: 90%;
	margin-top: 20px;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
	
}
#table-grey th
{
	font-size: 100%;
	padding: 8px;
	background: #e9e9ba;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	white-space:nowrap;
	border-top: 1px solid #aaa;
}
#table-grey td
{
	padding: 8px;
	background: #ffe; 
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	color: #24221b;
}


/* ---------- テーブル blue ---------- */

#table-blue
{
	font-size: 90%;
	margin-top: 20px;
	width: 570px;
	text-align: left;
	border-collapse: collapse;
}
#table-blue th
{
	font-size: 100%;
	padding: 8px;
	background: #b9c9fe;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	white-space:nowrap;
}
#table-blue td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #339;
	border-top: 1px solid transparent;
}
#table-blue tr:hover td
{
	background: #d0dafd;
	color: #339;
}

/* ---------- テーブル purple ---------- */

#table-purple
{
	font-size: 90%;
	margin-top: 20px;
	width: 585px;
	text-align: left;
	border-collapse: collapse;
}
#table-purple th
{
	font-size: 100%;
	padding: 8px;
	background: #d0c3f4;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	white-space:nowrap;
}
#table-purple td
{
	padding: 8px;
	background: #f0ebfb; 
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #339;
	border-top: 1px solid transparent;
	vertical-align:top;
}


/* ---------- dl dt dd ---------- */


.dl-01{
	margin:  0 0 0 0;
	padding: 15px;
}

.dl-01 dl{
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	font-size: 90%;
}


.dl-01 dt{
	clear:both;
	width: 130px;
	height: 3em;
	padding-left: 15px;
	float:left;
}

.dl-01 dd{
	height: 3em;
}

	




/* ------------ リスト装飾 ------------  */

.list01{
	list-style:outside;
	list-style-type:disc;
	margin: 0;
	padding-left: 10px;
}	
.list01 li{
	margin: 10px 0px 10px 5px;
}	


/* ------------ ツールチップ機能（jquery参照） ------------  */
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}	



/* ------------ 追加機能 ------------  */


/*Firefoxリンク点線消し*/
a:focus{
/*¥*/
overflow: hidden;
/**/
}



img {
	margin:0px;
	border: none;
	vertical-align:bottom;
}

.img-word-l {
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  0px 10px 10px 0px;
}

.img-word-r {
	float: right;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 10px 10px;
}


/*WP用アライン*/


.alignnone {
	float: none;
	padding: 0px 0px 0px 0px;
	margin:  20px 0px 0px 0px;
}


.alignleft {
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  0px 10px 10px 0px;
}

.alignright {
	float: right;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 10px 10px;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.c-both { 
	clear:both;
	overflow:hidden;
	width: 1px;
    height: 1px;
	margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}


.pkg { display: block; }

.pkg:after {	/*   content: "画像"; */
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.text-ali-center{
	text-align:center;
}
.text-ali-left{
	text-align:left;
}
.text-ali-right{
	text-align:right;
}

.dis-block{
	display:block;
}




/*WP用キャプション*/


.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}


/* ------------ 選択テキストサイズ ------------  */


h1 { margin: 0px 0px 10px 0px;}
h2 { margin: 0px 0px 10px 0px;}
h3 { margin: 0px 0px 10px 0px;}
h4 { margin: 0px 0px 10px 0px;}

.sma {
	font-size:  90%;
}
.sma-s {
	font-size:  80%;
}
.sma-ss {
	font-size:  60%;
}
.mid {
	font-size:  140%;
}




/* ------------ 選択カラー ------------  */

.col-black { color: #000; }
.col-red { color: #ff0000; }
.col-d-red { color: #993333; }
.col-red-bold { color: #ff0066; font-weight:bold; }
.col-s-blue { color: #3366FF; }
.col-blue { color:#3366cc; }
.col-orange { color:#FF6600; }
.col-purple { color: #6633CC; }
.col-yellow { color: #ffcc66; }
.col-pink { color: #ff6699; }
.col-green { color: #669900; }
.col-brown { color: #D8BB4E; }
.col-l-brown { color: #a7a78d; }
.col-l-grey { color: #999; }
.col-grey { color: #666; }


/* ------------ 背景カラー ------------  */

.bg-cleam { background-color: #fff9de; }
.bg-l-cleam { background-color: #fff7d2; }
.bg-l-brown { background-color: #a7a78d; }



/* --- マージン＆パディング ---  */
.mar-5px { margin: 5px; font-size: 100%; }
.mar-10px{ margin: 10px; font-size: 100%; }
.mar-15px{ margin: 15px; font-size: 100%; }
.mar-20px{ margin: 20px; font-size: 100%; }
.mar-30px{ margin: 30px; font-size: 100%; }

.mar-top-5px { margin-top: 5px; font-size: 100%; }
.mar-top-10px{ margin-top: 10px; font-size: 100%; }
.mar-top-20px{ margin-top: 20px; font-size: 100%; }
.mar-top-30px{ margin-top: 30px; font-size: 100%; }

.mar-bot-5px { margin-bottom: 5px; font-size: 100%; }
.mar-bot-10px{ margin-bottom: 10px; font-size: 100%; }
.mar-bot-20px{ margin-bottom: 20px; font-size: 100%; }
.mar-bot-30px{ margin-bottom: 30px; font-size: 100%; }

.mar-left-5px { margin-left: 5px; font-size: 100%; }
.mar-left-10px{ margin-left: 10px; font-size: 100%; }
.mar-left-20px{ margin-left: 20px; font-size: 100%; }
.mar-left-30px{ margin-left: 30px; font-size: 100%; }

.mar-right-5px { margin-right: 5px; font-size: 100%; }
.mar-right-10px{ margin-right: 10px; font-size: 100%; }
.mar-right-20px{ margin-right: 20px; font-size: 100%; }
.mar-right-30px{ margin-right: 30px; font-size: 100%; }

.mar-top-bot-5px { margin:  5px 0px 5px 0px; font-size: 100%; }
.mar-top-bot-10px{ margin: 10px 0px 10px 0px; font-size: 100%; }
.mar-top-bot-20px{ margin: 20px 0px 20px 0px; font-size: 100%; }
.mar-top-bot-30px{ margin: 30px 0px 30px 0px; font-size: 100%; }

.mar-top-left-5px { margin:  5px 0px 0px 5px; font-size: 100%; }
.mar-top-left-10px{ margin: 10px 0px 0px 10px; font-size: 100%; }
.mar-top-left-20px{ margin: 20px 0px 0px 20px; font-size: 100%; }
.mar-top-left-30px{ margin: 30px 0px 0px 30px; font-size: 100%; }

.mar-left-bot-5px { margin: 0px 0px 5px 5px; font-size: 100%; }
.mar-left-bot-10px{ margin: 0px 0px 10px 10px; font-size: 100%; }
.mar-left-bot-20px{ margin: 0px 0px 20px 20px; font-size: 100%; }
.mar-left-bot-30px{ margin: 0px 0px 30px 30px; font-size: 100%; }

.mar-left30-bot50px{ margin: 0px 0px 50px 30px; font-size: 100%; }


.pad-5px { padding: 5px; font-size: 100%; }
.pad-10px{ padding: 10px; font-size: 100%; }
.pad-20px{ padding: 20px; font-size: 100%; }
.pad-30px{ padding: 30px; font-size: 100%; }

.pad-top-5px { padding-top: 5px; font-size: 100%; }
.pad-top-10px{ padding-top: 10px; font-size: 100%; }
.pad-top-20px{ padding-top: 20px; font-size: 100%; }
.pad-top-30px{ padding-top: 30px; font-size: 100%; }

.pad-bot-5px { padding-bottom: 5px; font-size: 100%; }
.pad-bot-10px{ padding-bottom: 10px; font-size: 100%; }
.pad-bot-20px{ padding-bottom: 20px; font-size: 100%; }
.pad-bot-30px{ padding-bottom: 30px; font-size: 100%; }

.pad-left-5px { padding-left: 5px; font-size: 100%; }
.pad-left-10px{ padding-left: 10px; font-size: 100%; }
.pad-left-20px{ padding-left: 20px; font-size: 100%; }
.pad-left-30px{ padding-left: 30px; font-size: 100%; }

.pad-right-5px { padding-right: 5px; font-size: 100%; }
.pad-right-10px{ padding-right: 10px; font-size: 100%; }
.pad-right-20px{ padding-right: 20px; font-size: 100%; }
.pad-right-30px{ padding-right: 30px; font-size: 100%; }


/* ------------ リンク設定 ------------  */

a:link        { color: #666; text-decoration: underline; }
a:visited     { color: #666; text-decoration: underline; }
a:hover       { color: #666; text-decoration: none; }
a:active      { color: #666; text-decoration: underline; }

a.a-bl:link     { color: #000; text-decoration: underline; }
a.a-bl:visited  { color: #000; text-decoration: underline;  }
a.a-bl:hover    { color: #000; text-decoration: none; }
a.a-bl:active   { color: #000; text-decoration: underline; }

a.a-gr:link     { color: #666; text-decoration: underline; }
a.a-gr:visited  { color: #666; text-decoration: underline;  }
a.a-gr:hover    { color: #666; text-decoration: none; }
a.a-gr:active   { color: #666; text-decoration: underline; }

a.a-red:link     { color: #cc0066; text-decoration: none; }
a.a-red:visited  { color: #8d0046; text-decoration: none;  }
a.a-red:hover    { color: #cc0066; text-decoration: underline; }
a.a-red:active   { color: #cc0066; text-decoration: none; }

a.a-wh:link     {color: #fff; text-decoration: underline; }
a.a-wh:visited  {color: #fff; text-decoration: underline;  }
a.a-wh:hover    {color: #fff; text-decoration: none; }
a.a-wh:active   {color: #fff; text-decoration: underline; }

a.a-wh-noul:link     { color: #fff; text-decoration: none; }
a.a-wh-noul:visited  { color: #fff; text-decoration: none;  }
a.a-wh-noul:hover    { color: #fff; text-decoration: none; }
a.a-wh-noul:active   { color: #fff; text-decoration: none; }

a.a-wh-noul-ovul:link     { color: #fff; text-decoration: none; }
a.a-wh-noul-ovul:visited  { color: #fff; text-decoration: none;  }
a.a-wh-noul-ovul:hover    { color: #fff; text-decoration: underline; }
a.a-wh-noul-ovul:active   { color: #fff; text-decoration: underline; }

a.a-bl-noul:link     { color: #000; text-decoration: none; }
a.a-bl-noul:visited  { color: #000; text-decoration: none;  }
a.a-bl-noul:hover    { color: #000; text-decoration: none; }
a.a-bl-noul:active   { color: #000; text-decoration: none; }

a.a-bl-noul-ovul:link     { color: #000; text-decoration: none; }
a.a-bl-noul-ovul:visited  { color: #000; text-decoration: none;  }
a.a-bl-noul-ovul:hover    { color: #000; text-decoration: underline; }
a.a-bl-noul-ovul:active   { color: #000; text-decoration: underline; }

a.a-gr-noul-ovul:link     { color: #666; text-decoration: none; }
a.a-gr-noul-ovul:visited  { color: #666; text-decoration: none;  }
a.a-gr-noul-ovul:hover    { color: #666; text-decoration: underline; }
a.a-gr-noul-ovul:active   { color: #666; text-decoration: underline; }

a.a-blue-noul-ovul:link     { color: #339; text-decoration: none; }
a.a-blue-noul-ovul:visited  { color: #339; text-decoration: none; }
a.a-blue-noul-ovul:hover    { color: #339; text-decoration: underline; }
a.a-blue-noul-ovul:active   { color: #339; text-decoration: underline; }

a.a-blue-noul-ovul-b:link     { color: #339; text-decoration: none; font-weight:bold;}
a.a-blue-noul-ovul-b:visited  { color: #339; text-decoration: none; font-weight:bold; }
a.a-blue-noul-ovul-b:hover    { color: #339; text-decoration: underline; font-weight:bold;}
a.a-blue-noul-ovul-b:active   { color: #339; text-decoration: underline; font-weight:bold;}


a.a-xivnews:link     { color: #882724; text-decoration: none; }
a.a-xivnews:visited  { color: #882724; text-decoration: none;  }
a.a-xivnews:hover    { color: #882724; text-decoration: underline; }
a.a-xivnews:active   { color: #882724; text-decoration: underline; }


a.a-rare01:link     { color: #882724; text-decoration: none; }
a.a-rare01:visited  { color: #882724; text-decoration: none;  }
a.a-rare01:hover    { color: #882724; text-decoration: underline; }
a.a-rare01:active   { color: #882724; text-decoration: underline; }