@charset "UTF-8";
/* CSS Document */

#rap {margin:0; padding:0; background:#FFF; }

body {
		_zoom: 0.65 !important;
		font-family:'\30E1\30A4\30EA\30AA',Meiryo,'\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6f\20\57\36','\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6f\20\57\33','\48\69\72\61\67\69\6e\6f\20\4b\61\6b\75\20\47\6f\74\68\69\63\20\50\72\6f','\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF',Verdana,Osaka,sans-serif !important;
		background:#003787;
	}

html{
  overflow-y: scroll;
}

/*ヘッダー廻り*/
#header_area { width:100%; height:94px; background:url(../images/header_bg.jpg) repeat-x; }
#header_area div.header_set { width:960px; height:94px; display:block; margin:0 auto; background:url(../images/header_bg2.jpg) no-repeat;}

#header_area p.logo_area a {
	float:left;
	width:260px; 
	height:94px; 
	display:block; 
	background:url(../images/space.gif);}

	
/*グローバルメニュー*/

ul.g_menu { width:526px; height:55px; display:block; padding:39px 0 0 134px; }

ul.g_menu a {
	background: url(../images/g_navi.jpg) no-repeat scroll top left;
	height:55px;
	display:block;
	position:relative;
	text-indent:-9999px;
}

ul.g_menu li a span:hover { cursor:pointer; }

ul.g_menu li a.faq {
	width:176px;
}

ul.g_menu li a.mail {
	width:175px;
	background-position:-175px 0px;
}

ul.g_menu li a.tell {
	width:175px;
	background-position:-350px 0px;
}


ul.g_menu li a.faq span { background-position:0px -55px; }
ul.g_menu li a.mail span { background-position:-175px -55px; }
ul.g_menu li a.tell span { background-position:-350px -55px; }


ul.g_menu a span {
	background:url(../images/g_navi.jpg) no-repeat scroll bottom left;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

ul.g_menu2 { width:700px; height:55px; display:block; padding:39px 0 0 0px; }

ul.g_menu2 a {
	background: url(../images/g_navi2.jpg) no-repeat scroll top left;
	height:55px;
	display:block;
	position:relative;
	text-indent:-9999px;
}

ul.g_menu2 li a span:hover { cursor:pointer; }

ul.g_menu2 li a.faq {
	width:176px;
}

ul.g_menu2 li a.products {
	width:174px;
	background-position:-176px 0px;
}


ul.g_menu2 li a.mail {
	width:174px;
	background-position:-350px 0px;
}

ul.g_menu2 li a.tell {
	width:175px;
	background-position:-524px 0px;
}


ul.g_menu2 li a.faq span { background-position:0px -55px; }
ul.g_menu2 li a.products span { background-position:-176px -55px; }
ul.g_menu2 li a.mail span { background-position:-350px -55px; }
ul.g_menu2 li a.tell span { background-position:-524px -55px; }


ul.g_menu2 a span {
	background:url(../images/g_navi2.jpg) no-repeat scroll bottom left;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



/*TOPメニュー*/

.main_menu_area { width:960px; display:block; margin:0 auto; }

.main_menu_area ul { width:923px; height:150px; display:block; margin:19px auto; padding-bottom:19px; }

.main_menu_area li a {
	background: url(../images/top_navi2.jpg) no-repeat scroll top left;
	height:89px;
	display:block;
	margin:0 0 10px 0;
	position:relative;
	text-indent:-9999px;
}

.main_menu_area li a span:hover { cursor:pointer; }

.main_menu_area li a.top_faq {
	width:449px;
}

.main_menu_area li a.top_products {
	width:449px;
	background-position:-474px 0px;
}

.main_menu_area li a.top_tell {
	width:449px;
	background-position:-474px -99px;
}

.main_menu_area li a.top_mail {
	width:449px;
	background-position:0px -99px;
}

.main_menu_area li a.top_faq span { background-position:0px -188px; }
.main_menu_area li a.top_products span { background-position:-474px -188px; }
.main_menu_area li a.top_mail span { background-position:0px -287px; }
.main_menu_area li a.top_tell span { background-position:-474px -287px; }

.main_menu_area li a span {
	background:url(../images/top_navi2.jpg) no-repeat scroll bottom left;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/*ぱんくずナビ*/

#pan_navi_area { width:100%; height:25px; display:block; background-color:#003787; }

#pan_navi_area ul { width:920px; height:25px; display:block; color:#FFF; margin:0 auto; padding:0 0 0 40px;
font-size:0.7em; line-height:25px; background:url(../images/home_icon.jpg) no-repeat top left; }

#pan_navi_area li { display:block; float:left; padding:0 3px; }

#pan_navi_area li a { color:#FFF; text-decoration:none; }
#pan_navi_area li a:hover { color:#FC0; text-decoration:underline; }



div.main_t_area { width:100%; height:190px; background:url(../images/main_bg01.jpg) repeat-x; }

div.main_t_area h1 { width:960px; height:190px; display:block; margin:0 auto; }

/*最新のお知らせ*/

.newsblock { width:930px; padding:0px 15px 10px 15px; display:block; margin:10px 0 10px 0; border-bottom: dotted 1px #003787; }
.newsblock2 { width:790px; display:block; }

.photoBOX { width:120px; height:120px; display:block; margin:0 20px 0 0; }
.photoBOXr a  { width:120px; height:120px; display:block; } 
.photoBOX a:hover img { width:116px; height:116px; display:block; border:solid 2px #FFCC00; filter:alpha(opacity=70); opacity:0.7; }


.days { font-size:0.9em; font-weight:bold; color:#666; height:20px; display:block; }
.news_t { width:100%; display:block; margin:8px 0 2px 0; font-size:1.0em; font-weight:bold; }
.news_t a { color:#003787; text-decoration:none; }
.news_t a:hover { color:#1c81b0;  text-decoration:underline; }
.news_txt { width:100%; font-size:0.8em; color:#666; line-height:1.5em; }

.tag01 { width:120px; padding:3px; background: #1f7ea3; color:#FFF; font-size:0.7em; margin:0 0 0 10px; text-align:center; float:left; }
.tag02 { width:120px; padding:3px; background:#F60; color:#FFF; font-size:0.7em; margin:0 0 0 10px; text-align:center; float:left; }
.tag03 { width:70px; padding:3px; background:#F00; color:#FFF; font-size:0.7em; margin:0 0 0 10px; text-align:center; float:left; }
.tag04 { width:120px; padding:3px; background:#32b16c; color:#FFF; font-size:0.7em; margin:0 0 0 10px; text-align:center; float:left; }


/*検索*/
.from_style { width:930px; margin:15px 0 15px 0; padding:0 15px 0 15px; display:block; }

.text_box { 
border:0;
padding:5px;
margin:0 15px 0 0;
font-size:1.1em;
color:#aaa;
border:solid 1px #003787;
width:400px;
height:25px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
float:left;
}

/*input:focus .text_box {
width:398px;
height:23px;
border:solid 2px #EEA34A;
	 }*/

.from_bottan { width:104px; height:38px; display:block; margin:0 15px 0 15px; background:url(../images/from_bottan.jpg) no-repeat scroll top left;
text-indent:-9999px;
 }
 
.from_bottan:hover { 
	width:104px; 
	height:38px; 
	display:block; 
	background:url(../images/from_bottan.jpg) no-repeat scroll bottom left; 
	}


/* フッター領域のメニュー */
.footer_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.footer_menu{
	margin:0 auto 30px auto;
	border-top: 1px solid #cccccc;
	padding-top: 30px;
}
.footer_menu .footer_nav{
	width:960px;
	margin:0 auto 30px auto;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	font-size: 0.7em;
}
.footer_menu .footer_nav dl:not(:first-child){
	border-left: 1px solid #cccccc;
}
.footer_menu .footer_nav dt{
	background-color: #003787;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 5px 5px 5px 10px;
	margin-bottom: 5px;
	border-top: solid 1px #006896;
	background: linear-gradient(to bottom, #00429f 0%, #3388da 100%);
}
.footer_menu .footer_nav dd{
	padding: 2px 5px 2px 10px;
}
.footer_menu .footer_nav a{
	color: #003787;
	text-decoration: underline;
}
.footer_menu .footer_nav a:hover{
	color: #1c81b0;
}

/*その他のお問い合わせ*/

.other_support_area { width:100%; background:url(../images/main_bg02.jpg) top repeat-x; padding:25px 0 15px 0; } 

.other_style { width:960px; display:block; margin:0 auto; }

.h2title {width:928px; height:35px; display:block; color:#FFF; line-height:37px; padding:0 15px 0 15px;
font-size:1.0em; font-weight:bold; letter-spacing: 0.1em; margin-bottom:20px;
border: solid 1px #006896;
box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4);
background:url(../images/bar_bg.jpg) top repeat-x;
 }
 
 
ul.other_banner_area { width:930px; display:block; padding:0 15px 30px 15px; }
li.other_banner { width:300px; height:65px; display:block; margin-bottom:15px; } 

li.other_banner a  { width:296px; height:61px; display:block; margin-bottom:15px; } 
li.other_banner a:hover img { width:296px; height:61px; display:block; margin-bottom:15px; border:solid 2px #FFCC00; filter:alpha(opacity=70); opacity:0.7; }
 
 
.h3title { width:958px; height:20px; display:block; color:#FFF; line-height:21px;
font-size:0.7em; font-weight:bold; letter-spacing: 0.1em;
border: solid 1px #006896;
box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4);
background:url(../images/bar_bg2.jpg) top repeat-x;
  }
 
.h3title ul { width:960px; height:20px; }
.h3title li { width:177px; height:20px; display:block; margin:0 0 0 15px; }

ul.othe_support_list { width:960px; display:block;  font-size:0.7em; }
ul.othe_support_list li { width:187px; min-height:70px; display:block; padding:10px 0 0 5px; }
ul.othe_support_list li { float:left; }

ul.othe_support_list li a { color:#003787; text-decoration:underline; }
ul.othe_support_list li a:hover { color:#1c81b0; text-decoration:underline; }

ul.othe_support_list dd { text-align:left; }


/*FAQ・よくあるご質問*/

.main_faq_area { width:960px; display:block; margin:0 auto; padding:0 0 0 0; }
.title_bar {width:930px; display:block; color:#FFF; line-height:35px; padding:0 15px 0 15px;
font-size:1.0em; font-weight:bold; letter-spacing: 0.1em; margin-bottom:10px; margin-top:15px;
border: solid 1px #006896;
box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4);
background:url(../images/bar_bg.jpg) top repeat-x;
  }
 
.main_faq_txt  { width:930px; display:block; color:#666; line-height:1.6em; padding:0 15px 0 15px;
 font-size:0.8em; margin-bottom:30px;}
 
.main_faq_txt a { color:#003787; text-decoration:underline; }
.main_faq_txt a:hover { color:#1c81b0; text-decoration:underline; }

/*商品に関するご注意*/

.pageing { width:930px; display:block; padding:15px; }
.pageing ul { width:210px; display:block; margin:0 auto; text-align:center; }
.pageing li { width:20px; height:20px; display:block; background:#003787; margin:0 5px 0 5px; font-size:0.9em; line-height:20px; }

.pageing li a { color:#FFF; text-decoration:none; width:20px; height:20px; display:block; background:#003787; }
.pageing li a:hover { color:#333; text-decoration:none; width:20px; height:20px; display:block; background:#FC0; }

.products_area { width:922px; padding:15px; border:solid 4px #8db0d4; font-size:0.9em; line-height:1.6em; color:#666; display:block; margin:15px 0 15px 0; }

.manual { width:930px; padding:15px; margin:10px 0 15px 0; font-size:1.0em; font-weight:bold; background:#eff3f6; }
.manual a { color:#003787; text-decoration:none; }
.manual a:hover { color:#1c81b0;  text-decoration:underline; }

.back_bt a { color:#FFF; text-align:center; text-decoration:none; display:block; background:#003787; padding:5px; width:90px; height:20px; margin:10px auto; }
.back_bt a:hover { color:#333; text-align:center; text-decoration:none; display:block; background:#FC0; padding:5px; width:90px; height:20px; margin:10px auto;}


/*メールでのお問い合わせ*/

.main_mail_txt  { width:930px; display:block; color:#666; line-height:1.8em; padding:0 15px 0 15px;
 font-size:0.8em; margin-bottom:30px;}
 
.from_area { width:888px; height:74px; display:block; margin:25px auto 25px auto; }
.from_bt { width:408px; height:74px; display:block; margin: auto;}
.from_bt a {
	background: url(../images/from_bt.jpg) no-repeat scroll top left;
	height:74px;
	display:block;
	position:relative;
	text-indent:-9999px;
}

.from_bt a span:hover { cursor:pointer; }

.from_bt a.from_b {
	width:408px;
}

.from_bt a.from_c {
	width:408x;
	background-position:-480px 0px;
}

.from_bt a.from_b span { background-position:0px -74px; }
.from_bt a.from_c span { background-position:-480px -74px; }

.from_bt a span {
	background:url(../images/from_bt.jpg) no-repeat scroll bottom left;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*お電話でのお問い合わせ*/

.tell_txt { font-size:1.6em; line-height:1.7em; margin-bottom:10px; display:block; }


/*電池の正しい使い方*/

.battery_list { width:960px; display:block; padding-bottom:20px; }
.battery_block { width:460px; display:block; padding:0; margin:0; }
.battery_title_bar {width:430px; display:block; background-color:#445976; color:#FFF; line-height:30px; padding:0 15px 0 15px; font-size:0.82em; font-weight:bold; margin-bottom:10px; margin-top:15px; }

.battery_txt { width:430px; display:block; color:#666; line-height:1.6em; padding:0 15px 0 15px;
 font-size:0.75em; }


/*フッター*/
.footer_area { width:100%; display:block; background-color:#003787; color:#FFF; font-size:0.7em; line-height:1.2em; }
.footer_style { width:930px; padding:10px 15px 15px 15px; margin:0 auto; display:block; }



/*調整スタイル*/
.fl { float:left; }
.fr { float:right; }

.mr15px { margin-right:15px; }
.mr25px { margin-right:25px; }
.mr40px { margin-right:40px; }
.mr72px { margin-right:72px; }
.ml15px { margin-left:15px; }
.mt10px { margin-top:10px; }
.mt15px { margin-top:15px; }
.mt25px { margin-top:25px; }
.mb5px { margin-bottom:5px; }
.mb15px { margin-bottom:15px; }
.mb35px { margin-bottom:35px; }
.line01 { background:url(../images/line01.jpg) top right repeat-y; }

.red { color: #F01C00; }
.box {
  box-shadow:0px 0px 2px 0px rgba(0,0,0,0.15);
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}