@charset "EUC-JP";

/*========================================
	
	living Default Style Sheet
	Since: 2012-7-1
	Modified: 
	Editor: living
	Customize:

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

/*========================================
	
		TOC(Table Of Contents)
		[1]:frame
		[2]:livifuku&kita-present
		[3]:blog
		[4]:culture&tour
		[5]:reco-contents
		[6]:link
		[7]:right-frame
		[8]:living-baitai
		[9]:banner
		[10]:vote
		[11]:hp-present
		[12]event
		[13]ex
		[14]news
		[15]special
		[16]:rotation banner
	=========================================*/

/*----------------------------------------
		[1]:frame
-----------------------------------------*/

#mainContent {
	float: left;
	width: 635px;
	margin-top:15px;
	display: inline;
	margin-left:16px;
}

#subContent {
	float: right;
	width: 300px;
	margin-top:15px;
	margin-right:0;
	display: inline;
	margin-right:16px;
}

#flash {
	width: 635px;
	}

#mainContent #left{
	width:200px;
	float:left;
	margin-top:15px;
	}

#mainContent #right{
	width:425px;
	float:right;
	margin-top:15px;
	margin-bottom:15px;
	}
	

/*----------------------------------------
		[2]:livifuku&kita-present
-----------------------------------------*/

#pre {
	float: left;
	width: 200px;
	background: url(../img/waku_pre.gif) no-repeat bottom ;
	display: inline;
	margin-bottom:10px;
}

#pre .inner  {  
	background: url(../img/t_pre01.gif) no-repeat;
	padding: 25px 12px 0px  12px;
}  

#pre .list01 {
	margin-top:5px;
	width: 170px;
}

#pre .fuku {
	width: 170px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 5px;
	display: inline;
}

#pre .fuku img {
	margin-right: 7px;
}

#pre .kitattl {
	width: 170px;
	float: left;
	margin-top: 5px;
	margin-bottom:5px;
	display: inline;
}

#pre .kita {
	width: 170px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	display: inline;
}

#pre .kita .txt {
	width: 100px;
	float: right;
	font-size: 12px;
	line-height: 18px;
}


#pre .kita .img {
    width: 65px;
	float:left;
}

#pre .bt{
	width: 160px;
	margin:auto;
	margin-bottom:5px;
}

/*-- 特設プレゼント--*/

.pre02 {
	float: left;
	width: 200px;
	display: inline;
	margin-bottom:10px;
	
}


/*----------------------------------------
		[3]:blog
-----------------------------------------*/

#blog {
	float: left;
	width: 635px;

}

#blog h2{
	width: 635px;
	margin-bottom:10px;
}


#blog .bwaku{
	width:110px;
	float:left;
	margin-left:14px;
	display: inline;
}


#blog .bwaku ul li{
	width:110px;
	margin-top:3px;
}

#blog .bwaku li{
	font-size:12px;
	line-height:1.3;
}


/*----------------------------------------
		[4]:culture&tour
-----------------------------------------*/

#right_bnr {
	float:left;
	width: 425px;
	margin-bottom:10px;
	}
	
#right_bnr02 {
	float:left;
	width: 425px;
	margin-top:10px;
	}

#right_cul {
	float:left;
	width: 425px;
	display: inline;
	margin-top:10px;
	}

#right_cul .inner   {  
	background: url(../img/t_event.gif) no-repeat;
	padding: 25px 0px 10px  0px;
	float:right;
	width: 425px;
	display: inline;
}  

#right_cul .culwaku {
	float:left;
	width: 425px;
	margin-top:10px;
}

#right_cul .culbox {
	float: left;
	width: 197px;
	display: inline;
	margin-left:10px;
}


#right_cul .culbox .pt {
	width:100px;
	float:left;
}

#right_cul .culbox .txt {
	width:90px;
	float:right;
	font-size:12px;
	line-height:1.1;
}


/*----------------------------------------
		[5]:reco-contents
-----------------------------------------*/

#right_contents {
	float: right;
	width: 425px;
	margin-top: 15px;
	background: url(../img/bg_con.gif) no-repeat bottom;
	display: inline;
}

#right_contents .inner  { 
	background: url(../img/t_reco.jpg) no-repeat;
	padding: 25px 0px 0px  0px;
	width:425px;
} 

#contents01 { 
	width: 280px;
	float: left;
	margin-left: 10px;
	display: inline;

} 

#contents01 ul {
	width: 280px;
	margin-top:10px;
}

#contents01 ul li {
	width: 280px;
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 16px;
	
}

*html body #contents01 ul li {
	width: 280px;
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 16px;
	
}

#contents02 { 
	width: 115px;
	float: right;
	margin-right: 10px;
	display: inline;
	
} 

#contents02 ul {
	width: 115px;
	margin-top:10px;
}

#contents02 ul li {
	width: 115px;
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 16px;
	
}

#contents03 { 
	display: inline;
	width: 405px;
	float: left;
	margin-left: 10px;
	
} 

#contents03a { 
	display: inline;
	width: 266px;
	float: left;
} 

#contents03b { 
	display: inline;
	width: 128px;
	float: left;
} 



#contents03c { 
	width: 128px;
	float: right;
	display: inline;
	margin:0px;
} 

#contents03d { 
	display: inline;
	width: 128px;
	float: right;
} 

#contents03 ul {
	float:left;
	width: 128px;
	margin-top:5px;
	padding:0;
	display: inline;
	}

#contents03 ul li {
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 16px;
}



*html body #contents03 ul li {
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	font-size: 12px;
	line-height: 16px;
}


#contents04 { 
	width: 405px;
	float: left;
	margin-left: 15px;
	margin-bottom:7px;
	display: inline;
	
} 


/*----------------------------------------
		[6]:link
-----------------------------------------*/

#linkhp { 
	width: 633px;
	border: 1px solid #cccccc;
	float: left;
	margin-bottom: 15px;
	margin-top: 15px;
	display: inline;
} 

#linkhp div { 
	width: 600px;
	margin:auto;
	margin-top: 10px;
	margin-bottom: 10px;
} 

#linkhp div.bottom { 
	width: 600px;
	margin-left:10px;
	margin-bottom: 10px;
	} 

#linkhp div ul,
#linkhp div ul li {
	float: left;
}

#linkhp div ul {
	width: 600px;
}

#linkhp div ul li {
	font-size: 12px;
	margin-bottom: 0px;
}

#linkhp div ul li.yoko {
	margin-left: 10px;
}

#linkhp div ul li.yoko02 {
	margin-left: 25px;
}


/*----------------------------------------
		[7]:right-frame
-----------------------------------------*/

.box {
	width: 298px;
	background: url(../img/bg_circle01.jpg) bottom repeat-y;
	margin: 0 0 10px  0; 
} 

.box .upper{
	width: 298px;
	background: url(../img/bg_circle02.jpg) bottom repeat-y;
	height:15px;
}


.box02 {
	width: 300px; 
	margin:  0 0 10px 0;
} 


/*----------------------------------------
		[8]:living-baitai
-----------------------------------------*/

.box .baitai {
	width: 270px;
	margin:auto;
	padding-bottom: 15px;
	text-align: center;
} 

.box .baitai02 {
	width: 135px; 
	float:left;
} 

.box .baitai03 {
	width: 125px;
	float:right;
} 

.box .baitai ul li {
	width: 125px;
}

.box .baitai ul li.last {
	margin-top:10px;
} 

.box .osirase {
	width: 270px;
	margin:auto;
	padding-bottom: 15px;
	text-align: center;
	font-size:12px;
} 



/*----------------------------------------
		[9]:banner
-----------------------------------------*/

.box .bnrc {
	width: 280px; 
	margin:auto;
	padding-bottom: 10px;
	text-align: center;
} 

.box .bnrc .left{
	width: 120px;
	float:left;
	margin-left:8px;
	}
	
.box .bnrc .right{
	width: 120px;
	float:right;
	margin-right:8px;
	}
	


/*	exception */
.box .bnrc02 {
	width: 270px;
	margin:auto;
	padding-bottom: 10px;
} 


/*	exception */
.box .bnrc02 .pr01 {
	width: 35px;
	float:left;
	font-size:10px;
	line-height:1.3;
} 

.box .bnrc02 .pr02 {
	width: 230px; 
	float:right;
	font-size:12px;
	line-height:1.3;
}


/*	exception */
.box .bnrc02 .d01 {
	width: 100px;
	float:left;
	font-size:10px;
	line-height:1.3;
} 

.box .bnrc02 .d02 {
	width: 170px; 
	float:right;
	font-size:12px;
	line-height:1.3;
}

/*	bnrf  */

.bnrf {
	width: 200px;
	margin-bottom:10px;
	float:left;
	font-size:10px;
} 

.bnrf02 {
	width: 200px;
	margin-top:10px;
	float:left;
} 

.bnrf03 {
	width: 200px;
	float:left;
} 

/*	hensyu-oubo  */

#oubowaku{
	width:635px;
	margin-bottom:15px;
}

#oubowaku .left{
	width:310px;
	float:left;
}

#oubowaku .right{
	width:310px;
	float:right;
}


/*----------------------------------------
		[10]:vote
-----------------------------------------*/

.box .vote01 {
	width: 260px;
	margin:auto;
	margin-bottom: 10px;
} 

.box .vote01 ul li {
	width: 280px;
	font-size: 12px;
	padding-bottom:5px;
} 

.box .vote02 {
	width: 260px; 
	margin:auto;
	margin-top: 10px;
	margin-bottom: 10px;
} 

.box .vote02 ul li {
	width: 260px;
	margin-top: 3px;
	font-size: 12px;
} 

.box .vote03 {
	width: 200px; 
	margin: auto;
	padding-bottom: 10px;
} 

.box .vote03 ul {
	width: 260px;
	margin-top: 5px;
	
	
} 

.box .vote03 li {
float:left;
	width: 95px;
	margin-left:10px;	
} 

.box .vote03 li.ex{
	margin-left:0px;
}

/*----------------------------------------
		[11]:hp-present
-----------------------------------------*/

#boxpre {
	width: 425px;
	font-size:12px;
	line-height:1.6;
} 

#boxpre h2{
	width: 425px;
}

#boxpre .pt-pre{
	width:100px;
	float:left;
	margin-right:8px;
	margin-top:8px;
	display: inline;
}

#boxpre .pt-pre02{
	width:100px;
	float:right;
	margin-top:8px;
	display: inline;
}

#boxpre .pretxt{
	width:425px;
	padding-top:5px;
}

/*----------------------------------------
		[12]:event
-----------------------------------------*/

#boxevent {
	width: 425px;
} 

#boxevent h2{
	width: 425px;
}


#boxevent .inner {
	width: 425px;
	margin-top:5px;
} 

#boxevent .inner  li{
	font-size:12px;
	list-style:disc;
	margin-left:15px;
} 

#boxevent .event-detail{
	width: 425px;
	font-size:12px;
	text-align:right;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
} 

#boxevent .inner a[target="_blank"]:after {
      content: url(../event/img/newwinicon.gif);
      margin: 0px 2px;
   }
   
/*----------------------------------------
		[13]:ex
-----------------------------------------*/

 #mainContent #right .first{
	margin-top:0px;
	}
	
 #mainContent #right .fin{
	margin-bottom:0px;
	}
	
/*----------------------------------------
		[14]:news
-----------------------------------------*/

#news {
	width: 425px;
	margin-bottom:10px;
} 

#news01 {
	width: 635px;
	margin-top:10px;
} 

#news01 .inner{
	padding: 10px;
	background-color:#F0F3B1;
}

/*----------------------------------------
		[15]:news
-----------------------------------------*/

.special{
	width:415px;
	margin-bottom:10px;
	line-height:1.5;
	font-size:12px;
}

.special img{
	float:left;
	margin-right:10px;
}

.special img.ex{
	float:none;
}

/*----------------------------------------
		[16]:rotation banner
-----------------------------------------*/

#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }
#image-navigation ul li a {
  display:block;
  width:136px;
  height:62px;
}
#image-navigation .navi {
  float:left;
}
#image-navigation .navi-image {
  float:left;
}

#image-navigation-text{
	background:url(../common/bg_flash.jpg) no-repeat;
}

#image-navigation-text ul li a {
  display:block;
  width:136px;
  height:62px;
  color:#333;
  line-height:62px;
  text-align:left;
  text-decoration:none;
  font-size:11px;
  line-height:2.3;
  text-align:center;
}
#image-navigation-text .navi {
  float:left;
  margin-left:12px;
  margin-top:12px;
  margin-bottom:12px;
}
#image-navigation-text .navi-image {
  float:left;
  margin-right:12px;
  margin-bottom:12px;
  margin-left:5px;
}

#image-navigation-text a {
  background: url(../common/bt_flash.png) no-repeat;
}
#image-navigation-text a.active {
  background: url(../common/bt_flash02.png) no-repeat;
  color:#333;
}
#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:12px; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }