@charset "euc-jp";
/* ===================================================================
CSS information

 file name  :style.css
 style info :TOP���ڤӶ��̥쥤������
 ���Υ������륷���Ȥι���
 
  
 2012.09.08 ueno
 2014.09.22 kunihiro

=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	word-wrap: break-word;

}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
	font-weight:normal;
}

td {
	vertical-align:top;
}

caption {
	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%;
}
img,abbr,acronym,fieldset {
	border:0;
	vertical-align:top;/* list�ˤƷ�֤��Ǥ���Τ��ɤ� kunihro*/
}
li {
	list-style-type: none;
}


/* -----/ default /----- */
a {
	color:#3669B1;
	text-decoration:none;
	overflow:hidden;/* ���֥����Υե��������к�kunihiro */
	outline:none;/* Firefox���������Фʤ�������kunihiro */
}

a:visited {
	color:#6497DB;
}

a:hover {
	text-decoration:underline;
}

th,td {
	vertical-align:top;
}

input[type=submit],
input[type=button],
input[type=file] {
	cursor:pointer;
}

/* clearfix ************************************
float����Ѥ����Ȥ��˹⤵�μ��Ƥʤ�����ƥʤ˻Ȥ���
��clear:both�סʲ������ǤǡˤǺƤ�float��Ȥä�
��clear:both�פ�Ȥ��ʤ���margin�λ����Ǥ��ʤ����˻��ѡ�
*/

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}



/* /------------------------/
�쥤������
/--------------------------*/

/* IE7�ǥեå����β��˷�֤��Ǥ���Τ��ɤ� */
html,body {
	min-height:100%;
	height:auto!important;
	height:100%;
}

/*--- default */
body {
	background:url(../img_top/bg.png);
	color:#514644;
	font-size: 13px;
	font-family:"�ҥ饮�γѥ� Pro W3", "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", Meiryo, Osaka, "�ͣ� �Х����å�", "MS PGothic", sans-serif;
	line-height: 1.6;
	text-align: center;
}


* html body {	/* for IF6 */
	font-family: "�ͣ� �Х����å�","MS PGothic",Sans-Serif;
}

#Frame {
	width:100%;
	position:relative;
	min-height:100%;
	height: auto !important; 	/*IE6��min-height��¸�*/
    height: 100%;	/*IE6��min-height��¸�*/
}

#container {
	text-align:left;
}



/*------------------------
�إå���
------------------------*/
#header {
	width:980px;
	height:37px;
	margin:0 auto;
	padding:45px 0 15px;
	position:relative;
}


/*�إå������㤤ʪ����*/
.header_cart {
	position:absolute;
	top:10px;
	left:570px;
	width:200px;
	height:20px;	
}

.header_cart_iframe .number {
	text-align:right;
	background:url(../img_top/bg_header_cart.gif) no-repeat;
	width:60px;
	height:20px;
	line-height:20px;
	font-size:14px;
	color:#7C621D;
	padding-right:10px;
	float:left;
}

.header_cart_iframe .cart_link {
	float:left;
	width:130px;
}

.header_cart_iframe .cart_link a {
	display:block;
	width:100%;
	height:20px;
	background:url(../img_top/btn_header_cart.gif) no-repeat;
	text-indent:-9999px;
}

.header_cart_iframe .cart_link a:hover {
	background-position:0 -20px;
}

	

/*ʸ���������ڤ��ؤ�*/
body .fontS { font-size:13px; }
body .fontM { font-size:15px; }
body .fontL { font-size:18px; }

.header_fontSize {
	position:absolute;
	top:10px;
	right:0;
	width:180px;
}

.header_fontSize p {
	float:left;
	width:105px;
	height:20px;
	line-height:20px;
	text-align:right;
}

.header_fontSize ul {
	float:right;
	width:75px;
}

.header_fontSize li {
	width:20px;
	height:20px;
	float:right;
	padding-left:5px;
}

.header_fontSize a {
	display:block;
	float:left;
	background:url(../img_top/img_header_fontSize.gif) no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999px;
}

.header_fontSize_l a { background-position:  0px 0;}
.header_fontSize_m a { background-position:-25px 0;}
.header_fontSize_s a { background-position:-50px 0;}

.fontL .header_fontSize_l a { background-position:  0px -40px;}
.fontM .header_fontSize_m a { background-position:-25px -40px;}
.fontS .header_fontSize_s a { background-position:-50px -40px;}

.header_fontSize_l a:hover { background-position:  0px -20px;}
.header_fontSize_m a:hover { background-position:-25px -20px;}
.header_fontSize_s a:hover { background-position:-50px -20px;}

.fontL .header_fontSize_l a:hover { background-position:  0px -40px;}
.fontM .header_fontSize_m a:hover { background-position:-25px -40px;}
.fontS .header_fontSize_s a:hover{ background-position:-50px -40px;}



/*����*/
#header .logo {
	float:left;
	width:374px;
	height:37px;
}

#header .logo a {
	text-indent:-9999px;
	display:block;
	width:374px;
	height:36px;
	background:url(../img_top/logo.gif) no-repeat;
}

#header .logo a:hover {
	background-position:0 100%;
}

/*�إå������*/
#header .header_nav {
	position:absolute;
	width:403px;
	right:0;
	top:65px;
}

.header_nav li {
	float:right;
	height:16px;
	padding:0px 0 0 20px ;
}

.header_nav li.login { width:77px; padding-left:0; }
.header_nav li.logout { width:77px; padding-left:0;  }
.header_nav li.news { width:65px; }
.header_nav li.faq { width:107px; }
.header_nav li.contact { width:94px; }

.header_nav li a {
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999px;
}

.header_nav li.login a { background:url(../img_top/header_nav_login.gif) no-repeat; }
.header_nav li.logout a { background:url(../img_top/header_nav_logout.gif) no-repeat; }
.header_nav li.news a { background:url(../img_top/header_nav_news.gif) no-repeat; }
.header_nav li.faq a { background:url(../img_top/header_nav_faq.gif) no-repeat; }
.header_nav li.contact a { background:url(../img_top/header_nav_contact.gif) no-repeat; }

.header_nav li a:hover {
	background-position:0 -16px;
}


/*------------------------
�������Х�ʥӥ��������
------------------------*/
#gnavi {
	width:980px;
	margin:0 auto 10px;
	background:url(../img_top/line_dot_green.gif) 0 100% repeat-x;
	padding: 0 0 2px;
}

#gnavi li {
	float:left;
	height:55px;
}

#gnavi li.gnavi01 { width:188px; }
#gnavi li.gnavi02 { width:203px; }
#gnavi li.gnavi03 { width:198px; }
#gnavi li.gnavi04 { width:211px; }
#gnavi li.gnavi05 { width:180px; }

#gnavi li a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

.gnavi01 a { background:url(../img_top/gnavi01.gif) no-repeat; }
.gnavi02 a { background:url(../img_top/gnavi02.gif) no-repeat; }
.gnavi03 a { background:url(../img_top/gnavi03.gif) no-repeat; }
.gnavi04 a { background:url(../img_top/gnavi04.gif) no-repeat; }
.gnavi05 a { background:url(../img_top/gnavi05.gif) no-repeat; }

#gnavi li a:hover {
	background-position:0 100%;
}



/*------------------------
�ᥤ�󥤥᡼��
------------------------*/

#mainImg {
	width:990px;
	margin:0 auto 10px;
}

#mainImg h2,
#mainImg p {
	height:0;
}

#mainImg #slides {
	background:url(../img_top/bg_mainImg.png) no-repeat;
	padding:7px;
}

#mainImg .mainImg_box {
	height:366px;
	width:976px;
	text-indent:-9999px;
	
	position:relative;
}

#mainImg .mainImg02_link {
	float:right;
	display:block;
	width:280px;
	margin-top:6px;
}

#mainImg .mainImg02_link img {
	display:block;
}

#mainImg .mainImg02_link img:hover {
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	opacity: 0.0;
}

/* �ܤ����Ϥ������� */
#mainImg .moreLink {
	display:block;
	width:236px;
	height:40px;
	/*
	margin:300px 0 0 700px;
	*/
	position:absolute;
	top:300px;
	left:700px;
	background:url(../img_cont/btn_detail_mainimg.gif) no-repeat;
}

#mainImg .moreLink:hover {
	background-position:0 -40px;
}

/* �ޤ�����
--------------- */
#mainImg .slide_maeumi {
	text-indent:0;
}

#mainImg .slide_maeumi h2 {
	height:auto;
	width:250px;
	position:absolute;
	bottom:240px;
	left:600px;
	
	border-bottom:#FFF 4px solid;
	padding-left:100px;
	
	color:#FFF;	
	font-size:24px;
	line-height:1.4;
}

#mainImg .slide_maeumi p {
	height:auto;
	width:350px;
	position:absolute;
	top:140px;
	left:600px;
	
	color:#FFF;	
	font-size:16px;
	text-align:justify;
}

#mainImg .slide_maeumi .moreLink {
	text-indent:-9999px;
}





/* ���������� */

.pagination {
	text-align:center;
	padding:15px 0 10px;
	background:url(../img_top/line_dot_green.gif) 0 100% repeat-x;
}

.pagination li {
	display: inline;
	margin:0 5px;
}

.pagination img {
	-ms-filter:alpha(opacity=50);
	filter:alpha(opacity=50);
	opacity:0.5;
}
	
.pagination .current a img {
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
	opacity:1;
}






/*------------------------
����ƥ�ĥ���ʡ����쥤������
------------------------*/
.cont_inner {
	width:990px;
	margin:0 auto;
}

/*------------------------
�ᥤ�󥫥�ࡡ�쥤������
------------------------*/
#mainColumn {
	width:710px;
	float:left;
}


/*------------------------
�ᥤ�󥫥�ࡡ�ܺ�
------------------------*/
/*
����
------------------------*/

/*����ƥ�ĥ����ȥ�*/
.top_contTl {
	text-indent:-9999px;
	height:50px;
	position:relative;
	margin:0 0 20px;
}

.top_contTl .moreLink {
	position:absolute;
	top:14px;
	right:14px;
	display:block;
	text-indent:-9999px;
	width:120px;
	height:22px;
}

.top_contTl a:hover {
	background-position:0 -22px;
}

	
/*3�����쥤������*/

.box3 {
	width:705px;/* float3��ʬ��������� */
	overflow:hidden; /* �Ϥ߽Ф���ʬ����ɽ���ˤ��뤳�Ȥǥ���४�����ʤ� */
}

.box3 li {
	width:210px;
	float:left;
	padding-right:25px;
}


/*4�����쥤������*/
.box4 {
	width:688px; /* float4��ʬ��������� */
	overflow:hidden; /* �Ϥ߽Ф���ʬ����ɽ���ˤ��뤳�Ȥǥ���४�����ʤ� */
}

.box4 li {
	width:164px;
	float:left;
	padding-right:8px;
}


/*
����Τ���ħ
------------------------*/
.top_feature {
}

.top_feature h3 {
	background:url(../img_top/tl_top_feature.png) no-repeat;
}

.top_feature h3 .moreLink {
	background-image:url(../img_top/btn_detail_blue.gif);
}

.top_feature li img,
.top_feature li h4,
.top_feature li .txt{
	margin:  0 0 15px;
}

.top_feature h4 {
	text-indent:-9999px;
	height:45px;
}	

.top_feature .dtLink_btn a {
	display:block;
	width:120px;
	height:22px;
	text-indent:-9999px;
	background:url(../img_top/btn_detail_blue.gif) no-repeat;
	float:right;
}

.top_feature .dtLink_btn a:hover {
	background-position:0 -22px;
}

.top_feature .feature01 h4 { background:url(../img_top/txt_top_feature01.gif) no-repeat; }
.top_feature .feature02 h4 { background:url(../img_top/txt_top_feature02.gif) no-repeat; }
.top_feature .feature03 h4 { background:url(../img_top/txt_top_feature03.png?a=20226) no-repeat; }



/*
���ʤξҲ�������
------------------------*/
.top_shopping h3 {
	background-image:url(../img_top/tl_top_shopping.png);
}

.top_shopping h3 .moreLink {
	background-image:url(../img_top/btn_shoppingList_orange.gif);
}

.top_shopping li img:hover {
	-ms-filter:alpha(opacity=80);
	filter:alpha(opacity=80);
	opacity:0.8;
}


/*
����Τ�򿩤٤��ߤ�ʤ���
------------------------*/
.top_voice h3 {
	background-image:url(../img_top/tl_top_voice.png);
}

.top_voice h3 .moreLink {
	background-image:url(../img_top/btn_voiceList_green.gif);
}


.top_voice .imgBox {
	display:block;
	background:url(../img_top/bg_top_voice.png) no-repeat;
	padding:0 2px 4px;
	margin-bottom:5px;
}

.top_voice .imgBox span {
	display:block;
	width:206px;
	height:156px;
	overflow:hidden;
}


.top_voice .imgBox em {
	display:table-cell;
	width:206px;
	height:156px;
	text-align:center;
	vertical-align:middle;
}

.top_voice li a:hover {
	background-position:0 100%;
}

.top_voice .txt {
	min-height: 4.8em; /*3�ԡ�line-height1.6*/
}

.top_voice .name {
	text-align:right;
	font-size:86.7%; /*11px*/
}


/*
���츩ͭ�������ȶ�Ʊ�ȹ�ˤĤ���
------------------------*/
.top_aboutus h3 {
	background-image:url(../img_top/tl_top_aboutus.png);
}

.top_aboutus h4 {
	background:url(../img_top/line_dot_brown.gif) 0 100% repeat-x;
	padding: 0 0 10px 18px;
	margin: 0 0 10px;
}

.top_aboutus h4 span {
	display:block;
	height:18px;
	text-indent:-9999px;
}

.top_aboutus_soshiki h4 span { background:url(../img_top/txt_top_aboutus01.gif) no-repeat; }
.top_aboutus_zigyo h4 span { background:url(../img_top/txt_top_aboutus02.gif) no-repeat; }
.cont_contact h4 span { background:url(../img_top/txt_cont_contact.gif) no-repeat; }

.top_aboutus_soshiki,
.top_aboutus_zigyo {
	margin:0 0 30px;
}

.top_aboutus_soshiki .box3,
.top_aboutus_zigyo .box3 {
	padding-left:15px;
	width:690px;
	overflow:hidden;
}

.top_aboutus_soshiki .box3 li,
.top_aboutus_zigyo .box3 li {
	width:205px;
}

/*���䤤��碌����*/
.cont_contact ul {
	padding:0 18px;
}

.cont_contact .tel_contact {
	width:344px;
	float:left;
}

.cont_contact .mail_contact {
	width:290px;
	float:right;
}

.cont_contact .time {
	margin:0 0 5px;
}

.cont_contact .mail_contact a {
	display:block;
	width:290;
	height:40px;
	text-indent:-9999px;
	background:url(../img_top/btn_contact_blue.gif) no-repeat;
	margin-top:38px;
}

.cont_contact .mail_contact a:hover {
	background-position:0 100%;
}

/*�����ֹ�*/
.tel_contact .number {
	height:38px;
	background:url(../img_top/txt_cont_contact_tel.gif) 0 100% no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}




/*------------------------
�����ɥ���� �쥤������
------------------------*/
#sideColumn {
	width:250px;
	float:right;
}


/*------------------------
�����ɥ���ࡡ�Хʡ�
------------------------*/
.bnr_area01 {
	margin:0 0 5px;
}
.bnr_area01 li,
.bnr_area02 li {
	text-align:center;
}

/*------------------------
�����ɥ���ࡡ���̻���
------------------------*/

/*�����ȥ�*/
.side_faq,
.side_learn,
.side_marineProduct,
.side_news,
.side_recommendProduct {
	margin:0 5px 20px;
}

#sideColumn h3 {
	height:48px;
	text-indent:-9999px;
}

.side_faq h3 	 			 { background:url(../img_top/tl_side_faq.gif) no-repeat; }
.side_learn h3 				 { background:url(../img_top/tl_side_learn.gif) no-repeat; }
.side_marineProduct h3 		 { background:url(../img_top/tl_side_marineProduct.gif) no-repeat; }
.side_news h3 				 { background:url(../img_top/tl_side_news.gif) no-repeat; }
.side_recommendProduct h3 	 { background:url(../img_top/tl_side_recommendProduct.gif) no-repeat; }



/*------------------------
�����ɥ���ࡡ�褯���뤴����
------------------------*/
.side_faq li a {
	background:url(../img_top/ico_faq_q.gif) 5px 0.25em no-repeat;
	padding: 0 0 0 25px;
	display:block;
}

.side_faq .txt_r,
.side_news .txt_r {
	margin-top:10px;
}

/*------------------------
�����ɥ���ࡡ�������ᾦ�ʡ�����TOP5
------------------------*/

.side_product li a {
	display:block;
}

.side_product li .img_box {
	display:block;
	width:60px;
	border:1px solid #ccc;
	padding:1px;
	background-color:#FFF;
	float:left;
}

.side_product li .txt_box {
	display:block;
	float:right;
	width:166px;
}

/*------------------------
���ʶ���
------------------------*/

.product_name {
	display:block;
}

.side_product .product_name:hover {
	text-decoration:underline;
}

.product_price {
	display:block;
	text-align:right;
	color:#3E1F18;
}


/*ŷ�����·��*/
.center_middle_60 {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	zoom:1;
	width:60px;
	height:60px;
}

.center_middle_120 {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	zoom:1;
	width:120px;
	height:120px;
}

.center_middle_240 {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	zoom:1;
	width:240px;
	height:240px;
}



/*------------------------
�եå���
------------------------*/
#footer {
	margin-top:40px;
}

.footerLink {
	width:940px;
	margin:0 auto 10px;
	height:35px;
	background:url(../img_top/bg_footerLink.png) no-repeat;
	padding:0 20px;
}

.footerLink li {
	display:inline;
	padding-right:20px;
}

.footerLink li a {
	padding:0 0 0 10px;
	background:url(../img_top/arw_right_white.gif) 0 50% no-repeat;
	color:#FFF;
	line-height:35px;
}

.footer_inner {
	background:url(../img_top/bg_footer_inner.png) 0 0 repeat-x #fff;
	padding:15px 0;
}

.footer_company {
	width:980px;
	margin: 0 auto 20px;
	background:url(../img_top/line_dot_green_h.png) 520px 0 repeat-y;
	font-size:78.57%;
}

.footer_company .ariakegyokyou {
	float:left;
	width:530px;
}

.footer_company .ariakegyokyou dt {
	float:left;
	width:244px;
	height:26px;
	padding-right:20px;
}

.footer_company .ariakegyokyou dt a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background:url(../img_top/logo_footer_ariakegyokyou.png) no-repeat;
}

.footer_company .ariakegyokyou dd {
	float:left;
	width:246px;
	padding-right:20px;
}



.footer_company .sannori {
	float:right;
	width:440px;
}

.footer_company .sannori dt {
	float:left;
	width:138px;
	height:38px;
	padding-right:20px;
}

.footer_company .sannori dt a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background:url(../img_top/logo_footer_sannori.png) no-repeat;
}

.footer_company .sannori dd {
	float:left;
	width:282px;
}


.footer_company dt a:hover {
	background-position:0 100%;
}

.copyright {
	width:364px;
	height:13px;
	background:url(../img_top/txt_copyright.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
	font-size:0;
}




/*------------------------------------------------------------------
���ڡ������̥�������
------------------------------------------------------------------*/


/*------------------------
���
------------------------*/
.txtLink,
.txt_link {
	background:url(../img_top/arw_right_green.gif) 5px 0.4em no-repeat;
	padding: 0 0 0 15px;
}


/*------------------------
�ꥹ��
------------------------*/
.dot_line_list li {
	padding:8px 0;
	background:url(../img_top/line_dot_green.gif) 0 100% repeat-x;
}

/*------------------------
�ƥ�����
------------------------*/
/*��Ĵ*/
.attention {
	font-weight:bold;
	color:#990035;
}

/*����*/
.txt_r {
	text-align:right;
}



/*------------------------
�ᥤ�󥫥���ط�
------------------------*/
.contM { background:url(../img_cont/bg_cont_middle.png); margin: 0 0 10px; width:100%;}
.contT { background:url(../img_cont/bg_cont_top.png) 0 0 no-repeat; }
.contB { background:url(../img_cont/bg_cont_bottom.png) 0 100% no-repeat; padding:15px 15px 30px;}