@charset "utf-8"; /*utf-8の場合*/

/*
Theme Name:mod theme
Theme URI:http://www.www.www/
Description: mod様専用テーマ
*/


/*
*******************************************************

* styles.css

* site name   : mod
* description : one style
* since       : 2010-05-26
* editor      : one hatakeyama
* modified    : 

*******************************************************
*/
/*
===== CONTENTS ===============

  1: body and base setting
    : general params
    : acronyms and abbreviations styles
  2: link setting
  3: clearfix
  4: common
  5: layout
  6: header
  7: global navigation
  8: contents common
  9: toppage
 10: footer

==============================
*/
/*
==============================

* 1: body and base setting

==============================
*/

* html x:-moz-read-only{/* for FIREFOX */
	overflow-x:hidden;
}

*{
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:1.5;
}

html{
margin-top:0px !important;
}

body{
	color:#3F3F3F;
	font-size:84%;
	font-family:"ＭＳ Ｐゴシック","MS PGothic",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	text-align:center;
	background:url(img/bg_site.jpg) repeat-x;
}

table{
	empty-cells:show;
	font-size:inherit;
	font:100%;
}

img{
	border:0px none;
}

ul li,ol li{
	list-style-type:none;
	text-align:left;
}
p{
text-align:left;

}
div{
text-align:left;
}

h1{
background:#333333;
color:#D6D6D6;
font-size:84%;
font-weight:normal;
text-align:left;
padding:1px 10px 1px 10px;
display:block;
}

h4{
color:#085CB9;
margin:15px 15px 0 15px;
display:block;
border:solid #CCCCCC;
border-width:0 0 1px 0;
font-size:110%;
text-align:left;
}
h5{
color:#085CB9;
font-weight:bold;
margin:15px 15px 0 20px;
padding:0;
}
div.h5text{
border:solid #CCCCCC 1px;
margin:5px 0 0 20px !important;
padding:5px;
}
div.h5text_bn{
border:none;
margin:10px 20px 0 20px !important;
padding:8px;
}
div.h5text p{
margin:0;
padding:0;
}

div.h5text strong{
display:block;
line-height:1.8;
}

/*common*/
p.text{
margin:10px 5px 5px 5px;
}

div.img_left img{
float:left;
margin:0 10px 10px 0;
}
div.img_right img{
float:right;
margin:0 0px 10px 10px;
}

.page_title{
clear:both;
border:solid #CCCCCC;
border-width:1px 0 0 0;
margin:0 0 10px 0  !important;
background:url(img/bg_title.jpg) repeat-x 1px 1px;
}
.page_title h3{
padding:7px 0 11px 30px;
background:url(img/bg_h3.jpg) no-repeat 15px 0px;
font-size:110%;
}
.box{
margin-bottom:25px;
clear:both;
}
.box div{
margin:0 15px 0 15px;
}
.pagetop{
text-align:right;
margin:10px 0 15px 0;

}
.post-meta-key{
display:none;
}

/*
==============================

* 2: link setting

==============================
*/
a{
color:#0066CC;
text-decoration:underline;
}
a:hover{
color:#0066CC;
text-decoration:none;
}
a:visited{
color:#0066CC;
}
/*
==============================

* 3: clearfix

==============================
*/
.clear{
line-height:1;
clear:both;
font-size:1px;
height:1px;
}
.clearfix {
  zoom: 1;/*for IE 5.5-7*/
  min-height: 1%;
  }
.clearfix:after {/*for modern browser*/
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
  }
* html .clearfix {
  display: inline-table;
  /*\*/display: block;/**/
  }



/*
==============================

* 4: rayout

==============================
*/

#container{
text-align:center;
width:860px;
margin:auto;
background:#FFFFFF;
}

#contents{
width:840px;
margin:auto;

}

#left_menu{
width:177px;
float:left;
}
#right{
width:653px;
margin:0 0 0 10px;
float:right;
}
#main{
width:472px;
float:left;
background:#FFF;
}
#right_menu{
float:right;
width:170px;
}

#footer{
text-align:center;
clear:both;
background:#F2F2F2;
padding:20px 0 10px 0;
margin:20px 0 0;
}


/*ヘッダー
--------------------------------------------------*/
.header_left{
width:364px;
float:left;
padding:12px 18px 12px 18px;
}
.header_right{
width:445px;
float:right;
}
.header_right ul{
margin:26px 20px 0 0;
display:block;
}
.header_right li{
float:right;
margin:0 0 0 15px;
}
.header_right li a{
background:url(img/bg_gray_arrow.gif) left center no-repeat;
padding:2px 0 2px 21px;
}


/*-------------------------------------------------
↓トップページCSS----------------------------------
-------------------------------------------------*/

/*メインバナー
--------------------------------------------------*/
.main_bnr{
background:url(img/img_mainbnr_shadow.gif) repeat-x bottom;
padding:0 0 13px 0;
margin-bottom:6px;
}

/*サイドメニュー
--------------------------------------------------*/
#left_menu .site_menu li.categoly{
display:block;
background:url(img/bg_leftmenu.gif) no-repeat top;
_background:url(img/bg_leftmenu.gif) no-repeat 1px 1px;
border:solid 1px #0B81BF;
padding:5px 5px 5px 10px;
color:#FFFFFF;
}
#left_menu .site_menu div{
margin:0 0px 0 0px !important;
}
#left_menu .site_menu li.cat-item{
display:block;
border:solid #E3E3E3;
border-width:0 0 1px 0;
padding:3px 0px 3px 20px;
background:url(img/bg_blue_ring.gif) no-repeat 5px 8px;
margin:0 0px 0 0px !important;
}
#left_menu .site_menu li.cat-item-22 a,#left_menu .site_menu li.cat-item-31 a{
text-decoration:none;
color:#333;
}
#left_menu .site_menu li.cat-item ul.children a{
text-decoration:underline;
color:#0066CC
}


#left_menu .site_menu ul li{
border-width:0px!important;
}

#left_menu div.side_comp{
background:url(img/bg_gray_ration.jpg) no-repeat top;
border:solid #CCCCCC 1px;
padding:5px 10px 10px 10px;
margin:10px 0 0 0;
}
#left_menu div.side_comp span{
line-height:1.3;
}
#left_menu div.side_comp strong{
display:block;
}
#left_menu div.side_comp dl{
font-size:79%;
line-height:1.6;
margin:10px 0 0 0;
}
#left_menu div.side_comp .gray_link{
background:url(img/bg_gray_arrow.gif) no-repeat left center;
padding:3px 0 3px 20px;
}



/* 印刷物制作
--------------------------------------------------*/
.link_dtp{
display:block;
background:#F3F3F3;
border:#E1E1E1 solid 1px;
padding:0px 0px 13px 15px;
}
.link_dtp li{
float:left;
margin:13px 18px 0 0;
}

.pickup{
background:#F7F7F7;
border:solid #CCCCCC 1px;
padding:0px 10px 10px 0px;
}
.close a#close{
background:url(img/icn_close.jpg) left center no-repeat;
padding:0px 0 0 20px;
margin:20px 0 0 0;
}

/*DM発送代行*/
.top_hassou{
padding:15px 10px 15px 10px;
}
.top_hassou img.img_left{
float:left;
margin:0 15px 0 0;
}
.top_hassou p strong{
font-size:110%;
line-height:2;
display:block;
}
.top_hassou .hassou_link{
width:225px;
background:#FAFAFA;
border:solid #E1E1E1 1px;
padding:8px;
margin:8px 0 30px 0;
float:right;
}

.top_hassou .hassou_link li{
float:left;
width:70%;
background:url(img/bg_green_arrow.gif) left center no-repeat;
padding:0 0 0 20px;
margin:3px 0 3px 0;
}

div.top_subtitle{
background:url(img/bg_top_title.jpg) repeat-x;
padding:12px 0 5px 12px;
}
div.top_subtitle h3{
border:solid #0B81BF;
border-width:0 0 0 4px;
padding:0 0 0 10px;
font-size:110%;
}
div.link_other{
margin:5px auto 0 auto;
padding:0 0 10px 10px;
}
div.link_other dl{
width:210px;
float:left;
margin:5px 0 5px 0;
}
div.link_other dt{
float:left;
}
div.link_other dd{
font-size:84%;
}
div.link_other dd strong{
font-size:110%;
display:block;
}
div.link_other a img{
margin:0 8px 0 0;
border:solid 1px #CCCCCC;
}

/*新着情報*/

div.news_topic{
padding:5px 15px 0 15px;
}
div.news_topic dl{
display:block;
border:dotted #CCCCCC;
border-width:0 0 1px 0;
margin:5px 0 0 0;
}

div.back_number{
text-align:right;
margin:5px 0 0 0;
}
div.back_number a{
background:url(img/bg_gray_arrow.gif) no-repeat left center;
padding:0 0 0 20px;
}

/*右メニュー*/

.form_link li{
margin:0px 0 5px 0;
line-height:1;
}

/*実績*/
.right_result{
background:#F5F5F5;
text-align:center;
padding:0 0 10px 0;
}
.right_result dl{
line-height:1 !important;
margin:15px 0 0 0;
padding:0;
}
.right_result dd{
line-height:1 !important;
margin:0;
padding:0;
}
.right_result dl a{
display:block;
}
.right_result dt img{
width:140px;
border:solid #CCCCCC 2px;
}

.right_result dl.result{
position:relative;
display:block;
}
.right_result dl.result span{
width:50px;
position:absolute;
right:120px;
top:-10px;
display:block;
}
.right_result dl.result span img{
width:auto;
border:none;
behavior: expression(IEPNGFIX.fix(this));
}

/*リンクメニュー*/
.link{
text-align:center;
clear:both;
margin:10px 0 0 0;
}
.link li{
display:block;
text-align:center;
margin:3px 0 3px 0;
}

#footer .footer_wrap{
width:860px;
margin:auto;
clear:both;
}
#footer .footer_wrap ul{
padding:5px 0 0px 0;

}
#footer .footer_wrap li{
float:left;
margin:0 10px 0 0;
padding:0 5px 0 10px;
border:solid #999999;
border-width: 0 0 0 1px;
font-size:84%;

}
.copyright{
clear:both;
text-align:right;
margin:10px 0 0 0;
}

/*-------------------------------------------------
↓下層ページCSS----------------------------------
-------------------------------------------------*/

h2.black{
padding:5px 5px 5px 10px;
background:#000000;
color:#FFFFFF;
font-weight:bold;
font-size:120%;
}
.contents_box{
margin:15px 0 0 0;
}

.page_inquiry{
clear:both;
background:url(img/bg_contents_ud.jpg) repeat-x bottom;
padding:5px;
text-align:center;
margin-top:15px!important;
margin-bottom:15px;
}

/*新着情報*/
dl.news_topics{
border:solid #CCCCCC;
border-width:0 0 1px 0;
margin:8px 5px 0 5px;
padding:5px;
}


/*カテゴリテンプレート*/
.category_wrap{
padding:15px 0px 10px 12px;
background:#F6F6F6;
}
.gray_back li{
width:144px;
display:block;
float:left;
margin:7px 8px 7px 0;
}
.gray_back li a{
text-decoration:none;
text-align:center;
width:144px;
display:block;
}
.gray_back li a span{
display:block;
}
.gray_back li img{
width:140px;
border:solid #CCCCCC 2px;
height:auto;
}

/*カテゴリ新テンプレ*/

.templete_block{
background:#FFF;
padding:8px 8px 8px 8px;
border:solid #CCCCCC 1px;
border-left-width:4px;
border-left-color:#FF9900;
display:block;
clear:both;
margin:0px 14px 15px 0;
}
.templete_block dt{
float:left;
margin:0 15px 0 0;
}
.templete_block dt img{
width:134px;
border:solid #CCCCCC 2px;
height:auto;
}
.templete_block dd{
width:270px;
float:left;
display:block;
}
.templete_block dd strong{
font-size:110%;
padding:5px 0 5px 0;
display:block;
border:solid #CCCCCC;
border-width:0 0 1px 0;
}
.templete_block dd p{
margin:5px 0 0 5px;
}
.templete_block .chumon{
margin:5px 0 0 0;
display:block;
}


/*採用情報*/
.recruit_box{
border:solid #CCCCCC 1px;
margin:10px 0 5px 10px !important;
padding:5px;

}

/*WEBソリューション*/
div.web_bg{
background:url(img/bg_earth.jpg) no-repeat right center;
padding:0 220px 15px 0;
}

/*ミネラルウォーター*/
.water_bg{
background:url(img/bg_water02.jpg) no-repeat;
padding:170px 0 15px 120px;
}

table.water_table{
border:solid #CCCCCC 1px;
}
table.water_table th{
background:#E4E4E4;
padding:3px;
font-weight:normal;
}
table.water_table td{
padding:3px 3px 3px 3px;
font-weight:normal;
font-size:79%;
}

/*会社情報*/
.comp_table{
width:460px;
border-collapse:collapse;
border:solid #CCCCCC 1px;
}
.comp_table th,.comp_table td{
border:solid #CCCCCC 1px;
padding:3px;
}
.comp_table th{
width:110px;
background:#F3F3F3;
padding:3px;
}

/*印刷物制作*/
.bg_meisi{
background:url(img/bg_dtp.jpg) no-repeat left top;
padding:80px 200px 0 20px;
}

.bg_chirasi{
background:url(img/bg_dtp02.jpg) no-repeat left top;
padding:205px 50px 0 20px;
}
.bg_panf{
background:url(img/bg_dtp03.jpg) no-repeat left top;
padding:265px 30px 0 20px;
}
.bg_other{
background:url(img/bg_dtp04.jpg) no-repeat left top;
padding:265px 30px 0 20px;
}

.close{
text-align:center;
background:url(img/close.jpg) no-repeat left top;

}


div.loc_navi{
background:#F2F2F2;
margin:10px;
padding:6px;
}
div.loc_navi li{
white-space:nowrap;
float:left;
margin:0 15px 0 0;
}
div.loc_navi li a{
background:url(img/icn_under_arrow.jpg) no-repeat left center;
padding:0 0 0 15px;
}
div.sub_text{
border:solid #CCCCCC 1px;
background:#F2F2F2;
padding:7px 10px 7px 10px;
margin:10px 0 0 10px;
}
div.sub_text strong{
display:block;
border:solid #CCCCCC;
border-width:0 0 1px 0;
margin:0 0 5px 0;
color:#085CB9;
}
div.sub_text li{
color:#CC0000;
font-size:110%;
line-height:1.6;
}
div.sub_text li span{
font-weight:bold;
}
table.rayout_block{
width:430px;
margin:5px 0 0 10px;
}

/*DM発送代行*/
.bg_dm{
background:url(img/img_dm01.jpg) no-repeat left top;
padding:0 7px 0 160px;
}
.dm_dl{
margin:0 10px 0px 10px;
clear:both;
padding:12px;
border:solid #CCCCCC 2px;
}
.dm_dl_type2{
margin:0 10px 0px 10px;
margin-bottom:0px;
clear:both;
padding:8px;
border:solid #CCCCCC 2px;
}
.dm_dl dd{
margin:0 0 0 5px;
}


.comp_table{
width:460px;
border-collapse:collapse;
border:solid #CCCCCC 1px;
margin:0 0 0 5px;
}
.comp_table th,.comp_table td{
border:solid #CCCCCC 1px;
padding:1px 0 1px 8px;
padding:3px;
}
.comp_table th{
background:#666666;
color:#FFFFFF;
}
.comp_table .bg{
background:#f3f3f3;
}
.comp_table .sizes{
font-size:84%;

}

.comp_table2{
width:460px;
border:solid #CCCCCC 1px;
margin:0 0 15px 5px;
border-collapse:collapse;
}
.comp_table2 td{
border:solid #CCCCCC;
border-width:1px 0 1px 0px;
padding:3px 5px 3px 5px;
background:#FFF;
}
.comp_table2 td.bg{
background:#F1F9FE;
}
.comp_table2 th{
border:solid #CCCCCC;
border-width:1px 1px 1px 1px;
padding:3px 0 3px 5px;
}

.comp_table2 .price{
font-size:120%;
color:#003399;
font-weight:bold;
}

.comp_table2 .sizes{
font-size:84%;
}
.comp_table2 .tprice{
font-size:110%;
font-weight:bold;
color:#CC0000;

}

.comp_table2 th{
background:#666666;
color:#FFFFFF;
padding:3px;
}
.comp_table2 .bg{
background:#f3f3f3;
}
.maintext{
margin:5px 15px 5px 15px;
}
.results_table{
width:450px;
margin:auto;
}
.results_table td{
border:solid #CCCCCC;
border-width:0 0 1px 0;
padding:3px 7px 3px 7px;
text-align:left;
}
.results_table td.img{
text-align:center;
padding:0px 0px 16px 0;
}
.results_table td.img img{
width:430px;
border:solid #CCCCCC 3px;
}
.results_table th{
width:115px;
border:solid #CCCCCC;
border-width:0 0 1px 0;
padding:3px 7px 3px 7px;
text-align:left;
color:#AE742D;
}

.price_box{
border:2px solid #CCCCCC;
padding:10px;
margin:10px 0 10px 0 !Important;
}
.price_box h4{
margin:0;
}
.price_box .price_table{
margin-right:0px;
margin-left:0px !important;
}
.price_box .price_table td{
padding:6px;
}


/*
注文フォーム
---------------------------------------------------*/
.order_table{
margin:0 0 0 10px;
}
.order_table th{
border:solid #CCCCCC;
border-width:0 0px 1px 0;
padding:5px 5px 5px 5px;
text-align:left;
}

.order_table td{
border:solid #CCCCCC;
border-width:0 0 1px 0;
padding:5px 0px 5px 0px;
text-align:left;
}
.order_table th{
font-weight:bold;
text-align:left;
padding:3px 5px 3px 5px;
white-space:nowrap;
width:142px;
}
.order_table th.title{
background:#EEEEEE;

}
.order_table span{
color:#CC0000;
}

.order_table .sample{
color:#666666;
font-size:84%;
padding:0 0 0 10px;
width:150px;
white-space:normal;
}
.order_table td.input{
}
.order_table .input textarea{
width:300px !important;
height:80px !important;
}
.order_table .input input{
width:180px !important;
}
.order_table td.input input.radio{
width:15px !important;
}
.order_table table.order_table th{
padding:0 0 0 0px;
}

.order_tab{
margin-top:20px;
border:solid #0C82C0;
border-width:0 0 2px 0;
}
.order_data{
border:solid #CCCCCC 1px;
margin:0px !important;
padding:10px;
}
.order_tab li{
float:left;
margin-top:10px;
}
.order_tab li a{
display:block;
padding:5px 25px 5px 15px;
background: url(img/bg_tab_a.jpg) top left repeat-x #F3F3F3;
margin-right:1px;
font-size:110%;
font-weight:bold;
color:#000000;
cursor:pointer;
}
.order_tab li a.selected{
background: url(img/bg_tab_b.jpg) top left repeat-x #2B85D7;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

.order_box{
clear:both;
padding:15px 0 0px 0;
}
.order_data h4{
background:#F7F8ED;
border:solid #C5B68D 1px;
padding:2px 5px 2px 5px;
color:#333333;
font-size:110%;
font-weight:bold;
margin:15px 0 6px 0;
}
.order_data h4 span{
color:#CC0000;
}
.order_data h5{
border:solid #CCCCCC;
border-width:0 0 1px 0;
padding:2px 5px 2px 0px;
color:#333333;
font-size:110%;
font-weight:bold;
margin:15px 0 6px 0;
}

.order_data div.input_data{
margin:10px 0 10px 10px;
}
.order_data div.input_data textarea{
width:300px;
height:60px;
}
.order_data div.input_data li{
float:left;
margin:10px 0px 10px 0;
padding:0 10px 0 0;
display:block;
}
.order_data div.input_data li span{
display:block;
}

.privacy_box{
width:470px;
border:solid #CCCCCC 1px;
height:130px;
overflow:scroll;
margin:15px 0 15px 0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#hassou_block{
}
.number1{
display:block;
}
.number2,.number3,.number4,.number5{
display:none;
}

.temp_btn{
width:176px;
border:#FF9900 1px solid;
background:url(img/bg_btn.gif) repeat-x top #FF9900;
padding:5px 1px 5px 1px;
color:#FFFFFF;
cursor:pointer;
text-decoration:underline;
line-height:1;
}

/*
サイトマップ*/

.sitemap{
margin:0 0 0 20px;
}
.sitemap li.categoly{
font-weight:bold;
margin:5px 0 5px 0;
border:solid #CCCCCC;
border-width:0 0 1px 0;
}
.sitemap li.cat-item{
margin:5px 0 0 20px;
background:url(img/bg_blue_ring.gif) no-repeat left center;
padding:0 0 0 15px;
}

/*
ページナビ
*/
.wp-pagenavi{
padding:5px;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration:underline;
	color: #0066cc;
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration:underline;
	color: #0066cc;
}
.wp-pagenavi a:hover {	
	color: #000000;
	text-decoration:none;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	color: #0066cc;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #000000;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	color: #000000;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	color: #000000;
}


.tablenav {
	color: #2583ad;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:100%;
}