@charset "utf-8";

/*----------------------------------------------------
Information
File name :		base.css
Style Info:		基本スタイルの設定
--------------------------------------------------- */


/* ------------------------------
	reset
------------------------------ */

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;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

ul,ol {
	list-style-type: none;
}

em,strong,th,address {
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}

img,
object,
embed {
	border: 0;
	vertical-align: top;
}

hr {
	display: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	border:1px solid #cccccc;
}
td {
	border:1px solid #cccccc;
	padding:10px;
}

li {
	list-style-type: none;
}


#gnvBase {
background:url(/share/img/cmn_img/gnavi.jpg) repeat-x scroll left top;
height:48px;
width:auto;
clear:both;

font-size:12px;
}
#gnvBase ul.gnv:after {
clear:both;
content:".";
display:block;
font-size:0.1em;
height:0.1px;
line-height:0;
visibility:hidden;
}
#gnvBase ul.gnv {
display:inline-block;
height:48px;
}
* html #gnvBase ul.gnv {
width:900px;
}

#gnvBase li {
display:inline;
float:left;
height:48px;
overflow:hidden;
width:150px;
text-align:center;
}
#gnvBase li a {
color:#0a2b30;
display:block;
height:48px;
padding-top:15px;
padding-left:5px;
width:150px;
}
#gnvBase li a:hover, #globalNavi li a:active {
text-decoration:none;
}
#gnvBase ul.gnv li.gnv01 a {
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll 0 0;
}
#gnvBase ul.gnv li.gnv02 a {
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll -150px 0;
}
#gnvBase ul.gnv li.gnv03 a {
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll -300px 0;
}
#gnvBase ul.gnv li.gnv04 a {
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll -450px 0;
}
#gnvBase ul.gnv li.gnv05 a {
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll -600px 0;
}
#gnvBase ul.gnv li.gnv06 a {
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll -750px 0;
}
#gnvBase ul.gnv li.gnv01 a:hover, #news #gnvBase ul.gnv li.gnv01 a {
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll 0 -48px;
}
#gnvBase ul.gnv li.gnv02 a:hover, #concept #gnvBase ul.gnv li.gnv02 a {
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll -150px -48px;
}
#gnvBase ul.gnv li.gnv03 a:hover, #products2 #gnvBase ul.gnv li.gnv03 a {
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll -299px -48px;
}
#gnvBase ul.gnv li.gnv04 a:hover, #results #gnvBase ul.gnv li.gnv04 a {
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll -449px -48px;
}
#gnvBase ul.gnv li.gnv05 a:hover, #faq #gnvBase ul.gnv li.gnv05 a{
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll -600px -48px;
}
#gnvBase ul.gnv li.gnv06 a:hover, #inquiry #gnvBase ul.gnv li.gnv06 a {
background:url(/share/img/cmn_img/gnavi.jpg) no-repeat scroll -750px -48px;
}
/* ------------------------------
	linkcolor
------------------------------ */

a:link,
a:visited {
	color: #2566a6;
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: underline;
}
a:hover img{
	filter:alpha(opacity=60);
	opacity:0.6;
	}
a:hover img.over{
	filter:alpha(opacity=100);
	opacity:1;
}


/* ------------------------------
	base
------------------------------ */

html {
}

body {
	background: #e7e7e7 url(/ssl_share/img/cmn_img/bg_contents_back.gif) repeat-y center top;
	text-align: center;
	color: #333;
	font-size: 100%;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {
	font-family: verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#page {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}


/* ------------------------------
	#header
------------------------------ */

#header {
	position: relative;
	background:url(/ssl_share/img/cmn_img/top_header_back.jpg) repeat-x;
	height: 95px;
}

#header #siteName {
	position: absolute;
	left:15px;
	top: 26px;
}

#header #productName {
	position: absolute;
	left:110px;
	top:12px;
}
#header #cachCopy {
	position: absolute;
	left:331px;
	top:24px;
	font-size:13px;
}

#header #subNavigation {
	position: absolute;
	background:url(/ssl_share/img/cmn_img/top_header_subback.jpg) no-repeat;
	left: 330px;
	top: 46px;
	width:555px;
	height:30px;

}
#header #subNavigation div.list_normal{
	font-size:82%;
	padding:11px 0 0 12px;　　　　
}
#header #subNavigation div.list_normal span{
	background:url(/ssl_share/img/cmn_img/lnk_mk_header.gif) no-repeat left center;
	padding:0 0 0 9px;
}
#header #subNavigation div.list_normal span a{
	vertical-align:center;
}


/* ------------------------------
	#globalNavi
------------------------------ */

/* Gnavi */
#gnavi{
    text-align:center;
	width:900px;
	background:left top url(/ssl_share/img/cmn_img/gnavi_back.jpg) repeat-x;
}
#gnavi li{
	display:inline; line-height:100%; font-size:0;
}


/* ------------------------------
	#contents
------------------------------ */

#contents {
	width:900px;
}
#contents_sub_p {
	width:900px;
}
#contents_sub_p div.pankuzu {
	width:879px;
	height:21px;
	padding:4px 0 0 21px;
	background:url(/ssl_share/img/cmn_img/gnavi_shadow2.jpg) repeat-x left top;
}
#contents_sub_p div.pankuzu p {
	font-size:82%;
}

/* ------------------------------
	#main
------------------------------ */

#main {
	float: left;
	width: 670px;
	margin-top:12px;
}

#main_Inner {
	width: 649px;
	margin-left:21px;
	font-size:92%
}

/* ------------------------------
	#main_sub
------------------------------ */

#main_sub {
	float: left;
	width: 670px;
}

#main_subInner {
	width: 649px;
	margin-left:21px;
	font-size:92%
}

#main_subInner .cont_title{
	width:649px;
	background:url(/ssl_share/img/cmn_img/midashi_title_top.jpg) no-repeat left top;
	padding:5px 0 0 0;
	margin-bottom:15px;
}
#main_subInner .cont_title2{
	clear:both;
	width:649px;
	background:url(/ssl_share/img/cmn_img/midashi_title_top.jpg) no-repeat left top;
	padding:5px 0 0 0;
	margin:40px 0 15px 0;
}
#main_subInner .cont_t_btm{
	width:649px;
	background: url(/ssl_share/img/cmn_img/midashi_title_btm.jpg) no-repeat left bottom;
	padding:0 0 11px 0;
}
#main_subInner .cont_t_mid{
	width:640px;
	background:url(/ssl_share/img/cmn_img/midashi_title_mid.jpg) no-repeat left top;
	padding:0 0 0 9px;
}
#main_subInner .cont_t_mid h3{
	background: url(/ssl_share/img/cmn_img/midashi_title_mk.jpg) repeat-y left center;
	padding:0 0 0 22px;
	font-size:110%;
	font-weight:bold;
}
#main_subInner .gren_box1{
	width:308px;
}
#main_subInner .gren_box2{
	width:649px;
}
#main_subInner .gren_box1 p.lnk_title,
#main_subInner .gren_box2 p.lnk_title {
	background:url(/ssl_share/img/cmn_img/pnt_mk.gif) no-repeat left top;
	border-bottom:1px dotted #999999;
	margin-bottom:10px;
	padding:0 0 3px 15px;
	font-size:110%;
	font-weight:bold;
}
#main_subInner .gren_box1 ul.list,
#main_subInner .gren_box2 ul.list {
line-height:120%;
/*text-indent:-23px;*/
/*padding-left:23px;*/
}
#main_subInner .gren_box1 ul.list li,
#main_subInner .gren_box2 ul.list li {
margin:7px 0 7px 0;
}
#main_subInner .gren_box1 ul.list a,
#main_subInner .gren_box2 ul.list a {
	background:url(/ssl_share/img/cmn_img/brank_mk.gif) no-repeat left top;
	padding:0 0 3px 23px ;
}



/* ------------------------------
	#.rightArea
------------------------------ */

#rightArea {
    float:right;
	width:306px;
	padding-right:20px;
	text-align: center;
}
#rightArea .Top_side_bnr {
	margin-bottom:3px;
}
#rightArea .Top_side_inq {
	margin-bottom:34px;
}
#rightArea .Top_side_eco{
    text-align:left;
	margin-bottom:19px;
}
/*----------------------*/

#right_subArea div.side_navi_base{
	background:#c8c8c8;
	width:183px;
	padding:3px;
	margin-left:4px;
	margin-top:12px;
}

#right_subArea div.side_navi_contact{
	text-align:center;
	width:183px;
	background:url(/share/img/cmn_img/top_contact_back.gif) no-repeat left top;
}

#right_subArea div.side_navi_contact .contact{
	padding:3px 0;
}

#right_subArea div.side_navi_contact .contact_top{
	padding:4px 0;
}
#right_subArea div.mail_base{
	margin-top:12px;
	text-align:center;
	width:183px;
	background:url(/share/img/cmn_img/mail_back.gif) no-repeat left top;
	height:142px;

}
#right_subArea div.mail_base_under{
	padding-bottom:3px;
	width:183px;
	background:url(/share/img/cmn_img/mail_back_ud.gif) no-repeat left bottom;
}
#right_subArea div.mail_base .mail_title{
	padding-top:5px;
	padding-bottom:2px;
}
#right_subArea div.mail_base .mail_title2{
	padding-top:20px;
}
#right_subArea div.mail_base .mail_form{
margin-left:5px;
	background:#8d8787;
	margin-top:20px;
	_margin-top:10px;
	width:172px;
	height:48px;
	position:relative;
}

#right_subArea div.mail_base .mail_ssl{
padding-top:5px;

}
#right_subArea .book_mark{
margin-top:10px;
}
#right_subArea div.mail_base .formtxt{
	width:110px;
	height:20px;
	position:absolute;
	left: 6px;
	top: 21px;
}
#right_subArea div.mail_base .f_txt{
float:left;
}
#right_subArea div.mail_base .btn{
	position:absolute;
	left: 125px;
	top: 21px;
	}
/* ------------------------------
	#.right_subArea
------------------------------ */

#right_subArea {
    float:right;
	width:197px;
	padding-right:17px;
	text-align: left;
}
#right_subArea .side_navi_top {
	width:197px;
	background:url(/ssl_share/img/cmn_img/side_navi_top.jpg) no-repeat left top;
	padding:9px 0 0 0;
}
#right_subArea .side_navi_btm {
	width:197px;
	background:url(/ssl_share/img/cmn_img/side_navi_btm.jpg) no-repeat left bottom;
	padding:0px 0 12px 0;
}
#right_subArea .side_navi_mid {
	width:197px;
	background:url(/ssl_share/img/cmn_img/side_navi_mid.jpg) repeat-y left top;
	padding:0 0 0 0;
}
#right_subArea .side_navi_mid ul{
    width:173px;
	padding:1px 12px 0 12px;
	font-size:13px;
	line-height:100%;
}
#right_subArea .side_navi_mid ul li{
    width:171px; height:24px;
	background:url(/ssl_share/img/cmn_img/side_navi_off.jpg) no-repeat left top;
	padding:13px 0 0 5px;
	margin:1px 0 0 1px;
}
#right_subArea .side_navi_mid ul li a{
	background:url(/ssl_share/img/cmn_img/side_navi_offmk.gif) no-repeat left center;
	padding:0 0 0 10px;
}
#right_subArea .side_navi_mid ul li.btn_on{
    width:171px; height:24px;
	background:url(/ssl_share/img/cmn_img/side_navi_on.jpg) no-repeat left top;
	padding:13px 0 0 5px;
	margin:1px 0 0 1px;
}
#right_subArea .side_navi_mid ul li p{
	background:url(/ssl_share/img/cmn_img/side_navi_onmk.gif) no-repeat left center;
	padding:0 0 0 10px;
	font-weight:bold;
	color:#ffffff;
}
#right_subArea div.side_banner{
	width:189px;
	padding:10px 0 0 4px;
}
#right_subArea .side_mailmaga_top {
	width:197px;
	background: url(/ssl_share/img/cmn_img/side_formbox_top.jpg) no-repeat left top;
	padding:13px 0 0 0;
	margin-top:6px;
}
#right_subArea .side_mailmaga_btm {
	width:197px;
	background:url(/ssl_share/img/cmn_img/side_formbox_btm.jpg) no-repeat left bottom;
	padding:0px 0 13px 0;
}
#right_subArea .side_mailmaga_mid {
	width:197px;
	background:url(/ssl_share/img/cmn_img/side_formbox_mid.jpg) repeat-y left top;
	padding:0 0 0 0;
}
#right_subArea .side_mailmaga_mid div.formbox {
	width:176px;
	padding:0 0 0 11px;
	text-align:center;
	font-size:82%;
}
#right_subArea .side_mailmaga_mid p {
	margin:5px 0 5px 0;
}
#right_subArea .mailbox_top{
	width:164px;
	background:url(/ssl_share/img/cmn_img/email_box_top.jpg) no-repeat left top;
	padding:5px 0 0 0;
}
#right_subArea .mailbox_btm{
	width:164px;
	background:url(/ssl_share/img/cmn_img/email_box_btm.jpg) no-repeat left bottom;
	padding:0 0 5px 0;
}
#right_subArea .mailbox_mid{
	width:164px;
	background:#ffffff;
	padding:0 0 5px 0;
	text-align:center;
	font-size:70%;
}
#right_subArea .mailbox_mid .formtxt{
	width:110px;
}
#right_subArea .mailbox_mid .formbtn{
	background-color:#ece9d8;
	padding:2px 0 0 0;
	width:130px;
}
#right_subArea .mailbox_mid .ssl_btn{
	padding:10px 0 0 0;
}

/* ------------------------------
	#.pageTop
------------------------------ */

#pageTop {
	text-align:right;
	clear:both;
	padding-right:80px;
}
#pageTop2 {
	text-align:right;
	clear:both;
	margin-bottom:20px;
}
.pageTop {
	clear: both;
	vertical-align:bottom;
}

/* ------------------------------
   #inquiry
------------------------------ */
#inq_banner {
	width:649px;
}
#inq_banner img {
	vertical-align:top;
}
#inq_banner div.inq_top {
	width:649px; height:54px;
	background:url(/ssl_share/img/cmn_img/inq_foot_banner_01.jpg) no-repeat left top;
}
#inq_banner div.inq_top ul li {
	font-size:82%;
	line-height:100%;
	padding:25px 0 0 172px;
}


/* ------------------------------
   #site_link
------------------------------ */
#site_link{
clear:both;
width:621px;
border:4px solid #e8e8e8;
background:#f0f0f0;
padding:12px 10px 12px 10px;
margin:0 0 15px 0;
}
#site_link li{
	display:inline; line-height:100%; font-size:82%;
}
#site_link li a{
background:url(/ssl_share/img/cmn_img/side_navi_offmk.gif) no-repeat left center;
padding:0 0 0 10px;
margin-right:10px;
}

/* ------------------------------
   #footNavi_top #footNavi_under
------------------------------ */

#footNavi_top {
 width:862px;
 margin:0 0 0 15px;
 padding:35px 0 10px 0;
 text-align:left;
 border-bottom:4px solid #e8e8e8;
 font-size:82%;
}
#footNavi_under {

 width:862px;
 margin:0 0 0 15px;
 padding:10px 0 35px 0px;
 text-align:left;
 font-size:82%;
}
#footNavi_top ul, #footNavi_under ul{
	padding-left:6px;
}
#footNavi_top li, #footNavi_under li{
	display:inline; line-height:100%;
}
#footNavi_top li a, #footNavi_under li a{
	background:left 3px url(/ssl_share/img/cmn_img/lnk_mk_white.gif) no-repeat;
	padding:0 8px 0 8px;
}
#footNavi_top li img, #footNavi_under li img{
	vertical-align:top;
}

/* ------------------------------
	#footer
------------------------------ */

#footer  div.footer_base{
margin:0px 0 35px 30px;
padding-top:35px;
}
#footer  a{
color:#000;
}
#footer  div.list_base{
margin:35px 0 35px 0px;
}
#footer  div.list{
margin:0px 0 35px 0px;
clear:both;
overflow:hidden;
zoom:1;
position:relative;
}
#footer  ul.f_list li.list_parts{
font-size:13px;
float:left;
margin:0px 25px 0  0px;
}

#footer  ul.f_list li.list_parts span.index{
padding-right:25px;
padding-bottom:2px;
display:block;
}
#footer  ul.f_list li.list_parts span.index_2{
padding-right:300px;
/padding-right:250px;
padding-bottom:2px;
display:block;
}
#footer  ul.f_list li.list_parts ul{
background: url(/share/img/cmn_img/u_bar.gif) repeat-x left top;
padding-top:10px;
font-size:11px;
float:none;
}
#footer  ul.f_list li.list_parts li.point{
font-size:10px;
float:none;
}

#footer  ul.f_list li.list_parts li.other{
margin-right:20px;
float:left;
}

#footer .tag{
position:relative;
clear:both;
margin-right:20px;
padding-top:55px;
/padding-top:20px;
}
#footer  .tag ul{

}
#footer  .tag ul li{
float:left;
	position: relative;
margin-right:20px;
display: inline;
}

#footer  .copy{
padding-top:20px;
padding-bottom:15px;
clear:both;
margin-bottom:10px;
text-align:center;
font-size:12px;
color:#666666;
}
/*-----------------------------------------------------*/

#footer {
	position: relative;
	height: 138px;
	background: url(/ssl_share/img/cmn_img/footer_back.jpg) repeat-x left top;
	font-size:13px; line-height:120%
}

#footer div.Rogo {
	position: absolute;
	top: 37px;
	left: 34px;
}
#footer div.Address{
	width:700px;
	position: absolute;
	top: 30px;
	left: 125px; 
	line-height:130%;
}


/* ------------------------------
	clearfix
------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0; 
	clear: both;
	visibility: hidden; 
}

.clearfix {
	display: inline-block;
}
.clear{
	clear:both;
}
/* Hide from IE-mac \*/

* html .clearfix { height: 1%; }
.clearfix { display:block; }

/* End hide from IE-mac */



/*-------------------------------
	footer new
--------------------------------*/
#footer_area {
	background: url(/share/img/cmn_img/footer_top.gif) repeat-x left top #dcdcdc;
	font-size:13px; line-height:120%;
	padding-bottom:10px;
	overflow:hidden;
zoom:1;

}

#footer_area  div.footer_base{
margin:0px 0 0px 17px;

}

#footer_area  div.footer_base .anet_info{
background: url(/share/img/cmn_img/footer_line.gif) no-repeat left bottom;
padding-bottom:10px;
padding-top:10px;

}


#footer_area .tag{
clear:both;
background: url(/share/img/cmn_img/footer_line.gif) no-repeat left top;
margin-right:20px;
padding-top:10px;
padding-bottom:10px;
/padding-top:5px;

}

#footer_area  .tag ul{
overflow:hidden;
zoom:1;
}
#footer_area  .tag ul li{
float:left;
margin-right:20px;
display: inline;
}

#footer_area  .tag ul li img{
padding-right:10px;
border-right:3px #1c6880 solid;
}
#footer_area  .tag ul li.add{
padding-top:7px;
}


#footer_area  .copy{
background: url(/share/img/cmn_img/footer_line.gif) no-repeat left top;
padding-top:10px;
clear:both;
text-align:center;
font-size:12px;
color:#666666;
overflow:hidden;
zoom:1;
}






#footer_area a{
color:#000;
}
#footer_area div.list_base{
margin:35px 0 35px 0px;
}
#footer_area div.list{
margin:0px 0 35px 0px;
clear:both;
overflow:hidden;
zoom:1;
position:relative;
}
#footer_area ul.f_list li.list_parts{
font-size:13px;
float:left;
margin:0px 25px 0  0px;
}

#footer_area ul.f_list li.list_parts span.index{
padding-right:25px;
padding-bottom:2px;
display:block;
}
#footer_area ul.f_list li.list_parts span.index_2{
padding-right:300px;
/padding-right:250px;
padding-bottom:2px;
display:block;
}
#footer_area ul.f_list li.list_parts ul{
background: url(/share/img/cmn_img/u_bar.gif) repeat-x left top;
padding-top:10px;
font-size:11px;
float:none;
}
#footer_area ul.f_list li.list_parts li.point{
font-size:10px;
float:none;
}

#footer_area ul.f_list li.list_parts li.other{
margin-right:20px;
float:left;
}
/* ------------------------------
	base_hader
------------------------------ */
#base_hader{
background:url(/share/img/products/h2_back.gif) repeat-x left top ;
height:110px;
}

#base_hader h2{
background:url(/share/img/products/products_title_back.gif) no-repeat left 1.5em;
height:110px;
margin:0 25px 25px 25px; 
padding-left:15px;
padding-top:25px;
height:58px;
}
#base_hader h2 span{
display:block;
padding-top:12px;
color:#666666;
}