/* ----- 全体構造 ----- */
/* -----------------ページマージン等//-------------------*/
body {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;	
	font-size: 75%; color: #333333;
}

/* -----------------//
background-color: #fff;
//-------------------*/


/* ----- リンクの設定 ----- */
A:link { color: #B400FF;
text-decoration: none; }
A:active { color: #FF0000;
text-decoration: none; }
A:visited { text-decoration: none; }
A:hover { color: #FF6000;
text-decoration: none; }


a.type1 { color:#fff; font-size:90%; }
a:hover.type1 { color:#E4FF00; }
a:visited.type1 { text-decoration: none; }


a.type2 { color:#fff; font-size:90%; }
a:hover.type2 { color:#00FFFC; }
a:visited.type2 { text-decoration: none; }


a.type3 { color:#fff; font-size:90%; }
a:hover.type3 { color:#E4B4FF; }
a:visited.type3 { text-decoration: none; }


/* ----- グローバルナビゲーション ----- */
.pan_navi {font-size:85%; line-height:160%;}

/* ----- 文字サイズ ----- */
.size1 {font-size:85%; line-height:120%;}
.size2 {font-size:90%; line-height:120%;}
.size3 {font-size:100%; line-height:160%;}
.size4 {font-size:120%; line-height:140%;}
.size5 {font-size:10px;}
.size6 {font-size:12px;}


/* ----- 見出しの設定 ----- */
h1 { font-size: 110%; margin: 0; line-height:100%;} /* 大見出し */

h2 { font-size: 110%; margin: 0; line-height:100%;} /* 中見出し */

h3 { font-size: 105%; color: #000000; font-weight: bold;  margin: 0; line-height:110%;} /* 小見出し */

h4 { font-size: 100%; color: #000000; font-weight: normal;  margin: 0; line-height:110%;} /* 小見出し */

ul{	line-height: 150%;}
	
.m00{list-style-type:none}  /*	リストタイプ　無し	*/
.m01{list-style-type:disk}   /*	リストタイプ　・	*/
.m02{list-style-type:decimal}   /*	リストタイプ　1,2,3 数字	*/
.m03{list-style-type:square;}   /*	リストタイプ　四角 ■	*/
.m04{list-style-type:square;
margin-left:3% ; 
margin-top:1%;
margin-bottom:1%; line-height: 100%;}   /*	リストタイプ　四角 ■	幅なしバージョン*/

li{	line-height: 150%;}

.box_01 {
	border-width: 1;
	background-color: #FFFFFF;
	padding: 5px;
	border-style: dotted;
	border-color: #999999;
	border-width: 1pt;
	}

	
	
/* ----- テーブルの設定 ----- */
td.box1 {background-color:#fff; border:#ccc thin solid;}

td.box2 {background-color:#fff; border-width:1px 1px 1px 1px;
border-color:#ccc;
border-style:solid;}

td.box3 {background-color:#fff; border-width:0px 0px 1px 0px;
border-style:solid;
border-color:#ccc;}

/* ----- 段落の設定 ----- */
p.small{ margin: 0; line-height:120%;}

p.midium{ margin: 0; line-height:160%;}


/* ----- フッタの設定 ----- */
#copyright {margin-bottom:50px;}
.text_white {
	color: #FFFFFF;
}
.underline_grey {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.underline_grey_dot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.box_job {
	color: #666666;
	margin: 1px;
	padding: 3px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.red {
	color: #990000;
}

.voice_lead {
	font-size:12px;
	color:#666666;
	line-height: 20px;	
}

.voice_question {
	font-size:12px;
	color:#EAB412;
	font-weight:bold;
	line-height: 20px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #EAB412;
	clear:both;
}

.voice_answer{
	font-size:12px;
	color:#666666;
	line-height: 20px;
}

.capsul {
	font-size: 12px;
	color: #333333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #999999;
}
.box_empty {
	padding: 5px;
}
.box_gray {
	font-size: 10px;
	background-color: #CCCCCC;
	padding: 5px;
	border: none;
}
.box_gray_narrow {
	font-size: 10px;
	background-color: #CCCCCC;
	padding: 1px 5px;
}
.box_shade {
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-size:12px;
	line-height:20px;
}
div.box_shade img {
	float:left;
	margin:10px;
}
div.box_shade h5 {
	font-size:12px;
	font-weight:bold;
}

div.image {
	float:left;
	border:#999999 solid 1px;
	margin:10px 10px 10px 0px;
}
/*仕事情報*/
.title {
	font-size: 12px;
	background: #6699CC;
	color: #FFFFFF;
	line-height: 20px;
	font-weight: bold;
}
.table_title {
	font-size: 12px;
	background-color: #CAD7DF;
	line-height: 20px;
	text-align: center;
	width: 100px;
}
.list_title {
	font-size: 10px;
	background-color: #CAD7DF;
	line-height: 20px;
	text-align: center;
}
.subtitle {
	font-size: 12px;
	font-weight: bold:
}
.table_outline {
	width: 570px;
	background: #6699CC;
	
}
.table_inside {
	width: 564px;
	background: #FFFFFF;
}
.table {
	font-size: 12px;
	line-height: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	width: 470px;
}
.list_table {
	font-size: 10px;
	line-height: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.rule {
	font-size: 10px;
	color: #CC0000;
	width: 430px;
	float:left;
}
.example {
	font-size: 10px;
	color: #3300CC;
	clear: both;
}
.count {
	color: #CC0000;
	font-size: 10px;
	text-align: right;
	width: 90px;
	float:right;
}
.text_subtitle {
	font-size: 12px;
	color: #003366;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 570px;
}
.page_title {
	font-size: 12px;
	background: #003366;
	font-weight: bold;
	color: #FFFFFF;
	width: 570px;
	text-align: center;
	padding: 3px;
}
.thin_outline {
	font-size:10px;
	border-style:solid;
	border-color:#CC6666;
	padding: 5px;
	border-width: 1px;
	margin: 5px;
	clear:both;
	width:400px;
}
	
/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 360px;
border: 0px solid #ddd;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

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

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
hight: 159px;
}

#slideshow .slides li a{
border:none;
}

#slideshow .slides li h2{
position:fixed;
top:-9999px;
}

#slideshow .slides ul {
hight: 636px;
}

#slideshow .slides #slide-one {
width: 360px;
height:159px;
float: left;
padding: 0px;
background-image:url(../img/book_back.gif);
}

#slideshow .slides #slide-two {
width: 360px;
height:159px;
float: left;
padding: 0px;
background-image:url(../img/back_memo.gif);
}

#slideshow .slides #slide-three {
width: 360px;
height:159px;
float: left;
padding: 0px;
background-image:url(../img/back_vdream.gif);
}

#slideshow .slides #slide-four {
width: 360px;
height:159px;
float: left;
padding: 0px;
background-image:url(../img/back_city.gif);
}

#slideshow .slides #click
{
background-image:url(../img/click2.gif);
dispray:block;
height:20px;
width:60px;
margin-top:139px;
margin-left:300px;
}

#slideshow .slides a #click:hover 
{
background-image:url(../img/click2.gif);
dispray:block;
width:60px;
height:40px;
margin-top:119px;
margin-left:300px;
}

#slideshow .slides h2 {
dispray: block;
padding:2px;
}

#slideshow .slides img {
border: none;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #ddd;
border-top: 2px solid #ccc;}

#slideshow .slides-nav li {
display: block;
width:8px;
height:8px;
margin:2px;
float: left;
background-color: #FFF;}

#slideshow .slides-nav li a {
outline: none;}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #999;}

.js #slideshow .slides-nav li.on a {
position: relative;
top: -4px;}