/* definition --
----------------*/

*{
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

br.cl{
 clear:both;
 overflow:hidden;
 width: 1px;
 height: 1px;
 margin: 0 -1px -1px 0;
 border: 0;
 padding: 0 0 0 0;
 font-size: 0;
 line-height: 0;
}

html{
 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 overflow-y: scroll;
}

body{
 font-size: 0.9em;
 width: 100%;
 height: 100%;
 text-align: center;
 line-height:140%;
}

a{
 color: #333;
 text-decoration: underline;
 cursor: pointer;
}
a:visited{
 color: #aaa;
}
a:hover{
 color: #F68B25;
 text-decoration: none;
 cursor: pointer;
}
a:active{
 color: #F68B25;
 text-decoration: none;
 cursor: pointer;
}

ul,li,h1,h2,h3,h4,h5,div,img{
 border: 0;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}


p {
 border: 0;
 margin: 15px 0 0 0;
 padding: 0 0 0 0;
}

li{
 list-style:none;
}

.img_ma_top{
 margin:15px 0 0 0;
}

.clearfix{
 zoom: 1;
}
.clearfix:after{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.iepngfix{
 behavior: expression(IEPNGFIX.fix(this));
}

/*end_definition--
------------------*/



/*container--
-------------*/

#container{
 width: 780px;
 text-align: left;
 margin: 0 auto;
}

/*end_container--
-----------------*/



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

#header{
 position: relative;
 width: 780px;
 height: 95px;
}

#header h1{
 position: absolute;
 top: 10px;
 left: 10px; 
}

#explanation{
 position: absolute;
 top: 15px;
 left: 220px; 
 line-height: 100%;
}
#explanation h2{
 font-size: 90%;
 font-weight: 700;
}
#explanation p{
 font-size: 80%;
 margin: 8px 0 0 0;
}

#header_menu{
 position: absolute;
 top: 25px;
 left: 650px; 
}
#header_menu li{
 background: url("img/menu_ico1.png") 0 0 no-repeat;
 text-indent: 1.5em;
 margin: 0 0 5px 0;
}
#header_menu li.hmenu_last{
 margin: 0 0 0 0;
}

/*end_header--
--------------*/
/*header_navi--
---------------*/

#header_navi li{
 float: left;
 font-size: 90%;
 text-align: center;
}
#header_navi a{
 display: block;
 width: 130px;
 height: 30px;
 text-decoration: none;
 color: #fff;
 padding: 5px 0 0 0;
 background: url("img/navi.jpg") 0 0 no-repeat;
}
#container > #header_navi a{
 display: block;
 width: 130px;
 height: 25px;
 text-decoration: none;
 color: #fff;
 padding: 5px 0 0 0;
 background: url("img/navi.jpg") 0 0 no-repeat;
}
#header_navi a:hover{
 color: #fff;
 background: url("img/navi.jpg") 0 -30px no-repeat;
}
#container > #header_navi a:hover{
 color: #fff;
 background: url("img/navi.jpg") 0 -30px no-repeat;
}

/*end_header_navi--
-------------------*/



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

#contents{
 clear: left;
 width: 780px;
 background: url("img/back.jpg") 0 0 repeat-y;
}

#contents_right{
 float: right;
 width: 580px;
 margin: 15px 0 0 0;
}
#contents_left{
 float: left;
 width: 170px;
 margin: 15px 0 0 0;
 padding: 0 10px 0 10px;
}


#main_info_block{
 width: 580px;
 min-height: 30px;
 margin: 15px 0 0 0;
}
#info_what{
 float: left;
 width: 275px; 
}
#info_business{
 float: right;
 width: 275px;
}

#main_info_block h4{
 width: 275px;
 height: 32px;
 font-size: 100%;
 text-indent: 2em;
 padding: 5px 0 0 0;
 background: url("img/top_block_title.jpg") 0 0 repeat-y;
}
#contents_right > #main_info_block h4{
 width: 275px;
 height: 27px;
 text-indent: 2em;
 padding: 5px 0 0 0;
 background: url("img/top_block_title.jpg") 0 0 no-repeat;
}

.main_info_middle{
 width: 275px;
 background: url("img/top_block_middle.png") 0 0 repeat-y;
}
/*
.main_info_middle a,#footer_menu a{
 color: #333;
}
.main_info_middle a:visited,#footer_menu a:visited{
 text-decoration: underline;
 color: #aaa;;
}
.main_info_middle a:hover,#footer_menu a:hover{
 text-decoration: none;
 color: #F57921;
}
*/
.main_info_end{
 z-index: 1;
 font-size: 70%;
 text-align: right;
 padding: 0 10px 5px 5px;
 background: url("img/top_block_footer.png") 0 bottom no-repeat;
}

#info_what dl{
 font-size: 80%;
 padding: 0 7px 0 7px;
}
#info_what dt{
 float: left;
 width: 65px;
 font-size: 90%;
 color: #F57921;
 clear: both;
}
#info_what dd{
 margin: 0 0 0 65px;
}

#info_business ul{
 width: 275px;
 padding: 0 5px 0 5px;
}
#main_info_block > #info_business ul{
 width: 273px;
 padding: 0 5px 0 5px;
}
#info_business li{
 font-size: 70%;
 padding: 0 0 0 20px;
 background: url("img/menu_ico2.png") 0 center no-repeat;
}


/*contents_page*/
#contents_title{
 width: 580px;
 height: 40px;
 font-size: 120%;
 text-indent: 2em;
 padding: 10px 0 0 0;
 background: url("img/co_title.jpg") 0 0 no-repeat;
}
#contents_right > #contents_title{
 width: 580px;
 height: 30px;
 font-size: 120%;
 text-indent: 2em;
 padding: 10px 0 0 0;
 background: url("img/co_title.jpg") 0 0 no-repeat;
}
#contents_right .contents_caption{
 width: 550px;
 font-size: 100%;
 font-weight: 700;
 text-indent: 2.5em;
 border-right: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 margin: 25px 15px 0 15px;
 padding: 0 0 5px 0;
 background: url("img/circle.png") 5px 0 no-repeat;
}
#contents_right .contents_news{
 width: 550px;
 font-size: 100%;
 font-weight: 700;
 text-indent: 2.5em;
 border-right: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 margin: 25px 15px 0 15px;
 padding: 0 0 5px 0;
 background: url("img/star.png") 5px 0 no-repeat;
}
#contents_right .contents_customer{
 width: 550px;
 font-size: 100%;
 font-weight: 700;
 text-indent: 2.5em;
 border-right: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 margin: 25px 15px 0 15px;
 padding: 0 0 5px 0;
 background: url("img/question.png") 5px 0 no-repeat;
}

#contents_right .contents_recruit{
 width: 550px;
 font-size: 100%;
 font-weight: 700;
 text-indent: 2.5em;
 border-right: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 margin: 25px 15px 0 15px;
 padding: 0 0 5px 0;
 background: url("img/exclamation.png") 5px 0 no-repeat;
}
.entry_body{
 margin: 15px 0 0 0;
 padding: 0 15px 0 15px;
}
.entry_excerpt{
 margin: 15px 0 0 0;
 padding: 0 15px 0 15px;
}
.entry_excerpt p{
 margin: 15px 0 0 0;
}
.entry_body h5{
 font-size: 120%;
 font-weight: 700;
 border-left: 5px solid #afc2eb;
 padding: 0 0 0 15px;
 margin: 25px 0 0 0;
}
.entry_body h5.number{
 font-size: 120%;
 font-weight: 700;
 margin: 25px 0 0 0;
}
.entry_body p{
 margin: 15px 0 0 0
}
.entry_body ul{
 margin: 15px 0 0 0
}
.entry_body li{
 list-style: square inside;
 margin: 0 0 0 0;
 padding: 0 15px 0 15px;
}
.entry_body li.disc{
 list-style: disc inside;
 margin: 5px 0 0 0;
 padding: 0 15px 0 15px;
}
.entry_body li.decimal{
 list-style: decimal inside;
 margin: 0 0 0 0;
}

.entry_body .co_mtblock{
 margin: 50px 0 0 0;
}

.co_mtblock dt.one,.co_charge_block .one{
 font-size: 100%;
 font-weight: 700;
 color: #64b72b;
 margin: 20px 0 0 0;
}
.co_mtblock dt.tow,.co_charge_block h6.tow{
 font-size: 100%;
 font-weight: 700;
 color: #dad05c;
 margin: 20px 0 0 0;
}
.co_mtblock dt.three,.co_charge_block h6.three{
 font-size: 100%;
 font-weight: 700;
 color: #fa100c;
 margin: 20px 0 0 0;
}
.co_mtblock dd{
 margin: 5px 0 0 0;
}

.entry_body .exposition{
 width: 550px;
 text-align: center;
}
.entry_body .exposition_inner{
 width: 500px;
 text-align: left;
 border: dashed 1px #333;
 padding: 15px 10px 15px 10px;
 margin: 15px auto 0 auto;
}
.entry_body > .exposition_inner{
 width: 480px;
}
.entry_body .co_charge_block{
 margin: 30px 0 0 0;
}

.entry_body .table_charge{
 width: 550px;
 border: 1px solid #333;
 border-collapse: collapse;
 border-spacing: 0;
 empty-cells: show;
 font-size: 9pt;
 margin: 15px 0 0 0;
}
.table_charge th{
 font-weight: 700;
 text-align: left;
 border-left: 1px solid #333;
 border-bottom: 1px dotted #333; 
 padding: 0.3em 0.5em;
 background-color: #e4f8c9;
}
.table_charge td{
 border-left: 1px solid #333;
 border-bottom: 1px dotted #333; 
 padding: 0.3em 0.5em;
}
.table_charge .t_top{
 border-bottom: 2px solid #333;
 font-weight: 700;
 text-align: center;
 background-color: #fcd9be;
}

#trade{
 border-top:1px solid #663300;
 border-left:1px solid #663300;
 border-collapse:collapse;
 border-spacing:0;
 empty-cells:show;
}
#trade th{
 border-right:1px solid #663300;
 border-bottom:1px solid #663300;
 padding: 1px;
 width: 100px; 
}
#trade td{
 border-right:1px solid #663300;
 border-bottom:1px solid #663300;
 padding: 1px;
 width: 450px; 
}
.entry_body > #trade th{
 border-right:1px solid #663300;
 border-bottom:1px solid #663300;
 padding:1px;
/* width: 98px; */
 width: 200px;
}

.entry_body > #trade td{
 border-right:1px solid #663300;
 border-bottom:1px solid #663300;
 padding: 1px;
/* width: 448px; */
}

/* kyujin ---------  */
#kyujin {
 border-top:0px solid #663300;
 border-left:0x solid #663300;
 border-collapse:collapse;
 border-spacing:0;
 empty-cells:show;
}
#kyujin  th{
 border-right:0px solid #663300;
 border-bottom:0px solid #663300;
 padding: 1px;
 width: 100px; 
}
#kyujin  td{
 border-right:0px solid #663300;
 border-bottom:0px solid #663300;
 padding: 1px;
 width: 450px; 
}
.entry_body > #kyujin  th{
 border-right:0px solid #663300;
 border-bottom:0px solid #663300;
 padding:1px;
/* width: 98px; */
 width: 200px;
}

.entry_body > #kyujin td{
 border-right:0px solid #663300;
 border-bottom:0px solid #663300;
 padding: 1px;
/* width: 448px; */
}
/*  ------- */



/*catalog*/
.entry_body .catalog_ca{
 min-height: 1px;
 margin: 15px 0 5px 0;
}
.entry_body .ca_le_img{
 margin: 0 20px 0 0;
}

/*contents_footer*/
#entry_footer li{
 float: right;
 font-size: 90%;
 margin: 15px 0 0 15px;
}

#footer_menu{
 clear: both;
 font-size: 70%;
 text-align: center;
 border-top: 1px dashed #666;
 margin: 20px 0 0 0;
 padding: 5px 0 5px 0;
}
#footer_menu li{
 display: inline;
 border-left: 2px solid #666;
 padding: 0 10px;
}
#footer_menu li.fmenu_last{
 border-left: 2px solid #333;
 border-right: 2px solid #333;
 padding: 0 10px;
}

/*mail*/
#mail_form p{
 margin: 5px 0 0 0;
}
input,select,textarea{
 color: #666;
 background: #f9f9f9;
 border: 1px solid #999;
}
input:focus,select:focus,textarea:focus{
 color: #333;
 background: #fac095;
 border: 1px solid #303;
}

/*sitemap*/
h4.site_map_p{
 font-size: 110%;
 font-weight: 700;
 border-left: 3px solid #333;
 margin: 20px 0 0 0;
 padding: 0 0 0 10px;
}
.site_map_c li{
 list-style: circle inside;
 padding: 0 0 0 15px;
 margin: 5px;
}

/*end_contents--
----------------*/



/*side_navi--
-------------*/

#side_menu li,#contents_left div{
 margin: 0 0 15px 0;
}
#side_menu li a:hover{
 color: #333;
}
#contents_left > #side_menu li a:hover{
 color: #333;
}


#me_joy a{
 display: block;
 width: 150px;
 height: 38px;
 font-size: 70%;
 color: #fff;
 text-align: center;
 text-decoration: none;
 padding: 7px 0 0 0;
 background: url("img/side_menu1.gif") 0 0 repeat-y;
}
#side_menu > #me_joy a{
 width: 150px;
 height: 31px;
 font-size: 70%;
 color: #fff;
 text-align: center;
 text-decoration: none;
 padding: 7px 0 0 0;
 background: url("img/side_menu1.gif") 0 0 repeat-y;
}
#me_joy a:hover{
 text-decoration: none;
 background: url("img/side_menu1.gif") 0 -38px repeat-y;
}
#side_menu > #me_joy a:hover{
 text-decoration: none;
 background: url("img/side_menu1.gif") 0 -38px repeat-y;
}

#me_pro a{
 display: block;
 width: 150px;
 height: 38px;
 color: #fff;
 text-align: center;
 text-decoration: none;
 padding: 10px 0 0 0;
 background: url("img/side_menu2.gif") 0 0 repeat-y;
}
#side_menu > #me_pro a{
 display: block;
 width: 150px;
 height: 28px;
 color: #fff;
 text-align: center;
 text-decoration: none;
 padding: 10px 0 0 0;
 background: url("img/side_menu2.gif") 0 0 repeat-y;
}
#me_pro a:hover{
 text-decoration: none;
 background: url("img/side_menu2.gif") 0 -38px repeat-y;
}
#side_menu > #me_pro a:hover{
 text-decoration: none;
 background: url("img/side_menu2.gif") 0 -38px repeat-y;
}

#me_staff a{
 display: block;
 width: 150px;
 height: 38px;
 color: #fff;
 text-align: center;
 text-decoration: none;
 padding: 10px 0 0 0;
 background: url("img/side_menu3.gif") 0 0 repeat-y;
}
#side_menu > #me_staff a{
 display: block;
 width: 150px;
 height: 28px;
 color: #fff;
 text-align: center;
 text-decoration: none;
 padding: 10px 0 0 0;
 background: url("img/side_menu3.gif") 0 0 repeat-y;
}
#me_staff a:hover{
 text-decoration: none;
 background: url("img/side_menu3.gif") 0 -38px repeat-y;
}
#side_menu > #me_staff a:hover{
 text-decoration: none;
 background: url("img/side_menu3.gif") 0 -38px repeat-y;
}

#me_blog a{
 display: block;
 width: 150px;
 height: 38px;
 color: #fff;
 text-align: center;
 text-decoration: none;
 padding: 10px 0 0 0;
 background: url("img/side_menu4.gif") 0 0 repeat-y;
}
#side_menu > #me_blog a{
 display: block;
 width: 150px;
 height: 28px;
 color: #fff;
 text-align: center;
 text-decoration: none;
 padding: 10px 0 0 0;
 background: url("img/side_menu4.gif") 0 0 repeat-y;
}
#me_blog a:hover{
 text-decoration: none;
 background: url("img/side_menu4.gif") 0 -38px repeat-y;
}
#side_menu > #me_blog a:hover{
 text-decoration: none;
 background: url("img/side_menu4.gif") 0 -38px repeat-y;
}

#me_rss{
 position: relative;
 height: 26px;
 color: #333;
}
#me_rss .rss,#me_rss .atom{
 position: absolute;
 width: 70px;
 height: 26px;
 text-indent: 20px;
}
#me_rss .rss{
 top: 0;
 left: 0;
}
#me_rss .atom{
 top: 0;
 left: 80px;
}
#me_rss .rss a,#me_rss .atom a{
 display: block;
 width: 70px;
 height: 26px;
 color: #fff;
 text-decoration: none;
 padding: 3px 0 0 0;
 background: url("img/rss.gif") 0 0 no-repeat;
}
#me_rss > .rss a,#me_rss > .atom a{
 display: block;
 width: 70px;
 height: 23px;
 color: #fff;
 text-decoration: none;
 padding: 3px 0 0 0;
 background: url("img/rss.gif") 0 0 no-repeat;
}
#me_rss .rss a:hover,#me_rss .atom a:hover{
 color: #333;
}

#contents_left .blog_menu_block{
 width: 150px;
 padding: 0 0 10px 0;
 background: url("img/side_menu4_bottom.gif") 0 bottom no-repeat;
}
#contents_left .blog_menu_middle{
 margin: 0;
 padding: 0 10px;
 background: url("img/side_menu4_middle.gif") 0 0 repeat-y;
}
.blog_menu_middle h5{
 border-bottom: 1px dashed #aaa;
 font-size: 90%;
 color: #666;
 padding: 5px 0 2px 0;
}
#contents_left .blog_menu_entry li{
 font-size: 80%;
 list-style: disc inside;
}

/*end_side_navi--
-----------------*/



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

#footer{
 width: 780px;
 height: 26px;
 font-size: 90%;
 text-align: right;
 color: #fff;
 padding: 3px 5px;
 background: url("img/footer.png") 0 0 no-repeat;
}
#container > #footer{
 width: 770px;
 height: 20px;
 font-size: 90%;
 text-align: right;
 color: #fff;
 padding: 3px 5px;
 background: url("img/footer.png") 0 0 no-repeat;
}


/*end_footer--
--------------*/



/*blog--
--------*/

#blog_contents{
 width: 580px;
 margin: 0 0 15px 0;
}

#blog_title{
 position: relative;
 width: 580px;
 height: 100px;
 background: url("blog/img/haru-02.jpg") 0 0 no-repeat;
}
#blog_title h3{
 position: absolute;
 left: 20px;
 top: 15px;
 font-size: 15pt;
 font-weight: 700;
}
#description{
 position: absolute;
 left: 30px;
 top: 45px;
 font-size: 10pt;
}
#gotop{
 position: absolute;
 left: 500px;
 top: 65px;
 margin: 0;
 padding: 0;
}

.content-nav{
 width: 580px;
 font-size: 8pt;
 text-align: center;
 margin: 20px auto 0 auto;
}

/*entry---*/

#blog_right{
 width: 580px;
}

.entry_title{
 width: 580px;
 height: 40px;
 font-size: 120%;
 text-indent: 2em;
 margin: 20px 0 0 0;
 padding: 10px 0 0 0;
 background: url("img/blog_title.jpg") 0 0 no-repeat;
}
.blog_entry > .entry_title{
 width: 580px;
 height: 30px;
 font-size: 120%;
 text-indent: 2em;
 margin: 20px 0 0 0;
 padding: 10px 0 0 0;
 background: url("img/blog_title.jpg") 0 0 no-repeat;
}
.entry_body{
 padding: 0 10px;
}
.entry_footer{
 text-align: right;
 font-size: 10px;
 border-top: 2px solid #ccc;
 margin: 10px 0 0 0;
 padding: 2px 0 0 0;
}


/*blog_comment,trackback*/

.comments-header,.trackbacks-header,.comments-open-header{
 font-size: 12pt;
 font-weight: 700;
 text-indent: 0.5em;
 border-left: 5px solid #f79436;
 margin: 30px 0 0 0;
}

#page-title{
 font-size: 12pt;
 font-weight: 700;
 margin: 20px 0 15px 0;
}

.comment,.trackbacks-content{
 border: 1px solid #aaa;
 margin: 15px 0 0 0;
 padding: 0 5px 0 5px;
}
.comment-content,.trackback-content{
 margin: 15px 0 0 0;
}

.comment_footer,.trackback-footer{
 font-size: 8pt;
 text-align: right;
 border-top: 1px dashed #ccc;
 margin: 15px 0 0 0;
 padding: 5px 0 0 0;
}

#comments-open-footer{
 margin: 10px 0;
}

.entry_footer span,.comment_footer span{
 margin: 0 3px 0 3px;
}

#comment-form-name,#comment-form-email,#comment-form-url,#comment-form-remember-me,#comments-open-text{
 margin: 10px 0 0 0;
}

.trackbacks-info p{
 margin: 15px 0 0 0;
}


/*blog_left--*/

#blog_left{
 float: left;
 width: 115px;
}

.blog_left_block{
 width: 150px;
 font-size: 9pt;
 border: 1px solid #aaa;
 border-top: 0;
 margin: 0 0 20px 0;
 padding:0 5px 0 5px;
 background-color: #fafafa;
}
#contents_left > .blog_left_block{
 width: 140px;
 font-size: 9pt;
 border: 1px solid #aaa;
 border-top: 0;
 margin: 0 0 20px 0;
 padding:0 5px 5px 5px;
 background-color: #fafafa;
}

.form_select select{
 font-size: 8pt;
}

.blog_left_block p.form_select{
 padding: 5px 0 5px 0;
}

.blog_side_title{
 width: 150px;
 font-size: 10pt;
 font-weight: 700;
 border: 1px solid #999;
 padding: 3px 5px;
 background-color: #ccc;
}
#contents_left > .blog_side_title{
 width: 140px;
 border: 1px solid #999;
 padding: 5px;
 background-color: #ccc;
}

.blog_left_block li{
 list-style: disc inside;
}
.blog_rss li{
 text-indent: 1.5em;
 list-style: none outside;
 background: url('blog/img/12.png') 0 center no-repeat;
}

/*end_blog--
--------*/