@charset "utf-8";
/**--------------------------------------------------------
 *CSS information 
 *
 * file name	: style.css
 * author		: takaaki koyama
 * style info	: all styles(font,color,common classes...etc)
 -----------------------------------------------------------*/
body {
	font-family:Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size:62.5%;
	line-height:1.8;
	color: #fff;
	background-color:#FFFFFF;
}
a{
	outline:none;
}

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

a:visited {
	color: #fff;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

a:active{
	text-decoration:none;
}

a:focus {
	text-decoration: none;
}



/* ----------------------------------------------------------
	site style
------------------------------------------------------------*/

body, html{
	height:100%;
	min-height:100%;
	min-width:1000px;
	width:100%;
}


body.index{
	overflow:hidden;
}

body.works{
	background:url(../img/modules/bg_works.gif) repeat left top;
}
body.service{
	background:url(../img/modules/bg_service.gif) repeat left top;
}
body.about{
	background:url(../img/modules/bg_about.gif) repeat left top;
}
body.access{
	background:url(../img/modules/bg_access.gif) repeat left top;
}
body.topics{
	background:url(../img/modules/bg_topics.gif) repeat left top;
}
body.contact{
	background:url(../img/modules/bg_contact.gif) repeat left top;
}
body.general{
	background:url(../img/modules/bg_general.gif) repeat left top;
}



/* #container
------------------------------------------------------------*/
#container{
	width:100%;
	height:100%;
	min-height:100%;
	position:relative;
}

.index #container{
	overflow:hidden;
}

/* #header
------------------------------------------------------------*/
#header{
	position:absolute;
	width:100%;
	height:37px;
	left:0;
	top:0;
	z-index:100;
}
.sub #header{
	background:url(../img/modules/bg_sub_header.png) repeat-x left top;
}

/* #url
--------------------------------------------------*/
#url{
	float:left;
	padding-top:28px;
	width:130px;
	margin-left:50px;
}

/* #unavi
--------------------------------------------------*/
#unavi{
	float:right;
	width:150px;
	margin-right:50px;
}
#unavi ul{
	padding-top:18px;
}
#unavi ul li{
	float:left;
	height:27px;
}
#unavi ul li a{
	height:27px;
}


/* #contents
------------------------------------------------------------*/
#contents{
	height:100%;
	min-height:100%;
	position:relative;
	z-index:1;
}

#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#scrollbar{
	position:absolute;
	right:0;
	top:5px;
	width:18px;
	background:url(../img/modules/bg_scrollbar.png) repeat-y left top;
}
#scroll_handle{
	width:14px;
	margin:0 2px;
	position:relative;
}
.works #scroll_handle{
	background:url(../img/modules/bg_scrollhandle_works.gif) #169ac3 no-repeat 50% 50%;
}
.service #scroll_handle{
	background:url(../img/modules/bg_scrollhandle_service.gif) #69a104 no-repeat 50% 50%;
}
.about #scroll_handle{
	background:url(../img/modules/bg_scrollhandle_about.gif) #e18018 no-repeat 50% 50%;
}
.access #scroll_handle{
	background:url(../img/modules/bg_scrollhandle_access.gif) #319857 no-repeat 50% 50%;
}
.topics #scroll_handle{
	background:url(../img/modules/bg_scrollhandle_topics.gif) #b2274b no-repeat 50% 50%;
}
.contact #scroll_handle{
	background:url(../img/modules/bg_scrollhandle_contact.gif) #2e91a6 no-repeat 50% 50%;
}
.general #scroll_handle{
	background:url(../img/modules/bg_scrollhandle_general.gif) #525252 no-repeat 50% 50%;
}





/* #main
------------------------------------------------------------*/
#main{
	width:650px;
	margin:0 auto;
	padding:120px 0;
	position:relative;
}


#main .section_title p img,
#main .section p img{
	padding:10px;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.2);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* .section_title
--------------------------------------------------*/
.section_title h1{
	font-size:2.4em;
	line-height:1;
	margin-bottom:1.8em;
}
/* .section
--------------------------------------------------*/
.section{
	font-size:1.3em;
	margin-bottom:2em;
}

.section h1{
	font-size:1.385em;
	margin-bottom:1em;
}
.section h2{
	font-size:1.154em;
	margin-bottom:0.5em;
}

.section p,
.section dl,
.section ul,
.section ol,
.section table{
	margin-bottom:1em;
}
.section table{
	line-height:1.8;
	width:100%;
}
.section table th,
.section table td{
	padding:0.8em 0;
	text-align:left;
	font-weight:normal;
	background:url(../img/modules/bg_dotto_h_table.png) repeat-x left bottom;
}

.section:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html .section { display:inline-block; }
*+ html .section { display:inline-block; }

.sub_section{
	margin-bottom:2em;
	overflow:hidden;
}

.sub_section:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html .sub_section { display:inline-block; }
*+ html .sub_section { display:inline-block; }

.sub_section .figure{
	padding:10px;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.2);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.sub_section .figure_l{
	float:left;
	margin:0 20px 1em 0;
}
.sub_section .figure_r{
	float:right;
	margin:0 0 1em 20px;
}

/* #side
------------------------------------------------------------*/
#side{
	position:absolute;
	top:120px;
	left:50px;
	width:150px;
}

#side .side_title{
	margin-bottom:40px;
}
#side .local_navi li{
	margin-bottom:7px;
}



/* #context
------------------------------------------------------------*/
.top #context{
	background:url(../img/modules/bg_nav.png) repeat-x left top;
	-webkit-backdrop-filter: blur(4px);
 	 backdrop-filter: blur(4px);
	filter: drop-shadow(0px 5px 3px rgba(0,0,0,.2));
	width:100%;
	height:150px;
	top:65%;
	left:0;
	position:absolute;
	z-index:2;
		animation-name:     my-fade-in;
	animation-duration: 1.5s;
}

.sub #context{
	background:url(../img/modules/bg_sub_context.png) repeat-x left top;
	width:100%;
	height:108px;
	margin-top:-115px;
	padding-top:7px;
	position:relative;
	z-index:100;
}

.top #context_in{
	margin:0 50px;
}

.sub #context_in{
	background-color:#fff;
	height:108px;
	overflow:hidden;
	position:relative;
}

.works #context_in{
	background:url(../img/modules/bg_dotto_works_h.gif) #fff repeat-x left 67px;
}
.service #context_in{
	background:url(../img/modules/bg_dotto_service_h.gif) #fff repeat-x left 67px;
}
.about #context_in{
	background:url(../img/modules/bg_dotto_about_h.gif) #fff repeat-x left 67px;
}
.access #context_in{
	background:url(../img/modules/bg_dotto_access_h.gif) #fff repeat-x left 67px;
}
.topics #context_in{
	background:url(../img/modules/bg_dotto_topics_h.gif) #fff repeat-x left 67px;
}
.contact #context_in{
	background:url(../img/modules/bg_dotto_contact_h.gif) #fff repeat-x left 67px;
}
.general #context_in{
	background:url(../img/modules/bg_dotto_general_h.gif) #fff repeat-x left 67px;
}





/* #logo
--------------------------------------------------*/
#logo{
	float:left;
	height:108px;
}

.index #logo{
	width:100px;
}

.sub #logo{
	width:150px;
	padding-left:50px;
}

.works #logo{
	background:url(../img/modules/bg_dotto_works_v.gif) #fff repeat-y right top;
}
.service #logo{
	background:url(../img/modules/bg_dotto_service_v.gif) #fff repeat-y right top;
}
.about #logo{
	background:url(../img/modules/bg_dotto_about_v.gif) #fff repeat-y right top;
}
.access #logo{
	background:url(../img/modules/bg_dotto_access_v.gif) #fff repeat-y right top;
}
.topics #logo{
	background:url(../img/modules/bg_dotto_topics_v.gif) #fff repeat-y right top;
}
.contact #logo{
	background:url(../img/modules/bg_dotto_contact_v.gif) #fff repeat-y right top;
}
.general #logo{
	background:url(../img/modules/bg_dotto_general_v.gif) #fff repeat-y right top;
}


/* #gnavi
--------------------------------------------------*/
#gnavi{
	float:right;
}

#gnavi li{
	float:left;
}

.index #gnavi{
	width:476px;
	height:108px;
}

.index #gnavi li{
	height:108px;
}
.index #gnavi li a{
	padding:1px 0;
	height:106px;
}

.sub #gnavi{
	clear:right;
}
.sub #gnavi ul{
	margin-right:38px;
}


/* #btn_pagetop
--------------------------------------------------*/
#btn_pagetop{
	position:absolute;
	top:-43px;
	right:0px;
	width:50px;
	height:50px;
	overflow:hidden;
}


/* #news
--------------------------------------------------*/
#news{
	width:500px;
	height:42px;
	overflow:hidden;
	color:#666;
}

.index #news{
	width:780px;
	float:left;
	position:relative;
	color:#000;
}

.sub #news{
	position:absolute;
	left:222px;
	top:68px;
}

#news_loading{
	position:absolute;
	left:120px;
	top:0;
	width:480px;
	height:42px;
	line-height:42px;
}

#news_line{
	position:absolute;
	left:120px;
	top:0;
	width:480px;
}
#news_line .news{
	height:42px;
	line-height:42px;
}

#news_line .news .date{
	margin-right:1em;
}

#news_line .news a{
	color:#666;
}


#news_line .news a:link{
	text-decoration:none;
}

#news_line .news a:hover{
	text-decoration:underline;
}

.index #news_line .news a{
	color:#000;
}




/* #copy
--------------------------------------------------*/
#copy{
	width:219px;
	height:42px;
}

.index #copy{
	float:right;
	
}

.sub #copy{
	position:absolute;
	right:50px;
	top:68px;
}




/* index
------------------------------------------------------------*/
@keyframes my-fade-in {
  from {
    opacity: 0;
	-webkit-transform: translateY(-80%);
	-ms-transform: translateY(-80%);
	transform: translateY(-80%);
  }
  to {
    opacity: 1;
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);  
  }
}
.index #copy_text{
	position:absolute;
	width:500px;
	top:55%;
	right:50px;
	height:59px;
	text-align:right;
	background:url(../img/top/copy.png) no-repeat right top;
	color:#000;
	animation-name:     my-fade-in;
	animation-duration: 1.5s;
	
}

.index #copy_text span{
	visibility:hidden;
	z-index: 1;
}

.index #main_canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    background:url(../img/top/main_bg.png) no-repeat right top;
}

.index #background {
background-image:url(../img/top/main_bg.png);
background-position:center center;
background-size:1920px 1080px;
background-blend-mode: hard-light;
width:100%;
height:300%;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
	-webkit-animation:infinitescroll 20s linear infinite, bg-color 5s infinite;
	animation:infinitescroll 20s linear infinite, bg-color 5s infinite;
z-index:-1;
}

@-webkit-keyframes infinitescroll {
	0% {transform:translate3d(0, 0, 0);}
	100% {transform:translate3d(0, -1080px, 0);}
}
@keyframes infinitescroll {
	0% {transform:translate3d(0, 0, 0);}
	100% {transform:translate3d(0, -1080px, 0);}
}
@-webkit-keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}
@keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}
/* work_index
------------------------------------------------------------*/

#works_index li{
	position:relative;
	background:url(../img/modules/dot.gif) repeat-x top;
}

#works_index li a{
	display:block;
	padding:10px 0;
	text-decoration:none;
}

#works_index li a:hover{
	text-decoration:underline;
}

#main .section span img{
	padding:10px;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.2);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#works_index li span.text_area{
	display:block;
	position:absolute;
	top:0;
	left:100px;
}

#works_index li span.text_area span{
	display:block;
	margin-bottom:0.3em;
	line-height:1.3em;
}

#main #works_index .number img{
	background:none;
	padding:0;
	margin-top:2em;
}

/* work
------------------------------------------------------------*/
.works #main #main_visual{
	padding:10px;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.2);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:30px;
}

.works #main #main_visual img{
	padding:0;
	background:none;
	border:none;
}

.works #credit{
	padding-top:2em;
	background:url(../img/modules/bg_dotto_h_table.png) repeat-x left top;
}
.works #credit dl{
	position:relative;
}
.works #credit dl dt{
	position:absolute;
	width:125px;
	left:0;
}
.works #credit dl dt img{
	padding:0.4em 0;
}
.works #credit dl dd{
	padding-left:125px;
	margin-bottom:0.5em;
}

.works_list {
	list-style-type:disc;
	padding-left:1.5em;
}

/* service
------------------------------------------------------------*/

/* about
------------------------------------------------------------*/
#tecolabo_philosophy{
	background-color:#FFF;
	width:650px;
	height:370px;
}


#portfolio_table th{
	width:170px;
}

#portfolio_table ul{
	padding-top:0.5em;
}
#portfolio_table ul li{
	margin-bottom:0.5em;
}

/* access
------------------------------------------------------------*/
#map {
   width: 100%;
   height: 400px;
   background-color: gray;
 }

#map_iframe{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
/* access_map
--------------------------------------------------*/
#access_map{
	position:relative;
	padding:10px;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.2);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#gmap{
	width:630px;
	height:350px;
}

#gmap_link{
	position:absolute;
	width:120px;
	height:40px;
	right:10px;
	top:370px;
}

#address_table th{
	width:170px;
}


/* loaction
--------------------------------------------------*/
#loaction_photo{
}

#loaction_photo ul{
	position:relative;
	width:700px;
	margin-left:-50px;
	overflow:hidden;
}
#loaction_photo #slide_view{
	position:absolute;
}
#loaction_photo #slide_view ul{
	width:auto;
	margin:0;
}


#loaction_photo ul li{
	width:300px;
	float:left;
	margin-left:50px;
	margin-bottom:50px;
}
#loaction_photo #slide_view li{
	margin-right:30px;
	margin-left:0;
	margin-bottom:0;
}

#loaction_photo ul li .photo{
	width:280px;
	padding:10px;
	margin-bottom:1em;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.2);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#loaction_photo ul li .photo h2{
	padding:1em 0;
	margin-bottom:0;
	text-align:center;
}
#loaction_photo ul li .photo img{
	background-color:#0099FF;
	margin-bottom:10px;
}

/* topics
------------------------------------------------------------*/
#news_table th{
	width:120px;
}


/* contact
------------------------------------------------------------*/
.contact .req{
	color:#ffff00;
}
.contact .error_message{
	color:#ffff00;
	font-size:0.846em;
}

.contact #contact_form .validate_form table th{
	width:150px;
}

.contact #contact_form table th{
	vertical-align:top;
	width:170px;
}

.contact #contact_form table td.req{
	vertical-align:top;
	width:20px;
}

.contact select,
.contact input.text_input{
	width:220px;
	margin-right:10px;
	transition:all 0.218s ease-in-out 0s;
     -webkit-transition:all 0.218s ease-in-out 0s;
     -moz-transition:all 0.218s ease-in-out 0s;
     -o-transition:all 0.218s ease-in-out 0s;
	 border:1px solid #fff;
}
.contact tetxarea.text_input{
	width:330px;
	transition:all 0.218s ease-in-out 0s;
     -webkit-transition:all 0.218s ease-in-out 0s;
     -moz-transition:all 0.218s ease-in-out 0s;
     -o-transition:all 0.218s ease-in-out 0s;
	 border:1px solid #fff;
}


.contact select.error,
.contact input.error,
.contact textarea.error{
	background-color:#f1e5e5;
	border:1px solid #e0c6c6;
	color:#a9231c;
}

.contact input.focus,
.contact textarea.focus,
.contact input.hover,
.contact textarea.hover{
	background-color:#e2eef4;
	border:1px solid #bfdae7;
	color:#1483a4;
}


.contact #contact_form #form_btns{
	padding-left:172px;
}
.contact #main #form_btns p img{
	padding:0;
	background:none;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

.contact #thanks h2{
	font-size:1.231em;
	margin-bottom:1em;
}
.contact #thanks h2 img{
	vertical-align:-0.8em;
	margin-right:10px;
}


/* privacy
------------------------------------------------------------*/
.privacy .section h1{
	font-size:1.154em;
	margin-bottom:0.5em;
}

/* sitemap
------------------------------------------------------------*/
.sitemap #main .section ul{
	margin-bottom:0;
}
.sitemap #main .section ul li{
	padding:0.5em 0;
	background:url(../img/modules/bg_dotto_h_table.png) repeat-x left bottom;
}
.sitemap #main .section ul li ul{
	padding-top:0.5em;
}
.sitemap #main .section ul li li{
	background-position:left top;
	padding-left:30px;
}

.sitemap #main .section ul li li:last-child,
.sitemap #main .section ul li li.last-child{
	padding-bottom:0;
}

.sitemap #main .section ul li a:link,
.sitemap #main .section ul li a:visited{
	text-decoration:none;
}
.sitemap #main .section ul li a:hover{
	text-decoration:underline;
}



/* utility clasies
------------------------------------------------------------*/
.fs13to11 { font-size:0.846em; }


.cfx:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html .cfx { display:inline-block; }
*+ html .cfx { display:inline-block; }

.text_input { }
input.text_input { padding:4px; }
* html input.text_input { padding:6px 4px; }
textarea.text_input { padding:4px; }
* html textarea.text_input { padding:6px 4px; }

select{	padding:2px;}

.hidden{display:none;}

.mp { cursor:pointer; }

.fl { float:left; }
.fr { float:right; }

/* margin-top [px] */
.mt0 { margin-top:0 !important; }
.mt_05 { margin-top:5px; }
.mt_10 { margin-top:10px; }
.mt_15 { margin-top:15px; }
.mt_20 { margin-top:20px; }
.mt_25 { margin-top:25px; }
.mt_30 { margin-top:30px; }
.mt_35 { margin-top:35px; }
.mt_40 { margin-top:40px; }
/* margin-right [px] */
.mr0 { margin-right:0 !important; }
.mr_05 { margin-right:5px; }
.mr_10 { margin-right:10px; }
.mr_15 { margin-right:15px; }
.mr_20 { margin-right:20px; }
.mr_25 { margin-right:25px; }
.mr_30 { margin-right:30px; }
.mr_35 { margin-right:35px; }
.mr_40 { margin-right:40px; }
/* margin-bottom [px] */
.mb0 { margin-bottom:0 !important; }
.mb_05 { margin-bottom:5px }
.mb_10 { margin-bottom:10px; }
.mb_15 { margin-bottom:15px; }
.mb_20 { margin-bottom:20px; }
.mb_25 { margin-bottom:25px; }
.mb_30 { margin-bottom:30px; }
.mb_35 { margin-bottom:35px; }
.mb_40 { margin-bottom:40px; }
/* margin-left [px] */
.ml0 { margin-left:0 !important; }
.ml_05 { margin-left:5px; }
.ml_10 { margin-left:10px; }
.ml_15 { margin-left:15px; }
.ml_20 { margin-left:20px; }
.ml_25 { margin-left:25px; }
.ml_30 { margin-left:30px; }
.ml_35 { margin-left:35px; }
.ml_40 { margin-left:40px; }
/* margin-top [em] */
.mt-05 { margin-top:0.5em; }
.mt-10 { margin-top:1.0em; }
.mt-15 { margin-top:1.5em; }
.mt-20 { margin-top:2.0em; }
.mt-25 { margin-top:2.5em; }
.mt-30 { margin-top:3.0em; }
.mt-35 { margin-top:3.5em; }
.mt-40 { margin-top:4.0em; }
/* margin-right [em] */
.mr-05 { margin-right:0.5em; }
.mr-10 { margin-right:1.0em; }
.mr-15 { margin-right:1.5em; }
.mr-15 { margin-right:2.0em; }
.mr-25 { margin-right:2.5em; }
.mr-30 { margin-right:3.0em; }
.mr-35 { margin-right:3.5em; }
.mr-40 { margin-right:4.0em; }
/* margin-bottom [em] */
.mb-05 { margin-bottom:0.5em }
.mb-10 { margin-bottom:1.0em; }
.mb-15 { margin-bottom:1.5em; }
.mb-20 { margin-bottom:2.0em; }
.mb-25 { margin-bottom:2.5em; }
.mb-30 { margin-bottom:3.0em; }
.mb-35 { margin-bottom:3.5em; }
.mb-40 { margin-bottom:4.0em; }
/* margin-left [em] */
.ml-05 { margin-left:0.5em; }
.ml-10 { margin-left:1.0em; }
.ml-15 { margin-left:1.5em; }
.ml-20 { margin-left:2.0em; }
.ml-25 { margin-left:2.5em; }
.ml-30 { margin-left:3.0em; }
.ml-35 { margin-left:3.5em; }
.ml-40 { margin-left:4.0em; }

/* padding-top [px] */
.pt0 { padding-top:0 !important; }
.pt_05 { padding-top:5px; }
.pt_10 { padding-top:10px; }
.pt_15 { padding-top:15px; }
.pt_20 { padding-top:20px; }
.pt_25 { padding-top:25px; }
.pt_30 { padding-top:30px; }
/* padding-right [px] */
.pr0 { padding-right:0 !important; }
.pr_05 { padding-right:5px; }
.pr_10 { padding-right:10px; }
.pr_15 { padding-right:15px; }
.pr_20 { padding-right:20px; }
.pr_25 { padding-right:25px; }
.pr_30 { padding-right:30px; }
/* padding-bottom [px] */
.pb0 { padding-bottom:0 !important; }
.pb_05 { padding-bottom:5px }
.pb_10 { padding-bottom:10px; }
.pb_15 { padding-bottom:15px; }
.pb_20 { padding-bottom:20px; }
.pb_25 { padding-bottom:25px; }
.pb_30 { padding-bottom:30px; }
/* padding-left [px] */
.pl0 { padding-left:0 !important; }
.pl_05 { padding-left:5px; }
.pl_10 { padding-left:10px; }
.pl_15 { padding-left:15px; }
.pl_20 { padding-left:20px; }
.pl_25 { padding-left:25px; }
.pl_30 { padding-left:30px; }
/* padding-top [em] */
.pt-05 { padding-top:0.5em; }
.pt-10 { padding-top:1.0em; }
.pt-15 { padding-top:1.5em; }
.pt-20 { padding-top:2.0em; }
.pt-25 { padding-top:2.5em; }
.pt-30 { padding-top:3.0em; }
/* padding-right [em] */
.pr-05 { padding-right:0.5em; }
.pr-10 { padding-right:1.0em; }
.pr-15 { padding-right:1.5em; }
.pr-20 { padding-right:2.0em; }
.pr-25 { padding-right:2.5em; }
.pr-30 { padding-right:3.0em; }
/* padding-bottom [em] */
.pb-05 { padding-bottom:0.5em }
.pb-10 { padding-bottom:1.0em; }
.pb-15 { padding-bottom:1.5em; }
.pb-20 { padding-bottom:2.0em; }
.pb-25 { padding-bottom:2.5em; }
.pb-30 { padding-bottom:3.0em; }
/* padding-left [em] */
.pl-05 { padding-left:0.5em; }
.pl-10 { padding-left:1.0em; }
.pl-15 { padding-left:1.5em; }
.pl-20 { padding-left:2.0em; }
.pl-25 { padding-left:2.5em; }
.pl-30 { padding-left:3.0em; }

.va { vertical-align:-0.3em; }

.tac { text-align:center; }
.tal { text-align:left; }
.tar { text-align:right; }

.fwb { font-weight:bold; }
.fwn { font-weight:normal; }

.elem_w20 { width:20px; }
.elem_w30 { width:30px; }
.elem_w40 { width:40px; }
.elem_w50 { width:50px; }
.elem_w60 { width:60px; }
.elem_w70 { width:70px; }
.elem_w80 { width:80px; }
.elem_w90 { width:90px; }
.elem_w100 { width:100px; }
.elem_w110 { width:110px; }
.elem_w120 { width:120px; }
.elem_w130 { width:130px; }
.elem_w150 { width:140px; }
.elem_w150 { width:150px; }
.elem_w160 { width:160px; }
.elem_w170 { width:170px; }
.elem_w180 { width:180px; }
.elem_w190 { width:190px; }
.elem_w200 { width:200px; }
.elem_w210 { width:210px; }
.elem_w220 { width:220px; }
.elem_w230 { width:230px; }
.elem_w240 { width:240px; }
.elem_w250 { width:250px; }
.elem_w260 { width:260px; }
.elem_w270 { width:270px; }
.elem_w280 { width:280px; }
.elem_w290 { width:290px; }
.elem_w300 { width:300px; }
.elem_w310 { width:310px; }
.elem_w320 { width:320px; }
.elem_w330 { width:330px; }
.elem_w340 { width:340px; }
.elem_w350 { width:350px; }
.elem_w360 { width:360px; }
.elem_w370 { width:370px; }
.elem_w380 { width:380px; }
.elem_w390 { width:390px; }
.elem_w400 { width:400px; }
.elem_w410 { width:410px; }
.elem_w420 { width:420px; }
.elem_w430 { width:430px; }
.elem_w440 { width:440px; }
.elem_w450 { width:450px; }
.elem_w460 { width:460px; }
.elem_w470 { width:470px; }
.elem_w480 { width:480px; }
.elem_w490 { width:490px; }
.elem_w500 { width:500px; }
.elem_w510 { width:510px; }
.elem_w520 { width:520px; }
.elem_w530 { width:530px; }
.elem_w540 { width:540px; }
.elem_w550 { width:550px; }
.elem_w560 { width:560px; }
.elem_w570 { width:570px; }
.elem_w580 { width:580px; }
.elem_w590 { width:590px; }
.elem_w600 { width:600px; }
.text_input.elem_w20 { width:12px; }
.text_input.elem_w30 { width:22px; }
.text_input.elem_w40 { width:32px; }
.text_input.elem_w50 { width:42px; }
.text_input.elem_w60 { width:52px; }
.text_input.elem_w70 { width:62px; }
.text_input.elem_w80 { width:72px; }
.text_input.elem_w90 { width:82px; }
.text_input.elem_w100 { width:92px; }
.text_input.elem_w110 { width:102px; }
.text_input.elem_w120 { width:112px; }
.text_input.elem_w130 { width:122px; }
.text_input.elem_w140 { width:132px; }
.text_input.elem_w150 { width:142px; }
.text_input.elem_w160 { width:152px; }
.text_input.elem_w170 { width:162px; }
.text_input.elem_w180 { width:172px; }
.text_input.elem_w190 { width:182px; }
.text_input.elem_w200 { width:192px; }
.text_input.elem_w210 { width:202px; }
.text_input.elem_w220 { width:212px; }
.text_input.elem_w230 { width:222px; }
.text_input.elem_w240 { width:232px; }
.text_input.elem_w250 { width:242px; }
.text_input.elem_w260 { width:252px; }
.text_input.elem_w270 { width:262px; }
.text_input.elem_w280 { width:272px; }
.text_input.elem_w290 { width:282px; }
.text_input.elem_w300 { width:292px; }
.text_input.elem_w310 { width:302px; }
.text_input.elem_w320 { width:312px; }
.text_input.elem_w330 { width:322px; }
.text_input.elem_w340 { width:332px; }
.text_input.elem_w350 { width:342px; }
.text_input.elem_w360 { width:352px; }
.text_input.elem_w370 { width:362px; }
.text_input.elem_w380 { width:372px; }
.text_input.elem_w390 { width:382px; }
.text_input.elem_w400 { width:392px; }
.text_input.elem_w410 { width:402px; }
.text_input.elem_w420 { width:412px; }
.text_input.elem_w430 { width:422px; }
.text_input.elem_w440 { width:432px; }
.text_input.elem_w450 { width:442px; }
.text_input.elem_w460 { width:452px; }
.text_input.elem_w470 { width:462px; }
.text_input.elem_w480 { width:472px; }
.text_input.elem_w490 { width:482px; }
.text_input.elem_w500 { width:492px; }
.text_input.elem_w510 { width:502px; }
.text_input.elem_w520 { width:512px; }
.text_input.elem_w530 { width:522px; }
.text_input.elem_w540 { width:532px; }
.text_input.elem_w550 { width:542px; }
.text_input.elem_w560 { width:552px; }
.text_input.elem_w570 { width:562px; }
.text_input.elem_w580 { width:572px; }
.text_input.elem_w590 { width:582px; }
.text_input.elem_w600 { width:592px; }

@media print {
	
}