/* CSS Document */
@charset "EUC-JP";

/* ----------------------------------------------------------
CSS Reset
---------------------------------------------------------- */
/*reset*/
html>/**/body		{font-size:12px}
*+html body		 	{font-size:12px}
div, span, applet, object, p, a, abbr, address, cite, code, del, form, input, button,
font, img, q, s, samp, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, label		{font-size:100%;margin:0;padding:0;border:none;outline:0;background:transparent;}
div,h1,h2,h3,h4,h5,h6,p,li,dt,dd	{
word-break:break-all;
padding:0;
margin:0;
font-family:Meiryo,tahoma,'Arial',"lucida grande", 'trebuchet ms','MS PGothic','Hiragino Kaku Gothic Pro',sans-serif;
}
section, nav, article, aside, hgroup, header, footer, figure, figcaption 	{
display: block;
}
h1,h2,h3,h4,h5,h6	{font-size:100%;font-weight:normal;font-style:normal;}
ul li				{list-style:none}

/*clearfix*/
* html .clearfix	{zoom:1}
*+html .clearfix	{zoom:1}
.clearfix:after		{height:0;visibility:hidden;content: ".";display:block;clear: both}

/*img*/
img					{vertical-align:middle;border:none;-ms-interpolation-mode: bicubic}

/*switching*/
.pcviews		{display:block}
.spviews		{display:none}
@media only screen
	and (max-width: 467px)	{
.pcviews		{display:none}
.spviews		{display:block}
.spviews h1 img			{width: 70%; text-align: center;}/* ninh用カスタム */

}

/* ----------------------------------------------------------
Base Layout
---------------------------------------------------------- */
body			{font-size:100%;line-height:normal;margin:0 auto;padding:0;border:none; text-align:center;word-break:break-all;height:100%;position:relative;}
#wrapper		{width:100%;padding:0; margin:0 auto; position:relative;background:#fff;position:relative;}
#header			{width:100%; margin:0 auto; text-align: center; }
#container	 	{width:960px;padding:0 20px; margin:0 auto; background:#fff; }
#pagetop 		{padding: 0;margin: 0 0 15px;border:1px solid #DADADA;background: url(../../image/h1_bg.gif) repeat-x; text-align:left;}
#main			{}
#content		{width:700px;float:left;margin:0 0 15px; padding-bottom:25px}
#nav			{width:250px;float:right;margin:0 0 15px; border:none }
#footer			{width:100%;font-size:90%;clear:both;color:#666;text-align:center;padding:10px 0;border-top: 1px solid #CCCDCF}
@media only screen
	and (max-width: 767px)	{
body			{-webkit-text-size-adjust: none!important; overflow-x:hidden;}
#container	 	{width:100%; padding:0}
#pagetop 		{margin:0 10px 10px}
#main			{margin:0 10px}
#content		{width:100%;float:none;margin:0 }
#nav			{width:100%;float:none;margin:0 }
}

/* ----------------------------------------------------------
Header Layout
---------------------------------------------------------- */
#header 			{} /* ninh用カスタム */
*+html #header 		{margin: 20px;} /* ninh用カスタム */
#header 			{margin: 20px auto;} /* ninh用カスタム */
@media only screen
	and (max-width: 767px)	{
#header img	{max-width:100%; height:auto} /* ninh用カスタム */
}

/* ----------------------------------------------------------
Pagetop Layout
---------------------------------------------------------- */
#pagetop h1			{width:89%;float:left;font-size:150%;line-height:1.25em; font-weight:bold; text-align:left; margin:10px 0 10px 10px}
#pagetop .ana_bn	{float:right;text-align:right;margin:10px 10px 10px 0; }
#pagetop .Top_txt	{clear:both;color:#1D435A;float:none;line-height:130%;margin:5px 0 10px; text-align:left; padding:0 12px}
@media only screen
	and (max-width: 467px)	{
#pagetop h1			{width:74.25%;}
}
@media only screen
	and (min-width: 468px)	
	and (max-width: 767px)	{
#pagetop h1			{width:85.5%;}
}

/* ----------------------------------------------------------
Contents Layout
---------------------------------------------------------- */
/* main_image */
#main_image					{width:100%;height:auto;/*background: url(../../image/main_image_700_465pix.jpg) no-repeat*/margin-bottom:5px;}
#main_image img				{width:100%;height:auto; max-width:100%}
.tabisaku_image img			{display:block;width:100%; height:auto; max-width:100%}
.tabisaku_image a:hover,
.tabisaku_image a:focus		{filter: alpha( opacity=75 );-ms-filter: "alpha( opacity=75 )";opacity:0.75;}/*
@media only screen
	and (min-width: 468px)	
	and (max-width: 767px)	{
.tabisaku_image img			{max-width:346px; text-align:center; margin:0 auto}
}*/

/* ----------------------------------------------------------
Nav Layout
---------------------------------------------------------- */
/* search */
#nav #search				{width:100%!important;background:#fff;text-align:center;padding: 0; border:none}
#nav #search table			{width:100%!important;text-align:left}
#nav #search .nav_title		{font-size:110%;background:#7cc6f4; color:#fff; font-weight:bold; padding:5px 7px; text-align:center}

/* tabisaku_info */
#search .tabisaku_info			{margin:5px 0;text-align:right!important}
#search .tabisaku_info a:hover,
#search .tabisaku_info a:focus	{opacity:0.75}

/* search_list */
#search .search_list		{width:100%;padding:0; margin:0;border:1px solid #ccc; border-collapse:collapse; margin-bottom:-1px}
#search .search_list th		{border:1px solid #ccc; border-collapse:collapse; margin-bottom:-1px; text-align:left}
#search .search_list td		{border:1px solid #ccc; border-collapse:collapse; margin-bottom:-1px;padding:10px 5px}
#search .search_listname	{width:30%;background:#3f9edf;color:#fff; margin:0; padding:0; font-weight:bold;font-size:90%; padding:10px 5px;}
@media only screen
	and (max-width: 767px)	{
#search .search_list th				{border:none;display:block; width:auto}
#search .search_list td				{border:none;display:block; width:100%}
	*+html #search .search_list th	{width: 30%; }
	*+html #search .search_list td	{width: auto; }
	#search .search_list th			{width: 30%\9 }
	#search .search_list td			{width: auto\9;}
#search .popupCalendar				{display:none!important;}
}

/* search_button */
#search .search_button				{text-align:center!important}
#search .search_button .searchBT	{margin:10px auto}
#search .search_button input:hover,
#search .search_button input:focus	{filter: alpha( opacity=75 );-ms-filter: "alpha( opacity=75 )";opacity:0.75;}

/* how_to */
#how_to					{width:100%; margin:10px auto}
#how_to .h3LeftCol		{width:100%; margin:0; background:#f9f9f9; padding:7px 0; font-size:110%; font-weight:bold; border:1px solid #ccc; margin-bottom:-1px; position:relative}
#how_to .liarea			{width:100%;margin:0; border:1px solid #ccc; background:#fff}
#how_to ul				{list-style:none;margin:0;padding: 7px 10px 3px; text-align:left}
#how_to ul li 			{background: url(../../image/format-icn-arrow-sky.gif) no-repeat 0px 4px;padding:0 0 4px 7px;list-style:none;margin:0;letter-spacing: 0.1em;}
#how_to ul li a:hover,
#how_to ul li a:focus	{filter: alpha( opacity=75 );-ms-filter: "alpha( opacity=75 )";opacity:0.75;text-decoration:none}

/* hyouki */
#hyouki		{text-align:left;list-style:none;padding: 10px 5px}
#hyouki li 	{margin: 0}






/* ------------------------------
	 ninh用カスタム_ロゴ
------------------------------ */

h1 a,
h1 a:hover {
	margin: 0px;
}

h1 a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}