/* ------ Web Font ------ */
/* IE */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.eot);
}
/* Firefox, Opera, Safari */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.otf) format("truetype");
}
.icon {
	font-family: iconfont;
	font-weight: normal;
}

/*
	Emoji Symbols Font (c)blockworks - Kenichi Kaneko
	http://emojisymbols.com/
	*/
	@font-face {
		font-family: "EmojiSymbols";
		src: url('EmojiSymbols-Regular.woff') format('woff');
	}
	.emj {
		font-family: "EmojiSymbols";
	}

/*********** 画像切替え *************/
.switch {
	visibility: hidden;
}
/***********************************/
BODY A:link {
	COLOR: #0033cc;
}
BODY A:visited {
	COLOR: #990099;
}
BODY A:HOVER {
	COLOR: red;
}
#ie6{
	display:inline-block;
	padding:20px 50px;
	border:2px solid red;
	background-color:white;
	font-size:1.2em;
	position:absolute;
	top:20px;
	left:center;
	margin-left:300px;
}
.section_title{
	font-size:1.2em;
	margin:1.7em 0 0.5em 0;
	padding:0.5em 0.5em 0.3em 0.5em;
	text-align:left;
	border-bottom:1px solid #00ff80;
	border-top:1px solid #00ff80;
	background-color : #e0fff0;
	color : green;
}
#page_title{
	font-size : 1.3em;
	color : white;
	background-color : #8080ff;
	text-align : left;
	padding:0.5em 0.5em 0.3em 0.5em;
	margin : 0 0 0.5em 0;
}
.page_title{
	font-size : 1.3em;
	color : white;
	background-color : #8080ff;
	text-align : left;
	padding:0.5em 0.5em 0.3em 0.5em;
	margin : 0 0 0.5em 0;
}
.page_title SPAN{
	margin:0 0.5em;
}
#top_title{
	margin-top:0;
}
.ul_m25{
	margin:0 0 0 25px;
	text-align:left;
}
.text_blue_box{
	font-size : 1.1em;
	background-color : #f0ffff;
	text-align : left;
	border : 2px solid #0080ff;
	padding:0.3em;
	color : #0000ff;
	margin:0.3em 0;
}
/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

	#container{
	width : 840px;
	margin:0 auto;
	position : relative;
	background : url(../grp/con_bg.jpg) center top repeat-y;
}
#intro{
	background-repeat : no-repeat;
	background-color : white;
	position:relative;
	}
	#intro h1{
		font-size:11px;
		font-weight : normal;
	}
	#intro h2{
		font-size:11px;
		font-weight : normal;
		position : absolute;
		top : 45px;
		left : 38px;
	}
#sub_menu{
	width:220px;
	float:left;
	}
	
	#grobalNav{

		}
		#grobalNav ul{
			position:relative;
			margin:-25px 0 0 0;
			z-index:9999;
			padding:0 0 0 35px;
			}
			#grobalNav ul li{
				text-align:left;
				margin:0 0 7px 0;
				}
				#grobalNav ul li:nth-child(1){
				}
				#grobalNav ul li:nth-child(2){
					margin-left:0;
				}
				#grobalNav ul li:nth-child(3){
					margin-left:10px;
				}
				#grobalNav ul li:nth-child(4){
					margin-left:20px;
				}
				#grobalNav ul li:nth-child(5){
				}
				#grobalNav ul li:nth-child(6){
					margin-left:10px;
				}
				#grobalNav ul li:nth-child(7){
					margin-left:20px;
				}
				#grobalNav ul li:nth-child(8){
					margin-left:5px;
					margin-top:10px;
				}
				#grobalNav ul li a{
					}
					#grobalNav ul li a img{
						-moz-box-shadow: 2px 2px 3px #000000;
						-webkit-box-shadow: 2px 2px 3px #000000;
						box-shadow: 2px 2px 3px #000000;
					}
					#grobalNav ul li.not_shadow a img{
						-moz-box-shadow: none !important;
						-webkit-box-shadow: none !important;
						box-shadow: none !important;
					}
	
	#sub_menu #side_link{
			margin:10px 10px 0 33px;
		}
		#sub_menu #side_link ul{
			}
			#sub_menu #side_link ul li{
				margin:0 0 10px 0;
				list-style:none;
				-moz-box-shadow: 2px 2px 5px #000000;
				-webkit-box-shadow: 2px 2px 5px #000000;
				box-shadow: 2px 2px 5px #000000;
				}
				#sub_menu #side_link ul li img{
					width:100%;
				}
	#sub_menu #address{
		margin:5px 10px 10px 33px;
		background:#FBF8EC;
		-moz-box-shadow: 2px 2px 5px #000000;
		-webkit-box-shadow: 2px 2px 5px #000000;
		box-shadow: 2px 2px 5px #000000;
		}
		#sub_menu #address h3{
			background:#453607;
			color:white;
			padding:0.5em 0 0.3em 0;
		}
		#sub_menu #address dl{
			padding:3px 5px;
			line-height:1.3em;
			}
			#sub_menu #address dl dt{
				text-align:left;
				font-weight:bold;
				letter-spacing:0.5em;
				color:#453607;
				margin:0.2em 0 0.2em 0 ;
				border-bottom:1px dotted #C60;
			}
			#sub_menu #address dl dd{
				text-align:left;
				margin:0 0 0.2em 0;
				}
				#sub_menu #address dl dd span{
					font-size:0.9em;
				}
#main{
	width:545px;
	float:left;
	background-image : url(../grp/main_foot.jpg);
	background-repeat : no-repeat;
	background-position : right bottom;
	min-height : 1300px;
	padding:0 65px 70px 10px;
}
#footer{
	width:100%;
	clear:both;
	background-image : url(../grp/foot_bg.jpg);
	background-repeat : no-repeat;
	background-position : center bottom;
	font-weight : bold;
	color : red;
	text-align : right;
	padding:0.3em 0;
	}
	#footer small{
		font-size:1em;
		margin-right:5px;
	}

/****************/
/***********************************/
#what{
width:100%;
clear:both;
}
#what H3{
margin-top:0;
}
#what_in{
height:150px;
  overflow : auto;
}

#what_in dl{
	padding:0.3em 0;
	width:100%;
	clear:both;
	text-align:left;
	border-bottom-width : 1px;
	border-bottom-style : dashed;
	border-bottom-color : silver;
}
#what_in dl dt{
	width: 6em;
	float: left;
	color: #2e77c1;
	clear: both;
	font-weight: bold;
}
#what_in dl dd {
	float: left;
}

/*********************************/
#what_index{
  width : 100%;
}
#what_index UL{
list-style:none
;}
#what_index UL LI{
float:left;
margin-right:10px;
}
	/*****************************************/
	.wm_10{
		margin:0 10px;
	}

/*-----------------------------------------------------	*/
/*	for - 979px		767-979		*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {
	
	/*****************************************/
	.wm_10{
		margin:0 1.02%;/*10/979*/
	}
}



/*-----------------------------------------------------	*/
/*	for - 767px		480-767		*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {
	
	/*****************************************/
	.wm_10{
		margin:0 0.65%;/*10/767*/
	}
}



/*-----------------------------------------------------	*/
/*	for - 479px		320-479		*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {
	
	/*****************************************/
	.wm_10{
		margin:0 1.06%;/*5/469*/
	}
}


/*-----------------------------------------------------	*/
/*	for - 319px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 319px) {

}