@charset "UTF-8";

/*----------------------------------------------------
	☆Reset
----------------------------------------------------*/

html {
	background:url(../cmn_img/bg_texture_01.gif) left top repeat fixed;
}

body, h1, h2, h3, h4, h5, h6, pre, ul , ol , li, dl, dt, dd, p, img {
	margin:0;
	padding:0;
}

body {
	background:url(../cmn_img/bg_body.png) center 110px no-repeat;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#333;
	line-height:100%;
	min-width:1000px;
}

a {
	color:#004AA3;
	text-decoration:none;
	cursor:pointer;
}

a:link {
	color:#004AA3;
	text-decoration:none;
}

a:hover {
	color:#004AA3;
	text-decoration:underline;
}

#contents p {
	line-height:1.7;
}

ul, ol {
	list-style-type:none;
}

ul li, ol li, dl {
	line-height:1.7;
}


h1, h2, h3, h4, h5, h6 {
	line-height:1.7;
}

::selection { background-color:#004AA3; color: #FFF; /* Safari */ }
::-moz-selection { background-color: #004AA3; color: #FFF; /* Firefox */ }


h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p {
	font-size:100%!important;
}


/*----------------------------------------------------
	☆Crearfix
----------------------------------------------------*/


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

.clearfix {
	display:inline-block;
	min-height:1%;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */


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

.clearfix2 {
  min-height: 1px;
}

* html .clearfix2 {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*----------------------------------------------------
	☆br clear
----------------------------------------------------*/


br.clear_noie{
	display:inline !important;
	display:none;
	clear:both;
	line-height:0px;
}

div.clear_noie{
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
}

br.clear_all {
	clear:both;
	line-height:0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
br.clear_noie  {
	display:block!important;
	content: " ";
}
}




/*----------------------------------------------------
	☆topcontrol
----------------------------------------------------*/

#topcontrol a {
	background:url(../cmn_js/scrolltop/scrollup.png) left top no-repeat;
	background : url(../cmn_js/scrolltop/scrollup.gif) left top no-repeat\9; /* IE8 and below */
	*background : url(../cmn_js/scrolltop/scrollup.gif) left top no-repeat; /* IE7 and below */
	_background : url(../cmn_js/scrolltop/scrollup.gif) left top no-repeat; /* IE6 */
	display:block;
	height:60px;
	width:60px;
}




/*----------------------------------------------------
	☆Display None
----------------------------------------------------*/

#header div.hdInr .logo a span,
#gNav li span,
#footer div.ftInr h2 a span{
	display:none;
	visibility:hidden;
}



/*----------------------------------------------------
	☆base contents
----------------------------------------------------*/



/*-- header --*/

#header {
	background:url(../cmn_img/bg_hd_line.gif) left top repeat-x #FFF;
	padding-top:14px;
	width:100%;
}

#header div.hdInr {
	height:55px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	width:970px;
}

#header div.hdInr .logo {
	float:left;
	height:40px;
	width:250px;
}

#header div.hdInr .logo a {
	background:url(../cmn_img/bg_hd_logo.gif) left top no-repeat;
	display:block;
	height:40px;
	width:250px;
}

#header div.hdInr .logo a.shortCutLink {
	background:none;
	display:inline;
	font-size:0;
	line-height:0;
	height:1px;
	width:1px;
}

#header div.hdInr #hdR {
	float:right;
	padding-top:10px;
	width:522px;
}

#header div.hdInr #hdR div.hdList{
	float:left;
	margin-right:9px;
	width:215px;
}

#header div.hdInr #hdR div.hdList ul li{
	float:left;
}

#header div.hdInr #hdR div.hdList ul li.first{
	margin-right:12px;
}

#header div.hdInr #hdR div.hdSearch {
	float:left;
	height:24px;
	position: relative;
	width:144px;
}

#header div.hdInr #hdR div.hdSearch input.sInput {
	background-color:#FFF;
	border: 1px solid #CCC;
	color:#999;
	font-size:11px!important;
	left:0px;
	padding: 3px 5px 2px;
	position: absolute;
	top:0;
	width:106px;
	overflow:hidden;
	height:17px;
}

#header div.hdInr #hdR div.hdSearch input.sBtn {
	height:24px;
	left: 106px;
	position: absolute;
	top: 0;
	width:38px;
}

#header div.hdInr #hdR div.hdFontsize {
	background:url(../cmn_img/bg_hd_fontsize.gif) left 0 no-repeat;
	float:right;
	margin-top: 2px;
	width:139px;
}

#header div.hdInr #hdR div.hdFontsize ul {
	padding-left:75px;
	width:139px;
}

#header div.hdInr #hdR div.hdFontsize ul li {
	float:left;
	margin-right:2px;
	height:20px;
}

#header div.hdInr #hdR div.hdFontsize ul li.last {
	margin-right:0;
}

#header div.hdInr #hdR div.hdFontsize ul li a {
	display:block;
	height:20px;
}

#header div.hdInr #hdR div.hdFontsize ul li a span {
	display:none;
	visibility:hidden;
}

#header div.hdInr #hdR div.hdFontsize ul li#fontS a {
	background:url(../cmn_img/btn_hd_fontsize_s_f.gif) left top no-repeat;
	width:20px;
}

#header div.hdInr #hdR div.hdFontsize ul li#fontS a.textresizer-active,
#header div.hdInr #hdR div.hdFontsize ul li#fontS a:hover {
	background:url(../cmn_img/btn_hd_fontsize_s_h.gif) left top no-repeat;
}

#header div.hdInr #hdR div.hdFontsize ul li#fontM a {
	background:url(../cmn_img/btn_hd_fontsize_m_f.gif) left top no-repeat;
	width:20px;
}

#header div.hdInr #hdR div.hdFontsize ul li#fontM a.textresizer-active,
#header div.hdInr #hdR div.hdFontsize ul li#fontM a:hover {
	background:url(../cmn_img/btn_hd_fontsize_m_h.gif) left top no-repeat;
}

#header div.hdInr #hdR div.hdFontsize ul li#fontL a {
	background:url(../cmn_img/btn_hd_fontsize_l_f.gif) left top no-repeat;
	width:20px;
}

#header div.hdInr #hdR div.hdFontsize ul li#fontL a.textresizer-active,
#header div.hdInr #hdR div.hdFontsize ul li#fontL a:hover {
	background:url(../cmn_img/btn_hd_fontsize_l_h.gif) left top no-repeat;
}



/*-- gNav --*/

#gNav {
	background: url(../cmn_img/bg_gnav.jpg) left top  repeat-x;
	height:41px;
	width: 100%;
}

#gNav ul {
	margin: 0 auto;
	width:970px;
}

#gNav ul li {
	background-image:url(../cmn_img/bg_gnav_li.jpg);
	float:left;
	font-size:0;
	line-height:0;
	height:41px;
}

#gNav ul li a {
	background-image:url(../cmn_img/bg_gnav_li.jpg);
	background-repeat:no-repeat;
	display:block;
	height:41px;
}

#gNav ul li.li01 a { background-position:0 0; width:107px;}
#gNav ul li.li02 a { background-position:-107px 0; width:105px;}
#gNav ul li.li03 a { background-position:-212px 0; width:128px;}
#gNav ul li.li04 a { background-position:-340px 0; width:150px;}
#gNav ul li.li05 a { background-position:-490px 0; width:105px;}
#gNav ul li.li06 a { background-position:-595px 0; width:204px;}
#gNav ul li.li07 a { background-position:-799px 0; width:171px;}

#gNav ul li.li01, #gNav ul li.li01 a.current { background-position:0 bottom; width:107px;}
#gNav ul li.li02, #gNav ul li.li02 a.current { background-position:-107px bottom; width:105px;}
#gNav ul li.li03, #gNav ul li.li03 a.current { background-position:-212px bottom; width:128px;}
#gNav ul li.li04, #gNav ul li.li04 a.current { background-position:-340px bottom; width:150px;}
#gNav ul li.li05, #gNav ul li.li05 a.current { background-position:-490px bottom; width:105px;}
#gNav ul li.li06, #gNav ul li.li06 a.current { background-position:-595px bottom; width:204px;}
#gNav ul li.li07, #gNav ul li.li07 a.current { background-position:-799px bottom; width:171px;}



/*-- breadchumbs --*/

#breadchumbs {
	margin: 0 auto 10px;
	padding-top:25px;
	width: 970px;
}

#breadchumbs p {
	font-size: 85% !important;
	width: 970px;
}

#breadchumbs p a {
	color:#004AA3;
}



/*-- container --*/

#container {
	margin:0 auto;
	text-align:left;
	width:970px;
}

#contents {
	float:left;
	width:720px;
}

#contents div.contentsInr {
	background-color:#FFF;
	border:1px solid #C7DFF8;
	padding:30px 0 50px;
}

#contents div.contentsInr div.main {
	margin:0 auto;
	width:662px;
}

#rMenu {
	float:right;
	width:228px;	
}

#rMenu div.categoryMenu {
	background-color:#FFF;
	border:1px solid #C7DFF8;
	margin-bottom:20px;
	padding:12px 0;
}

#rMenu div.categoryMenu div.cmInr {
	margin:0 auto;
	width:204px;
}

#rMenu div.categoryMenu div.cmInr h2 {
	font-size:138.5%!important;
	font-weight:normal;
	line-height:1.4;
	margin-bottom:10px;
	text-align:center;
}

#rMenu div.categoryMenu div.cmInr h2 a ,
#rMenu div.categoryMenu div.cmInr h2 span{
	display:block;
	background-color:#4FB0E3;
	color:#FFF;
	padding:10px 0;
}

#rMenu div.categoryMenu div.cmInr h2 a:hover{
	background-color:#0079B7;
	text-decoration:none;
}

#rMenu div.categoryMenu div.cmInr ul li {
	margin-bottom:1px;
}

#rMenu div.categoryMenu div.cmInr ul li a {
	background:url(../cmn_img/icon_circle_01.gif) 9px center no-repeat;
	border:2px solid #E5F3FC;
	color:#000;
	display:block;
	padding:10px 0 10px 33px;
}

#rMenu div.categoryMenu div.cmInr ul li a:hover,
#rMenu div.categoryMenu div.cmInr ul li a.current {
	background:url(../cmn_img/icon_circle_01.gif) 9px center no-repeat #E5F3FC;
	text-decoration:none;
}

#rMenu div.categoryMenu div.cmInr ul li a span {
	background:url(../cmn_img/icon_arrow_cm.gif) 150px center no-repeat;
	display:block;
	padding-right:25px;
}

#rMenu div.categoryMenu div.cmInr ul li a span span{
	display:none;
}

div.rmSearch {
	background:url(../cmn_img/bg_texture_02.gif) left top repeat;
	margin-bottom:20px;
	padding:4px 0;
}

div.rmSearch div.rsInr {
	background-color:#FFF;
	margin:0 4px;
	padding:15px 0;
}

div.rmSearch div.rsInr div.rsMain {
	margin:0 auto;
	width:190px;
}

div.rmSearch div.rsInr div.rsMain h2 {
	background:url(../cmn_img/bg_texture_05.gif) left bottom repeat-x;
	font-size:0;
	line-height:0;
	margin-bottom:15px;
	padding-bottom:3px;
	text-align:center;
}

div.rmSearch div.rsInr div.rsMain h2 span {
	background-color:#FFF;
	display:block;
	padding-bottom:10px;
}

div.rmSearch div.rsInr div.rsMain ul.rsForm {
	margin-bottom:17px;
}

div.rmSearch div.rsInr div.rsMain ul.rsForm li {
	line-height:100%;
	margin-bottom:5px;
	position:relative;
}

div.rmSearch div.rsInr div.rsMain ul.rsForm li.last {
	margin-bottom:0;
}

div.rmSearch div.rsInr div.rsMain ul.rsForm li input {
	border:1px solid #71B8E4;
	height:22px;
	ime-mode:active;
	padding:0 5px;
	width:119px;
	
	position:absolute;
	right:0;
	top:0;
}

div.rmSearch div.rsInr div.rsMain ul.rsForm li input:focus {
	background-color:#E7F3FB;
}

div.rmSearch div.rsInr div.rsMain div.detailSearch {
	border:1px solid #71B8E4;
	margin-bottom:10px;
	padding-bottom:10px;
}

div.rmSearch div.rsInr div.rsMain div.detailSearch h3 {
	background-color:#5EAFE2;
	color:#FFF;
	font-size:116%!important;
	font-weight:normal;
	margin-bottom:10px;
	padding:1px 0;
	text-align:center;
}

div.rmSearch div.rsInr div.rsMain div.detailSearch p.times {
	line-height:1.4;
	margin:0 0 8px 5px;
}

div.rmSearch div.rsInr div.rsMain div.detailSearch select {
	font-size: 85% !important;
	padding:0;
	margin:0;
}

div.rmSearch div.rsInr div.rsMain div.detailSearch option {
	padding:0;
}

div.rmSearch div.rsInr div.rsMain div.detailSearch p.dates {
	line-height:1.4;
	margin:0 0 8px 5px;
}

div.rmSearch div.rsInr div.rsMain div.detailSearch p.kinds {
	line-height:1.4;
	text-align:center;
}

div.rmSearch div.rsInr div.rsMain ul.searchAttention {
	margin-bottom:15px;
}

div.rmSearch div.rsInr div.rsMain ul.searchAttention li {
	font-size:93%!important;
	line-height:1.4;
	margin-bottom:5px;
	padding-left:1em;
	text-indent:-1em;
}

div.rmSearch div.rsInr div.rsMain ul.searchAttention li.red a {
	color:#FF2626;
}

div.rmSearch div.rsInr div.rsMain ul.searchAttention li.org a {
	color:#EB5F00;
}

div.rmSearch div.rsInr div.rsMain ul.searchAttention li a {
	display:block;
	text-decoration:underline;
}

div.rmSearch div.rsInr div.rsMain ul.searchAttention li a:hover {
	text-decoration:none;
}

div.rmSearch div.rsInr div.rsMain p.searchBtn {
	text-align:center;
}

div.rmSearch div.rsInr div.rsMain p.searchBtn input {
	background: #fff url(../cmn_img/btn_rm_search.jpg) left top no-repeat;
	border:none;
	text-indent:-8888px;
	height:34px;
	width:110px;
	border-width: 0px;
	display: block;
	margin: 0 auto;
}

#rMenu div.rmBeginner {
	background:url(../cmn_img/bg_texture_02.gif) left top repeat;
	margin-bottom:20px;
	padding:4px 0;
}

#rMenu div.rmBeginner div.rbInr {
	background-color:#FFF;
	margin:0 4px;
	padding:15px 0 5px;
}

#rMenu div.rmBeginner div.rbInr div.rbMain {
	margin:0 auto;
	width:190px;
}

#rMenu div.rmBeginner div.rbInr div.rbMain h2 {
	background:url(../cmn_img/bg_texture_05.gif) left bottom repeat-x;
	font-size:0;
	line-height:0;
	margin-bottom:5px;
	padding-bottom:3px;
	text-align:center;
}

#rMenu div.rmBeginner div.rbInr div.rbMain h2 span {
	background-color:#FFF;
	display:block;
	padding-bottom:10px;
}

#rMenu div.rmBeginner div.rbInr div.rbMain ul li {
	font-size:0!important;
	line-height:0!important;
	margin:0;
}

#rMenu div.bnrList {
	background-color:#FFF;
	border:1px solid #C7DFF8;
	margin-bottom:30px;
	padding:12px 0;
}

#rMenu div.bnrList div.blInr {
	margin:0 auto;
	width:200px;
}

#rMenu div.bnrList div.blInr ul {
	margin:0 auto;
	width:200px;
}

#rMenu div.bnrList div.blInr ul li {
	font-size:0;
	line-height:0;
	margin-bottom:10px;
	width:200px;
}


/*-- pageTop --*/

#pageTop {
	font-size:93%!important;
	line-height:140%;
	text-align:right;	
	padding-top: 10px;
}

#pageTop a {
	background:url(../cmn_img/icon_arrow_pagetop.gif) left 3px no-repeat;
	display:inline-block;
	padding:0 0 20px 19px;
}



/*-- footer --*/

#footer {
	background-color:#FFF;
	padding:30px 0;
	width:100%;	
}

#footer div.ftInr {
	margin:0 auto;
	text-align:center;
	width:970px;	
}

#footer div.ftInr div.ftList {
	color:#3978B8;
	padding-bottom:20px;
	position: relative;
	overflow: hidden;
}

#footer div.ftInr div.ftList ul {
	position: relative;
	left: 50%;
	float: left;
}
	

#footer div.ftInr div.ftList ul li {
	border-right:1px solid #3978B8;
	color:#3978B8;
	font-size:93%!important;
	line-height:100%;
	padding:0 10px;
	position: relative;
	left: -50%;
	float: left;
}

#footer div.ftInr div.ftList ul li.first {
	border-left:1px solid #3978B8;
}

#footer div.ftInr div.ftList ul li a {
	color:#3978B8;
}

#footer div.ftInr h2 {
	height:20px;
	margin:0 auto 22px;
	width:175px;
}

#footer div.ftInr h2 a {
	background:url(../cmn_img/bg_ft_logo.gif) left top no-repeat;
	display:block;
	height:25px;
	width:175px;
}

#footer div.ftInr small {
	font-size:85%!important;
}

#footer div.ftInr small span {
	display:block;
	padding-top:10px;
}

#footer div.ftInr small span.spBr {
	display:inline;
	padding-top:0;
}