@charset "utf-8";
/*
Theme Name: 語彙・読解力検定
*/

/*////////////////////////////////////////////////////////////
語彙・読解力検定 - Reset

語彙・読解力検定 All Rights Reserved.
------------------------------------------------------------e

/* ################################################################################
	[Reset] Resetting HTML elements styles
   ################################################################################ */
/* ------------------------------------------------------------
	 Yahoo UI Library: Reset CSS, Fonts CSS
   ------------------------------------------------------------ */
/*
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html{color:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{line-height: normal;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{overflow:hidden;outline:none;}

/* ------------------------------------------------------------
	BASE SETTING CSS
   ------------------------------------------------------------ */

body {
	margin:0;
	padding:0;
	background:url(../images/bg.jpg) repeat;
	color:#333333;
	font-size:85%;
	font: 12px/17px "Helvetica", "Arial", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align:left;
	line-height:170%;
}

*:first-child+html body {
	font: 12px/17px  "ＭＳ Ｐゴシック","Helvetica", "Arial";
}

*:first-child+html .ie_height {
	height: 100%;
}

*:first-child+html .post {
	height: 100%;
}

.messege_l {
	letter-spacing: -1px;
}

*:first-child+html .messege_l {
	letter-spacing: normal;
}

ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

html {
	height:100%;
	margin-bottom:1px;
}

.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

.clr_b{
	clear: both;
}

.txtol {
	text-indent:-2000px;
	display:block;
	overflow:hidden;
	font-size:1px;
	}

/* ------------------------------------------------------------
	DEFAULT SETTING CSS
   ------------------------------------------------------------ */

.default .main .tab {
	margin-bottom: 30px;
	display: block;
	overflow:hidden;
}

*:first-child+html .default .main .tab {
	height: 100%;
}

/* --TAB-- */

.default .main .tab ul {
	border-bottom: 1px #CCCCCC solid;
	width:100%;
	display: inline-block;
}

.default .main .tab ul li {
	width:auto;
	height:auto;
	float: left;
	display:block;
}

.default .main .tab ul li a {
	width:auto;
	padding: 10px 14px 5px 14px;
	margin-top: 5px;
	margin-right: 3px;
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	display: block;
}

.default .main .tab ul li.selected a {
	width:auto;
	float: left;
	padding: 10px 18px;
	margin-top: 0px;
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-bottom: 1px #FFF solid;
	margin-bottom: -1px;
	display: block;
	color: #000;
	font-weight: bold;
}

.default .main .tab ul li a {
    /* CSS3 */
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    /* Safari,Google Chrome用 */
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    /* Firefox用 */
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
}

.default .main .tab ul li.mini a {
	padding: 10px 20px 5px 20px;
}

.default .main .tab ul li.selected.mini a {
	padding: 10px 20px;
}

/* --CountDown-- */

#CDT{
 font-size: 14px;
 background: #000000;
}
#CDT .day{
 font-size: 14px;
 color: #ffffff;
text-align: center;
	padding: 8px 30px 8px 30px;

}
#CDT .hour,#CDT .min,#CDT .sec{
 font-size: 14px;
}



/* --H1-h6-- */

.default .main h2 {
	padding-top: 18px;
	margin-bottom: 20px;
}

.default .main .image_title h2 {
	padding-top: 18px;
	margin-bottom: 5px;
}

.default .main h3 {
	background: url(../images/bg_default_h3.jpg) no-repeat bottom;
	padding: 5px 0 4px 18px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 25px;
}

.default .main h3.sitemap {
	background:none;
	padding:0px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

.default .main h3.sitemap a {
	display: block;
	margin-bottom: 20px;
	text-decoration: underline;
}

.default .main h3.case {
	background:url(../images/icon_case.jpg) no-repeat center left;
	padding:0 0 15px 60px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: dashed 1px #CCC;
	line-height: 180%;
}

.default .main h3.case span {
	font-size: 12px;
	font-weight: normal;
}

.default .main h3.news {
	background: url(../images/bg_default_h3.jpg) no-repeat bottom;
	padding: 5px 0 4px 18px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
}

.default .main h3.news_top {
	padding: 5px 0 0 0;
	margin-bottom: 0px;
}

.default .main h3.book {
	background: url(../images/icon_book_leaf.jpg) no-repeat left;
	height: 75px;
	padding:17px 0 0 100px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #265F2C;
}

.default .main .book p {
	margin-bottom: 10px;
}

.default .main .book h4 {
	margin-bottom: 0px;
}

.default .main h4.outline {
	font-size: 13px;
}

.default .topics ul li{

	font-size: 13px;
}

.default .main h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

section h3.ttl {
	display:block;
	overflow:hidden;
	clear:both;
	margin-top:20px;
	}

.owabi {
	display:block;
	margin:20px 0px 10px 0px;
	}

.owabi a {
	float:right;
	}

.under_line {
	text-decoration:underline;
	}

.markchoice {
	display:block;
	overflow:hidden;
	float:none;
	margin:5px 0px;
	}

.markchoice li {
	display:block !important;
	overflow:hidden !important;
	float:none !important;
	}

.post {
	display:block;
	overflow:hidden;
	margin-bottom: 20px;
	}

.post .title h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.post .title h4 a {
	text-decoration: underline;
	color: #990000;
}

.post .title h4 a:hover {
	text-decoration: underline;
	color: #333333;
}

.post p {
	margin-bottom:15px;
}

.post p.user {
	display:block;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	color:#990100;
	padding:5px;
	background:#efd1d1;
	}

.post span.mr {
	margin:10px 0px 15px 30px;
	display:block;
}

.post span.mr12 {
	margin:0px 0px 15px 12px;
	display:block;
}

.post img.flright {
	float:right;
	margin-bottom: 20px;
	margin-right: 15px;
	}

.default .main h4.red {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.default .main h5 {

}

.default .main p {
	margin-bottom: 20px;
}
.default .main .image_title p {
	margin-bottom: 10px;
}

.default .main h6 {

}

.default table.table_style_01 {
	margin-bottom: 20px;
    table-layout: fixed;
}

.default table.table_style_01 td,.default table.table_style_01 th {
	padding: 10px;
	border: 1px solid #CCC;
}

.default table.table_style_01 td.f_14,.default table.table_style_01 td.f_13 {
	color: #333 !important;
}

.default table.table_style_01 .scnd,.default table.table_style_01 th .scnd {
	background: #F2F2F2;
}

.default table.table_style_01 .yellow,.default table.table_style_01 td .yellow {
	background: #FFFFCC;
}

.default table.table_style_01.merit input {
	margin-right: 5px;
}

.default table.table_style_01 .type {
	width:80px;
}

.default table.table_style_01 .name {
	width:160px;
}

.default table.table_style_01 .company_name {
	width:200px;
}

.default table.table_style_01 .company_comment {
	width:290px;
}

.default table.table_style_01 .job_category {
	background: #f8f8f8;
}

.default table.table_style_01 .group {
	width:100px;
}

.default table.table_style_01 .class {
	width:100px;
}

.default table.table_style_01 .level {
	width:50px;
	text-align: center;
}

.default table.table_style_02 {
	margin-bottom: 20px;
	border-left: solid 1px #FFF !important;
	border-right: solid 1px #FFF !important;
}

.default table.table_style_02 td {
	padding:5px 3px;
	font-size: 10px;
	border: dotted 1px #CCC;
}
.default table.table_style_02 td p { margin-bottom: 0; }

/* --130731-- */

.default table.table_style_03 {
	margin-bottom: 10px;
}

.default table.table_style_03 td {
	padding:5px 5px 3px;
	font-size: 12px;
	border: solid 1px #ccc;
}
.default table.table_style_03 td p { 
	margin-bottom: 0; 
}

.default table.table_style_03 .scnd,.default table.table_style_03 th .scnd {
	background: #F2F2F2;
}


/* --130731-- */


/* --WHIDTH-- */
.w_10 { width: 10px; }
.w_20 { width: 20px; }
.w_30 { width: 30px; }

.w_50 { width: 50px; }
.w_70 { width: 70px; }
.w_100 { width: 100px; }
.w_150 { width: 150px; }
.w_200 { width: 200px; }
.w_300 { width: 300px; }
.w_320 { width: 320px; }
.w_330 { width: 330px; }
.w_340 { width: 340px; }
.w_400 { width: 400px; }
.w_420 { width: 420px; }
.w_500 { width: 500px; }
.w_600 { width: 600px; }
.w_650 { width: 650px; }
.w_700 { width: 700px; }

/* --HEIGTH-- */

.h_100 { height: 100px; }
.h_145 { height: 145px; }
.h_200 { height: 200px; }
.h_300 { height: 300px; }
.h_400 { height: 400px; }
.h_500 { height: 500px; }
.h_600 { height: 600px; }
.h_700 { height: 700px; }

.w_100pct { width: 100%; }
.w_40pct { width: 40%; }

/* --MARGIN-- */

.m_b5 { margin-bottom: 5px; }
.m_b10 { margin-bottom: 10px; }
.m_b15 { margin-bottom: 15px; }
.m_b20 { margin-bottom: 20px; }
.m_b25 { margin-bottom: 25px; }
.m_b30 { margin-bottom: 30px; }
.m_b40 { margin-bottom: 40px; }
.m_b50 { margin-bottom: 50px !important; }
.m_b65 { margin-bottom: 65px; }

.m_t5 { margin-top: 5px; }
.m_t10 { margin-top: 10px; }
.m_t15 { margin-top: 15px; }
.m_t20 { margin-top: 20px; }
.m_t25 { margin-top: 25px; }
.m_t30 { margin-top: 30px; }
.m_t40 { margin-top: 40px; }

.m_r5 { margin-right: 5px; }
.m_r10 { margin-right: 10px; }
.m_r15 { margin-right: 15px; }
.m_r20 { margin-right: 20px; }
.m_r25 { margin-right: 25px; }
.m_r30 { margin-right: 30px; }

.m_l5 { margin-left: 5px; }
.m_l10 { margin-left: 10px; }
.m_l15 { margin-left: 15px; }
.m_l20 { margin-left: 20px; }
.m_l25 { margin-left: 25px; }
.m_l30 { margin-left: 30px; }

/* --PADDING-- */
.p_t10 { padding-top:10px; }
.p_t15 { padding-top:15px; }
.p_t20 { padding-top:20px; }
.p_t30 { padding-top:30px; }

/* --TEXT-- */

.attentionred { color:#F00;}
.red { color: #990000; }
.gray { color: #999999; }
.black { color: #333333; }

.c_j1 { color: #43A8A7; }
.c_2 { color: #EA2262; }
.c_j2 { color: #70BD28; }
.c_3 { color: #E88134; }

.b_j1 { border-color: #43A8A7; }
.b_2 { border-color: #EA2262; }
.b_j2 { border-color: #70BD28; }
.b_3 { border-color: #E88134; }

.bld { font-weight: bold; }
.underline { text-decoration: underline; }
.line_through { text-decoration: line-through; }

.f_10 { font-size: 10px; }
.f_11 { font-size: 11px; }
.f_12 { font-size: 12px; }
.f_13 { font-size: 13px; }
.f_14 { font-size: 14px; }
.f_15 { font-size: 15px; }
.f_16 { font-size: 16px; }
.f_18 { font-size: 18px; }


.t_c { text-align: center; }
.t_r { text-align: right; }

/* --FLOAT-- */

.f_r { float: right; }
.f_l { float: left; }

/* --BORDER-- */

.bdr {
	border-bottom: 1px solid #CCC;
}
.bdr_cir {
	border: thin solid #CCCCCC;
}

/* --ARROW-- */

.arrow_default_left {
	background: url(../images/arrow_default_left.jpg) no-repeat left;
	padding-left: 10px;
	margin-top: 10px;
	font-size: 12px;
}

.arrow_default_left img {
	margin-left: 10px;
}

.arrow_right {
	background: url(../images/arrow_right.jpg) no-repeat right;
	padding-right: 10px;
	margin-top: 10px;
	font-size: 12px;
	text-align: right;
}

.arrow_right_mid {
	background: url(../images/arrow_right.jpg) no-repeat right;
	padding-right: 10px;
	margin-right: 10px;
	font-size: 10px;
	text-align: right;
}

ul.arrow_default_list_left li {
	background: url(../images/arrow_default_list_left.jpg) no-repeat 0 0;
	padding-left: 10px;
	margin-bottom: 15px;
	display: block;
}

ul.arrow_sitemap li  {
	font-weight: bold;
}


ul.arrow_sitemap li a {
	background: url(../images/arrow_default_list_left.jpg) no-repeat 0 0;
	padding-left: 10px;
	margin-bottom: 15px;
	display: block;
	font-weight: normal;
}

ul.arrow_sitemap li.second a {
	background: url(../images/arrow_default_list_left.jpg) no-repeat 0 0;
	padding-left: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	display: block;
}

/* ------------------------------------------------------------
	LINK SETTING CSS
   ------------------------------------------------------------ */

a:link { color:#423f37; text-decoration:none; }
a:visited { color:#423f37; text-decoration:none; }
a:hover, a:active { color:#000000; }

.top_container a:link { color: #336699; text-decoration: underline; }
.top_container a:visited { color: #336699; text-decoration: underline; }
.top_container a:hover, a:active { color: #333333; text-decoration: none; }

.default a:link ,.voice_mid_list a:link,.lab_story a:link { color: #336699; text-decoration: none; }
.default a:visited ,.voice_mid_list a:visited,.lab_story a:visited { color: #336699; text-decoration: none; }
.default a:hover,.default a:active ,.voice_mid_list a:hover,.voice_mid_list a:active,.lab_story a:hover, .lab_story a:active { color: #333333; text-decoration: none; }

.clm2_lab a:link { color: #333333; text-decoration: none; }
.clm2_lab a:visited { color: #333333; text-decoration: none; }
.clm2_lab a:hover,.clm2_lab a:active { color: #CCC; text-decoration: none; }


/* ------------------------------------------------------------
	WRAPPER SETTING CSS
   ------------------------------------------------------------ */

#wrapper {
	margin: 0 auto;
	min-width:1200px;
	width: 100%;
}

#wrapper {
}

#container {
	display:block;
	overflow:hidden;
	width: 100%;
}

/* ------------------------------------------------------------
	HEADER SETTING CSS
   ------------------------------------------------------------ */

#header {
	background:url(../images/bg_header.png) repeat-x;
	width:100%;
	height: 111px;
	border-top: 4px solid #990000;
	z-index: 100;
	position: relative;
}

#header .inner {
	width:980px;
	height: 122px;
	margin:0 auto;
	position: relative;
}

#header .inner h1 a {
	width:220px;
	height:24px;
	top: 35px;
	left: 20px;
	position: absolute;
}

#header .inner h2 {
	width:194;
	height:10px;
	top: 15px;
	left: 20px;
	position: absolute;
}

.header_nav {
	width:700px;
	height:31px;
	top: 0px;
	right: 0px;
	display:block;
	position: absolute;
}

.header_nav ul li {
	float: left;
	margin-right: 5px;
}

.header_nav ul li.end {
	margin-right: 0px;
}

.header_item01 {
	width:60px;
	height:12px;
	top: 40px;
	right: 95px;
	display:block;
	position: absolute;
}

.header_item02 {
	width:9px;
	height:10px;
	top: 42px;
	right: 76px;
	display:block;
	position: absolute;
}

.header_item03 {
	width:69px;
	height:12px;
	top: 40px;
	right: 0px;
	display:block;
	position: absolute;
}

/* ------------------------------------------------------------
	PAN SETTING CSS
   ------------------------------------------------------------ */

.pan {
	display:block;
	width:100%;
	height:36px;
	font-size: 10px;
	padding:0;
	margin: 0;
	}

.pan ul {
	display:block;
	width:960px;
	height:36px;
	padding:0;
	margin: 0 auto 0 auto;
	}

.pan ul li {
	width:auto;
	display:block;
	background:url(../images/arrow_pan.png) no-repeat right center;
	float:left;
	padding-right:18px;
	margin-right:15px;
	line-height:300%;
	}

.pan ul li.last {
	display:block;
	background:none;
	padding-right:0px;
	margin-right:0px;
	color: #000000;
	}

.pan ul li a {
	height:36px;
	color: #990000;
	line-height:300%;
	}

.pan ul li span {
	display:block;
	background:#333;
	padding:0px 4px 0px 4px;
	color:#FFF;
	}

.pan ul li a:hover {
	background:#FFB9B4;
	color:#FFF;
	}

/* ------------------------------------------------------------
	NAV SETTING CSS
   ------------------------------------------------------------ */

.nav {
	width: 960px;
	height: 31px;
	position: absolute;
	left: 20px;
	bottom:20px;
}

.nav ul {
	margin-right:auto;
	margin-left:auto;
}

.nav li {
	float: left;
	margin-right: 12px;
	zoom: 1;  
}

.nav li.end {
	margin-right:0em;
}

.nav li a {
	display: block;  
	text-decoration: none;
}



/* ------------------------------------------------------------
	ENTRY SETTING CSS
   ------------------------------------------------------------ */

.entry {
	margin-bottom: 20px;
}

.entry_nav {
	background: url(../images/icon_news.jpg) no-repeat right;
	height: 23px;
	font-size: 10px;
	padding: 2px 30px 0 0;
	text-align: right;
}


/* ------------------------------------------------------------
	SECTION SETTING CSS
   ------------------------------------------------------------ */

.section {
	margin-bottom: 20px;
}

*:first-child+html .section {
	height: 100%;
}

/* ------------------------------------------------------------
	CONTENT layout SETTING CSS
   ------------------------------------------------------------ */

#container {
	width:1000px;
	margin: 0 auto;
}

#container.top_container {
	position: relative;
	margin-top: -50px;
	z-index: 90;
}

.bg_top {
	background:url(../images/bg_top.png) no-repeat; 
	width:1000px;
	height: 25px;
}

.bg_bottom {
	background:url(../images/bg_bottom.png) no-repeat; 
	width:1000px;
	height: 25px;
	display:block;
	overflow:hidden;
	margin:0 auto;
}

.contents {
	display:block;
	overflow:hidden;
	width:1000px;
	background: url(../images/bg_inner.png) repeat-y;
}

.contents_inner {
	display:block;
	overflow:hidden;
	padding: 5px 30px 5px 30px;
}

.main {
	width: 700px;
	float: left;
}

.sidebar {
	width: 220px;
	float: right;
}

/* ------------------------------------------------------------
	TARGET SETTING CSS
   ------------------------------------------------------------ */

.target ul li {
	float: left;
	margin-right: 13px;
}

.target ul li.end {
	margin-right: 0px;
}

/* ------------------------------------------------------------
	SIDEBAR item SETTING CSS
   ------------------------------------------------------------ */

.sidebar .application {
	background: url(../images/top_2013_b.jpg) no-repeat;
	width:220px;
	height: 337px;
	margin-bottom: 10px;
	position: relative;
}

.default .application {
	margin-top: 0px;
}

.lab .application {
	margin-top: 0px;
}

.sidebar .application .button {
	width: 190px;
	height: 40px;
	position: absolute;
	left:12px;
	bottom: 10px;
}

/* ▼▼ 120820 update ▼▼ */
.sidebar .application .button.public {
	width: 190px;
	height: 40px;
	position: absolute;
	left:12px;
	bottom: 60px;
}

.sidebar .application .public {
	width: 190px;
	height: 40px;
	position: absolute;
	left:12px;
	bottom: 10px;
}

.sidebar .application .public_text {
	width: 190px;
	height: 35px;
	position: absolute;
	left:12px;
	bottom: 10px;
	font-size: 10px;
	line-height: normal;
}
/* ▲▲ 120820 update ▲▲ */

.sidebar .application .term {
	width: 194px;
	height: 44px;
	position: absolute;
	left:14px;
	bottom: 190px;
}

.banner_area {

}

.banner_area a {
	display:block;
	margin-bottom:10px;
}

.banner_area a img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.sidebar .symulator_side {
	display:block;
	overflow:hidden;
	background: url(../images/bg_symulator_side.jpg) no-repeat;
	width:220px;
	height: 292px;
	margin-bottom: 10px;
}

.sidebar .symulator_side a {
	margin:240px 0px 0px 13px;
	width:194px;
	height:44px;
	background:url(../images/button_symulator_side.png) no-repeat left;
	}

.sidebar .symulator_side a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}

.sidebar .symulator_example div a:hover {
	background:url(../images/button_symulator_side_hover.png) no-repeat left;
	}


.sidebar .symulator_side .answer {
	width: 63px;
	height: 23px;
	position: absolute;
	right:33px;
	bottom: 65px;
}


/* ------------------------------------------------------------
	TABLE SETTING CSS
   ------------------------------------------------------------ */

table.toppage {
	width: 100%;
	border-left: 1px #999999 dotted;
	border-bottom: 1px #999999 dotted;
}

table.toppage td {
	padding: 10px 0px;
}

.text_book_top {
	background: url(../images/dot-y.jpg) repeat-y right;
	border-top: 1px #999999 dotted;
}

.about_top_01,.about_top_02,.about_top_03 {
	border-right: 1px #999999 dotted;
	border-top: 1px #999999 dotted;
}

.text_book_mid {
	
}

.text_book_mid h3 {
	padding:10px 14px;
}

.text_book_mid .text {
	padding: 10px;
}

table.toppage a img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* ------------------------------------------------------------
	PAGETOP SETTING CSS
   ------------------------------------------------------------ */

.pagetop {
	clear:both;
	width:980px;
	margin: 0 auto;
	text-align: right;
}

.scr_pagetop {
	background: url(../images/arrow_pagetop.jpg) no-repeat right;
	padding-right: 12px;
	margin-top: 10px;
	font-size: 10px;
	text-align: right;
	text-decoration: underline;
}

/* ------------------------------------------------------------
	FOOTER SETTING CSS
   ------------------------------------------------------------ */

#footer {
	background: url(../images/bg_footer.png) repeat-x ;
	width: 100%;
	height: 130px;
	clear: both;
}

#footer .inner {
	width:980px;
	height: 130px;
	margin: 0 auto;
	position: relative;
}

#footer .inner h3 {
	width:178px;
	height: 19px;
	position: absolute;
	top: 43px;
	left: 20px;
}

#footer .inner h4 {
	width:194px;
	height:10px;
	top: 25px;
	left: 20px;
	position: absolute;
}


#footer .inner .footer_nav {
	width:500px;
	height:20px;
	top: 25px;
	right: 10px;
	position: absolute;
}


#footer .inner .footer_nav ul li {
	font-size:11px;
	margin-left:10px;
	float: left;
}

#footer .inner ul li a {
	background:url(../images/arrow_left.jpg) no-repeat left;
	padding-left:16px;
}

#footer .footer_item01 {
	width:60px;
	height:12px;
	bottom: 20px;
	left: 20px;
	display:block;
	position: absolute;
}

#footer .footer_item02 {
	width:9px;
	height:10px;
	bottom: 21px;
	left: 90px;
	display:block;
	position: absolute;
}

#footer .footer_item03 {
	width:69px;
	height:12px;
	bottom: 20px;
	left: 106px;
	display:block;
	position: absolute;
}

#footer .copyright {
	width:340px;
	height:10px;
	bottom: 20px;
	right: 20px;
	display:block;
	position: absolute;
}






.symulator_example div a {
	width:234px;
	height:75px;
	display:block;
	overflow:hidden;
	background:url(../images/button_symulator.gif) no-repeat left;
	text-indent:-2000px;
	font-size:1px;
	}

.symulator_example div a:hover {
	background:url(../images/button_symulator_hover.gif) no-repeat left;
	}


.symulator_mid div {
	width:304px;
	height:49px;
	display:block;
	overflow:hidden;
	margin:80px 0px 0px 19px;
	}

.symulator_mid div a {
	width:304px;
	height:49px;
	display:block;
	overflow:hidden;
	background:url(../images/button_symulator_mid.png) no-repeat left;
	text-indent:-2000px;
	font-size:1px;
	}

.symulator_mid div a:hover {
	background:url(../images/button_symulator_mid_hover.png) no-repeat left;
	}