/*
Theme Name: Ryutsucenter
Theme URI: http://ryutsucenter-yamanashi.jp/
Description: 流通センター
Version: 1.0
Author: Yuji Nagasawa
Author URI: http://www.adovonext.com/
*/

/* reset
------------------------------------------------------------------------------------------------------------------------------------------------ */
@charset "utf-8";

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}


h6 {
  clear: both;
}


/* layout
------------------------------------------------------------------------------------------------------------------------------------------------ */
body {
  background:url(images/bg_header01.jpg) repeat-x 0px 71px;
}

#page {
  min-height: 100%;
  height: 100%;
}

#wrapper {
  width: 910px;
  margin: 0 auto;
}

	
/* header
------------------------------------------------------------------------ */
header {
  height: 90px;
}

header
  h1 {
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 1em;
}

#headerLogo {
  background:url(images/logo.gif) no-repeat 0px 0px;
  margin-top: 20px;
  width: 310px;
  height: 23px;
  float: left;
  text-indent: -9999px;
}

address {
  background:url(images/txt_tel01.gif) no-repeat 0px 0px;
  width: 209px;
  height: 46px;
  float: right;
  text-indent: -9999px;
}


/* gNavi
------------------------------------------------------------------------ */
#gNavi {
  background:url(images/gnavi.jpg) no-repeat 0px 0px;
  width: 910px;
  height: 45px;
}

#gNavi 
  li {
    float: left;
}


#gNavi 
  li
  	a{
  	  display: block;
      width: 130px;
      height: 45px;
      text-indent: -9999px;
}

#gNavi li a:hover#gNavTop{ background:url(images/gnavi.jpg) no-repeat 0px -46px; }
#gNavi li a:hover#gNavInf{ background:url(images/gnavi.jpg) no-repeat -130px -46px; }
#gNavi li a:hover#gNavGui{ background:url(images/gnavi.jpg) no-repeat -260px -46px; }
#gNavi li a:hover#gNavUni{ background:url(images/gnavi.jpg) no-repeat -390px -46px; }
#gNavi li a:hover#gNavAcc{ background:url(images/gnavi.jpg) no-repeat -520px -46px; }
#gNavi li a:hover#gNavCon{ background:url(images/gnavi.jpg) no-repeat -650px -46px; }
#gNavi li a:hover#gNavOut{ background:url(images/gnavi.jpg) no-repeat -780px -46px; }


/* mainImg
------------------------------------------------------------------------ */
#mainImg {
  background:url(images/bg_top_mainimg01.jpg) no-repeat center center;
  height: 313px;
  width: 910px;
}


/* main と side共通
------------------------------------------------------------------------ */
#side,
#main {
  margin-top: 7px;
  margin-bottom: 30px;
}

#main h2,
#side h2 {
    margin-top: 30px;
    font-weight: normal;
    padding: 10px 0px 0px 15px;
}

#main li,
#side #schedule li ,
#side #news li {
    font-size: 0.8em;
    list-style: url(images/ico_dec02.gif) inside;
    line-height: 2em;
}

#ie7 #main li,
#ie7 #side #schedule li ,
#ie7 #side #news li {
    list-style: url(images/ico_dec02.gif) outside;
    text-indent: 20px;
}

section.post:after {
  content: ""; 
  display: block; 
  clear: both;
 }


/* side 
------------------------------------------------------------------------ */
#side {
  width: 265px;
  float: left;
}

#lNavi {
  background:url(images/gnavi_sub01_231128.gif) no-repeat 0px 0px;
  width: 265px;
  height: 780px;
  margin-top: 30px;
}

#index #lNavi {
  margin-top: 0px;
}

#lNavi
  a {
    display: block;
    height: 60px;
    margin-bottom: 20px;
    text-indent: -9999px;
}

#side
  h2 {
    background:url(images/tit_tit01.gif) no-repeat 0px 0px;
    width: 265px;
    height: 40px;
}

.div_forList01 {
  text-align: right;
  font-size: 0.8em;
}


/* main
------------------------------------------------------------------------ */
#main {
  width: 619px;
  float: right;
}

#main
  h2 {
    background:url(images/tit_tit02.gif) no-repeat 0px 0px;
    width: 619px;
    height: 40px;
}

#union_list 
  ul {
    margin-left: 10px;
  }

#union_list 
  li {
    float: left;
    margin: 0 5px;
}

#ie7 #union_list li ,
#ie8 #union_list li {
  clear: left;
}

#union_list
  h2 {
    background-image: none;
    height: 20px;
    margin: 0px;
}





/* footer
------------------------------------------------------------------------ */
footer {
  border-top: 1px solid #333333;
  padding-top: 20px;
}

#fotterLogo {
  background:url(images/footerLogo.gif) no-repeat 0px 0px;
  width: 210px;
  height: 16px;
  float: left;
  text-indent: -9999px;
}

#siteMap {
  float: right;
  width: 613px;
}

#siteMap li {
  list-style: url(images/ico_dec01.gif) inside;
  float: left;
  font-size: 0.7em;
  width: 178px;
  height: 15px;
  margin: 3px;
}

#ie7 #siteMap li ,
#ie8 #siteMap li {
}

footer
  div {
    padding: 20px;
    text-align: center; 
  }
  
/* pNavi
------------------------------------------------------------------------------------------------------------------------------------------------ */

#pNavi {
      background:url(images/navi_pickup01.jpg) no-repeat 0px 0px;
      width: 618px;
      height: 320px;
}

#pNavi 
  li
  	a{
  	  display: block;
      width: 302px;
      height: 160px;
      text-indent: -9999px;
}

#pNavi 
  li {
    list-style: none;
}

#pNavi li a:hover#pNavGui{ background:url(images/navi_pickup01.jpg) no-repeat 0px -320px; }
#pNavi li a:hover#pNavOut{ background:url(images/navi_pickup01.jpg) no-repeat -316px -320px; }
#pNavi li a:hover#pNavLis{ background:url(images/navi_pickup01.jpg) no-repeat 0px -480px; }
#pNavi li a:hover#pNavEve{ background:url(images/navi_pickup01.jpg) no-repeat -316px -480px; }


/* infoList
------------------------------------------------------------------------ */
#infoList h2{
  margin-top: 10px;
}



/* shoppingList
------------------------------------------------------------------------ */

#shoppingList h2{
    width: 619px;
    height: 135px;
}

#shoppingList
  h2 {
    background:url(images/mainimg_top_shopping01.jpg) no-repeat 0px 0px;
}

#shoppingList
  h2 a {
    display: block;
    text-indent: -9999px;
        width: 100px;
    float:left;
    height: 135px;
}
#shoppingList
  h2 a.rakuten {

 margin-left: 285pt;
 }
#shoppingList
  li {
    width: 196px;
    float: left;
}

#shoppingList
  li
    div {
	  	height: 100px;
		width: 186px !important;
	  	border: 5px solid #cccccc;

}

#shoppingList
  li
    p {
	  line-height: 1.5em;
}

#shoppingList li#first div {
  background:url(images/ico_first01.gif) no-repeat 10px 10px;
}

#shoppingList li#second div {
  background:url(images/ico_second01.gif) no-repeat 10px 10px;
}

#shoppingList li#second {
  margin: 0 15px;
}

#shoppingList li#third div {
  background:url(images/ico_third01.gif) no-repeat 10px 10px;
}

#shoppingList
  h3 {
    background:url(images/tit_tit03.gif) no-repeat 0px 0px;
    width: 196px;
    height: 32px;
    font-weight: normal;
    padding: 5px 0px ;
    text-align: center;
}

#shoppingList li {
    list-style: none;
}

#shoppingList
  img {
    margin-top: 5px;
/*     margin-left: 80px; */
    margin-left: 5px;
  }

#shoppingList
h2.shoppingList_h2 {
    background:url(images/tit_tit02.gif) no-repeat 0px 0px;
    width: 619px;
    height: 40px;
margin-top:0px;
  }


/* b2cList
------------------------------------------------------------------------ */
#b2cList li{
  float: left;
  width: 198px;
  height: auto;
  margin: 3px;
}

#b2cList li {
    list-style: none;
}

#b2cList li p{
font-size: 0.9em;
line-height: 1.3em;
}


/* linkList
------------------------------------------------------------------------ */
#linkList li{
  float: left;
  width: 198px;
  height: 45px;
  margin: 3px;
}

#linkList li {
    list-style: none;
}


/* ---------------------------------------------
	4 - clearfix
--------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* information
------------------------------------------------------------------------ */

#information h3{
	border-left: 10px solid #A067E8;
	padding-left: 10px;
	margin-top: 30px;
}

#information p{
	font-size: 0.9em;
}



/* schedule
------------------------------------------------------------------------ */






/* single-union
------------------------------------------------------------------------ */
#single-union {

}

body#single-union {
    background-image: none;
}

#single-union h2 {
  margin-top: 0px;
}

#single-union #wrapper {
  width: 620px;
/*  margin: 0 auto;*/
}

#single-union #main {
  float: none;
}



/* weathernews_blog_parts
------------------------------------------------------------------------ */
#weathernews_blog_parts {
width: 200px;
margin: 0 auto;

}




/* 1F 2F
------------------------------------------------------------------------ */

#F1,
#F2 {
	width: 619px;
	height: 356px;
}

#F1 {
  background:url(images/1F_2103.jpg) no-repeat center top;
}

#F2 {
  background:url(images/2F.jpg) no-repeat center top;
}




/* gallery
------------------------------------------------------------------------ */
#gallery1F ,
#gallery2F , #a{  
	display:none;
/*	visibility: hidden;*/
}  

#gallery1F ul ,
#gallery2F ul,
#a ul {  
	list-style:none;
/*	visibility: hidden;*/
/*	display:none;*/
/*	position: absolute;*/
	margin-top: 10px;
}  
  
#gallery1F  li ,
#gallery2F  li {  
	background:#e8e8e8;  
	float:left;  
	display:block;  
	border:1px solid #d7d7d7;  
	-moz-border-radius:4px;  
	-webkit-border-radius:4px;  
	border-radius:4px;  
	-webkit-box-shadow:1px 1px 6px #ddd;  
	-moz-box-shadow:1px 1px 6px #ddd;  
	box-shadow:1px 1px 6px #ddd;  
	/*margin:15px 56px;  */
	padding:0;  
}  
 
#gallery1F  img ,
#gallery2F  img {  
	width:136px;
	margin:0;  
	padding:8px;  
	/*	visibility: hidden;*/
}  

#gallery  img {
	display:inline;
}

.preloader {   
   background:url(images/89.gif) center center no-repeat #ffffff;   
   display:inline-block;    
}  



/* reservation
------------------------------------------------------------------------ */

a.reservation {
      display: block;
    text-indent: -9999px;
  }

.reservation {
	width: 213px;
	height: 64px;
}

.reservation  {
  background:url(images/btn_reservation.jpg) no-repeat center top;
}


/* detaile_drawin
------------------------------------------------------------------------ */

a.detaile_drawin {
      display: block;
    text-indent: -9999px;
    float: left;
  }

.detaile_drawin {
  width: 213px;
  height: 64px;
}

.detaile_drawin  {
  background:url(images/btn_detaile_drawin.png) no-repeat center top;
}





/* style
------------------------------------------------------------------------------------------------------------------------------------------------ */

/* font
------------------------------------------------------------------------ */
.f08 {
  font-size: 0.8em;
}



/* float
------------------------------------------------------------------------ */
.cBoth01 {
  clear: both;
}

.fL01 {
  float: left;
}

.fR01 {
  float: right;
}


/* position
------------------------------------------------------------------------ */
.pos-abso{

	position: absolute;
}


/* a
------------------------------------------------------------------------ */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}



/* margin
------------------------------------------------------------------------ */
.mB20 {
  margin-bottom: 20px;
}

.mT130 {
  margin-top: 130px;
}

.mT30 {
  margin-top: 30px;
}


/* class_box_shadow
------------------------------------------------------------------------ */

.box_shadow{
/*	outline: 1px solid #DDD;*/
	border-top: 1px solid white;
	padding: 5px;
	background: #F0F0F0;
	box-shadow: 0 0 6px #999;
	-webkit-box-shadow: 0 0 6px #999;
	margin: 15px;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* smrtphone
------------------------------------------------------------------------ */

#switch {
    background-color: #FFFFFF;
    border: 1px solid #B1B1B1;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    height: 17px;
    margin: 60px 9px 25px;
    padding: 12px 8px;
    position: relative;
    text-align: left;
    text-shadow: none;
    line-height: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#switch div {
    border: 1px solid #B1B1B1;
    font-size: 13px;
    position: absolute;
    right: 8px;
    text-shadow: 0 1px 0 #FFFFFF;
    top: 8px;
}

#switch .active {
    border-style: none;
    color: #666666;
    text-shadow: 0 1px 0 #FFFFFF;
}

#switch .on {
    border-right: 1px solid #B1B1B1;
    display: block;
    float: left;
    padding: 5px 12px 6px;
}

#switch .off {
    border-left: 1px solid #B1B1B1;
    display: block;
    float: right;
    padding: 5px 8px 6px;
}