@charset "UTF-8";

/**更新日：2010/06/04**/
/**********************************************************************/
/** ■　サイト全体基本設定											**/
/********************************************************************/
body  {
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", "sans-serif";
	line-height:150%;
	background:#eee;
	margin: 0;
	padding: 0;
	color: #333;
	font-size:80%;
	text-align: center;
}

#container { 
	width: 960px;
	background: #FFF;
	margin: 0 auto; 
	text-align: left;
} 
/*IE対応*/
/*
* html #container { 
	width: 962px;
	background: #FFF;
	margin: 0 auto; 
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	text-align: left;
} 
*/

#wrap{ 
	padding:0 15px;
} 

/* 左右２分割 */
#main { 
	padding: 10px 0 10px 0;
	margin: 0;
	width:100%;
}

#main #left{
	float:left;
	padding: 0 20px 0 0;
	margin: 0;
	width:200px;
}

#main #middle{
	float:left;
	padding: 0;
	margin: 0;
	width:710px;
}



/**********************************************************************/
/** ■　固定エリア												**/
/********************************************************************/

.solidArea{
	margin: 0 auto; 
	width:960px;
	background:#FFF;
	text-align: left;
}



/**********************************************************************/
/** ■　ヘッダー											**/
/********************************************************************/
#header { 
	padding-top:9px;
	padding-bottom:11px;
	background: url("../img/headerGradation.png") 0 0 no-repeat;
} 

#logo {
	float:left;
	width:450px;
	height:65px;
	margin:0;
	padding:10px 195px 0 10px;
	display:block;
	background:#FFF;
}

a.logoimg {
	background: url("../img/logo.jpg") 0 0 no-repeat;
	width:450px;
	height:65px;
	display:block;
}

#header-right {
	float:left;
	width:287px;
	height:73px;
	margin-top:7px;
}

#header-right2 {
	float:left;
	width:180px;
	height:73px;
	margin-top:7px;
	margin-left:107px;
}


/*### アクセシビリティ ###*/


/* フォントサイズ */
#fontsize{
}
#fontsizeLine{
	height:35px;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
#mojisizeLabel{
	position:relative;
	top:10px;
	float:left;
	width:94px;
	height:16px;
	background: url("../img/fontSize.png") 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
}
a#btnFontSmall {
	position:relative;
	top:5px;
	left:0px;
	background: url("../img/btnFontSmall.png") 0% 0% no-repeat;
	width:28px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
	float:left;
}
a#btnFontSmall:hover {
	background: url("../img/btnFontSmall.png") 0% 100% no-repeat;
}

a#btnFontMiddle {
	position:relative;
	top:5px;
	left:0px;
	background: url("../img/btnFontMiddle.png") 0% 0% no-repeat;
	width:28px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
	float:left;
}
a#btnFontMiddle:hover {
	background: url("../img/btnFontMiddle.png") 0% 100% no-repeat;
}

a#btnFontLarge {
	position:relative;
	top:5px;
	left:0px;
	background: url("../img/btnFontLarge.png") 0% 0% no-repeat;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
	float:left;
}
a#btnFontLarge:hover {
	background: url("../img/btnFontLarge.png") 0% 100% no-repeat;
}

/* ふりがな */
#furiganaLabel{
	position:relative;
	top:10px;
	left:0;
	float:left;
	width:50px;
	height:16px;
	background: url("../img/furigana.png") 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
	margin-left:10px;
}
a#btnTsukeru {
	position:relative;
	top:5px;
	left:0px;
	float:left;
	background: url("../img/btnTsukeru.png") 0% 0% no-repeat;
	width:45px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
	float:left;
}
a#btnTsukeru:hover {
	background: url("../img/btnTsukeru.png") 0% 100% no-repeat;
}
a#btnHazusu {
	position:relative;
	top:5px;
	left:0px;
	float:left;
	background: url("../img/btnHazusu.png") 0% 0% no-repeat;
	width:45px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
	float:left;
}
a#btnHazusu:hover {
	background: url("../img/btnHazusu.png") 0% 100% no-repeat;
}



/* 背景色 */
#accessibility{
	height:35px;
	border:1px solid #CCC;
}
#bgcolorLabel{
	position:relative;
	top:10px;
	float:left;
	width:94px;
	height:16px;
	background: url("../img/bgColor.png") 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
}
a#btnBgColor {
	position:relative;
	top:5px;
	left:0px;
	background: url("../img/btnBgColor.png") 0% 0% no-repeat;
	width:28px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
	float:left;
}
a#btnBgColor:hover {
	background: url("../img/btnBgColor.png") 0% 100% no-repeat;
}

a#btnBgWhite {
	position:relative;
	top:5px;
	left:0px;
	background: url("../img/btnBgWhite.png") 0% 0% no-repeat;
	width:28px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
	float:left;
}
a#btnBgWhite:hover {
	background: url("../img/btnBgWhite.png") 0% 100% no-repeat;
}

a#btnBgBlack {
	position:relative;
	top:5px;
	left:0px;
	background: url("../img/btnBgBlack.png") 0% 0% no-repeat;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
	float:left;
}
a#btnBgBlack:hover {
	background: url("../img/btnBgBlack.png") 0% 100% no-repeat;
}


/* よみあげ */
#yomiageLabel{
	position:relative;
	top:10px;
	left:0;
	float:left;
	width:50px;
	height:16px;
	background: url("../img/yomiage.png") 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
	margin-left:10px;
}
a#btnMegaphone {
	position:relative;
	top:5px;
	left:0px;
	float:left;
	background: url("../img/btnMegaphone.png") 0% 0% no-repeat;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
	float:left;
}
a#btnMegaphone:hover {
	background: url("../img/btnMegaphone.png") 0% 100% no-repeat;
}

/*かな棒くん*/
span.f_on
{ 
	display: inline; 
	padding-left:0px;
	padding-right:0px;
}
span.f_off
{ 
	display: none; 
	padding-left:0px;
	padding-right:0px;
}
.furigana span.f_on
{ 
	display: none; 
	padding-left:0px;
	padding-right:0px;
}
.furigana span.f_off
{ 
	display: inline; 
	padding-left:0px;
	padding-right:0px;
}




/**********************************************************************/
/** ■　ナビゲーション												**/
/********************************************************************/


/*### グローバルナビゲーション ###*/
	
#gNaviArea{
	padding-left:3px;
}
.dropdown {
	font-family: "Verdana","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", "sans-serif";
	font-size:95%;
	float:left;
	padding-right:0px;
}
.dropdown dt a{
	width:106px;
	height:60px;
	cursor:pointer;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
}

dt#ddheader1 a {	background:url(../img/gNavi01.png) 0% 0% no-repeat;	}
dt#ddheader1 a:hover {	background:url(../img/gNavi01.png) 0% 100% no-repeat;	}
dt#ddheader1 a#on {	background:url(../img/gNavi01.png) 0% 100% no-repeat;	}

dt#ddheader2 a {	background:url(../img/gNavi02.png) 0% 0% no-repeat;	}
dt#ddheader2 a:hover {	background:url(../img/gNavi02.png) 0% 100% no-repeat;	}
dt#ddheader2 a#on {	background:url(../img/gNavi02.png) 0% 100% no-repeat;	}

dt#ddheader3 a {	background:url(../img/gNavi03.png) 0% 0% no-repeat;	}
dt#ddheader3 a:hover {	background:url(../img/gNavi03.png) 0% 100% no-repeat;	}
dt#ddheader3 a#on {	background:url(../img/gNavi03.png) 0% 100% no-repeat;	}

dt#ddheader4 a {	background:url(../img/gNavi04.png) 0% 0% no-repeat;	}
dt#ddheader4 a:hover {	background:url(../img/gNavi04.png) 0% 100% no-repeat;	}
dt#ddheader4 a#on {	background:url(../img/gNavi04.png) 0% 100% no-repeat;	}

dt#ddheader5 a {	background:url(../img/gNavi05.png) 0% 0% no-repeat;	}
dt#ddheader5 a:hover {	background:url(../img/gNavi05.png) 0% 100% no-repeat;	}
dt#ddheader5 a#on {	background:url(../img/gNavi05.png) 0% 100% no-repeat;	}

dt#ddheader6 a {	background:url(../img/gNavi06.png) 0% 0% no-repeat;	}
dt#ddheader6 a:hover {	background:url(../img/gNavi06.png) 0% 100% no-repeat;	}
dt#ddheader6 a#on {	background:url(../img/gNavi06.png) 0% 100% no-repeat;	}

dt#ddheader7 a {	background:url(../img/gNavi07.png) 0% 0% no-repeat;	}
dt#ddheader7 a:hover {	background:url(../img/gNavi07.png) 0% 100% no-repeat;	}
dt#ddheader7 a#on {	background:url(../img/gNavi07.png) 0% 100% no-repeat;	}

dt#ddheader8 a {	background:url(../img/gNavi08.png) 0% 0% no-repeat;	}
dt#ddheader8 a:hover {	background:url(../img/gNavi08.png) 0% 100% no-repeat;	}
dt#ddheader8 a#on {	background:url(../img/gNavi08.png) 0% 100% no-repeat;	}

dt#ddheader9 a {	background:url(../img/gNavi09.png) 0% 0% no-repeat;	}
dt#ddheader9 a:hover {	background:url(../img/gNavi09.png) 0% 100% no-repeat;	}
dt#ddheader9 a#on {	background:url(../img/gNavi09.png) 0% 100% no-repeat;	}


.dropdown dd {
	position:absolute;
	overflow:hidden;
	width:186px;
	display:none;
	background:#fff;
	z-index:200;
	opacity:0;
	margin-top:-9px;
}
.dropdown dd ul {
	width:184px;
	border-left:1px solid #3c8bbf;
	border-right:1px solid #3c8bbf;
	list-style:none;
	padding:0;
	margin:0;
}

.dropdown dd ul li {display:inline ;}
.dropdown dd ul li a,
.dropdown dd ul li a:active,
.dropdown dd ul li a:visited {
	display:block;
	padding:5px;
	margin:0;
	color:#FFF;
	text-decoration:none;
	background:#193AA0;
	width:174px;
	border-bottom:1px solid #3c8bbf;
}

.dropdown dd ul li a:hover {
	background:#ebf1ff;
	color:#000;
	text-decoration:none;
}

/* IEに適用 */
*html .dropdown dd ul li a,
*html .dropdown dd ul li a:active,
*html .dropdown dd ul li a:visited {
	display:block;
	padding:5px;
	margin:0;
	color:#FFF;
	text-decoration:none;
	background:#193AA0;
	width:184px;
	border-bottom:1px solid #3c8bbf;
}
*html .dropdown dd ul li a:hover {
	background:#ebf1ff;
	color:#000;
	text-decoration:none;
}


/*### パン屑ナビゲーション ###*/
#pankuzu{
	padding:7px 0 0px 5px;
	font-size:90%;
}
#pankuzu a{
	text-decoration:none;
	color:#03C;
}
#pankuzu a:hover{
	text-decoration:underline;
}


/*### サイドナビゲーション ###*/
ul#submenu{
	width:200px;
	padding:0;
	margin:0 0 7px 0;
}
ul#submenu li{
	padding:0;
	margin:0 0 2px 0;
	border:1px solid #CECECE;
}
ul#submenu li a{
	background:url(../img/submenuBg.png) 0 0 repeat;
	display:block;
	text-decoration:none;
	font-weight:bold;
	width:198px;
}
ul#submenu li a span{
	display:block;
	padding:15px 10px;
}
ul#submenu li a:hover{
	background:url(../img/submenuBgOver.png) 0 0 repeat;
	color:#FFF;
	font-weight:bold;
}
ul#submenu li#on a{
	background:url(../img/submenuBgOver.png) 0 0 repeat;
	color:#FFF;
	font-weight:bold;
}


/*### 第３階層ナビ ###*/
ul#MenuClass3{
	list-style-type:none;
	padding: 0 0 10px 5px;
	margin: 0;
	width:700px;
}
ul#MenuClass3 li{
	padding:0;
	margin:0;
	float:left;
}

ul#MenuClass3 li a {
	background:url(../img/arrowGray2.png) 0 center no-repeat;
	padding-left:13px;
	margin-right:25px;
	white-space: nowrap;
	color:#999;
	cursor:pointer;
	text-decoration:none;
}

ul#MenuClass3 li#on a {
	background:url(../img/arrowRed2.png) 0 center no-repeat;
	padding-left:13px;
	margin-right:25px;
	color:#F30;
	white-space: nowrap;
}
ul#MenuClass3 li a:hover {
	background:url(../img/arrowRed2.png) 0 center no-repeat;
	color:#F30;
}


/*### フッターナビ ###*/
#footermenu {
	padding: 3px 0;
	text-align:center;
	margin-top:15px;
	border-top:1px solid #666;
	width:100%;
	font-size:90%;
	clear:both;
}

ul#fmenu {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:center;
}
ul#fmenu li{
	display:inline;
	padding:0;
	margin:0;
}
ul#fmenu li a{
	color:#333;
	text-decoration:none;
}
ul#fmenu li a:hover{
	color:#2A4FD3;
}


/**********************************************************************/
/** ■　フッター											**/
/********************************************************************/
#footer {
	clear:both;
	padding: 3px 0;
	text-align:center;
	width:100%;
	border-top:8px #2A4FD3 solid;
}

#footer address {
	display:inline;
	font-size:90%;
	margin: 0; 
	padding: 0;
	color:#666;
}

/**********************************************************************/
/** ■　メインコンテンツエリア									**/
/********************************************************************/

h2{
	background:url(../img/h2TitleBg.png) 0 0 repeat;
	padding:4px 15px 3px 15px;
	margin-bottom:20px;
	color:#FFF;
	font-size:130%;
	font-weight:bold;
}

h3{
	border-left:5px solid #2A4FD3;
	border-bottom:1px dotted #000;
	padding:2px 0 1px 10px;
	font-size:120%;
	font-weight:bold;
	margin:20px 0 20px 0;
	color: #2A4FD3;
}
h4{
	background:url(../img/h4TitleBg.png) 0 0 repeat;
	font-size:110%;
	padding:2px 0 2px 7px;
	margin: 25px 0 10px 0;
	font-weight:bold;
	color:#002abe;
}
h5{
	font-size:110%;
	background:#E3E3E3;
	padding:1px 0 1px 7px;
	margin: 25px 0 10px 0;
	font-weight:bold;
}
h6{
	font-size:100%;
	padding:0;
	margin: 25px 0 10px 7px;
	font-weight:bold;
}
h2 a{
	font-weight:bold;
	color: #FFF;
	display:block;
	width:100%;
	text-decoration:none;
}
h2 a:hover{
	color:#FFCDC5;
	text-decoration:none;
}
h3 a{
	font-weight:bold;
	color: #2A4FD3;
}
h3 a:hover{
	color: #F30;
	text-decoration:none;
}
h6 a{
	font-weight:bold;
}
h6 a:hover{
	color: #F30;
	text-decoration:none;
}


/**********************************************************************/
/** ■　アイコン												**/
/********************************************************************/

.pdflink{
	display:inline;
	background: url("../img/icon_pdf.gif") 5px center no-repeat;
	padding:5px 0 5px 26px;
}


/**********************************************************************/
/** ■　本文													**/
/********************************************************************/

/* P */
p
{
	margin:0;
	padding:0 0 10px 10px;
}


/* リスト 「・」　*/
ul.disc
{
	list-style:disc;
	padding: 0 0 10px 40px;
	margin:0;
}
ul.disc li
{
	padding: 3px 0 3px 0;
	margin:0;
	line-height:140%;
}

/* リスト 「123」 */
ol.decimal
{
	list-style:decimal;
	padding: 0 0 10px 40px;
	margin:0;
}
ol.decimal li
{
	padding: 3px 0 3px 0;
	margin:0;
	line-height:140%;
}



/**********************************************************************/
/** ■　キャプション													**/
/********************************************************************/
/* キャプション中央*/
.captionCenter{
	font-size:80%;
	text-align:center;
	padding:2px 0 5px 0;
	margin:0;	
	line-height:130%;
}

/* キャプション左*/
.captionLeft{
	font-size:80%;
	text-align:left;
	padding:2px 0 5px 0;
	margin:0;
	line-height:130%;
}

/* キャプション右*/
.captionRight{
	font-size:80%;
	text-align:right;
	padding:2px 0 5px 0;
	margin:0;	
	line-height:130%;
}

/**********************************************************************/
/** ■　画像・記事													**/
/********************************************************************/

/* 画像中央*/
.imgCenter{
	text-align:center;
	padding:10px 0 5px 0;
	margin:0;
}
/* 画像右*/
.imgRight{
	text-align:right;
	padding:10px 0 5px 0;
	margin:0;
}
/* 画像左*/
.imgLeft{
	text-align:left;
	padding:10px 0 5px 0;
	margin:0;
}

/* 画像中央710px */
.imgCenterW710{
	text-align:center;
	padding:10px 0 5px 0;
	margin:0;
	width:710px;
}
/* 画像左200px*/
.imgLeftW200{
	float:left;
	width:200px;
	margin-right:20px;
	padding:5px 0 5px 0;
}
/* テキスト右490px*/
.txtRight{
	float:left;
	width:490px;
	padding:5px 0 5px 0;
	margin:0;
}
.txtRight h1,
.txtRight h2,
.txtRight h3,
.txtRight h4,
.txtRight h5,
.txtRight h6{
	margin-top:0px;
}

/* 画像右200px*/
.imgRightW200{
	float:right;
	width:200px;
	margin-left:20px;
	padding:5px 0 5px 0;
}
/* テキスト左490px*/
.txtLeft{
	float:right;
	width:490px;
	padding:5px 0 5px 0;
	margin:0;
}
.txtLeft h1,
.txtLeft h2,
.txtLeft h3,
.txtLeft h4,
.txtLeft h5,
.txtLeft h6{
	margin-top:0px;
}


/* 画像200px×3個*/
.imgW200{
	float:left;
	width:200px;
	margin-right:55px;
	padding:10px 0 5px 0;
}
.imgW200End{
	float:left;
	width:200px;
	margin:0;
	padding:10px 0 5px 0;
}


/**********************************************************************/
/** ■　表													**/
/********************************************************************/
/* 基本*/
table{
	margin-bottom:15px;
	padding:0;
	border:0;
	border-collapse:collapse;
}
tr{
	margin:0;
	padding:0;
	border:0;
}
td,th{
	margin:0;
	padding:5px;
	border:1px #666 solid;
}
th{
	text-align:center;
	font-weight:bold;
	color:#FFF;
	background-color:#BBB;
}

/* 罫線なし*/
td.tableBorder0,th.tableBorder0{
	border:0;
}



/**********************************************************************/
/** ■　定型用語													**/
/********************************************************************/


/* 申し込む */
a.btnApply{
	background:url(../img/btnApply.png) 0% 100% no-repeat;
	width:100px;
	height:28px;
	display:block;
	float:right;
	margin:0 10px 0 0;
}
a.btnApply:hover{
	background:url(../img/btnApply.png) 0% 0% no-repeat;
}

/* ページの先頭へ*/
.pagetop-area{
	text-align:right;
	margin: 20px 5px 10px 0; 
}
a.pagetop{
	display:inline;
	background:url(../img/arrow-top.gif) 0 center no-repeat;
	padding-left:15px;
	font-size:85%;
	text-decoration:none;
	color:#33F;
}
a.pagetop:hover{
	color:#33F;
	text-decoration:underline;	
}

/* 強調（枠　背景色：黄色） */
.emphasis{
	border:2px solid #999;
	background:#FF9;
	padding:10px;
	margin:5px 0;
}


/* 右矢印 */
.arrowRight{
	background:url(../img/arrowGray2.png) right center no-repeat;
	padding-right:15px;
}
.arrowRight:hover{
	background:url(../img/arrowRed2.png) right center no-repeat;
}


/* 区切り線 */
hr{
	width:100%;
	border:none;
	border-top:1px solid #aaa;
	margin-top:30px;
	padding-top:0px;
}

/* Flash Player*/
.flashplayer{
	padding:30px 0 10px 0;
}
.flashplayer .banner{
	background:url(../img/get_adobe_flash_player.png) 0 0 no-repeat;
	width:180px;
	height:39px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	font-size:1%;
	line-height:1%;
	display:block;
}
.flashplayer .text{
	width:530px;
	float:left;
}