@charaset "Shift-JIS";
/*
Copyright (c) tomo creations.
CSS Document : page.css

/////// * 共通設定 * ////////
*/

/*基本（standard）フォント*/

*{
color:#454545;
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-size: 12px;
line-height: 140%;
text-align:left;
}

body{
background:url(images/back.gif);
}

td{
vertical-align:top;
}

a{
color:#0066CC;
}

a:hover{
color:#990000;
}

/*枠組み*/

#base{
text-align:center;
background:url(images/top_back.gif) top repeat-x;
}

#left{
background:#BDCCD0;
}

#right{
background:#BDCCD0;
}

#header{
background:url(images/header.gif) no-repeat;
padding:1px 18px 0px 18px;
}

#menu{
background:#FFFFFF;
}

#main{
background:#FFFFFF;
}

#title{
}

#contents{
background:url(images/contents_back.jpg) top no-repeat;
padding:15px 20px 10px 10px;
}

#footer{
background:url(images/footer_back.gif);
}


/*ヘッダ*/
.header_lead{
}

.header_iso{
text-align:right;
padding-bottom:11px;
}

.header_logo{
}

.header_menu{
text-align:right;
padding-top:5px;
}


/*メニュー*/
.menu_top_back{
background:url(index_images/menu_top_back.gif);
padding:0px 13px 0px 17px;
}

.menu_back{
background:url(images/menu_back.gif) repeat-y;
}

.menu_back2{
background:url(images/menu_back2.jpg) top no-repeat;
padding:0px 13px 0px 17px;
}

.menu_back3{
background:url(images/menu_back3.jpg) top no-repeat;
padding:0px 13px 0px 17px;
}

#submenu{
background:#FFFFFF;
}

#submenu ul,li{
margin:0px;
padding:0px;
list-style-type:none;
}

#submenu a{
color:#454545;
display:block;
background:url(images/submenu_bullet.gif) no-repeat 18px 9px;
text-decoration:none;
padding:5px 5px 5px 32px;
border-bottom:1px solid #DEDEDE;
}

#submenu a:hover{
color:#454545;
background-color: #F5F4EB;
}

#submenu_category a{
background:url(images/submenu_bullet.gif) no-repeat 5px 9px;
padding:5px 5px 5px 18px;
}
.submenu_category{
background:url(images/submenu_category_bullet.gif) no-repeat 5px 8px;
padding:5px 5px 5px 18px;
border-bottom:1px solid #DEDEDE;
}

.present{
color:#454545;
background:url(images/submenu_bullet.gif) no-repeat 18px 9px #F5F4EB;
text-decoration:none;
padding:5px 5px 5px 32px;
border-bottom:1px solid #DEDEDE;
}

.present_category{
background:url(images/submenu_bullet.gif) no-repeat 5px 9px #F5F4EB;
padding:5px 5px 5px 18px;
border-bottom:1px solid #DEDEDE;
}

#submenu .present_hover{
color:#454545;
background-color: #F5F4EB;
}




/*フッター*/
.footer_menu{
padding:2px 10px 20px 24px;
}

.footer_menu a{
color:#666666;
text-decoration:none;
}

.footer_menu a:hover{
color:#C81446;
text-decoration:none;
}

.footer_copyright{
color:#666666;
text-align:right;
padding:0px 24px 20px 0px;
}

/*共通*/
#pankuzu{
margin-bottom:25px;
}

#pankuzu a{
#color:#454545;
text-decoration:none;
}

#pankuzu a:hover{
#color:#454545;
text-decoration:underline;
}

#pankuzu2{
margin-top:10px;
}

.pankuzu_line{
border-bottom:1px dashed #CCCCCC;
margin-top:40px;
}

#pankuzu2 a{
#color:#454545;
text-decoration:none;
}

#pankuzu2 a:hover{
#color:#454545;
text-decoration:underline;
}


h1{
margin-bottom:30px;
border-bottom:3px solid #eeeeee;
}

h2{
color:#333333;
font-size:12px;
font-weight:bold;
line-height:100%;
background:url(images/title_back.gif) top no-repeat;
padding:8px 0px 8px 10px;
margin-bottom:15px;
height:28px;
}

h3{
color:#454545;
font-size:12px;
font-weight:bold;
line-height:100%;
background:url(images/subtitle_back.gif) no-repeat 0px 1px;
padding:2px 0px 2px 16px;
margin-bottom:5px;
margin-top:26px;
}

.attention{
color:#CC0000;
}

.yamada_red{
color:#C81446;
}

.small_text{
font-size:10px;
line-height:120%;
}

.center{
text-align:center;
}

.right{
text-align:right;
}

.middle{
vertical-align:middle;
}


.page_top{
text-align:right;
margin-top:20px;
}

.box{
border:3px double #CCCCCC;
background:#EFEFEF;
padding:10px 15px;
}

.table_list{
border-collapse: collapse;
}
.table_list td{
border:1px solid #CCCCCC;
}

.table_list_delete td{
border:1px solid #FFFFFF;
}

.table_list_back{
font-weight:bold;
background:#EFEFEF;
}

#list_number ol{
margin-left:14px;
margin-bottom:5px;
padding:0px;
list-style-type:decimal;
}

#list_number li{
margin-left:14px;
margin-bottom:5px;
padding:0px;
list-style-type:decimal;
}

.img_space_left{
margin-left:20px;
}

.tool_text{
font-weight:bold;
color:#C81547;
}

.tool_box{
background:url(images/tool_back.jpg);
border:3px double #C81547;
padding:14px 7px;
}

.tool_box img{
vertical-align:middle;
margin-right:5px;
}

.tool_box a{
color:#C81547;
}

.tool_box a:hover{
color:#C81547;
}

.nijou{
font-size:10px;
vertical-align:2px;
}

/*製品一覧/////////////////////////////////////////////////*/

.list_name{
font-weight:bold;
line-height:120%;
background:#EFEFEF;
padding:5px 3px;
border-top:3px solid #000000;
}

.list_type{
background:#333333;
color:#FFFFFF;
padding:2px 3px 1px 3px;
margin-right:3px;
}

.list_pic{
padding:10px 0px;
width:210px;
text-align:center;
vertical-align:bottom;
border-left:1px solid #EFEFEF;
border-right:1px solid #EFEFEF;
}
.list_explain{
background:#EFEFEF;
padding:5px 10px;
}
.list_link{
text-align:right;
background:#EFEFEF;
padding:3px;
}

.list_space{
padding-right:20px;
}


/*個別製品/////////////////////////////////////////////////*/

.product_pic{
padding:25px 21px 0px 0px;
}

.product_draw{
text-align:center;
}

.product_draw_title{
text-align:center;
font-weight:bold;
background:#EFEFEF;
padding:2px 0px;
margin-top:30px;
margin-bottom:20px;
}

.product_explain_title{
font-weight:bold;
background:#EFEFEF;
padding:2px 5px;
margin-top:30px;
margin-bottom:20px;
}

.product_name{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
line-height:110%;
background:url(images/product_name_back.jpg);
border-bottom:3px solid #CCCCCC;
padding:8px 8px 5px 8px;
}

.product_type{
background:#f3f3f3;
padding:3px 5px 1px 5px;
margin-right:5px;
}

.product_explain_box{
border:1px solid #dddddd;
background:#efefef;
padding:15px 8px;
}

.product_explain{
border-bottom:1px dashed #CCCCCC;
padding:10px 0px;
}

.product_explain_left{
font-weight:bold;
border-bottom:1px dashed #CCCCCC;
padding:10px 10px 10px 0px;
}

.product_explain_right{
border-bottom:1px dashed #CCCCCC;
padding:10px 0px 10px 5px;
vertical-align:middle;
}

.product_explain_bottom{
border-bottom:3px solid #CCCCCC;
}

.product_dl{
border-bottom:3px solid #CCCCCC;
padding:10px 0px 10px 0px;
text-align:right;
}

/*事例紹介////////////////////////////////////////////////*/

.work_sample{
}

.work_sample img{
border:3px double #CCCCCC;
}

.work_space{
padding:0px 11px;
}

/*動画////////////////////////////////////////////////*/

.movie_right{
padding:0px 0px 0px 30px;
}
.movie_mark{
background:#000000;
padding:3px 6px;
font-weight:bold;
color:#FFFFFF;
margin-right:3px;
border-right:2px solid #CCCCCC;
border-bottom:2px solid #CCCCCC;
}

.movie_title{
font-weight:bold;
border-top:2px solid #333333;
border-bottom:1px dashed #CCCCCC;
padding:7px 5px;
}

.movie_time{
padding:4px 0px 4px 5px;
color:#666666;
}

.movie_size{
padding:4px 5px 4px 0px;
text-align:right;
}

.movie_attention{
padding:10px;
border:1px dashed #CCCCCC;
}

.movie_back{
background:url(images/movie_back.jpg) top repeat-x;
}

/*faq/////////////////////////////////////////////////*/
.faq_top_head{
border-top:1px dashed #CCCCCC;
margin-bottom:4px;
}

.faq_top_bottom{
border-bottom:1px dashed #CCCCCC;
margin-top:4px;
}

.faq_top_left{
padding:2px 10px 2px 8px;
font-weight:bold;
}

.faq_top_right{
padding:2px 0px;
}

.faq_q_left{
font-weight:bold;
padding:5px 10px 5px 8px;
background:#EFEFEF;
border-top:2px solid #cccccc;
}

.faq_q_right{
padding:5px 5px 5px 0px;
background:#EFEFEF;
border-top:2px solid #cccccc;
}

.faq_a_left{
font-weight:bold;
color:#C81446;
padding:5px 10px 5px 8px;
}

.faq_a_right{
padding:5px 5px 5px 0px;
}

/*トップページ/////////////////////////////////////////////////*/
.new{
padding-right:20px;
}

.new td{
border-bottom:1px dashed #CCCCCC;
padding-top:5px;
padding-bottom:5px;
}

.new_date{
padding-left:10px;
padding-right:10px;
}

.backnumber{
text-align:right;
}


/*情報集/////////////////////////////////////////////////*/

#information td{
border-bottom:1px dashed #CCCCCC;
padding-top:5px;
padding-bottom:5px;
}

.information_date{
padding-left:10px;
padding-right:10px;
}

.information_date2{
font-weight:bold;
text-align:right;
margin-bottom:10px;
padding:3px;
background:#EFEFEF;
}

.to_inquiry{
text-align:center;
padding:20px;
background:#EFEFEF;
border:3px double #DDDDDD;
}


/*ローレット/////////////////////////////////////////////////*/
.pattern_left{
padding-right:32px;
vertical-align:middle;
}

.pattern_left img{
border:3px double #CCCCCC;
}

.str_pattern{
padding-right:10px;
}

.str_pattern img{
border:3px double #CCCCCC;
}

/*ねじ転造*/
.rolling_list{
border:1px solid #CCCCCC;
background:#EFEFEF;
padding:15px;
}

.rolling_list_line{
border-bottom:1px dashed #CCCCCC;
}

/*他機器・工具*/

.other_list_space{
padding-right:35px;
}

/*会社案内*/

.company_box{
background:url(company/images/company_back.gif) repeat-y;
padding:5px 8px 5px 12px;
vertical-align:middle;
}

#company_menu{
border-bottom:1px dashed #CCCCCC;
}

#company_menu td{
text-align:center;
width:83px;
padding:0px 0px 5px 0px;
}

.map_box{
border:3px solid #EEEEEE;
padding:7px;
}

.map_title{
font-weight:bold;
border-bottom:2px solid #EEEEEE;
}

.map_view{
text-align:right;
border-top:1px dashed #cccccc;
padding-top:5px;
}

/*社員の声*/

.voice_back{
background:url(company/images/voice_back.gif) repeat-y;
border:1px solid #CCCCCC;
padding:5px 0px 4px 0px;
}

.voice_number{
padding:0px 0px 0px 12px;
}
.voice_text{
padding:9px 0px 0px 24px;
}

.voice_name{
padding:11px 0px 0px 24px;
}

.voice_read{
padding:5px 0px 0px 24px;
text-align:right;
}

.voice_image{
padding:9px 6px 0px 9px
}

.voice_picname{
background:url(company/voice/images/voice_image_back.gif) top;
padding:0px 12px 5px 12px;
}

.voice_maintext{
padding:29px 0px;
border-top:3px solid #222222;
border-bottom:3px solid #222222;
}
.voice_pic{
padding:20px;
background:url(company/voice/images/voice_pic_back.gif) right top;
}

.voice_pic_ind{
background:#FFFFFF;
padding:5px;
border-right:3px solid #000000;
}

.recruit_hover a{
color:#454545;
text-decoration:none;
}

.recruit_hover a:hover{
color:#454545;
}

/*リンク集*/

.link_title1{
color:#FFFFFF;
background:#333333;
font-weight:bold;
padding:30px 5px;
text-align:center;
}

.link_title2{
background:#eeeeee;
font-weight:bold;
padding:30px 5px;
text-align:center;
}

.link_title3{
background:#eeeeee;
font-weight:bold;
padding:20px 5px;
text-align:center;
}

.link_title_line{
border-right:3px solid #eeeeee;
}

/*お問合せ*/

.thanks_box{
border:3px solid #EEEEEE;
padding:30px 20px;
text-align:center;
width:450px;
}

.thanks_text{
font-size:12px;
text-align:center;
font-weight:bold;
color:#cc0000;
border-bottom:1px dashed #CCCCCC;
}