/* CSS Document */

/*
Theme Name:dh inc.
Theme URI:http://www.dh3d.co.jp/
Description: ディッジ様専用テーマ
*/



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

* styles.css

* site name   : dh inc
* since       : 2012-02
* editor      : one t.hata
* modified    : 
* editor      :

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

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

  1: body and base setting
    : general params
    : acronyms and abbreviations styles
  2: link setting
  3: clearfix
  4: common
  5: layout
  6: header
  7: toppage
  8: footer
  9: menu
 10: main
 11: others

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


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

* 1: body and base setting

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

body {
  text-align: center;/* box centering */
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif';
  margin: 0px;
  padding: 0px;
  color: #333;
  font-size: 84%;
  background:#0049B7;
  line-height:1.6;
  }

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote,{
  padding: 0;/* margin&padding reset */
  line-height: 1.8;/* base line height */
  text-align: left;
  display: block;
  margin: 0px;
  font-size: 100%;
  }
textarea{
font-size:100%;
}
img {
  border:none;/* img do not want a border */
  vertical-align:bottom;
  }
dl,dd,dt{
margin:0;
padding:0;
line-height:1.6;
}
ul,li{
list-style:none;
margin:0;
padding:0;
font-size:100%;
}
table,th,td{
	font-size:100%;
}
/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr {
  cursor:help;
  }

h2{
width:556px;
font-size:110%;
display:block;
padding:8px 0 8px 10px;
margin:0 0 15px 0;
}

h2.text_title{
	width:600px;
	background:url(../img/bg_h2.jpg) no-repeat bottom left;
	border:solid #CCC;
	border-width:0 0 1px 0;
	font-size:130%;
	margin:20px 0 10px 0;
}

h3{
width:556px;
font-size:110%;
display:block;
padding:5px 0 5px 10px;
}

h3.text_title{
	border:solid #0049B7;
	border-width:0 0 0 4px;
	padding:5px 0 5px 15px;
	margin:20px 0 10px 0;
}

.ml10{
margin-left:10px;
}

strong.read{
font-size:110%;
display:block;
color:#000000;
margin:15px 0 10px 0;
}

.css_btn{
width:50%;
border:#CCCCCC solid 1px;
margin:15px auto 15px auto;
padding:5px;
text-align:center;
background:url(../img/bg_normalbtn.jpg) repeat-x top;
font-size:110%;
font-weight:bold;
border:solid 1px #348EE0;
}
.css_btn a,.css_btn a:visited{
color:#FFFFFF;
}

.png{
_behavior: expression(IEPNGFIX.fix(this));	
}

#gallery li{
	display:inline;
}

/*aリンクタグに記述を記載*/
a.opacity_item:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=50)";
  /* ie 8 */
  -moz-opacity: 0.5;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.5;
  /* Safari 1.x */
  zoom: 1; }

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

* 2: link setting

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

a:link {
  color: #3e5f9a;
  text-decoration: underline;
  }
a:visited {  
  color: #284984;
  }
a:hover {
  color: #284984;
  text-decoration: none;
  }
  
/*
==============================

* 3: clearfix

==============================
*/
.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: common

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

.fL {
  float: left;
  }
.fR {
  float: right;
  }
.tL {
  text-align: left;
  }
.tR {
  text-align: right;
  }
.tC {
  text-align: center;
  }


.list_text li{
margin:5px 0 0 15px;
display:block;
}

#top{
	line-height:1;
	height:1px;
	overflow:hidden;
	font-size:1px;
	background:#FFF;
}


.rayer1{
	position:relative;
	z-index:1;	
}

.rayer2{
	position:absolute;
	z-index:2;	
}
.rayer3{
	position:absolute;
	z-index:3;	
}
.rayer_max{
	position:absolute;
	z-index:99;	
}

a.allow{
	background:url(../img/img_blue_allow.jpg) left center no-repeat;
	padding:0 0 0 15px;
}


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

* 5: layout

==============================
*/
div#container {
  margin: 0 auto;
  text-align:left;
  background:url(../img/bg_site.jpg) repeat-x 100px 0 #FFF;
  }
div#container div.outer{
  margin: 0 auto;
  text-align: center;
  }
div#container div.inner{
  margin: 0 auto;
  width: 840px;
  text-align: center;
  }   
div#container div#header div.inner{
background:url(../img/head_option_place.jpg) no-repeat right bottom;
}
div#container div#header div.inner div.head_right{
float:right;
}

#contents{
background:url(../img/bg_page.jpg) repeat-x top;
}

.top_bnr{
background:url(../img/bg_top_main.jpg) repeat-x top !important;
}
div#container div#header {
  padding: 0px 0;
  }
div#container div#main_contents{
  margin: 0px auto;
  padding:17px 0px 17px 0px;
  width: 840px;
  background:#FFFFFF;
  text-align:left !important;
  }
div#container div#toppage{
  margin: 0 0 20px 0;
  }
div#container div.main{
  width: 627px;
  float: left;
  padding-bottom:20px;
  overflow:hidden;
  text-align:left;
}
div#container div.sidebar{
  width: 203px;
  float: right;
  margin-top:118px;
  }
 
div#container div.bnr_list li{
	margin:7px 0 7px 0;
}

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

* 6: header

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

div#header {
  background: #FFF;
  text-align:left;
  }
h1.site_detail{
  width:522px;
  font-size: 84%;
  font-weight: normal;
  color:#666666;
  line-height:1;
  margin:0;
  padding:10px 0 10px 0;
  font-size:11px;
  text-align:right;
  float:right;
  }
div#gnavi{
	padding:0px 0 10px 0;
	
}
div#gnavi div.logo{
  width: 137px;
  background:url(../img/bg_head_vline.jpg) left no-repeat;
  padding:9px 0 0 0px;
  }
ul#gnavi_menu{
  width: 522px;
  margin:0 0 0 35px;
  height:48px;
  overflow:hidden;
  }

ul#gnavi_menu li{
  float: left;
  list-style: none;
  }
ul#gnavi_menu li a{
  height: 47px;
  display: block;
  text-indent: -9999px;
  background:url(../img/bg_global.jpg) no-repeat;
  }
  ul#gnavi_menu li#gnavi_1 a{ width: 83px; background-position: 0 0px; }
  ul#gnavi_menu li#gnavi_2 a{ width: 120px; background-position: -83px 0px; }
  ul#gnavi_menu li#gnavi_3 a{ width: 102px; background-position: -203px 0px; }
  ul#gnavi_menu li#gnavi_4 a{ width: 106px; background-position: -305px 0px; }
  ul#gnavi_menu li#gnavi_5 a{ width: 110px; background-position: -411px 0px; }
  
  ul#gnavi_menu li#gnavi_1 a:hover{ width: 83px; background-position: 0 -48px; }
  ul#gnavi_menu li#gnavi_2 a:hover{ width: 120px; background-position: -83px -48px; }
  ul#gnavi_menu li#gnavi_3 a:hover{ width: 102px; background-position: -203px -48px; }
  ul#gnavi_menu li#gnavi_4 a:hover{ width: 106px; background-position: -305px -48px; }
  ul#gnavi_menu li#gnavi_5 a:hover{ width: 110px; background-position: -411px -48px; }

  ul#gnavi_menu li#gnavi_1 a.selected{ width: 83px; background-position: 0 -96px; }
  ul#gnavi_menu li#gnavi_2 a.selected{ width: 120px; background-position: -83px -96px; }
  ul#gnavi_menu li#gnavi_3 a.selected{ width: 102px; background-position: -203px -96px; }
  ul#gnavi_menu li#gnavi_4 a.selected{ width: 106px; background-position: -305px -96px; }
  ul#gnavi_menu li#gnavi_5 a.selected{ width: 110px; background-position: -411px -96px; }
  
div#banner{
background:url(../img/bg_contents_top.jpg) repeat-x bottom;
padding:0 0 13px 0;
text-align:center;
  }
div.banner_bg{
width:840px;
margin:auto;
background:url(../img/bg_mainbnr.jpg);
text-align:center;
position:relative;
z-index:1;
}



/*バナーレイヤー：ディッジマン*/



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

* 7: toppage

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

/*各種見出し*/
h2.top_title1{
width:627px;
height:42px;
background:url(../img/img_top_title1.jpg) no-repeat left center;
line-height:1;
text-indent:-9999px;
margin:0;
padding:0;
border:solid #CCC;
border-width:0 0 1px 0;
}
h2.top_title2{
width:627px;
height:42px;
background:url(../img/img_top_title2.jpg) no-repeat left center;
line-height:1;
text-indent:-9999px;
margin:0;
padding:0;
border:solid #CCC;
border-width:0 0 1px 0;
}
h2.top_title3{
width:627px;
height:42px;
background:url(../img/img_top_title3.jpg) no-repeat left center;
line-height:1;
text-indent:-9999px;
margin:0;
padding:0;
border:solid #CCC;
border-width:0 0 1px 0;
}


/*メインバナーのjquery*/
.main_select{
	z-index:99;
	position:absolute;
}
.main_bnr_list{
	width:840px;
	position:relative;
	height:300px;
	margin:0px auto 0px auto;
}

#bnr_main1{
	z-index:4;
	position:absolute;
	left:0px;
}
#bnr_main2{
	z-index:3;
	position:absolute;
	left:0px;
}
#bnr_main3{
	z-index:2;
	position:absolute;
	left:0px;
}
div.top_bnr_list{
text-align:center;
}

.main_catch{
	z-index:10;
	position:absolute;
	bottom:0px;
	left:0px;
}

.top_bnr_list{
	padding:0 0 0 400px;	
	line-height:1;
}

.top_bnr_list a{
	width:10px;
	height:12px;
	display:block;
	background:url(../img/icn_select_off.jpg) no-repeat left center;
	text-indent:-9999px;
	cursor:default;
}

.top_bnr_list ul{
	display:block;
	text-align:center;
	margin:auto;
	padding:10px;
	overflow:hidden;
	line-height:1;
}
.top_bnr_list ul li{
	float:left;
	height:12px;
	margin:0 10px 0 0;
	overflow:hidden;
	line-height:1;
}

.top_bnr_list li,.top_bnr_list li a.selected{
	width:10px;
	height:12px;
	display:block;
	background:url(../img/icn_select_on.jpg) no-repeat left center;
	line-height:1;
}



/*ページ内部の見出し
---------------------------------------------------*/
h2.page_title{
background:url(../img/icn_pagetitle.jpg) no-repeat left center;
padding:3px 0 3px 20px;
color:#264A7D;
font-size:130% !Important;
}


/*在庫情報
----------------------------------------------------------------*/
div.stock_news{
padding:10px 10px 10px 10px;
}
div.stock_news dl{
padding:5px 0 5px 10px;
margin:3px 0 3ox 0;
border:solid #CCC;
border-width:0 0 1px 0;
}
div.stock_news dt,div.stock_news dd{
float:left;
margin:0 10px 0 0;
}
div.stock_news dt,div.stock_news img{
vertical-align:middle;
}
div.stock_news dt{
color:#333333;
}
.products_lineup{
width:567px;
padding:0 0 10px 0px;
margin:0 0 15px 0;
background:url(../img/img_lineup_footer.jpg) bottom;
}

/*制作タイトル*/

.mr10{
margin-right:10px;
}

.title_box{
	padding:20px 10px 0 30px;
}
.title_box2{
	padding:0px 0px 0 0px;
}
.title_box2 li{
	text-align:center;
	padding:10px 0 0 0;
	border:solid 1px #CCCCCC;
}
.title_box2 li img{
	width:100px !important;
	height:auto !important;	
}


.title_box dl{
	width:165px;
	float:left;	
	margin:0 20px 0 0;	
}

.title_box dd{
	text-align:center;
	word-break:break-all;
}

.line_upbody{
width:541px;
padding:3px 13px 0 13px;
margin:0 0 0 0px;
background:url(../img/img_lineup_body.jpg) repeat-y left;
}
.line_upbody li{
float:left;
margin-top:10px;
}

.position{
	right:20px;
	top:20px;
}

.new_products_box{
	padding:5px 15px 15px 15px;
	}
.new_products_box .box{
	border:solid #CCC;
	border-width:0 0 1px 0;
	padding:5px 10px 5px 10px;
}
.new_products_box .box img{
	float:left;
	margin:0px 15px 0px 0;
    font-size:60%;
}

/*ピックアップ
--------------------------*/
.pickup span{
font-weight:bold;
display:block;
padding:3px 0 5px 0;
text-decoration:underline;
}
.pickup li img{
margin:0 8px 0 0;
}
/*関連リンク
--------------------------*/
.link{
margin:5px 0 0 0;

}
.link li{
width:187px;
text-align:center;
margin:auto;
}

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

* 8: footer

==============================
*/
div#footer_pagetop{
	background:#FFF;
  }
div#footer_pagetop div.inner{
  text-align: right;
  }
div#footer{
  padding: 0px 0 30px 0;
  background:#0049B7;
  margin:20px 0 0 0;
  }
div#footer div.page_top{
	position:absolute;
	z-index:2;
	right:10px;
	top:0;
}
div#footer .footerlink{
padding:20px 0 10px 0;
clear:both;
color:#C9D8F0;
}
div#footer .footerlink ul{
clear:both;

}
div#footer .footerlink li{
display:block;
float:left;
margin:0 5px 0 0;
}
div#footer .footerlink li a{
background:url(../img/icn_footerlink.jpg) no-repeat left center;
padding:3px 0 3px 3px;
color:#C9D8F0;
}

div#footer div.footer_head{
width:840px;
margin:auto;
padding:0 0 15px 0;
}
div#footer div.footer_head li{
float:left;
text-align:left;
margin:0 25px 0 0;
font-size:84%;
}
div#footer div.footer_head li strong{
display:block;
}



.copyright{
background:#0049B7;
font-size:84%;
color:#FFF;
}

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

* 9: main

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

/*1*/
.btn_top_fil{
width:280px;
height:190px;
text-align:left;
}
.btn_top_fil a{
display:block;
padding:124px 18px 0px 18px;
height:66px;
text-decoration:none;
color:#333333;
font-size:12px;
line-height:17px;
background:url(../img/btn_top_head03_a.jpg) no-repeat left top;
}
.btn_top_fil a:hover{
background:url(../img/btn_top_head03_b.jpg) no-repeat left top;
}

/*2*/
.btn_top_fil2{
width:280px;
height:190px;
text-align:left;
}
.btn_top_fil2 a{
display:block;
padding:124px 18px 0px 18px;
height:66px;
text-decoration:none;
color:#333333;
font-size:12px;
line-height:17px;
background:url(../img/btn_top_head02_a.jpg) no-repeat left top;
}
.btn_top_fil2 a:hover{
background:url(../img/btn_top_head02_b.jpg) no-repeat left top;
}

/*3*/
.btn_top_fil3{
width:280px;
height:190px;
text-align:left;
}
.btn_top_fil3 a{
display:block;
padding:124px 18px 0px 18px;
height:66px;
text-decoration:none;
color:#333333;
font-size:12px;
line-height:17px;
background:url(../img/btn_top_head04_a.jpg) no-repeat left top;
}
.btn_top_fil3 a:hover{
background:url(../img/btn_top_head04_b.jpg) no-repeat left top;
}

/*4*/
.btn_top_fil4{
width:280px;
height:190px;
text-align:left;
}
.btn_top_fil4 a{
display:block;
padding:124px 18px 0px 18px;
height:66px;
text-decoration:none;
color:#333333;
font-size:12px;
line-height:17px;
background:url(../img/btn_top_head01_a.jpg) no-repeat left top;
}
.btn_top_fil4 a:hover{
background:url(../img/btn_top_head01_b.jpg) no-repeat left top;
}


.news_topics dl{
padding:5px 0 8px 10px;
background:url(../img/x_dot.jpg) bottom repeat-x;
}
.news_topics dt,.news_topics dd{
float:left;
margin:0 10px 0 0;
}
.news_topics dt{
color:#333333;
}

.side_inquiry{
background:url(../img/side_inquiry_body.jpg) repeat-y;
}
.side_inquiry p{
color:#CCCCCC;
padding:8px 8px 2px 8px;
margin:3px 3px 3px 3px;
line-height:1.4;
}
.side_inquiry dl.tel dt,.side_inquiry dl.tel dd{
float:left;
}
.side_inquiry dl{
margin:0 0 0 15px;
color:#CCCCCC;
}
.side_inquiry .tel dt{
background:url(../img/img_tel.jpg) no-repeat left center;
padding:0 0 0 45px;
}
.side_inquiry .fax dt{
background:url(../img/img_fax.jpg) no-repeat left center;
padding:0 0 0 45px;
}

.side_inquiry .btm{
background:url(../img/side_inquiry_foot.jpg) no-repeat;
height:5px;
font-size:5px;
line-height:1;
}

.side_contents{
margin:15px 0 0 0;
}
.side_contents ul.pickup li{
background:url(../img/x_dot.jpg) repeat-x bottom;
clear:both;
padding:5px 2px 5px 2px;
}
.side_contents ul.pickup li a{

}
.side_contents ul.pickup li img{
float:left;

}


/*
内部ページレイアウト----------------------------*/
#main_contents_in{
width:840px;
background:url(../img/bg_inpage.jpg) no-repeat top #FFF;
margin:0px auto 0 auto;;
}

#side_menu{
width:212px;
float:left;
}

.page_category{
width:197px;
margin:22px 0 10px 12px;
}

/*ページメニュー*/
.menu_list{
width:180px;
margin:auto;
}
.menu_list li{
border:solid #CCCCCC;
border-width:0 0 1px 0;
line-height:1.4;
}
.menu_list li{
border:solid #CCCCCC;
border-width:0 0 1px 0;
padding:7px 5px 7px 3px;
}
.menu_list li a{
background:url(../img/icn_gray_ring.png) no-repeat left center;
padding:0 0 0 18px;
}
.menu_list li a.selected{
background:url(../img/icn_orange_ring.png) no-repeat left center;
}

/*新着在庫情報*/
.new_stock{
width:203px;
margin:15px auto 0 9px;
}
.new_stock ul{
margin:0 0 0 7px;
}
.new_stock li{
clear:both;
font-weight:bold;
padding:7px 0 0 0;
}
.new_stock li img{
float:left;
margin:0 7px 0 0;
}


#main_contents_in #main{
width:575px;
float:right;
padding:33px 27px 0 20px;
}

/*サービス案内*/
.service_main{

}


/*お問い合せ*/
.page_inquiry{
width:193px;
margin:15px 0 15px 12px;
background:url(../img/img_inquiry_body.jpg) repeat-y;
}
.page_inquiry p{
width:164px;
margin:0 auto 0 auto;
padding:4px 6px 4px 6px;
color:#CCCCCC;
font-size:84%;
}
.page_inquiry div.btm{
overflow:hidden;
height:4px;
line-height:1;
background:url(../img/img_inquiry_foot.jpg) no-repeat;
}

/*サイトマップ*/
ul.sitemap{	
}

ul.sitemap li{
	width:600px;
	margin:10px 0 10px 0;
	border:solid #CCC;
	border-width:0 0 1px 0;
}

ul.sitemap li a{
	background:url(../img/icn_bluering.jpg) no-repeat left center;
	padding:0 0 0 20px;
	font-size:120%;
}
ul.sitemap li ul{
	display:block;
	margin-left:25px;	
}
ul.sitemap li ul li{
	display:inline;	
}

ul.sitemap li ul li,ul.sitemap li ul li a{
	background:none;
	padding:0px;
	color:#666666;
	font-size:100%;
}



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

* 9: other_page

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


/*table*/
.rayout_table{
width:600px;
border-collapse:collapse;
border:solid #CCCCCC 1px;
}
.rayout_table caption{
	text-align:right;	
}
.rayout_table caption strong{
	color:#900;
}
.rayout_table td{
border:solid #CCCCCC;
border-width:1px 1px 2px 1px;
padding:8px;
font-size:
}
.rayout_table th{
border:solid #CCCCCC;
border-width:1px 1px 2px 1px;
padding:8px;
background:#F6F6F6;
color:#003399;
}
.rayout_table th em{
color:#900;
}
.rayout_table td dt{
font-weight:bold;
}



.sitemap_list li{
margin:3px 0 3px 20px;
background:url(../img/icn_blue.gif) left center no-repeat;
padding:0 0 0 20px;
}

/*制作タイトル*/
.page_tab{
	border:solid #CCC;
	border-width:0 0 1px 0;
	margin:10px 0px 10px 0;
}
.page_tab ul{
	display:block;
}
.page_tab li{
	float:left;	
}

.results_block{
	width:180px;
	float:left;
	margin:10px 20px 0 0;
	word-break:break-all;
	white-space:normal;
	_height: 300px;
	min-height: 300px;
	height:600px;
}
.results_block .image{
	padding:10px;
  border:solid 1px #CCC;
}
.results_block .name{
	width:160px;
	padding:0 5px 0 5px;
	word-break:break-all;
	white-space:pre;
}
.results_block dl{
	border:solid #CCC;
	border-width:1px 0 0 0;
	width:180px;
}
.results_block dt{
	color:#666;
	padding:0 5px 0 5px;
	width:180px;
}
.results_block dd{
	padding:0 5px 0 5px;
	word-break:break-all;
/*	white-space:pre;*/
	width:180px;
}

.results_block02{
	width:180px;
	float:left;
	margin:10px 20px 0 0;
	word-break:break-all;
	white-space:normal;
	_height: 300px;
/*	min-height: 300px;*/
	height:250px;
}
.results_block02 .image{
	padding:10px;
  border:solid 1px #CCC;
}
.results_block02 .name{
	width:180px;
	padding:0 5px 0 5px;
	word-break:break-all;
	font-weight:bold;
	white-space:pre;*/
}
.results_block02 dl{
	border:solid #CCC;
	border-width:1px 0 0 0;
	width:180px;
}
.results_block02 dt{
	color:#666;
	padding:0 5px 0 5px;
	width:180px;
}

.results_block02 dd{
	padding:0 5px 0 5px;
	margin:0;
	word-break:break-all;
/*	white-space:pre;*/
	width:180px;
}


/*採用情報*/

.gray_box{
	width:595px;
	background:#E8E8E8;
	padding:10px 0 10px 10px;
}
.gray_box img{
	border:solid #FFF 2px;
}

.entry_btn{
padding:5px 10px 5px 10px;
font-weight:bold;
font-size:120%;
}

/*お問い合せフォーム
-------------------------------------------------------*/
table.form1{
	width:550px;
	empty-cells:hide;
	margin-bottom:15px;
}

table.form1 td{
	vertical-align:top;
}

table.form1 th,
table.form1 td{
	padding:5px;
	text-align:left;
	border-top:1px dotted #ccc;
}


table.form1 th{
	width:130px;
	background-color:#f9f9f9;
	border-right:1px dotted #ccc;
}


table.form1 td span{
	display:block;
	color:#666666;
	font-size:84%;
}

table.form1 td input{
	width:100%;
}

table.form1 td ul li input{
	width:auto;
}
table.form1 .tfil{
width:300px !important;

}

table.form1 td table td ul{
	padding:0px !important;
}

table.form1 td table td li{
	list-style-type:none !important;
}
table.form1 em{
color:#CC0000;
font-style:normal;
}
table.form1 table,table.form1 table td,table.form1 table th{
border:none;
}

.msg{
	color:#CC0000;	
}

/*Light BOX*/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*

jacarousel

*/

#mycarousel{
	overflow:hidden;
}

.jcarousel-skin-tango{
	width:627px;
}

.jcarousel-skin-tango .jcarousel-container {
	width:479px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 20px 74px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 150px;
    height: 245px;
    padding: 40px 20px;
	word-break:break-all;
	white-space:normal;
}

.jcarousel-skin-tango .jcarousel-clip{
	width:479px;
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	height:205px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 150px;
    height: 245px;
	word-break:break-all;
	white-space:normal;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 150px;
    height: 188px;
	word-break:break-all;
	white-space:normal;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 90px;
    right: 25px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../img/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 90px;
    left: 25px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../img/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/*light box */
#lightbox-image-details-caption{ font-size:170% !important; }
#lightbox-image-details-currentNumber{ display: none !important; }


/*blog*/
div.contents_body p{
padding:0 20px;
}

div.stock_blog{
padding:10px 10px 10px 10px;
margin:20px 0;
}
div.stock_blog dl{
padding:5px 0 5px 10px;
margin:3px 0 3ox 0;
border:solid #CCC;
border-width:0 0 1px 0;
width:600px;
}
div.stock_blog dt,div.stock_blog dd{
float:left;
margin:0 10px 0 0;
}
div.stock_blog dt,div.stock_blog img{
vertical-align:middle;
}
div.stock_blog dt{
color:#333333;
background:url(../img/blog_icon.png) no-repeat 0 0;
padding-left:25px;
}

/*---2016/05/13:フォントサイズ調整（オリジナルタイトル）---*/
@media screen and (max-width: 680px){
    .new_products_box{
	   -webkit-font-size:70%;
	}
    body {
        background-image:url(../img/bg_blue.png);
        background-repeat:repeat-x;
        background-position: left bottom;
        background-color:#FFF;
        background-size:100% 200px;
    }
    
    /*

    body {
        background:#FFFFFF;
    }
    div#container {
        background:#FFFFFF;
    }
    div#container div.inner{
        background-color:#FFFFFF;
    }
    
        h1.site_detail{
        background-color:#FFFFFF;
    }
    ul#gnavi_menu{
        background-color:#FFFFFF;
    }
    div.banner_bg{
        background-color:#FFFFFF;
    }
    div#footer .footerlink{
        background:#0049B7;
    }

    div#container div.inner{
        width:95%;
        text-align: left;
        background-color:#FFFFFF;
    }
    div#footer_pagetop{
        background:#0049B7;
    }
    div#footer_pagetop div.inner{
        background:#0049B7 !important;
    }
    div#footer{
        width:100%;
    }
    container
    div#container {
      margin: 0 auto;
      text-align:left;
      background:url(../img/bg_site.jpg) repeat-x 100px 0 #FFF;
      }
    div#container div.outer{
      margin: 0 auto;
      text-align: center;
      }
    div#container div.inner{
      margin: 0 auto;
      width: 840px;
      text-align: center;
    }
    
    div#container {
      width: 100%;
      }
    div#container div.outer{
      width: 100%;
      }
    div#container div.inner{
      width: 100%;
    }
    div#banner{
        background:url(../img/bg_contents_top.jpg) repeat-x bottom;
        padding:0 0 13px 0;
        text-align:center;
          }
    div.banner_bg{
        width:840px;
        margin:auto;
        background:url(../img/bg_mainbnr.jpg);
        text-align:center;
        position:relative;
        z-index:1;
    }

    */
}