@charset "utf-8";
/* CSS Document */

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

/*---ForFireFoxLink------------------*/
a:focus{outline:none;}


/*body{
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
*/

/* link
----------------------------------------------------------- */
/*
a:link {
	color:#2e2e2c;
	text-decoration:none;
}
a:visited {
	color:#2e2e2c;
	text-decoration:none;
}
a:hover {
	color:#2e2e2c;
	text-decoration:underline;
}
a:active{
	color:#2e2e2c;
	text-decoration:none;
}
 */
/*---defaultStyle ------------------*/
body{
}
p{
	line-height:1.4;	
}
ul,li{
	margin:0;
	padding:0;
}
li{
	list-style:none outside none;
}

/*---------------------------------------------------------------
COMMON LAYOUT
---------------------------------------------------------------*/
/*2カラム*/
#mainArea_Two_Column{
	margin:0 auto 0 auto;
	padding-bottom:55px;
	width:960px;
	text-align:left;
}
#mainArea_Two_Column #LeftContents{
	float:left;
	width:720px;
}
#mainArea_Two_Column #RightContents{
	float:right;
	width:222px;
}


/*---------------------------------------------------------------
Header
---------------------------------------------------------------*/
#Header_Contents{
	/*height:180px;*/
	background:url(../images/header/bg_heder.jpg) top left no-repeat;
	background-position:center 0 ;
}

/*---Header_Main ------------------*/
#header_main{
	width:962px;
	/*width:1026px;*/
	margin:0 auto 0 auto;
	padding-top:2px;
	padding-bottom:15px;
	text-align:left;
}
	#header_main #inner{
		width:958px;
		margin-left:2px;
		position:relative;
	}
	#header_contents{
		width:958px;
		height:60px;
		
	}
		#header_main #inner #head_logo{
		}
		#header_main #inner #btn_soudan{
			position:absolute;
			left:432px;
			top:17px;
		}
		#head_menu_A{
			position:absolute;
			left:579px;
			top:23px;			
		}
			#head_menu_A ul li{
				float:left;		
			}
		#head_menu_B{
			position:absolute;
			left:869px;
			top:13px;
			padding-left:11px;
			border-left:1px dotted #ccc;
		}
			#head_menu_B ul li{
				height:20px;
			}	
/*---Main_Navi ------------------*/
#main_navi{
	width:941px;
	height:33px;
	margin-left:8px;
	background:url(../images/header/menu_bg.png) 0 0 no-repeat;	

}
	#main_navi ul li{
		float:left;
	}
	#main_navi ul li a{
		float:left;
		height:33px;
		display: block;	
		text-indent:-10000px;
	}
		#main_navi li#btn1 a{
			width:125px;
			background:url(../images/header/menu.gif) 0 0 no-repeat;
		}
		#main_navi li#btn1 a:hover{
			background:url(../images/header/menu.gif) 0 bottom no-repeat;
		}
		#main_navi li#btn2 a{
			width:84px;
			background:url(../images/header/menu.gif) -125px 0 no-repeat;
		}
		#main_navi li#btn2 a:hover{
			background:url(../images/header/menu.gif) -125px bottom no-repeat;
		}
		#main_navi li#btn3 a{
			width:52px;
			background:url(../images/header/menu.gif) -209px 0 no-repeat;
		}
		#main_navi li#btn3 a:hover{
			background:url(../images/header/menu.gif) -209px bottom no-repeat;
		}
		#main_navi li#btn4 a{
			width:163px;
			background:url(../images/header/menu.gif) -261px 0 no-repeat;
		}
		#main_navi li#btn4 a:hover{
			background:url(../images/header/menu.gif) -261px bottom no-repeat;
		}
		#main_navi li#btn5 a{
			width:158px;
			background:url(../images/header/menu.gif) -424px 0 no-repeat;
		}
		#main_navi li#btn5 a:hover{
			background:url(../images/header/menu.gif) -424px bottom no-repeat;
		}
		#main_navi li#btn6 a{
			width:178px;
			background:url(../images/header/menu.gif) -582px 0 no-repeat;
		}
		#main_navi li#btn6 a:hover{
			background:url(../images/header/menu.gif) -582px bottom no-repeat;
		}


/*---ヘッダー　キャラ通常--*/
#main_navi .chara{
	position:absolute;
	left:135px;
	top:9px;
}
/*---ヘッダー　キャラ春


#main_navi .chara{
	position:absolute;
	left:164px;
	top:-2px;
	z-index:91;
}

#main_navi .chara_bg{
	position:absolute;
	left:135px;
	top:2px;
	z-index:89;
}------------------*/


/*---ヘッダー　キャラ冬


#main_navi .chara_obj1{
	position:absolute;
	left:150px;
	top:0px;
	z-index:89;

}

#main_navi .chara{
	position:absolute;
	left:220px;
	top:15px;
	z-index:89;

}




#main_navi .chara_bg{
	position:absolute;
	left:125px;
	top:0px;
	z-index:88;

}------------------*/


/*---検索フォーム ------------------*/
#searchform_area{
	position:absolute;
	right:20px;
	top:66px;
}
#searchform1 {
	width: 161px;
	height: 22px;
	background:url(../images/header/search_bg.gif) left top no-repeat; 
	display: block;
	position: relative;
}
#searchform1 #keywords1{
	width: 116px;
	position: absolute;
	top: 2px;
	left: 2px;
	border: 1px solid #FFF;
	padding-left:5px;
}
#searchform1 #searchBtn1{
	position: absolute;
	top: 2px;
	right:2px;
}


/*---------------------------------------------------------------
mainContents
---------------------------------------------------------------*/
#Contentarea{
	background:url(../images/bg_long.gif) 0 0 ;
}

/*---------------------------------------------------------------
Footer　950px ver.
---------------------------------------------------------------*/
#Footer_Wrapper{
	background:url(../images/footer/footer_bg.png) 0 bottom repeat-x #fff;
	height:203px;
	text-align:center;
	margin:0 auto 0 auto;
}
#Footer_Container{
	width:976px;
	height:110px;
	margin:0 auto 0 auto;
}

#Footer_Container #foot_menu{
	width:976px;
padding-top:20px;
}

#Footer_Container #foot_menu ul li{
float:left;
padding:0 7px;
}

#Footer_Container #foot_menu ul li.last{
padding:0;
}


#Footer_Container .Left{
	width:700px;
	padding-top:18px;
	float:left;
position:relative;	
}
#Footer_Container .Right{
	width:230px;
	float:right;
	padding-top:20px;
	text-align:right;
}

	#Footer_Container #f_navi_1 li{
		float:left;
	}
	#Footer_Container #f_navi_2{
		padding-top:6px;
	}
		#Footer_Container #f_navi_2 li{
			float:left;
		}
	#Footer_Container #f_navi_3{
		padding-top:20px;
	}
		#Footer_Container #f_navi_3 li{
			float:left;
		}		
	
	#Footer_Container .Right #copyright{
		font-size:10px;
		color:#666;
		float:left;
		font-family: Arial, Helvetica, sans-serif;
	}
	

	#Footer_Container #f_navi_sns{
position:absolute;
top:42px;
left:470px;
	}
		
	
	#Footer_Container #f_navi_sns li{
		float:left;
	}
		
	
/*---------------------------------------------------------------
スマホボタン
---------------------------------------------------------------*/			
.smartphoneButton {
	text-align:center;
	padding:20px;
}
.smartphoneButton a {
	display:block;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight:bold;
	color: #ffffff;
	padding: 20px 20px;
	background: -moz-linear-gradient(
		top,
		#fa8282 0%,
		#ff5e5e 81%,
		#ff7373);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fa8282),
		color-stop(0.81, #ff5e5e),
		to(#ff7373));
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	border: 1px solid #fa7d7d;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(250,250,250,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(250,250,250,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(250,250,250,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.5),
		0px 1px 0px rgba(143,140,143,0.4);
}

