charset "utf-8";"

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/* ------ Body ------ */

body {
	/*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	color: #000;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	/*-webkit-text-size-adjust: 100%;		 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}




/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */

/* フルードイメージ対応 */
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}


.img {
	text-align: center;
}

.text-center {
	text-align: center;
}




/* ------ Font ------ */

/* 各ブラウザに対応したWebフォントを指定 */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ------ Column ------ */

.row {
	max-width: 930px;
	margin: 0 auto;
}
.row:after {
	content: "";
	display: block;
	clear: both;
}

/* 各カラムを横並びにし、左マージンを設定 */
.col {
	float: left;
	margin-left: 3.2258064515%;
}

/* 左端のカラムの左マージンを削除 */
.col:first-child,
.col.left {margin-left: 0;}

/* カラムの左右を入れ替えるための設定 */
.col.right {
	float: right;
	margin-left: 3.2258064515%;
}

/* 各カラムの幅を％で設定 */
.one-second {width: 48.3870967741%;}
.one-third {width: 31.1827956988%;}
.two-third {width: 65.5913978494%;}


/* ------ Header ------ */

#header_box{
margin:auto;
background:url(../../../guide_images/header_back.gif) repeat-x top;
}

#header_box h1{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 10px;
}


.clear_box{
	clear:both;
	padding: 0 ;
}

.header_right  {
	color:#999;
	font-weight:bold;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
}


.header_right_box {
	text-align: center;
	text-decoration: none;
}

.img_mobile {
	background:url(../../../guide_images/main_head_right.jpg) no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	padding-bottom:60px;
}
	


#header_menubox{
background:url(../../../guide_images/header_menu_back.gif) repeat-x;
padding: 0px 0px 10px 20px;
}

/* ------ maincontents ------ */


.topmenu01 a{
	background:url(../../../guide_images/topg0101.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu01 a:hover{
	background:url(../../../guide_images/topg0102.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu02 a{
	background:url(../../../guide_images/topg0201.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu02 a:hover{
	background:url(../../../guide_images/topg0202.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu03 a{
	background:url(../../../guide_images/topg0301.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu03 a:hover{
	background:url(../../../guide_images/topg0302.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu04 a{
	background:url(../../../guide_images/topg0401.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu04 a:hover{
	background:url(../../../guide_images/topg0402.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu05 a{
	background:url(../../../guide_images/topg0501.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu05 a:hover{
	background:url(../../../guide_images/topg0502.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu06 a{
	background:url(../../../guide_images/topg0601.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu06 a:hover{
	background:url(../../../guide_images/topg0602.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu07 a{
	background:url(../../../guide_images/topg0701.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu07 a:hover{
	background:url(../../../guide_images/topg0702.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu08 a{
	background:url(../../../guide_images/topg0801.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu08 a:hover{
	background:url(../../../guide_images/topg0802.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu09 a{
	background:url(../../../guide_images/topg0901.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}
.topmenu09 a:hover{
	background:url(../../../guide_images/topg0902.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:90%;
	padding: 0 0 100% 0;
	background-size: 100%;
}

.backtotop {
	text-align:right;
}


#footer_box{font-size:13px;text-align:center;}

.footer_box_text{
border-top:1px black solid;
text-align:center;
padding-top:10px;
}



/*-----------------------------------------------------	*/
/*	for 600px - 979px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 600px) and (max-width: 979px) {

	/* ------ Column ------ */

	/* 左右に0pxの余白を設定 */
	.row {padding: 0px 5px 0px 5px ;}



}



/*-----------------------------------------------------	*/
/*	for - 599px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 599px) {
	
	
#header_box h1{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}
	

	/* ------ Column ------ */

	/* 左右に0pxの余白を設定 */
	.row {padding: 0px 0px 0px 0px ;}

	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}

	/* スマートフォン用表示ではサイズを変更 */

.img_mobile {
	background-image:url(../../../guide_images/main_head_right.jpg);
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	text-align:center;
	width:45%;
	padding-bottom:10%;
	margin-left:32%;
	background-size: 100%;/*小さく全表示*/
}

.header_right  {
	color:#999;
	text-align: center;
	font-weight:bold;
	padding: 5px 0px 5px 0px;
}
.header_right a {
	/*background:url(../../comp2.png) no-repeat;*/
	text-decoration: none;
	color:#999;
}
.header_right_box {
	font-size:20px;
	text-align: center;
	background-color: #fff;
	border: #06F solid 2px;
	color:#999;
	font-weight:bold;
	padding: 2% 4% 1% 4%;
	margin-top:4%;
	text-decoration: none;
}


	/* スマートフォン用表示では画像を変更 */
.topmenu01 a{
	background:url(../../../guide_images/topg01m.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu01 a:hover{
	background:url(../../../guide_images/topg01m2.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu02 a{
	background:url(../../../guide_images/topg02m.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu02 a:hover{
	background:url(../../../guide_images/topg02m2.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu03 a{
	background:url(../../../guide_images/topg03m.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:1%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu03 a:hover{
	background:url(../../../guide_images/topg03m2.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:1%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu04 a{
	background:url(../../../guide_images/topg04m.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu04 a:hover{
	background:url(../../../guide_images/topg04m2.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu05 a{
	background:url(../../../guide_images/topg05m.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu05 a:hover{
	background:url(../../../guide_images/topg05m2.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu06 a{
	background:url(../../../guide_images/topg06m.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:1%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu06 a:hover{
	background:url(../../../guide_images/topg06m2.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:1%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu07 a{
	background:url(../../../guide_images/topg07m.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu07 a:hover{
	background:url(../../../guide_images/topg07m2.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu08 a{
	background:url(../../../guide_images/topg08m.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu08 a:hover{
	background:url(../../../guide_images/topg08m2.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 45% 0;
	margin-bottom:2%;
	background-size: 100%;
	border:#999999 solid 2px;
}
.topmenu09 a{
	background:url(../../../guide_images/topg0901.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 112% 0;
	background-size: 100%;
}
.topmenu09 a:hover{
	background:url(../../../guide_images/topg0902.jpg) no-repeat;
	float:left;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	  overflow: hidden;/*テキスト非表示*/
	  text-indent: 100%;
	display: block;
 	white-space:nowrap;
	width:100%;
	padding: 0 0 112% 0;
	background-size: 100%;
}
.backtotop a {
	width:100%;
	background-size: 100%;
	padding:4px;
}



}