@charset "utf-8";

/*Author : TAISHI YAMAMOTO / CANDO CORPORATION
LAST UP DATA 12.15
____________________________________
TOP PAGE CSS DESIGN : M.PRODUCT
____________________________________
*/

/* format style
---------------------------------------------------- 
*/
.Hashimoto{
font-weight:normal;
height:52px;
margin:0 0 8px 0;
padding:3px 0 0 50px;
font-size:12px;
background: url(../../image/second/kazuma.jpg) no-repeat top left;
}
.Hashimoto2{
font-weight:normal;
height:52px;
margin:0 0 8px 0;
padding:3px 0 0 50px;
font-size:12px;
background: url(../../image/second/kazuma2.jpg) no-repeat top left;
}
.Hashimoto3{
font-weight:normal;
height:52px;
margin:0 0 8px 0;
padding:3px 0 0 50px;
font-size:12px;
background: url(../../image/second/kazuma3.jpg) no-repeat top left;
}

.Kuramoto{
font-weight:normal;
height:52px;
margin:0 0 8px 0;
padding:3px 0 0 50px;
font-size:12px;
background: url(../../image/second/kuramoto.jpg) no-repeat top left;
}
.Kuramoto2{
font-weight:normal;
height:52px;
margin:0 0 8px 0;
padding:3px 0 0 50px;
font-size:12px;
background: url(../../image/second/kuramoto2.jpg) no-repeat top left;
}

body{
margin:0;
padding:0;
color: #333;
font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック", Osaka-等幅, Osaka, 平成角ゴシック, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background-color:#fff;
background: url("../../image/back.gif")  0 0;
}

body,h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,ul,li,address,
table,th,td,
form,select,option,input,label{
margin:0;
padding:0;
}
hr {border:1px solid #C8C8C8;}
ol,ul,li{list-style:none;}
img {
vertical-align: bottom;
border: 0;
text-decoration:none;
}
img a{
border: 0;
text-decoration:none;
}

.clear{
clear:both;
}


/*BASE LINK
---------------------------------------------------- */
 a:link.basic_link,a:visited.basic_link{
  color: #183876;
  text-decoration:underline;
}
a:hover.basic_link,a#active.basic_link{
  color: #fff;
  text-decoration:none;
  background-color: #222;
}
/*---------------------------------------------------- */
 a:link.flash_link,a:visited.flash_link{
  color: #fff;
  text-decoration:none;
}
 a:hover.flash_link{
  color: #fff;
  text-decoration:underline;
}
/*---------------------------------------------------- */
 a:link.mail_link,a:hover.mail_link,a:visited.mail_link{
  color: #666;
  text-decoration:none;
}


/*--font span------------------------------------------ */
span.none{
display:none;
}
span.none_blue{
font-weight:normal;
font-size:12px;
}
/*---------------------------------------------------- */
.img_left{
float:left;
margin-right:3px;
}
.img_right{
float:right;
margin-left:3px;
}
/*---------------------------------------------------- */
#wrapper {
text-align:left;
position: relative;
width: 800px;
margin: 0 auto;
background-color: #fff;
}

#leadPhoto{
margin: 0 ;
padding:0;
vertical-align: top;
}

#header {
text-align:left;
width: 800px;
margin-bottom: 4px;
}

#container{
width:800px;
float:left;
overflow:hidden;
}
/*---------------------------------------------------- */
#main_contents {
width:530px;
float:right;
overflow:hidden;
padding:0 10px;
}
.footer_bk{
clear:both;
width:800px;
height:8px;
background: url("../../image/footer_line.gif") no-repeat 0 bottom;
}
/*------------------------------------------------- */
/* HEADLINE
--------------------------------------------------- */
#head_p{
color:555;
width:520px;
font-size:10px;
line-height:1.3;
font-weight:normal;
margin:5px;
float:right;
}

/*---TOP------------------------------------------- */
.Blogtop{
width:530px;
height:97px;
font-size:12px;
background: url("../../image/blogtop_h2.jpg") no-repeat top left;
}
.Newstop{
width:530px;
height:97px;
font-size:12px;
background: url("../../image/newstop_h2.jpg") no-repeat 0 0;
}
/*---------------------------------------------- */
/*---BLOG H------------------------------------------- */
.hashimoto_h{
color:#fff;
padding:33px 0 0 80px;
width:450px;
height:57px;
font-size:13px;
background: url("../../image/second/hashimotoblog_head.jpg") no-repeat top left;
}
.news_h{
color:#fff;
padding:33px 0 0 80px;
width:450px;
height:57px;
font-size:13px;
background: url("../../image/second/newsblog_head.jpg") no-repeat 0 0;
}
/*---------------------------------------------- */
.title_comapny{
width:530px;
height:24px;
font-size:14px;
background: url("../../image/second/h1_title.jpg") no-repeat top left;
color:#fff;
padding:22px 0 0 8px;
margin-bottom:15px;
}

.title_soft{
width:530px;
height:24px;
font-size:14px;
background: url("../../image/second/h1_title2.jpg") no-repeat top left;
color:#fff;
padding:22px 0 0 8px;
margin-bottom:15px;
}
/*---------------------------------------------- */
.red_line{
color:#333;
font-size:14px;
width:520px;
border-bottom: 1px solid #800;
margin:10px 0 5px 5px;
}

.red_block{
color:#333;
font-size:12px;
border-left: 5px solid #800;
padding:2px 0 0 6px;
margin:5px 0 8px 0px;
}

.black_bar{
width:530px;
height:23px;
font-size:14px;
color:#fff;
padding:10px 0 0 15px;
margin:0 0 8px 0;
background: url("../../image/top_h2.gif") no-repeat top left;
}

/*------------------------------------------------- */
h3.head3{
font-size:12px;
color:#1C73AB;
border-left:8px solid #1C73AB;
padding-left:2px;
margin-bottom:3px;
text-shadow: #BBBBBB 0.15em 0.15em 0.15em;
}

/* TOP HEADER
---------------------------------------------------- */
#top_logo{
width:800px;
height:60px;
}
#top_logo img{
float:left;
margin:10px 0 2px 5px;
width:168px;
height:35px;
}

#header_2link{
font-size:11px;
position: absolute;
top:42px;
left:610px;
}
#header_2link li{
float:left;
}
li#contact a{
font-size:11px;
width:74px;
height:13px;
background:url("../../image/header_navi1.gif")  no-repeat top left;
display:block;
margin-right:25px;
}
li#sitemap a{
width:75px;
height:13px;
background:url("../../image/header_navi2.gif")  no-repeat top left;
display:block;
}
/*-------------------------------------------------- */
/* P
---------------------------------------------------- */
.p_pad{
color:#333;
font-size:12px;
line-height:1.4;
}
.p_pad5{
color:#666;
font-size:12px;
margin-bottom:10px;
line-height:1.3;
padding:0 5px 0 5px;
}

.p_pad10{
color:#222;
font-size:14px;
margin-bottom:10px;
line-height:1.6;
padding:0 5px 0 5px;
}
.p_right{
width:227px;
color:#666;
font-size:12px;
line-height:1.4;
float:right;
}
.p_line_bottom{
margin:3px 0;
color:#666;
font-size:12px;
line-height:1.5;
border-bottom:1px solid #C8C8C8;
}


/*---MAIN NAVIGATIONS CSS------------------------------*/ 
#mainNavi{
width:220px;
float:left;
}
.Sub_banner{
margin-left:13px;
margin-bottom:3px;
}

#categoryNavi{
width:219px;
height:346px;
background: url("../../image/navi_list.jpg") no-repeat 0 bottom;
}

#categoryNavi ul{
list-style:none;
}

#categoryNavi li{
line-height:1.0;
margin:0;
padding:0;
height:25px;
display: inline;
}

#categoryNavi li a{
width:219px;
height:25px;
text-decoration:none;
display:block;
}

#categoryNavi p#cnCompany{
width:219px;
height:55px;
background: url("../../image/navi_list.jpg") no-repeat 0 0;
}
#categoryNavi p#cnSoft{
width:219px;
height:78px;
background: url("../../image/navi_list.jpg") no-repeat 0 -205px;
}
/*--cn01-----------------------------------*/ 
#categoryNavi li#cn01 a:link,#categoryNavi li#cn01 a:visited{
background: url("../../image/navi_list.jpg") no-repeat 0 -55px;
width:219px;
height:24px;
}
#categoryNavi li#cn01 a:hover,#categoryNavi li#cn01 #active{
background: url("../../image/navi_list.jpg") no-repeat -219px -55px;
width:219px;
height:24px;
}
/*--cn02-----------------------------------*/ 
#categoryNavi li#cn02 a:link,#categoryNavi li#cn02 a:visited{
background: url("../../image/navi_list.jpg") no-repeat 0 -80px;
width:219px;
height:24px;
}

#categoryNavi li#cn02 a:hover,#categoryNavi li#cn02 #active{
background: url("../../image/navi_list.jpg") no-repeat -219px -80px;
width:219px;
height:24px;
}
/*--cn03-----------------------------------*/ 
#categoryNavi li#cn03 a:link,#categoryNavi li#cn03 a:visited{
background: url("../../image/navi_list.jpg") no-repeat 0 -105px;
width:219px;
height:24px;
}

#categoryNavi li#cn03 a:hover,#categoryNavi li#cn03 #active{
background: url("../../image/navi_list.jpg") no-repeat -219px -105px;
width:219px;
height:24px;
}
/*--cn04-----------------------------------*/ 
#cn04 a:link,#cn04 a:visited{
background: url("../../image/navi_list.jpg") no-repeat 0 -129px;
width:219px;
height:24px;
}

#cn04 a:hover,#cn04 #active{
background: url("../../image/navi_list.jpg") no-repeat -219px -129px;
width:219px;
height:24px;
}
/*--cn05-----------------------------------*/ 
#cn05 a:link,#cn05 a:visited{
background: url("../../image/navi_list.jpg") no-repeat 0 -154px;
width:219px;
height:24px;
}

#cn05 a:hover,#cn05 #active{
background: url("../../image/navi_list.jpg") no-repeat -219px -154px;
width:219px;
height:24px;
}
/*--cn06-----------------------------------*/ 
#cn06 a:link,#cn06 a:visited{
background: url("../../image/navi_list.jpg") no-repeat 0 -178px;
width:219px;
height:24px;
}
#cn06 a:hover,#cn06 #active{
background: url("../../image/navi_list.jpg") no-repeat -219px -178px;
width:219px;
height:24px;
}
/*--cn07-----------------------------------*/ 
#cn07 a:link,#cn07 a:visited{
background: url("../../image/navi_list.jpg") no-repeat 0 -280px;
width:219px;
height:24px;
}

#cn07 a:hover,#cn07 #active{
background: url("../../image/navi_list.jpg") no-repeat -219px -280px;
width:219px;
height:24px;
}
/*--cn08-----------------------------------*/ 
#cn08 a:link,#cn08 a:visited{
background: url("../../image/navi_list.jpg") no-repeat 0 -304px;
width:219px;
height:24px;
}

#cn08 a:hover,#cn08 #active{
background: url("../../image/navi_list.jpg") no-repeat -219px -304px;
width:219px;
height:24px;
}

#SubNavi{
padding-left:12px;
width:220px;
margin:5px 0 20px 0;
font-size:11px;
}
#SubNavi p{
margin:5px 0;
}
#RSS{
width:220px;
margin:28px 0 20px 0;
font-size:11px;
}
#RSS img{
margin-bottom:4px;
}

.pagetop{
float:right;
width:79px;
margin:0 0 5px 0;
text-align:right;
padding-right:10px;
padding-left:10px;
}


/* FOOTER
--------------------------------------- */
#footer{
border-top:1px solid #C8C8C8;
padding-top:5px;
clear:both;
font-size:10px;
width:800px;
margin:0 auto 0px auto;
}
/*-------------------------------------*/ 
#footer a{
color:#515151;
font-style:normal;
text-decoration:none;
}
#footer a:hover{
color:#515151;
font-style:normal;
text-decoration:underline;
}
.Area_left a.shikiri{
background:url("../../image/footer_link.gif") no-repeat center right;
padding:0 15px 0 3px;
}
/*-------------------------------------*/ 
.Area_left li{
padding-left:10px;
float:left;
}
.Area_left{
text-align:left;
float:left;
padding-left:15px;
}
.Area_right{
float:right;
padding-right:10px;
}
.staff_right{
float:right;
width:336px;
margin-right:5px;
}
#hsv_Area{
width:790px;
line-height:1.3;
margin:8px 0 0 0;
padding:8px 5px 0 5px;
}

#hsv_Area a{
text-decoration:underline;
}
/*-------------------------------------*/ 
.Combo_Top{
width:530px;
background: url("../../image/combox_top.gif") no-repeat left top;
padding:7px 0 0 0;
}

.Combo_Box{
width:530px;
background: url("../../image/combox_bk.gif") no-repeat left bottom;
margin-bottom:5px;
padding:0 0 0 0;
}
.Combo_Box_listnone{
width:530px;
background: url("../../image/combox_bk.gif") no-repeat left bottom;
margin-bottom:5px;
padding:0 0 0 0;
}
.Archive_Bottom{
width:530px;
background: url("../../image/combox_bk.gif") no-repeat left bottom;
margin-bottom:5px;
padding:0 0 0px 0;
}

 .Combo_Box a:link,.Combo_Box a:visited{
  color: #183876;
  text-decoration:underline;
}
.Combo_Box a:hover{
  color: #fff;
  text-decoration:none;
  background-color: #333;
}
.Combo_Box li{
font-size:12px;
background: url("../../image/list_image.gif") no-repeat left 2px;
padding:0 0 0 13px;
line-height:1.4;
}
li.liston{
background: url("../../image/list_image.gif") no-repeat left 2px;
padding:0 0 0 13px;
}
.colArea01{
padding:0 5px 0 5px;
margin-bottom:2px;
}

.Combo_Top:after,
.Archive_Bottom:after,
.Combo_Box:after,
.colArea01:after,
#header:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
.Combo_Top{ display: inline-block; }
.Combo_Box{ display: inline-block; }
.Combo_Box_listnone{ display: inline-block; }
.Archive_Bottom{ display: inline-block; }
.colArea01{ display: inline-block; }
#header{ display: inline-block; }

/* no ie mac \*/
* html .Combo_Top{ height: 1%; }
* html .Combo_Box{ height: 1%; }
* html .Combo_Box_listnone{ height: 1%; }
* html .Archive_Bottom{ height: 1%; }
* html .colArea01{ height: 1%; }
* html #header{ height: 1%; }
.Combo_Top{ display: block; }
.Combo_Box{ display: block; }
.Combo_Box_listnone{ display: block; }
.Archive_Bottom{ display: block; }
.colArea01{ display: block; }
#header{ display: block; }
/* */

.section01{
padding:0 5px 0 5px;
margin-bottom:7px;
}
.Bottom5{
margin-bottom:5px;
}
.Bottom20{
margin-bottom:20px;
}
.section01:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .section01{ display: inline-block; }
/* no ie mac \*/
* html .section01{ height: 1%; }
.section01{ display: block; }
/* */


.Link_Area{
color:#666;
font-size:12px;
padding:2px 6px;
width:510px;
height:40px;
text-align:center;
line-height:1.7;
border:1px solid #800;
}
.arrow{
width:500px;
text-align:center;
margin-bottom:10px;
}

.Site_Area{
color:#333;
font-size:12px;
line-height:1.6;
padding:2px 6px;
width:500px
margin-bottom:25px;
}
#searchArea{
padding:3px 0 0 3px;
height:25px;
font-size:12px;
margin-bottom:15px;
background-color:#F0F0F0;
}
.table_Type01{
font-size:12px;
border:1px solid #C8C8C8;
width:527px;
background-color:#fff;
line-height:1.4;
margin-bottom:3px;
}
.table_Title{
height:30px;
font-weight:bold;
text-align:center;
color:#fff;
background-color:#AEAEAE;
border-bottom:1px solid #C8C8C8;
}

.td_line{
padding-left:3px;
background-color:#fff;
border-bottom:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
}



/*-------------------------------------*/ 
.pad_top{
padding-top:50px;
}

.PS_box{
margin-top:5px;
margin-bottom:10px;
}

.PS_img{
float:left;
width:140px;

}


/*-------------------------------------*/ 
/* ARCHIVES */
.Archive_Box{
margin-top:5px;
margin-bottom:5px;
}
.PS_box:after,
.Archive_Box:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
.PS_box{ display: inline-block; }
.Archive_Box{ display: inline-block; }
.Archive_Box{ display: inline-block; }
/* no ie mac \*/
* html .PS_box{ height: 1%; }
* html .Archive_Box {height: 1%; }
.PS_box{ display: block; }
.Archive_Box{ display: block; }


.archive-content{
   clear: both;
   margin: 5px 5px 15px 0px;
}
.archive-list-item{
padding-left:5px;
margin-bottom:5px;
}


#alpha_Box{
/*
background: url("http://m-product.jp/mpro/image/back3.gif") no-repeat 0 0;*/
}