@charset "utf-8";
/* CSS Document */


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


/* basic setting:
--------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*::selection {background: #403b95; color: #fff;}
*::-moz-selection {background: #403b95; color: #fff;}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #444;
}

em,address {font-style: normal;}
hr {display: none;}
hr.hr {display: block;margin: 15px;}
img {border: none;vertical-align: middle;}
ul,ol {list-style: none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.bold {font-weight: bold;}
.normal{font-weight:normal;}
.valign_m{ vertical-align:middle!important;}
a:hover {text-decoration: none;}
*+html .clear_fix {display: inline-block;}
* html .clear_fix {display: inline-block;}
.clear_fix:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/* link color setting :
--------------------------------------------*/



a {color:#403b94;text-decoration:none;}
#contents a {text-decoration:underline;}
#contents a:hover {text-decoration:none;background: #f9dc5f;}


#contents .box3 .list5 a:hover {text-decoration:none;background: none;}

/* outline setting :
--------------------------------------------*/

.outline {
	max-width: 1044px;
	margin: 0 auto;
	padding: 0 10px;
}

.outline:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


.pc {display: block !important;}
.sp {display: none !important;}

/*---- frexible grid system ----*/

.grid_system:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


.grid_system img {
	max-width: 100%;
	height: auto;
}
	

.grid_1_12,
.grid_1_6,
.grid_1_4,
.grid_1_3,
.grid_1_2,
.grid_7_12,
.grid_2_3,
.grid_3_4,
.grid_5_6,
.grid_11_12,
.grid_1_1 { 
	display: block;
	float: left;
	margin-left: 2%;
}

.grid_1_12:first-child,
.grid_1_6:first-child,
.grid_1_4:first-child,
.grid_1_3:first-child,
.grid_1_2:first-child,
.grid_7_12:first-child,
.grid_2_3:first-child,
.grid_3_4:first-child,
.grid_5_6:first-child,
.grid_11_12:first-child,
.grid_1_1:first-child {
	margin-left: 0; 
}

.grid_1_12 { width: 6.5%; }
.grid_1_6 { width: 15.0%; }
.grid_1_4 { width: 23.5%; }
.grid_1_3 { width: 32.0%; }
.grid_5_12 { width: 40.5%; }
.grid_1_2 { width: 49.0%; }
.grid_7_12 { width: 57.5%; }
.grid_2_3 { width: 66.0%; }
.grid_3_4 { width: 74.5%; }
.grid_5_6 { width: 83.0%; }
.grid_11_12 { width: 91.5%; }
.grid_1_1 { width: 100%; }


/*---- header setting ----*/


#header {
	position: relative;
	background: #fff;
	z-index: 900;
}

/*-- header navi --*/

#header .nav {
	background: url(../img/common/bg_black.gif);
	padding: 2px 0;
	font-size: 80%;
}

#header .nav .left {
	padding-left: 30px;
	background: url(../img/common/blockskip.png) no-repeat 0 50%;
}

#header .nav,
#header .nav a {color: #fff;}

#header .nav a:hover {text-decoration: underline;}

#header .nav ul,
#header .nav li,
#header form {display: inline;}

#header form {margin-left: 20px;}

/*-- search --*/

#header form div {display: inline;}

#header input.txt_box {
	height: 18px;
	margin-left: 20px;
	background: #d9d9d9;
	border: none;
}
#header input.btn {
	width: 18px;
	height: 18px;
	background: url(../img/common/search_btn.gif) no-repeat;
	overflow: hidden;
	text-indent: -10000px;
	border: none;
}


/*-- logo --*/

#header #logo {
	margin: 5px 0px 0px;
}

#header #logo img {
	max-width: 100%;
	height: auto;
}


/*---- grobal navigation setting ----*/


ul.bar {
	display: none;
}

#glnav ul.grid_3_4 {
	margin: 0px 0px 0px 2%;
	border-left: 1px solid #c5c6c6;
}

#glnav li {
	float: left;
	width: 20%;
	border-right: 1px solid #c5c6c6;
}


#glnav li img {
	max-width: 100%;
	height: auto;
}

#glnav ul.grid_3_4 span {display: none;}


/*---- mega menu setting ----*/


.mega_menu {
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
	position: absolute;
	z-index :999;
	width: 100%;
	display: none;
	padding-bottom: 1em;
}

.mega_bg{
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	display:none;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#90000000,endcolorstr=#90000000, gradienttype=0);
}


.mega_menu .list1 a {text-decoration:underline;}
.mega_menu .list1 a:hover {text-decoration:none;background: #f9dc5f;}

.mega_menu .title {
	background: #403b95;
	color: #fff;
	font-size: 110%;
	padding: 9px 10px 9px 15px;
	margin-bottom: 1.5em;
}


.mega_menu .title .left {
	font-weight: bold;
	font-size: 150%;
}

.mega_menu .title .left span {
	font-weight: normal;
	font-size: 60%;
	margin-left: 1em;
}

.mega_menu .left img {
	vertical-align: middle;
	margin-right: 10px;
}

.mega_menu .right li {
	display: inline;
}

.mega_menu .right li a {
	display: block;
	background: #fff;
	color: #444;
	float: right;
	margin: 8px 0 0 20px;
	width: 10em;
	padding: 8px;
	font-weight: bold;
}

.mega_menu .right li a {
	display: block;
	background: #fff;
	color: #444;
	float: right;
	margin: 8px 0 0 20px;
	width: 10em;
	padding: 8px;
	font-weight: bold;
}

.mega_menu .right li a.w15em {width: 13em;}

.mega_menu .right li a img {
	vertical-align: middle;
	margin-right: 10px;
}

/*---- local navigation setting ----*/


 ul.lonav {
	border-top: 1px solid #c5c6c6;
	border-left: 1px solid #c5c6c6;
	margin-bottom: 15px;
}

 ul.lonav li {
	border-right: 1px solid #c5c6c6;
	border-bottom: 1px solid #c5c6c6;
}

#contents ul.lonav li a {
	display: block;
	padding: 12px 12px 12px 16px;
	background: #fff url(../img/common/arrow03.gif) no-repeat 7px 50%;
	text-decoration: none;
}

#contents ul.lonav li a:hover,
#contents ul.lonav li a.on {
	color: #fff;
	background: #403b95 url(../img/common/arrow04.gif) no-repeat 7px 50%;
}


/*---- footer setting ----*/


#footer {
	background: #403b95;
	position: relative;
	margin-top: 60px;
}

#footer .nav1 {
	background: #f9dc5f;
	text-align: center;
	padding: 0.7% 0 0.6%;
}

#footer .nav1 a {color: #444;}
#footer .nav1 a:hover {text-decoration: underline;}

#footer .nav1 li {
	display: inline;
	border-right: 1px solid #444;
	padding: 0 10px 0 5px;
}

#footer .nav1 li:last-child {border: none;}

#footer .nav2 li {font-size: 120%;margin-bottom: 0.3em;}
#footer .nav2 li li {font-size: 75%;}

#footer .nav2 ul {padding: 16px 10px;}
#footer .nav2 ul ul {padding: 10px 0;}

#footer .nav2 a {color: #fff;}
#footer .nav2 a:hover {color: #403b95; background: #f9dc5f;}


#footer .nav2 a span {
	margin-left: 0.5em;
	font-size: 75%;
}


/*-- copy --*/

#footer #copy {
	background: url(../img/common/bg_black.gif);
	padding: 4px 0 5px;
	text-align: center;
	color: #fff;
	font-size: 90%;
}


/*-- page top --*/

#page_top {
	position: absolute;
	top: -60px;
	right: 0;
}

/*---- component setting ----*/


/*-- main_visual --*/

#main_visual {
	background: #f9dc5f;
	padding: 1% 0 0;
	position: relative;
}

#main_visual img {
	max-width: 100%;
	height: auto;
	margin: 0px auto 1.2%;
}

/*-- panav setting --*/

#panav {
	background: #403b95;
	padding: 4px 0px;
	color: #fff;
	font-size: 85%;
}

#panav a {
	color: #fff;
	text-decoration: underline;
}

#panav a:hover {text-decoration: none;}


#panav li {
	display: inline;
	margin-right: 6px;
}

#panav li a,
#panav li span,
#panav li em {
	margin-right: 10px;
}
#panav li em {font-weight: bold;}




/*-- H1 --*/

#contents h1 {
	font-size: 140%;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 6px 0;
	margin-bottom: 1em;
	position: relative;
}

#contents h1 span {
	color: #fff;
	background: #403b95;
	display: inline-block;
	padding: 14px 1em;
}



/*-- H3 --*/

#contents h3 {
	margin: 0.5em 0 1em;
	position: relative;
	background: url(../img/common/h3_2.gif) repeat-x bottom left;
	font-size: 115%;
}

*+html #contents h3 {display:inline-block;}
* html #contents h3 {display:inline-block;}

#contents h3:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#contents h3 span {
	display: block;
	position: relative;
	z-index: 800;
	float: left;
	border: 0;
	float: left;
	margin-right: 10px;
	padding: 0px 1.2em 7px;
	background: url(../img/common/h3_1.gif) repeat-x bottom left;
}


/*-- H4 --*/

#contents h4 {
	font-size: 110%;
	border-left: 3px solid #403b95;
	padding: 5px 5px 5px 15px;
	margin: 0 0 1em 5px;
}


/*-- H5 --*/

#contents h5 {
	font-size: 105%;
	background: url(../img/common/h5.gif) no-repeat 0 50%;
	padding: 0px 5px 0px 17px;
	margin: 0 0 1em 10px;
}

p.title,
#contents h5 {
	font-size: 105%;
	background: url(../img/common/h5.gif) no-repeat 0 50%;
	padding: 0px 5px 0px 17px;
	margin: 0 0 1em 10px;
}


/*-- Paragraph --*/

.p1,
.p2,
.p3 {margin: 1em;}

.p2 {text-indent: 1em;}

.p3 {
	text-indent:-9em;
	padding-left:9em;
}
.p4{
	text-indent:-1em;
	margin-left:1em;
}

/*-- Definition List --*/


.dl1,
.dl2,
.dl3,
.dl4,
.dl5 {
	margin: 1em;
}

.dl1 dt,
.dl2 dt,
.dl3 dt,
.dl4 dt,
.dl5 dt {
	font-size: 100%;
	font-weight: bold;
}

.dl1 dt {
	padding: 0px 0px 0px 10px;
	background: url(../img/common/square.gif) no-repeat 0 0.6em;
}
.dl2 dt {
	padding: 0px 0px 0px 10px;
	background: url(../img/common/arrow03.gif) no-repeat 0 0.5em;
}

.dl4 dt a {
	display: block;
	padding: 10px 10px 10px 28px;
	background: #ebebf4 url(../img/common/arrow14.png) no-repeat 10px 1em !important;
	margin-bottom: 2px;
	text-decoration: none !important;
}
.dl4 dt.on a {
	background: #ebebf4 url(../img/common/arrow13.png) no-repeat 10px 1em !important;
}



.dl1 dd,
.dl2 dd {
	font-size: 90%;
	margin: 5px 15px 15px 20px;
}

.dl3 dd {
	font-size: 90%;
	margin: 5px 15px 15px 12px;
}


.dl4 dd {
	display: none;
	font-size: 90%;
	margin: 15px 15px 20px 12px;
}

.dl4 dd:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.dl4 dd .close a {
	display: block;
	background: #f9dc5f;
	float: right;
	text-decoration: none !important;
	padding: 10px;
	font-weight: bold;
}

.dl4 dd .close a img {
	margin-right: 1em;
	vertical-align: middle;
}

.dl5 dt {
	background:url(../img/common/arrow18.gif) no-repeat 0 0.3em;
	padding-left: 18px;
}

.dl5 dd {
	font-size: 95%;
	margin: 5px 15px 15px 12px;
}


/*-- table --*/


.table1,
.table2,
.table3,
.table5 {
	border-left: 1px solid #d8dad9;
	border-top: 1px solid #d8dad9;
	line-height: 1.3em;
	width:100%;
}

.table4 {
	line-height: 1.3em;
	width:100%;
}

.table5 {
	width:80%;
}

.table1 th,
.table2 th,
.table3 th,
.table5 th {
	background: #fef7da;
}

.table1 td,
.table1 th,
.table2 td,
.table2 th,
.table3 td,
.table3 th,
.table5 td,
.table5 th {	
	border-right: 1px solid #d8dad9;
	border-bottom: 1px solid #d8dad9;
	padding: 7px 10px 6px;
	vertical-align: top;
}

.table1.align_r th {text-align: left;}
.table2.align_r th {text-align: center;}
.table1.align_r td,
.table2.align_r td {text-align: right;}

.table4 th,
.table4 td {
	vertical-align: top;
	padding: 7px 10px 6px;
}

.table1.va_m td,
.table1.va_m th,
.table2.va_m td,
.table2.va_m th,
.table3.va_m td,
.table3.va_m th {
	vertical-align:middle;
}

.table1 th {text-align: left;}
.table3 td {text-align: center;}


.table1 caption,
.table2 caption,
.table3 caption,
.table4 caption{
	font-weight:bold;
	text-align:left;
}


/*-- list setting --*/

.list1,
.list2,
.list3,
.list4,
.list5,
.list6 {margin: 1em;}

.list1 li,
.list2 li,
.list3 li,
.list3 li,
.list5 li,
.list6 li {margin-bottom: 10px;}

ul.list1 li,
ul.list2 li,
ul.list6 li {padding-left: 12px;}


ul.list1 li,
ul.list2 .list1 li,
ul.list6 li {background: url(../img/common/arrow03.gif) no-repeat 0 0.5em;}
ul.list2 li {background: url(../img/common/square.gif) no-repeat 0 0.5em;}

ul.list5 li {
	background: url(../img/common/arrow17.gif) no-repeat 0 0.2em;
	padding-left:25px;
}

ul.list5 li a{
	color:#F00;
	font-weight:bold;
	text-decoration:underline;
}

ul.list5 li a:hover{ text-decoration:none;}

ul.list3.pt1 li {
	text-indent:-1em;
	padding-left:1em;
}

ul.list4 li {
	text-indent:-1em;
	padding-left:2em;
}

ol.list1 {
	list-style-type: decimal;
	margin-left: 2.5em;
}

ol.list1.tp_a {
	list-style-type: lower-alpha;
}

li.list_imgbox{
	display:block;
	float:left;
	margin-left:1em;
	padding-bottom:1em;
	width:45%}

ul li.list_imgbox img{
	width:100%;}


ol.list6 {
	margin-left: 0.3em;
}

ol.list6 > li >ul {
	margin-left: 2.5em;
}

/* news setting */


ul.news {margin: 1.5% 0 1.4%;}

ul.news li {
	padding-bottom: 1px;
	padding-left: 8em;
	text-indent: -8em;
	background: url(../img/common/dot.gif) repeat-x bottom;
}

ul.news li a {
	display: block;
	padding: 1.8% 3% 1.8% 2%;
	background: url(../img/common/arrow01.gif) no-repeat 99% 50%;
	text-decoration: none!important;
}

ul.news li a:hover {background: #f1f0f7 url(../img/common/arrow01.gif) no-repeat 99% 50%!important;}

ul.news li span {
	color: #444;
	margin-right: 2em;
}

/*リンク無し時*/
ul.news li p {
	padding: 1.8% 3% 1.8% 2%;
}



/*
ul.news {margin: 1em;}

ul.news li {
	margin-bottom: 6px;
	padding-left: 8em;
	text-indent: -8em;
}

ul.news li a {
}

ul.news li a span {
	margin-right: 2em;
	color: #444;
	text-decoration: none!important;
}*/


/*-- link setting --*/


a.lnk_title,
span.menu_title {
	display: block;
	padding: 9px 10px 9px 30px;
	margin-bottom: 1em;
	font-size: 110%;
}

a.lnk_title {
	text-decoration: underline;
	background: #ebebf4 url(../img/common/arrow11.png) no-repeat 8px 0.8em;
}

a:hover.lnk_title,
#contents a:hover.lnk_title {
	text-decoration: none;
	color: #fff;
	background: #403b95 url(../img/common/arrow12.png) no-repeat 8px 0.8em;
}

span.menu_title {background: #ebebf4 url(../img/common/circle01.png) no-repeat 8px 0.8em;}



/*-- frexible bnr --*/

img.bnr {
	max-width: 100%;
	height: auto;
}

/*-- flexible image --*/

img.flex_img {
	width: auto;
	max-width: 100%;
	height: auto;
}


/*-- icon --*/

img.icon {
	margin-left: 0.5em;
	vertical-align: middle;
}

/*---- hr ----*/

.dot {
	margin: 2em 1em;
	height: 1px;
	background: url(../img/common/dot.gif) repeat-x bottom;
}

.dot02 {
	margin: 3em 1em;
	height: 1px;
	background: url(../img/common/dot.gif) repeat-x bottom;
}


.outline.dot {
	margin: 2em auto;
	max-width: 1024px;
}

#left_col .dot {
	margin: 1em 0;
}



/*-- modal --*/

.modal{
	margin:0;
	padding: 30px;
	border: 1px solid #ddd;
	background:#fff;
	position:fixed;
	display:none;
	z-index:999;
	overflow: auto;
	max-width: 95%;
	max-height: 90%;
}

.modal h2 {
	font-size: 110%;
	border-left: 3px solid #403b95;
	padding: 5px 5px 5px 15px;
	margin: 0 0 1em 5px;
}

.modal_bg{
	position:fixed;
	top:0;
	left:0;
	z-index:998;
	display:none;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#90000000,endcolorstr=#90000000, gradienttype=0);
}

#contents a.modal_cl,
#contents a.print {
	display: block;
	background: #f9dc5f url(../img/common/mega_close.gif) no-repeat 1em 50%;
	text-decoration: none;
	padding: 0.8em 1em 0.7em 3em;
	margin: 2em 1em 0em;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
}

#contents a.print {background: #f9dc5f url(../img/common/icon_print.gif) no-repeat 1em 50%;}

/*-- box --*/
.box {
	border:solid 2px #403B95;
	margin:13px;
	padding:10px;
}

.box3 {
	border:solid 2px #F00;
	margin:13px;
	padding:10px;
}


.box2 {
	margin:13px;
}


p.txt_box2{
	width:700px;
}

/*---- movie ----*/

.movie .grid_3_4 {
	float: right;
}

.movie .grid_1_4 {
	margin-left: 0;
}

/*-- youtube --*/


.youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.youtube.ratio {
	padding-bottom: 75%;
}

	
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 96%;
	height: 96%;
	margin: 0 2% 4%;
}

#contents p.clear_fix a.right,
#contents p.clear_fix a:hover.right {
	display: block;
	background: #fdefba url(../img/common/arrow02.gif) no-repeat 1em 50%;
	text-decoration: none;
	padding: 0.5em 1em 0.3em 2em;
	margin: 1% 0;
}

/*-- sns setting --*/

#sns {margin-top: 1em;}



/*リニアナビ*/
.linear {
	text-align:center;
}

.linear li {
	display:inline;
	margin:0 10px 0 0;
}

.linear li.back {
	background:url(../img/common/arrow16.png) no-repeat 1em 50%;
	padding: 0 0 0 32px;
}

.linear li.next {
	background:url(../img/common/arrow11.png) no-repeat right center;
	padding: 0 16px 0 0;
}

/*-- ダウンロードページ --*/
#contents .bnrbox {
    border: 1px solid #cccccc;
    padding-bottom: 20px;
    padding-left: 5px;
    width: 483px;
}

/*-- box_background --*/
.bgc_blue{
	background-color: #EAF3FB;
	border: solid 2px #5096D6;
	margin: 10px;
	padding: 8px;
	}

.bgc_green{
	background-color: #EDF6E8;
	border: solid 2px #6AAD3E;
	margin: 10px;
	padding: 8px;
	}

.bgc_orange{
	background-color: #FEEFE4;
	border: solid 2px #F07622;
	margin: 10px;
	padding: 8px;
	}

.bgc_red{
	background-color: #F8E0E0;
	border: solid 2px #C00000;
	margin: 10px;
	padding: 8px;
	}


/*-- margin --*/

.mg0 {margin: 0 !important;}
.mg1em {margin: 1em !important;}
.mgt0 {margin-top: 0 !important;}
.mgb0 {margin-bottom: 0 !important;}
.mgl0 {margin-left: 0 !important;}
.mgl1em {margin-left: 1em !important;}
.mgl2em {margin-left: 2em !important;}
.mgr0 {margin-right: 0 !important;}
.mg1em {margin: 1em !important;}
.mgt05 {margin-top: 5px !important;}
.mgt10 {margin-top: 10px !important;}
.mgtb1em {margin: 1em 0 !important;}
.mgt1em {margin: 1em 0 0 !important;}
.mgb1em {margin: 0 0 1em !important;}
.mgb2em {margin: 0 0 2em !important;}
.mglr1em {margin: 0 1em !important;}
.mgr1em {margin: 0 1em 0 0 !important;}
.mgl1em {margin: 0 0 0 1em !important;}
.mgl2em {margin: 0 0 0 2em !important;}
.mgl3em {margin: 0 0 0 3em !important;}
.mgl4em {margin: 0 0 0 4em !important;}
.mgl5em {margin: 0 0 0 5em !important;}
.mgl6em {margin: 0 0 0 6em !important;}
.mgl7em {margin: 0 0 0 7em !important;}
.mgtl1em {margin: 1em 0 0 1em !important;}
.mgrb1em {margin: 0 1em 1em 0 !important;}
.mglb1em {margin: 0 0 1em 1em !important;}
.mglrb1em {margin: 0 1em 1em 1em !important;}
.mgtb2em {margin: 2em 0 !important;}

/*-- padding --*/

.pd0 {padding: 0 !important;}
.pdt0 {padding-top: 0 !important;}
.pdb0 {padding-bottom: 0 !important;}
.pdl0 {padding-left: 0 !important;}
.pdr0 {padding-right: 0 !important;}
.pd1em {padding: 1em !important;}
.pdtb1em {padding: 1em 0 !important;}
.pdt1em {padding: 1em 0 0 !important;}
.pdb1em {padding: 0 0 1em !important;}
.pdb2em {padding: 0 0 2em !important;}
.pdlr1em {padding: 0 1em !important;}
.pdr1em {padding: 0 1em 0 0 !important;}
.pdl1em {padding: 0 0 0 1em !important;}
.pdtl1em {padding: 1em 0 0 1em !important;}
.pdrb1em {padding: 0 1em 1em 0 !important;}
.pdlb1em {padding: 0 0 1em 1em !important;}
.pdlrb1em {padding: 0 1em 1em 1em !important;}
.pdtb2em {padding: 2em 0 !important;}

/*-- text --*/

.txtCenter{text-align:center;}
.txtLeft{text-align:left;}
.txtRight{text-align:right;}

/*-- width --*/

.w05 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}

.fp120 {font-size: 120% !important;}

.red {color:#F00;}

.txt12 { font-size:12px;}
.txt13 { font-size:13px;}
.txt14 { font-size:14px;}
.txt15 { font-size:15px;}
.txt16 { font-size:16px;}
.txt17 { font-size:17px;}
.txt18 { font-size:18px;}
.txt19 { font-size:19px;}
.txt20 { font-size:20px;}
.txt21 { font-size:21px;}