/*------------------------------------------------------------------------------------
RESET
------------------------------------------------------------------------------------*/
html,body,a,form,area,div,table,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
       margin:0px;
       padding:0px;
       border:none;
}
img     { border:none; }
ul {list-style-type:none;}

/*------------------------------------------------------------------------------------
BASIC
------------------------------------------------------------------------------------*/
body	{
	text-align:center;
	color:#4D4D4D;
	font-family:"Meiryo","Hiragino Kaku Gothic Pro","Osaka",arial, helvetica, verdana;
	font-size:75%;
	line-height:1.4;
	background:url(../images/bg.gif) repeat-y center bottom;
}
table	{
	color:#232323;
	text-align:left;
}
a img:hover,
a img:active	{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*------------------------------------------------------------------------------------
a COLOR
------------------------------------------------------------------------------------*/
a:link,
a:visited	{
	color:#0A3AC2;
	text-decoration:underline;
}
a:hover,
a:active	{
	color:#4568D1;
}
#SUBCONTENT #SIDE-NEWS a:link,
#SUBCONTENT #SIDE-NEWS a:visited{
	color:#4D4D4D;
	text-decoration:none;
}
#SUBCONTENT #SIDE-NEWS a:hover,
#SUBCONTENT #SIDE-NEWS a:active	{text-decoration:underline;}
#NAVI-FOOT ul li a{text-decoration:none;}
#NAVI-FOOT ul li a:link{color:#FFF;}
#NAVI-FOOT ul li a:visited{color:#FFF;}
#NAVI-FOOT ul li a:hover,
#NAVI-FOOT ul li a:active{color:#EFEFEF;}

/*===============================================
TAMPLATE
===============================================*/
h3	{
	background-image: url(../images/h3-bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width:580px;
	height: 40px;
	line-height: 40px;
	text-indent: 20px;
	font-size: 120%;
	margin-bottom: 10px;
}
h3.original	{
	background-image: none;
	width:auto;
	height: auto;
	line-height: auto;
	text-indent: 0px;
	margin-bottom: 10px;
}
h4	{
	background-image: url(../images/h4-bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width:580px;
	height: 25px;
	line-height: 22px;
	text-indent: 25px;
	font-size: 100%;
	margin-bottom: 10px;
}
h4.original	{
	background-image: none;
	width:auto;
	height: auto;
	line-height: auto;
	text-indent: 0px;
	margin-bottom: 10px;
}
h5	{
	background-image: url(../images/h5-bg.gif);
	background-position: 3px 0px;
	background-repeat: no-repeat;
	height: 20px;
	line-height: 20px;
	text-indent: 20px;
	font-size: 100%;
	margin-bottom: 10px;
}
h6	{
	width: 183px;
	height:35px;
	background-image: url(../images/h6-bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	line-height: 35px;
	text-indent: 20px;
	font-size: 100%;
	margin-bottom: 10px;
	color:#FFF;
}
h6.original	{
	width: auto;
	height:auto;
	background:none;
	line-height: auto;
	text-indent:0px;
	margin-bottom: 10px;
}
.table01	{
	border-collapse: collapse;
	border:#CCC 1px solid;
	margin:0px auto 15px auto;
	font-size:100%;
}
.table01 th	{
	border:#CCC 1px solid;
	background-color:#E9E9E9;
	text-align:left;
	border-right:3px solid #D76D00;
}
.table01 td	{ border:#CCC 1px solid; }
.table02	{
	border-collapse: collapse;
	margin:0px auto 15px auto;
	font-size:100%;
}
.table02 th	{
	border-top: 2px solid #D76D00;
	border-bottom: 1px dotted #999;	
	text-align:left;
	color:#232323;
}
.table02 td	{
	border-bottom: 1px dotted #999;	
	background-color:#FFF;
}
#CONTENT p	{
	margin: 0px 10px 10px 10px;
}
#CONTENT ul	{
	list-style: none;
	margin:0px 0px 15px 20px ;
}
#SUBCONTENT ul	{
	list-style: none;
	margin:0px 0px 15px 5px ;
}
#CONTENT ol	{ margin:0px 20px 20px 35px ; }
#CONTENT ol li	{ margin-bottom: 8px; }
#SUBCONTENT ol	{ margin:0px 0px 15px 25px ; }

#CONTENT ul li	{
	background-image: url(../images/topic-product-icon.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 3px;
}
#SUBCONTENT ul li	{
	background-image: url(../images/topic-product-icon.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 3px;
}
.button01	{
	background-image:url(../images/topic-product-icon.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:17px;
}
.button02	{
	background-image:url(../images/navi-remark-icon.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}
/*===============================================
WRAPPER
===============================================*/
#WRAPPER{
	margin:0 auto;
	text-align:left;
	width:800px;
}
/*===============================================
HEAD
===============================================*/
#HEAD h1{
	font-size:90%;
	background:url(../images/h1-bg.gif) no-repeat center bottom;
	text-indent:20px;
	color:#FFF;
	line-height:18px;
}
.img-logo {
	margin:10px 0px;
	float:left;
}
.img-tel {
	margin:15px 0px;
	float:right;
}
#HEAD-CON{
	margin:0 auto;
	width:760px;
}
/*===============================================
NAVI-GLOBAL
===============================================*/
#NAVI-GLOBAL{
	margin:0 auto;
	width:790px;
	height:60px;
	background:url(../images/navi-global-bg.gif) no-repeat left top;
}
#NAVI-GLOBAL ul	{
	position:relative;
	top:15px;
	left:35px;
}
#NAVI-GLOBAL ul li{float:left;}
#NAVI-GLOBAL ul li a{
	display:block;
	height:30px;
	background-repeat: no-repeat; 
	background-position: 0px 0px;
}
#NAVI-GLOBAL ul li#NAVI-guide a{
	width:132px;
	background-image:url(../images/navi-global-guide-bg.gif);
}
#NAVI-GLOBAL ul li#NAVI-lineup a{
	width:168px;
	background-image:url(../images/navi-global-lineup-bg.gif);
}
#NAVI-GLOBAL ul li#NAVI-purpose a{
	width:166px;
	background-image:url(../images/navi-global-purpose-bg.gif);
}
#NAVI-GLOBAL ul li#NAVI-campaign a{
	width:166px;
	background-image:url(../images/navi-global-campaign-bg.gif);
}
#NAVI-GLOBAL ul li#NAVI-voice a{
	width:100px;
	background-image:url(../images/navi-global-voice-bg.gif);
}
#NAVI-GLOBAL ul li a:hover{
	background-position: 0px -30px;
}
/*===============================================
MAIN
===============================================*/
#MAIN{
	width:780px;
	background:url(../images/main-bg.gif) repeat-y left top;
	margin:20px auto 15px auto;
}
/*===============================================
CON-NAVI-WRAPPERR
===============================================*/
#CON-NAVI-WRAPPERR{
	width:580px;
	float:right;
}
/*===============================================
CONTENT
===============================================*/
#CONTENT	{
	width: 580px;
	margin-top: 15px;
}
#TOPIC-RANKING{margin:5px 0px 15px 0px;}
#TOPIC-RANKING table{width:580px;}
#TOPIC-RANKING table tr.img-a-border a{
	display:block;
	border:1px solid #D76D00;
}
#TOPIC-RANKING table tr td{vertical-align:top;}
#TOPIC-RANKING table tr td a,
#TOPIC-RANKING table tr td p{
	width:100px;
	margin: 0px 0px 0px 0px;
}
#TOPIC-RANKING table tr td p{
	margin:5px 0px 0px 0px;	
}
#TOPIC-RANKING a{text-decoration:none;}
#TOPIC-SELECT{margin:10px 0px 15px 0px;}
#TOPIC-SELECT table{width:580px;}
#TOPIC-SELECT table tr td{
	padding-top:15px;
}
#TOPIC-PRODUCT ul{margin:10px 5px 20px 10px;}
#TOPIC-PRODUCT ul li{
	background:url(../images/topic-product-icon.gif) no-repeat left center;
	line-height:22px;
}
#TOPIC-PRODUCT .left-box{
	width:50%;
	float:left;
}
#TOPIC-PRODUCT .right-box{
	width:50%;
	float:right;
}
/*===============================================
NAVI-REMARK
===============================================*/
#NAVI-REMARK{
	background-color:#F2F2F2;
	height:35px;
}
#NAVI-REMARK ul{
	float:right;
	line-height:35px;
}
#NAVI-REMARK ul li{
	float:left;
	margin-right:15px;
	text-indent:10px;
	background:url(../images/navi-remark-icon.gif) no-repeat left center;
	font-size:90%;
}
/*===============================================
KEYVISUAL
===============================================*/
#KEYVISUAL{
	width:580px;
	height:200px;
}
/*===============================================
SUBCONTENT
===============================================*/
#SUBCONTENT{
	width:183px;
	float:left;
	text-align:left;
}
#SUBCONTENT #SUB-BEGINNER ul{
	margin:10px 5px;
}
#SUBCONTENT #SUB-BEGINNER li{
	background:url(../images/subcontent-beginner-icon.gif) no-repeat left center;
	line-height:20px;
}
#SIDE-NEWS	{
	margin-bottom:15px;
}
#SUBCONTENT #SIDE-NEWS p{
	margin:0px 5px 5px 5px; 
	padding:0px 0px 5px 12px;
	text-align:left;
	background:url(../images/subcontent-new-icon.gif) no-repeat left 23px;
	color:#333;
	border-bottom:1px solid #B3B3B3;
}
#SUBCONTENT #SIDE-NEWS p font{
	font-size: 11px;
	display:block;
	text-indent:-12px;
	margin:5px 0px;
	color:#666;
	background-image:none;
}
#SUB-BANNER{ text-align:center; }
#SUB-BANNER img {
	margin-bottom:10px;	
}
#SUBCONTENT #SUB-COMPANY p#TITLE{
	line-height:24px;
	background:url(../images/subcontent-company-border.gif) no-repeat left bottom;
	font-size:120%;
}
#SUBCONTENT #SUB-COMPANY p{
	text-align:left;
	margin:5px 8px;
}
/*===============================================
CALENDER
===============================================*/
.calender	{
	width: 160px;
	background-color: #FFF;
	margin: 10px auto 20px auto;
}
table.calender td a,
table.calender a.sun,
table.calender a.sat {
	color:#FFF;
	background-color: #FF5B81;
	padding: 1px;
	text-decoration: none;
}

/*===============================================
NAVI-FOOT
===============================================*/
#NAVI-FOOT{
	height:40px;
	width:780px;
	background:url(../images/navi-foot-bg.gif) left top;
	margin:0px 10px 10px 10px;
}
#NAVI-FOOT ul{
	line-height:40px;
	margin-left:10px;
}
#NAVI-FOOT ul li{
	float:left;
	margin-left:10px;
}
/*===============================================
FOOT
===============================================*/
#FOOT{padding-bottom:5px;}
#FOOT p{
	line-height:20px;
	text-align:center;
	font-size:80%;
}
/*===============================================
FORM
===============================================*/
label	{
	padding-right:5px;
}
.ipt	{
	color:#FF0000;
	font-size:80%;
}
.msg	{
	color:#191919;	
	margin:15px 0px 15px 0px;
	text-align:center;
	font-size:12px;
}
.error_form	{
	background-color:#FFE9E9;
}
.error	{
	padding:15px 30px;
	color:#333333;
}
.error a	{
	color:#FF0000;
	text-decoration:none;
}
.error a:hover,
.error a:active,
.error a:focus	{
	color:#FF0000;
	text-decoration:underline;
}
.inquiryButtons	{
	text-align:center;
	padding:10px;
}
.exp	{
	color:#666666;
}

/*=====================ALIGN=====================*/
.alL {
      display:block;
      text-align:left;
}
.alC {
      display:block;
      text-align:center;
}
.alR {
      display:block;
      text-align:right;
}
.flL    {
      display:block;
      float:left;
}
.flR    {
      display:block;
      float:right;
}
/*=====================MARGIN=====================*/
.mgT5 {margin-top:5px;}
.mgT10{margin-top:10px;}
.mgB5 {margin-bottom:5px;}
.mgB8 {margin-bottom:8px;}
.pdR17{padding-right:17px;}
/*===============================================
clearfix
===============================================*/
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*------------------------------------------------------------------------------------
SPAN
------------------------------------------------------------------------------------*/
/* Hack Mac IE5 ?*/
#NAVI-GLOBAL ul li a span {
      display:block;
      text-indent:-9999px;
}
#NAVI-GLOBAL ul li a span {
      width:0px;
      height:0px;
      overflow:hidden;
}
/* End */